Mini Kabibi Habibi
.cywssw .component_e18f85 {
text-transform: none;
margin-top: 8px;
margin-bottom: 8px;
font-style: normal;
line-height: 1.3;
}
.cywssw .component_e18f85.ccx-ss-Heading-display {
font-weight: 400;
font-weight: var(--ccx-share-sheet-font-weight-normal);
letter-spacing: 0;
font-size: 40px;
}
.cywssw .component_e18f85.ccx-ss-Heading--pageTitle {
font-weight: 400;
font-weight: var(--ccx-share-sheet-font-weight-normal);
letter-spacing: 0;
font-size: 28px;
}
.cywssw .component_e18f85.ccx-ss-Heading--subtitle1 {
font-weight: 700;
font-weight: var(--ccx-share-sheet-font-weight-xbold);
letter-spacing: 0;
font-size: 18px;
}
.cywssw .component_e18f85.ccx-ss-Heading--subtitle2 {
font-weight: 700;
font-weight: var(--ccx-share-sheet-font-weight-xbold);
letter-spacing: 0;
font-size: 14px;
}
.cywssw .component_e18f85.ccx-ss-Heading--subtitle3 {
font-weight: 700;
font-weight: var(--ccx-share-sheet-font-weight-xbold);
letter-spacing: .06em;
text-transform: uppercase;
font-size: 11px;
}
.cywssw .component_e18f85.express.ccx-ss-Heading-display {
font-size: var(--spectrum-heading-size-xl, 40px);
font-weight: var(--spectrum-heading-sans-serif-font-weight, 300);
letter-spacing: 0;
}
.cywssw .component_e18f85.express.ccx-ss-Heading--pageTitle {
font-size: var(--spectrum-heading-size-l, 28px);
font-weight: var(--spectrum-heading-sans-serif-font-weight, 300);
letter-spacing: 0;
}
.cywssw .component_e18f85.express.ccx-ss-Heading--subtitle1 {
font-size: var(--spectrum-heading-size-m, 18px);
font-weight: var(--spectrum-heading-sans-serif-font-weight, 700);
letter-spacing: 0;
}
.cywssw .component_e18f85.express.ccx-ss-Heading--subtitle2 {
font-size: var(--spectrum-heading-size-s, 14px);
font-weight: var(--spectrum-heading-sans-serif-font-weight, 700);
letter-spacing: 0;
}
.cywssw .component_e18f85.express.ccx-ss-Heading--subtitle3 {
font-size: var(--spectrum-heading-size-xs, 11px);
font-weight: var(--spectrum-heading-sans-serif-font-weight, 700);
letter-spacing: .06em;
text-transform: uppercase;
}
.cywssw .spectrum--lightest .component_e18f85.ccx-ss-Heading--display {
color: #323232;
}
.cywssw .spectrum--light .component_e18f85.ccx-ss-Heading--display {
color: #2c2c2c;
}
.cywssw .spectrum--dark .component_e18f85.ccx-ss-Heading--display {
color: #fff;
}
.cywssw .spectrum--darkest .component_e18f85.ccx-ss-Heading--display {
color: #e2e2e2;
}
.cywssw .spectrum--lightest .component_e18f85.ccx-ss-Heading--pageTitle {
color: #767676;
}
.cywssw .spectrum--light .component_e18f85.ccx-ss-Heading--pageTitle {
color: #707070;
}
.cywssw .spectrum--dark .component_e18f85.ccx-ss-Heading--pageTitle {
color: #999;
}
.cywssw .spectrum--darkest .component_e18f85.ccx-ss-Heading--pageTitle {
color: #858585;
}
.cywssw .spectrum--large .component_e18f85.ccx-ss-Heading--subtitle1 {
margin-bottom: 10px;
font-size: 22px;
}
.cywssw .spectrum--lightest .component_e18f85.ccx-ss-Heading--subtitle1 {
color: #323232;
}
.cywssw .spectrum--light .component_e18f85.ccx-ss-Heading--subtitle1 {
color: #2c2c2c;
}
.cywssw .spectrum--dark .component_e18f85.ccx-ss-Heading--subtitle1 {
color: #fff;
}
.cywssw .spectrum--darkest .component_e18f85.ccx-ss-Heading--subtitle1 {
color: #e2e2e2;
}
.cywssw .spectrum--lightest .component_e18f85.ccx-ss-Heading--subtitle2 {
color: #323232;
}
.cywssw .spectrum--light .component_e18f85.ccx-ss-Heading--subtitle2 {
color: #2c2c2c;
}
.cywssw .spectrum--dark .component_e18f85.ccx-ss-Heading--subtitle2 {
color: #fff;
}
.cywssw .spectrum--darkest .component_e18f85.ccx-ss-Heading--subtitle2 {
color: #e2e2e2;
}
.cywssw .spectrum--lightest .component_e18f85.ccx-ss-Heading--subtitle3 {
color: #767676;
}
.cywssw .spectrum--light .component_e18f85.ccx-ss-Heading--subtitle3 {
color: #707070;
}
.cywssw .spectrum--dark .component_e18f85.ccx-ss-Heading--subtitle3 {
color: #999;
}
.cywssw .spectrum--darkest .component_e18f85.ccx-ss-Heading--subtitle3 {
color: #858585;
}
.cywssw .component_e3f024#ccx-ss-artifact-header-badge {
height: 100%;
margin: 0 0 -1px 12px;
font-weight: 400;
line-height: 1.35;
}
.cywssw .component_e3f024#ccx-ss-artifact-header-badge span.uxp-Label {
display: inline-block;
}
.cywssw .ccx-ss-nav-menu-tooltip__hide {
display: none;
}
.cywssw .lightest-theme .component_9f8f19 .ccx-ss-dialog-header-frameio-subtitle, .cywssw .light-theme .component_9f8f19 .ccx-ss-dialog-header-frameio-subtitle, .cywssw .dark-theme .component_9f8f19 .ccx-ss-dialog-header-frameio-subtitle, .cywssw .darkest-theme .component_9f8f19 .ccx-ss-dialog-header-frameio-subtitle {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .component_9f8f19 {
-webkit-box-sizing: content-box;
box-sizing: content-box;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
margin-bottom: 5px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_9f8f19 h2 {
margin: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_9f8f19 #ccx-ss-back-button {
margin: -4px 0 0 -10px;
display: -ms-inline-flexbox;
display: -webkit-inline-box;
display: inline-flex;
}
.cywssw .spectrum-theme-provider.swc-enabled[theme="express"] .component_9f8f19 #ccx-ss-back-button {
margin-top: 0;
}
.cywssw .component_9f8f19 #ccx-ss-back-button.spectrum-Tool {
margin-right: -4px;
}
.cywssw .component_9f8f19 #ccx-artifact-nav-dropdown {
margin: -4px 2px -1px 8px;
}
.cywssw .component_9f8f19 #ccx-ss-close-button {
margin-top: -5px;
}
.cywssw .component_9f8f19 #ccx-ss-dialog-header-content {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .spectrum-theme-provider.swc-enabled[theme="express"] .component_9f8f19 #ccx-ss-dialog-header-content {
margin-top: -5px;
}
.cywssw .component_9f8f19 .ccx-ss-dialog-header-frameio-subtitle {
padding-top: 4px;
}
.cywssw .component_9f8f19 .ccx-ss-dialog-header-frameio-subtitle.ccx-ss-padded-subtitle {
margin-top: -5px;
padding-left: 18px;
}
.cywssw .lightest-theme .component_819ec2 {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
color: var(--ccx-share-sheet-text-color);
padding-top: 4px;
}
.cywssw .lightest-theme .component_819ec2 .disabled {
color: var(--ccx-share-sheet-text-color-2);
cursor: not-allowed;
pointer-events: none;
}
.cywssw .light-theme .component_819ec2 {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
color: var(--ccx-share-sheet-text-color);
padding-top: 4px;
}
.cywssw .light-theme .component_819ec2 .disabled {
color: var(--ccx-share-sheet-text-color-2);
cursor: not-allowed;
pointer-events: none;
}
.cywssw .dark-theme .component_819ec2 {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
color: var(--ccx-share-sheet-text-color);
padding-top: 4px;
}
.cywssw .dark-theme .component_819ec2 .disabled {
color: var(--ccx-share-sheet-text-color-2);
cursor: not-allowed;
pointer-events: none;
}
.cywssw .darkest-theme .component_819ec2 {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
color: var(--ccx-share-sheet-text-color);
padding-top: 4px;
}
.cywssw .darkest-theme .component_819ec2 .disabled {
color: var(--ccx-share-sheet-text-color-2);
cursor: not-allowed;
pointer-events: none;
}
.cywssw .component_a09820.flex {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_a09820.flex .reverse {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.cywssw .component_a09820.column {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.cywssw .component_a09820.column .reverse {
-ms-flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}
.cywssw .component_a09820.alignBaseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.cywssw .component_a09820.alignCenter {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.cywssw .component_a09820.alignFlexEnd {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.cywssw .component_a09820.alignFlexStart {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.cywssw .component_a09820.alignStretch {
-ms-flex-align: stretch;
-webkit-box-align: stretch;
align-items: stretch;
}
.cywssw .component_a09820.justifyCenter {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.cywssw .component_a09820.justifySpaceAround {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.cywssw .component_a09820.justifySpaceBetween {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.cywssw .component_a09820.justifyFlexStart {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
}
.cywssw .component_a09820.justifyFlexEnd {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
}
.cywssw .component_a09820.noGrow {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
}
.cywssw .component_a09820.noShrink {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .lightest-theme .component_6ae627, .cywssw .light-theme .component_6ae627 {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .dark-theme .component_6ae627 {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .darkest-theme .component_6ae627 {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .component_6ae627 {
z-index: 103;
z-index: var(--ccx-share-sheet-z-index-ss-artifact-loading);
height: inherit;
text-align: center;
}
.cywssw .component_6ae627 .ccx-ss-artifact-loader-spinner-container {
width: 100%;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .lightest-theme .component_d78525 .ccx-ss-generic-hero-icon-container svg.ccx-ss-generic-hero-icon-alert, .cywssw .lightest-theme .component_d78525 .ccx-ss-generic-hero-icon-container .ccx-ss-icon.ccx-ss-generic-hero-icon-alert, .cywssw .light-theme .component_d78525 .ccx-ss-generic-hero-icon-container svg.ccx-ss-generic-hero-icon-alert, .cywssw .light-theme .component_d78525 .ccx-ss-generic-hero-icon-container .ccx-ss-icon.ccx-ss-generic-hero-icon-alert, .cywssw .dark-theme .component_d78525 .ccx-ss-generic-hero-icon-container svg.ccx-ss-generic-hero-icon-alert, .cywssw .dark-theme .component_d78525 .ccx-ss-generic-hero-icon-container .ccx-ss-icon.ccx-ss-generic-hero-icon-alert, .cywssw .darkest-theme .component_d78525 .ccx-ss-generic-hero-icon-container svg.ccx-ss-generic-hero-icon-alert, .cywssw .darkest-theme .component_d78525 .ccx-ss-generic-hero-icon-container .ccx-ss-icon.ccx-ss-generic-hero-icon-alert {
color: var(--ccx-share-sheet-icon-alert);
fill: var(--ccx-share-sheet-icon-alert);
}
.cywssw .component_d78525 {
height: inherit;
text-align: center;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
min-height: 500px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_d78525 .ccx-ss-generic-hero-icon-container {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_d78525 .ccx-ss-generic-hero-icon-container .ccx-ss-icon, .cywssw .component_d78525 .ccx-ss-generic-hero-icon-container svg {
width: 100px;
height: 100px;
}
.cywssw .component_d78525#ccx-ss-artifact-restricted-view {
min-height: auto;
}
.cywssw .component_d78525#ccx-ss-artifact-restricted-view .ccx-ss-generic-hero-icon-container .ccx-ss-icon, .cywssw .component_d78525#ccx-ss-artifact-restricted-view .ccx-ss-generic-hero-icon-container svg {
width: 100px;
height: 100px;
}
.cywssw .component_d78525#ccx-ss-artifact-create-restricted-view {
min-height: auto;
}
.cywssw .component_d78525#ccx-ss-artifact-create-restricted-view .ccx-ss-generic-hero-icon-container .ccx-ss-icon, .cywssw .component_d78525#ccx-ss-artifact-create-restricted-view .ccx-ss-generic-hero-icon-container svg {
width: 200px;
height: 160px;
}
.cywssw .component_d78525 .ccx-ss-generic-hero-message-container {
padding: 0 24px;
padding: 0 var(--ccx-share-sheet-padding-13);
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_d78525 .ccx-ss-generic-hero-message-container .ccx-ss-generic-hero-text-column {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_d78525 .ccx-ss-generic-hero-message-container .ccx-ss-generic-hero-text-column .ccx-ss-generic-hero-main-text-container h1 {
font-weight: 100;
font-weight: var(--ccx-share-sheet-font-weight-light);
}
.cywssw .component_d78525 .ccx-ss-generic-hero-message-container .ccx-ss-generic-hero-text-column .ccx-ss-generic-hero-secondary-text-container {
padding: 10px 24px;
padding: var(--ccx-share-sheet-padding-9) var(--ccx-share-sheet-padding-13);
}
.cywssw .lightest-theme .component_d156bf .ccx-icon-no-chat-element, .cywssw .light-theme .component_d156bf .ccx-icon-no-chat-element, .cywssw .dark-theme .component_d156bf .ccx-icon-no-chat-element, .cywssw .darkest-theme .component_d156bf .ccx-icon-no-chat-element {
stroke: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_d156bf .ccx-icon-no-chat-element {
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 3px;
stroke-width: var(--ccx-share-sheet-border-width-3);
}
.cywssw .component_0ff5ba:focus {
outline: none;
}
.cywssw .lightest-theme .component_a4e7ff {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .lightest-theme .component_a4e7ff .ccx-ss-offline-header-status {
background-color: var(--spectrum-blue-900, #2680eb);
background-color: var(--ccx-share-sheet-button-background-color);
}
.cywssw .light-theme .component_a4e7ff {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .light-theme .component_a4e7ff .ccx-ss-offline-header-status {
background-color: var(--spectrum-blue-900, #1473e6);
background-color: var(--ccx-share-sheet-button-background-color);
}
.cywssw .dark-theme .component_a4e7ff {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .dark-theme .component_a4e7ff .ccx-ss-offline-header-status {
background-color: var(--spectrum-blue-800, #378ef0);
background-color: var(--ccx-share-sheet-button-background-color);
}
.cywssw .darkest-theme .component_a4e7ff {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .darkest-theme .component_a4e7ff .ccx-ss-offline-header-status {
background-color: var(--spectrum-blue-800, #2680eb);
background-color: var(--ccx-share-sheet-button-background-color);
}
.cywssw .component_a4e7ff {
-webkit-font-smoothing: antialiased;
height: inherit;
position: relative;
}
.cywssw .component_a4e7ff .ccx-ss-offline-header {
padding: 20px 24px 0;
padding: var(--ccx-share-sheet-padding-12) var(--ccx-share-sheet-padding-13) 0;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: absolute;
}
.cywssw .component_a4e7ff .ccx-ss-offline-header-title {
text-transform: uppercase;
margin: 0 9px 0 0;
margin: 0 var(--ccx-share-sheet-margin-8) 0 0;
}
.cywssw .component_a4e7ff .ccx-ss-offline-content {
height: inherit;
text-align: center;
padding: 28px 85px;
padding: var(--ccx-share-sheet-padding-14) 85px;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
min-height: 240px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_a4e7ff .ccx-ss-offline-content .ccx-ss-icon {
width: 80px;
height: 80px;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .lightest-theme .spectrum-toast-element #ccx-ss-toast-content .spectrum-link-element, .cywssw .light-theme .spectrum-toast-element #ccx-ss-toast-content .spectrum-link-element {
--spectrum-link-text-color-primary-default: var(--spectrum-gray-50, #fff);
--spectrum-link-text-color-primary-default: var(--ccx-share-sheet-toast-link-text-color);
color: var(--ccx-share-sheet-toast-link-text-color);
text-decoration: underline;
}
.cywssw .dark-theme .spectrum-toast-element #ccx-ss-toast-content .spectrum-link-element {
--spectrum-link-text-color-primary-default: var(--spectrum-gray-50, #252525);
--spectrum-link-text-color-primary-default: var(--ccx-share-sheet-toast-link-text-color);
color: var(--ccx-share-sheet-toast-link-text-color);
text-decoration: underline;
}
.cywssw .darkest-theme .spectrum-toast-element #ccx-ss-toast-content .spectrum-link-element {
--spectrum-link-text-color-primary-default: var(--spectrum-gray-50, #080808);
--spectrum-link-text-color-primary-default: var(--ccx-share-sheet-toast-link-text-color);
color: var(--ccx-share-sheet-toast-link-text-color);
text-decoration: underline;
}
.cywssw .component_bf093a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px;
padding: var(--ccx-share-sheet-padding-10);
z-index: 1000;
z-index: var(--ccx-share-sheet-z-index-ss-toasts);
-ms-flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: absolute;
bottom: 0;
left: 0;
}
.cywssw .component_bf093a .spectrum-toast-element {
margin-top: 4px;
margin-top: var(--ccx-share-sheet-margin-4);
word-wrap: anywhere;
max-width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: auto;
}
.cywssw .component_bf093a .spectrum-toast-element.ccx-ss-toast-copyShareLink {
--mod-toast-spacing-block-end: 0;
--spectrum-toast-spacing-block-end: 0;
--mod-toast-spacing-block-start: 0;
--spectrum-toast-spacing-block-start: 0;
}
.cywssw .component_bf093a .spectrum-Toast {
margin-top: 4px;
margin-top: var(--ccx-share-sheet-margin-4);
}
.cywssw .component_bf093a .spectrum-Toast .spectrum-Toast-body {
min-width: 0;
}
.cywssw .component_bf093a .spectrum-Toast .spectrum-Toast-typeIcon {
margin-top: 11px;
margin-bottom: 11px;
}
.cywssw .component_bf093a .spectrum-Toast .spectrum-Toast-buttons {
margin-top: 4px;
margin-bottom: 4px;
}
.cywssw .component_bf093a .spectrum-Toast .spectrum-Toast-content {
word-wrap: break-word;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
max-width: 100%;
display: block;
overflow: hidden;
}
.cywssw .component_bf093a .spectrum-Toast span {
word-wrap: break-word;
}
.cywssw .component_bf093a .spectrum-Toast .spectrum-link-element {
cursor: pointer;
font-weight: 600;
font-weight: var(--ccx-share-sheet-font-weight-bold);
text-decoration: underline;
}
.cywssw .component_bf093a .ccx-toast-action-button-container {
-ms-flex-flow: wrap;
flex-flow: wrap;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_bf093a .ccx-toast-action-button-container .ccx-toast-action-button-message {
-webkit-box-align: left;
-ms-flex-align: left;
align-items: left;
margin-top: 4px;
margin-bottom: 4px;
}
.cywssw .component_bf093a .ccx-toast-action-button-container .ccx-toast-action-button-button-container {
margin-left: auto;
}
.cywssw .component_bf093a .ccx-toast-action-button-container #ccx-toast-action-button {
color: #fff;
white-space: normal;
border-color: rgba(255, 255, 255, .1);
}
.cywssw .component_bf093a .ccx-toast-action-button-container #ccx-toast-action-button:hover {
background-color: rgba(255, 255, 255, .3);
border-color: rgba(255, 255, 255, .2);
}
.cywssw .component_bf093a .ccx-toast-action-button-container #ccx-toast-action-button:active {
background-color: rgba(255, 255, 255, .4);
border-color: rgba(255, 255, 255, .3);
}
.cywssw .component_bf093a #ccx-learn-more-link {
font-weight: 600;
font-weight: var(--ccx-share-sheet-font-weight-bold);
}
.cywssw #ccx-frameio-s4r-cta-coachmark {
overflow: hidden;
}
.cywssw #ccx-frameio-s4r-cta-coachmark-header {
padding: 0;
}
.cywssw #ccx-frameio-s4r-cta-coachmark-header svg {
width: auto;
max-height: 157px;
margin-top: -1px;
}
.cywssw #ccx-frameio-s4r-cta-coachmark-header span {
margin: 12px 24px 0;
display: block;
}
.cywssw .lightest-theme .component_796337 .ccx-ss-link-settings-title, .cywssw .light-theme .component_796337 .ccx-ss-link-settings-title, .cywssw .dark-theme .component_796337 .ccx-ss-link-settings-title, .cywssw .darkest-theme .component_796337 .ccx-ss-link-settings-title {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .component_796337 {
padding: 24px;
padding: var(--ccx-share-sheet-padding-13);
width: 100%;
height: 100%;
}
.cywssw .component_796337 .ccx-ss-artifact-disabledview-container {
padding-bottom: 32px;
padding-bottom: var(--ccx-share-sheet-padding-15);
height: inherit;
}
.cywssw .component_796337 .ccx-ss-artifact-illustration {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.cywssw .component_796337 #ccx-ss-close-button {
-ms-flex-item-align: end;
align-self: flex-end;
}
.cywssw .component_7122cb {
text-align: center;
margin: 10px 24px 0;
}
.cywssw .component_7122cb #ccx-ss-artifact-illustration-message {
margin-top: 10px;
}
.cywssw .component_7122cb .ccx-ss-artifact-illustration-submessage {
color: var(--ccx-share-sheet-label-text-color);
margin-bottom: 18px;
font-size: 12px;
}
.cywssw .component_7122cb .ccx-ss-artifact-illustration-submessage.curation-submessage {
margin-bottom: 12px;
}
.cywssw .component_f8a5c6 .ccx-ss-artifact-illustration-heading {
font-size: 17px;
font-size: var(--ccx-share-sheet-font-size-lg);
}
.cywssw .component_f8a5c6 #ccx-ss-artifact-illustration-message p {
margin: 8px 24px 24px;
}
.cywssw .lightest-theme .component_20709d {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .light-theme .component_20709d {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .dark-theme .component_20709d {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .darkest-theme .component_20709d {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .component_20709d {
height: inherit;
text-align: center;
min-height: 350px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.cywssw .component_20709d .ccx-ss-waiting-view-is-saving {
padding: 24px 48px;
}
.cywssw .component_20709d .ccx-ss-waiting-view-is-saving .ccx-ss-waiting-view-is-saving-heading {
margin: 0 0 4px;
}
.cywssw .component_20709d .ccx-ss-waiting-view-is-saving p {
margin: 0;
font-size: 12px;
font-style: italic;
}
.cywssw .lightest-theme .ccx-ss-artifact-title-invalid-message {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .lightest-theme .component_fab630 .ccx-ss-artifact-title-input.isRenaming {
background-color: var(--spectrum-gray-200, #f4f4f4);
background-color: var(--ccx-share-sheet-background-color-disabled);
}
.cywssw .light-theme .ccx-ss-artifact-title-invalid-message {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .light-theme .component_fab630 .ccx-ss-artifact-title-input.isRenaming {
background-color: var(--spectrum-gray-200, #eaeaea);
background-color: var(--ccx-share-sheet-background-color-disabled);
}
.cywssw .dark-theme .ccx-ss-artifact-title-invalid-message {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .dark-theme .component_fab630 .ccx-ss-artifact-title-input.isRenaming {
background-color: var(--spectrum-gray-200, #3e3e3e);
background-color: var(--ccx-share-sheet-background-color-disabled);
}
.cywssw .darkest-theme .ccx-ss-artifact-title-invalid-message {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .darkest-theme .component_fab630 .ccx-ss-artifact-title-input.isRenaming {
background-color: var(--spectrum-gray-200, #2c2c2c);
background-color: var(--ccx-share-sheet-background-color-disabled);
}
.cywssw .ccx-ss-artifact-title-invalid-message {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
margin-top: 4px;
line-height: 1.15;
}
.cywssw .component_fab630 {
margin-top: 2px;
position: relative;
}
.cywssw .component_fab630 .ccx-ss-artifact-title-input {
width: 100%;
}
.cywssw .component_fab630 .ccx-ss-artifact-title-input.isRenaming {
border-radius: 4px;
}
.cywssw .component_fab630 .ccx-ss-artifact-title-input.isRenaming:not(:is(:lang(ae), .cywssw :lang(ar), .cywssw :lang(arc), .cywssw :lang(bcc), .cywssw :lang(bqi), .cywssw :lang(ckb), .cywssw :lang(dv), .cywssw :lang(fa), .cywssw :lang(glk), .cywssw :lang(he), .cywssw :lang(ku), .cywssw :lang(mzn), .cywssw :lang(nqo), .cywssw :lang(pnb), .cywssw :lang(ps), .cywssw :lang(sd), .cywssw :lang(ug), .cywssw :lang(ur), .cywssw :lang(yi))) {
padding-right: 28px;
padding-right: var(--ccx-share-sheet-padding-14);
}
.cywssw .component_fab630 .ccx-ss-artifact-title-input.isRenaming:is(:lang(ae), .cywssw :lang(ar), .cywssw :lang(arc), .cywssw :lang(bcc), .cywssw :lang(bqi), .cywssw :lang(ckb), .cywssw :lang(dv), .cywssw :lang(fa), .cywssw :lang(glk), .cywssw :lang(he), .cywssw :lang(ku), .cywssw :lang(mzn), .cywssw :lang(nqo), .cywssw :lang(pnb), .cywssw :lang(ps), .cywssw :lang(sd), .cywssw :lang(ug), .cywssw :lang(ur), .cywssw :lang(yi)) {
padding-left: 28px;
padding-left: var(--ccx-share-sheet-padding-14);
}
.cywssw .component_fab630 .ccx-ss-artifact-title-label {
width: 100%;
}
.cywssw .component_fab630 .ccx-ss-artifact-title-renaming {
height: 32px;
position: absolute;
bottom: 0;
right: 8px;
}
.cywssw .component_a761c5 {
margin-bottom: 24px;
}
.cywssw .component_a761c5 .ccx-ss-artifact-illustration-heading {
margin: 0;
}
.cywssw .component_a761c5 #ccx-ss-artifact-illustration-message p {
margin-top: 8px;
line-height: 1.25;
}
.cywssw .component_a761c5 .ccx-ss-artifact-create-loading-illustration {
margin: 0 auto;
position: relative;
}
.cywssw .component_a761c5 .ccx-ss-artifact-create-loading-illustration .ccx-ss-artifact-create-loading-progress-circle {
position: absolute;
top: 10px;
left: 2px;
right: 0;
}
.cywssw .lightest-theme .component_ac4a30, .cywssw .light-theme .component_ac4a30, .cywssw .dark-theme .component_ac4a30, .cywssw .darkest-theme .component_ac4a30 {
opacity: 1;
z-index: 1;
background-color: rgba(0, 0, 0, .4);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
width: 100%;
height: 100%;
-webkit-transition: opacity .3s cubic-bezier(0, 0, .4, 1);
transition: opacity .3s cubic-bezier(0, 0, .4, 1);
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: absolute;
bottom: 0;
left: 0;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .component_d4b26a.lightest-theme, .cywssw .component_d4b26a.light-theme {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .component_d4b26a.dark-theme {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .component_d4b26a.darkest-theme {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .lightest-theme .ccx-ss-arrow-down-icon, .cywssw .light-theme .ccx-ss-arrow-down-icon, .cywssw .dark-theme .ccx-ss-arrow-down-icon, .cywssw .darkest-theme .ccx-ss-arrow-down-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .ccx-ss-tray-container {
background-color: var(--ccx-share-sheet-background-color-primary);
opacity: 0;
visibility: visible;
-webkit-transition: opacity .25s cubic-bezier(0, 0, .4, 1) .16s, -webkit-transform .25s cubic-bezier(0, 0, .4, 1) .16s;
transition: opacity .25s cubic-bezier(0, 0, .4, 1) .16s, -webkit-transform .25s cubic-bezier(0, 0, .4, 1) .16s;
transition: transform .25s cubic-bezier(0, 0, .4, 1) .16s, opacity .25s cubic-bezier(0, 0, .4, 1) .16s;
transition: transform .25s cubic-bezier(0, 0, .4, 1) .16s, opacity .25s cubic-bezier(0, 0, .4, 1) .16s, -webkit-transform .25s cubic-bezier(0, 0, .4, 1) .16s;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.cywssw .ccx-ss-tray-container.in {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.cywssw .ccx-ss-popover-tray-container {
width: 100%;
height: 100%;
background: none !important;
border: none !important;
border-radius: 0 !important;
max-height: none !important;
top: 0 !important;
left: 0 !important;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
.cywssw .ccx-ss-popover-tray-container .spectrum-Menu {
width: 100%;
}
.cywssw .ccx-ss-arrow-down-icon {
margin-left: 8px;
margin-left: var(--ccx-share-sheet-margin-7);
}
.cywssw .spectrum-theme-provider.swc-enabled .ccx-ss-arrow-down-icon {
margin-bottom: -5px;
margin-bottom: var(--ccx-share-sheet-negative-margin-5);
}
.cywssw .lightest-theme .component_3c3ac3 .ccx-download-to-cloud-arrow, .cywssw .light-theme .component_3c3ac3 .ccx-download-to-cloud-arrow, .cywssw .dark-theme .component_3c3ac3 .ccx-download-to-cloud-arrow, .cywssw .darkest-theme .component_3c3ac3 .ccx-download-to-cloud-arrow {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .component_3c3ac3 {
height: 100px;
}
.cywssw .component_4f92b0 .current-permissions {
cursor: pointer;
font-size: inherit;
background: none;
border: none;
outline: none;
margin: 0;
padding: 0;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .lightest-theme .component_4f92b0 {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .lightest-theme .component_4f92b0 .ccx-ss-permissions-dropdown-menu .spectrum-Menu-item:nth-child(3) {
border-top-color: var(--spectrum-gray-200, #f4f4f4);
border-top-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .lightest-theme .component_4f92b0 .current-permissions .ccx-ss-icon, .cywssw .lightest-theme .component_4f92b0 .current-permissions svg {
fill: var(--ccx-share-sheet-text-color-1);
}
.cywssw .lightest-theme .component_4f92b0 .dropdown {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-300, #eaeaea);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .lightest-theme .component_4f92b0 .dropdown .dropdown-option {
border-color: var(--spectrum-gray-300, #eaeaea);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .lightest-theme .component_4f92b0 .dropdown .dropdown-option:hover {
background-color: var(--spectrum-gray-300, #eaeaea);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .light-theme .component_4f92b0 {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .light-theme .component_4f92b0 .ccx-ss-permissions-dropdown-menu .spectrum-Menu-item:nth-child(3) {
border-top-color: var(--spectrum-gray-200, #eaeaea);
border-top-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .light-theme .component_4f92b0 .current-permissions .ccx-ss-icon, .cywssw .light-theme .component_4f92b0 .current-permissions svg {
fill: var(--ccx-share-sheet-text-color-1);
}
.cywssw .light-theme .component_4f92b0 .dropdown {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-300, #e1e1e1);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .light-theme .component_4f92b0 .dropdown .dropdown-option {
border-color: var(--spectrum-gray-300, #e1e1e1);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .light-theme .component_4f92b0 .dropdown .dropdown-option:hover {
background-color: var(--spectrum-gray-300, #e1e1e1);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .dark-theme .component_4f92b0 {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .dark-theme .component_4f92b0 .ccx-ss-permissions-dropdown-menu .spectrum-Menu-item:nth-child(3) {
border-top-color: var(--spectrum-gray-200, #3e3e3e);
border-top-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .dark-theme .component_4f92b0 .current-permissions .ccx-ss-icon, .cywssw .dark-theme .component_4f92b0 .current-permissions svg {
fill: var(--ccx-share-sheet-text-color-1);
}
.cywssw .dark-theme .component_4f92b0 .dropdown {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-300, #4a4a4a);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .dark-theme .component_4f92b0 .dropdown .dropdown-option {
border-color: var(--spectrum-gray-300, #4a4a4a);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .dark-theme .component_4f92b0 .dropdown .dropdown-option:hover {
background-color: var(--spectrum-gray-300, #4a4a4a);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .darkest-theme .component_4f92b0 {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .darkest-theme .component_4f92b0 .ccx-ss-permissions-dropdown-menu .spectrum-Menu-item:nth-child(3) {
border-top-color: var(--spectrum-gray-200, #2c2c2c);
border-top-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .darkest-theme .component_4f92b0 .current-permissions .ccx-ss-icon, .cywssw .darkest-theme .component_4f92b0 .current-permissions svg {
fill: var(--ccx-share-sheet-text-color-1);
}
.cywssw .darkest-theme .component_4f92b0 .dropdown {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-300, #393939);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .darkest-theme .component_4f92b0 .dropdown .dropdown-option {
border-color: var(--spectrum-gray-300, #393939);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .darkest-theme .component_4f92b0 .dropdown .dropdown-option:hover {
background-color: var(--spectrum-gray-300, #393939);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .component_4f92b0 {
position: relative;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_4f92b0 .spectrum-select-element {
--mod-picker-inline-size: min-content;
}
.cywssw .component_4f92b0 .ccx-ss-permissions-dropdown-menu .spectrum-Menu-item:nth-child(3) {
border-top-style: solid;
border-top-width: 1px;
border-top-width: var(--ccx-share-sheet-border-width-1);
}
.cywssw .component_4f92b0 .spectrum-Dropdown-trigger {
min-width: 0 !important;
}
.cywssw .component_4f92b0 .spectrum-Dropdown-label {
text-align: right;
}
.cywssw .component_4f92b0 .current-permissions .ccx-ss-icon, .cywssw .component_4f92b0 .current-permissions svg {
vertical-align: middle;
margin-left: 3px;
margin-left: var(--ccx-share-sheet-margin-3);
display: inline-block;
}
.cywssw .component_4f92b0 .dropdown {
font-size: inherit;
border-style: solid;
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-radius: 4px;
border-radius: var(--ccx-share-sheet-border-radius-2);
z-index: 1;
z-index: var(--ccx-share-sheet-z-index-ss-permissions-toggle);
margin: 0;
padding: 0;
list-style-type: none;
right: 0;
}
.cywssw .component_4f92b0 .dropdown .dropdown-option {
cursor: pointer;
border-bottom: 1px;
border-bottom: var(--ccx-share-sheet-border-width-1);
padding: 5px;
padding: var(--ccx-share-sheet-padding-5);
}
.cywssw .component_4f92b0 .dropdown .dropdown-option:last-child {
border-bottom: none;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .spectrum-Menu-itemLabel svg.ccx-ss-link-access-item-icon {
display: none;
}
.cywssw .spectrum-theme-provider.swc-enabled .ccx-ss-link-access-select {
margin-top: 5px;
margin-top: var(--ccx-share-sheet-margin-5);
--mod-picker-inline-size: min-content;
}
.cywssw .spectrum-theme-provider.swc-enabled .ccx-ss-link-access-item-label {
max-width: 320px;
display: inline-block;
}
.cywssw .lightest-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container {
position: relative;
}
.cywssw .lightest-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-share-control-password-protection-btn {
background-color: var(--spectrum-gray-75, #fff);
background-color: var(--ccx-share-sheet-background-color-3);
border-width: 1px;
border-radius: 4px;
width: 32px;
min-width: 32px;
height: 32px;
padding: 0;
}
.cywssw .lightest-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-share-control-password-protection-btn.compactLayout {
position: absolute;
top: 0;
right: 0;
}
.cywssw .lightest-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-share-control-password-protection-btn .ccx-ss-link-access-item-icon svg {
margin-right: 0;
}
.cywssw .lightest-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-access-item-badge {
background-color: var(--spectrum-accent-color-100);
border-radius: var(--spectrum-global-dimension-static-size-100);
color: var(--spectrum-accent-color-900);
padding: 0 var(--spectrum-component-edge-to-text-50);
font-weight: 700;
}
.cywssw .light-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container {
position: relative;
}
.cywssw .light-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-share-control-password-protection-btn {
background-color: var(--spectrum-gray-75, #fcfcfc);
background-color: var(--ccx-share-sheet-background-color-3);
border-width: 1px;
border-radius: 4px;
width: 32px;
min-width: 32px;
height: 32px;
padding: 0;
}
.cywssw .light-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-share-control-password-protection-btn.compactLayout {
position: absolute;
top: 0;
right: 0;
}
.cywssw .light-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-share-control-password-protection-btn .ccx-ss-link-access-item-icon svg {
margin-right: 0;
}
.cywssw .light-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-access-item-badge {
background-color: var(--spectrum-accent-color-100);
border-radius: var(--spectrum-global-dimension-static-size-100);
color: var(--spectrum-accent-color-900);
padding: 0 var(--spectrum-component-edge-to-text-50);
font-weight: 700;
}
.cywssw .dark-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container {
position: relative;
}
.cywssw .dark-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-share-control-password-protection-btn {
background-color: var(--spectrum-gray-75, #2d2d2d);
background-color: var(--ccx-share-sheet-background-color-3);
border-width: 1px;
border-radius: 4px;
width: 32px;
min-width: 32px;
height: 32px;
padding: 0;
}
.cywssw .dark-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-share-control-password-protection-btn.compactLayout {
position: absolute;
top: 0;
right: 0;
}
.cywssw .dark-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-share-control-password-protection-btn .ccx-ss-link-access-item-icon svg {
margin-right: 0;
}
.cywssw .dark-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-access-item-badge {
background-color: var(--spectrum-accent-color-100);
border-radius: var(--spectrum-global-dimension-static-size-100);
color: var(--spectrum-accent-color-900);
padding: 0 var(--spectrum-component-edge-to-text-50);
font-weight: 700;
}
.cywssw .darkest-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container {
position: relative;
}
.cywssw .darkest-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-share-control-password-protection-btn {
background-color: var(--spectrum-gray-75, #1a1a1a);
background-color: var(--ccx-share-sheet-background-color-3);
border-width: 1px;
border-radius: 4px;
width: 32px;
min-width: 32px;
height: 32px;
padding: 0;
}
.cywssw .darkest-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-share-control-password-protection-btn.compactLayout {
position: absolute;
top: 0;
right: 0;
}
.cywssw .darkest-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-share-control-password-protection-btn .ccx-ss-link-access-item-icon svg {
margin-right: 0;
}
.cywssw .darkest-theme .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-access-item-badge {
background-color: var(--spectrum-accent-color-100);
border-radius: var(--spectrum-global-dimension-static-size-100);
color: var(--spectrum-accent-color-900);
padding: 0 var(--spectrum-component-edge-to-text-50);
font-weight: 700;
}
.cywssw .lightest-theme .component_ad3ab5 {
background-color: rgba(80, 80, 80, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(50, 50, 50, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme #ccx-switch-footer .spectrum-link-element {
--spectrum-link-text-color-primary-default: var(--spectrum-blue-1100, #0d66d0);
--spectrum-link-text-color-primary-default: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .light-theme .component_ad3ab5 {
background-color: rgba(75, 75, 75, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(44, 44, 44, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme #ccx-switch-footer .spectrum-link-element {
--spectrum-link-text-color-primary-default: var(--spectrum-blue-1100, #095aba);
--spectrum-link-text-color-primary-default: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .dark-theme .component_ad3ab5 {
background-color: rgba(227, 227, 227, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(255, 255, 255, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme #ccx-switch-footer .spectrum-link-element {
--spectrum-link-text-color-primary-default: var(--spectrum-blue-1000, #5aa9fa);
--spectrum-link-text-color-primary-default: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .darkest-theme .component_ad3ab5 {
background-color: rgba(199, 199, 199, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(240, 240, 240, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme #ccx-switch-footer .spectrum-link-element {
--spectrum-link-text-color-primary-default: var(--spectrum-blue-1000, #4b9cf5);
--spectrum-link-text-color-primary-default: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .component_ad3ab5 {
border: 1px solid;
border-radius: 4px;
padding: 8px 16px;
}
.cywssw .component_ad3ab5 .ccx-switch-footer-body {
font-size: 11px;
font-size: var(--ccx-share-sheet-font-size-xs);
text-align: center;
margin: 0;
}
.cywssw #ccx-switch-footer {
margin-top: 0;
margin-bottom: 16px;
}
.cywssw .lightest-theme .ccx-ss-artifact-node-curation-invalid-message, .cywssw .light-theme .ccx-ss-artifact-node-curation-invalid-message, .cywssw .dark-theme .ccx-ss-artifact-node-curation-invalid-message, .cywssw .darkest-theme .ccx-ss-artifact-node-curation-invalid-message {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .component_259566#ccx-ss-artifact-node-curation-section {
margin-top: 0;
margin-bottom: -3px;
padding-top: 16px;
}
.cywssw .component_259566 .ccx-ss-artifact-node-curation-section-label-row {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_259566 .ccx-ss-artifact-node-curation-section-reset-button {
width: auto;
min-width: auto;
height: auto;
margin: -8px 0 -8px 8px;
padding: 4px;
}
.cywssw .component_259566 .ccx-ss-artifact-node-curation-section-reset-button .ccx-ss-icon {
margin: 0;
}
.cywssw .component_259566 #ccx-ss-artifact-node-curation-options {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_259566 #ccx-ss-artifact-node-curation-section-radio-group {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.cywssw .component_259566 #ccx-ss-artifact-node-curation-section-radio-group > .spectrum-radio-element {
min-height: auto;
margin-right: 0;
padding-left: 0;
}
.cywssw .component_259566 #ccx-ss-artifact-node-curation-section-radio-group > .spectrum-radio-element ~ .spectrum-radio-element {
margin-right: 16px;
padding-left: 24px;
}
.cywssw .component_259566 #ccx-ss-artifact-node-curation-section-radio-group .spectrum-Radio-label {
margin-top: 4px;
}
.cywssw .component_259566 .ccx-ss-artifact-node-curation-section-range-wrapper .ccx-ss-artifact-artboard-range-info-icon-wrapper {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_259566 .ccx-ss-artifact-node-curation-section-text-field-wrapper {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
min-height: 32px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_259566 .ccx-ss-artifact-node-curation-section-text-field-wrapper .spectrum-txtfield {
max-width: 88px;
margin-right: 8px;
}
.cywssw .component_259566 .ccx-ss-artifact-node-curation-invalid-message {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
margin-top: 4px;
margin-bottom: -19px;
line-height: 1.15;
}
.cywssw .lightest-theme .component_a136bf .ccx-ss-link-access-item-icon, .cywssw .light-theme .component_a136bf .ccx-ss-link-access-item-icon, .cywssw .dark-theme .component_a136bf .ccx-ss-link-access-item-icon, .cywssw .darkest-theme .component_a136bf .ccx-ss-link-access-item-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .component_a136bf {
margin: 24px;
margin: var(--ccx-share-sheet-margin-13);
margin-top: 16px;
margin-top: var(--ccx-share-sheet-margin-11);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_a136bf .ccx-ss-link-access {
margin-top: 8px;
}
.cywssw .component_a136bf .ccx-ss-link-access #ccx-ss-link-access-label {
min-height: auto;
padding-bottom: 0;
}
.cywssw .component_a136bf .ccx-ss-link-access > div {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_a136bf .ccx-ss-link-access .ccx-ss-icon:not(svg) {
margin-right: 8px;
margin-right: var(--ccx-share-sheet-margin-7);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .component_a136bf .ccx-ss-link-access-readonly {
padding-top: 4px;
padding-top: var(--ccx-share-sheet-padding-4);
}
.cywssw .component_a136bf .ccx-ss-link-access-readonly svg + .ccx-ss-link-access-readonly-label {
margin-left: 8px;
margin-left: var(--ccx-share-sheet-margin-7);
}
.cywssw .spectrum-theme-provider.swc-enabled .component_a136bf .ccx-ss-link-access-readonly .ccx-ss-icon + .ccx-ss-link-access-readonly-label {
margin-left: 0;
}
.cywssw .component_a136bf .ccx-ss-link-access-select > button {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
height: 28px;
}
.cywssw .component_a136bf .ccx-ss-link-access-select-menu .ccx-ss-icon {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .component_a136bf #ccx-ss-link-access-select-value {
-webkit-font-smoothing: antialiased;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
}
.cywssw .component_a136bf .ccx-ss-artifact-create-action-container {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
margin-bottom: 44px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_a136bf .ccx-ss-artifact-illustration p {
margin: 0;
}
.cywssw .component_a136bf.ccx-ss-showing-switchfooter {
margin-bottom: 16px;
margin-bottom: var(--ccx-share-sheet-margin-11);
}
.cywssw .component_a136bf.ccx-ss-showing-switchfooter.ccx-ss-showing-curation .ccx-ss-artifact-create-action-container {
margin-bottom: 32px;
}
.cywssw .component_a136bf.ccx-ss-showing-switchfooter .ccx-ss-artifact-create-action-container {
margin-bottom: 36px;
}
.cywssw .component_a136bf.ccx-ss-showing-switchfooter .ccx-ss-artifact-illustration p {
min-height: 0;
margin: 0;
}
.cywssw .component_a136bf #ccx-switch-footer {
margin-bottom: 0;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .lightest-theme .component_bfb22b {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-400, #d3d3d3);
border-color: var(--ccx-share-sheet-border-color);
}
.cywssw .lightest-theme .ccx-url-copy-input-copy-link > .is-disabled {
color: ccx-share-sheet-text-color;
}
.cywssw .light-theme .component_bfb22b {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-400, #cacaca);
border-color: var(--ccx-share-sheet-border-color);
}
.cywssw .light-theme .ccx-url-copy-input-copy-link > .is-disabled {
color: ccx-share-sheet-text-color;
}
.cywssw .dark-theme .component_bfb22b {
background-color: var(--spectrum-gray-50, #252525);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-400, #5a5a5a);
border-color: var(--ccx-share-sheet-border-color);
}
.cywssw .dark-theme .ccx-url-copy-input-copy-link > .is-disabled {
color: ccx-share-sheet-text-color;
}
.cywssw .darkest-theme .component_bfb22b {
background-color: var(--spectrum-gray-50, #080808);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-400, #494949);
border-color: var(--ccx-share-sheet-border-color);
}
.cywssw .darkest-theme .ccx-url-copy-input-copy-link > .is-disabled {
color: ccx-share-sheet-text-color;
}
.cywssw .component_bfb22b {
border-radius: 4px;
border-radius: var(--ccx-share-sheet-border-radius-2);
border: 1px solid;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .component_bfb22b .ccx-url-copy-input-copy-link {
text-overflow: ellipsis;
white-space: nowrap;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
padding: 0 8px;
overflow: hidden;
}
.cywssw .component_bfb22b .ccx-url-copy-input-copy-link:hover:not(.is-disabled), .cywssw .component_bfb22b .ccx-url-copy-input-copy-link.focus-ring {
text-decoration: underline;
}
.cywssw .component_bfb22b .ccx-url-copy-input-copy-btn {
font-weight: 400;
font-weight: var(--ccx-share-sheet-font-weight-normal);
background-color: rgba(0, 0, 0, 0);
border-width: 0;
border-radius: 3px;
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 40px;
height: 30px;
color: var(--ccx-share-sheet-text-color-1) !important;
}
.cywssw .component_bfb22b .ccx-url-copy-input-copy-btn:hover {
background-color: var(--ccx-share-sheet-background-color-disabled);
}
.cywssw .component_bfb22b .ccx-url-copy-input-copy-btn:after {
border-radius: 2px;
margin: 2px;
}
.cywssw .component_bfb22b .ccx-url-copy-input-copy-btn.is-disabled {
cursor: default;
}
.cywssw .lightest-theme .component_50845a {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
height: 100%;
min-height: 0;
margin: 16px 24px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-loader {
background-color: rgba(0, 0, 0, 0);
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
margin-bottom: 10px;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-well {
background-color: var(--spectrum-gray-75, #fff);
background-color: var(--ccx-share-sheet-background-color-3);
border: none;
margin: 0 0 16px;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-team {
margin: 0;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-team h2 {
margin: 0;
font-weight: 400;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-shared-team .spectrum-SideNav-heading {
text-overflow: ellipsis;
white-space: nowrap;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-shared-team .spectrum-SideNav-heading .ccx-ss-artifact-frameio-shared-team-icon {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding-left: 4px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-shared-team .spectrum-SideNav-heading .ccx-ss-artifact-frameio-shared-team-icon svg {
width: 16px;
height: 16px;
}
.cywssw .lightest-theme .component_50845a .ccx-public-url-copy-input-container {
-ms-flex-item-align: center;
align-self: center;
max-width: 262px;
}
.cywssw .lightest-theme .component_50845a.ccx-ss-artifact-frameio-create-loading {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-create-progress {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
margin-bottom: 18px;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-account-menu {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
width: 100%;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-view {
min-height: 0;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-location-container {
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
min-height: 0;
margin-top: 12px;
overflow: auto;
}
.cywssw .lightest-theme .component_50845a nav.ccx-ss-artifact-frameio-create-view-project-picker {
width: 100%;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-team > .spectrum-SideNav-heading {
padding-left: 0;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-team .spectrum-SideNav-heading {
margin-top: 4px;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-nav-item {
width: 100%;
margin: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-nav-item > div {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-nav-item > div span {
margin-left: 8px;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-nav-item span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-nav-item svg {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-nav-item .ccx-ss-artifact-frameio-chevronRight {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: auto;
}
.cywssw .lightest-theme .component_50845a .spectrum-Well {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
min-height: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-icon {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-top-container {
border-bottom-color: var(--spectrum-gray-400, #d3d3d3);
border-bottom-color: var(--ccx-share-sheet-border-color);
border-bottom-style: solid;
border-bottom-width: 1px;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
min-height: 50px;
padding-bottom: 18px;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-project-folder-back-button {
cursor: pointer;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-icon {
margin: 0 8px 0 4px;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-project-team-text {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-project-text {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-team-text {
color: var(--ccx-share-sheet-subtitle-color);
text-transform: uppercase;
font-size: 11px;
}
.cywssw .lightest-theme .component_50845a .react-spectrum-SideNav {
width: 100%;
}
.cywssw .lightest-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-folder-item-placeholder {
min-width: 24px;
}
.cywssw .lightest-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-tree-chevron {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
margin-right: 6px;
}
.cywssw .lightest-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-folder-item-content {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-folder-item-content .ccx-ss-artifact-frameio-project-folder {
font-weight: 400;
}
.cywssw .lightest-theme .component_50845a .react-spectrum-SideNav span {
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 8px;
overflow: hidden;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
margin: auto 0 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
margin-top: auto;
margin-bottom: 8px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls span:first-child {
font-size: 11px;
font-size: var(--ccx-share-sheet-font-size-xs);
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
padding-right: 12px;
}
.cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls button, .cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls sp-button, .cywssw .lightest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls .spectrum-Button {
margin-left: auto;
}
.cywssw .lightest-theme .component_50845a #ccx-switch-footer {
margin: 8px 0 0;
}
.cywssw .light-theme .component_50845a {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
height: 100%;
min-height: 0;
margin: 16px 24px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-loader {
background-color: rgba(0, 0, 0, 0);
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
margin-bottom: 10px;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-well {
background-color: var(--spectrum-gray-75, #fcfcfc);
background-color: var(--ccx-share-sheet-background-color-3);
border: none;
margin: 0 0 16px;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-team {
margin: 0;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-team h2 {
margin: 0;
font-weight: 400;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-shared-team .spectrum-SideNav-heading {
text-overflow: ellipsis;
white-space: nowrap;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-shared-team .spectrum-SideNav-heading .ccx-ss-artifact-frameio-shared-team-icon {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding-left: 4px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-shared-team .spectrum-SideNav-heading .ccx-ss-artifact-frameio-shared-team-icon svg {
width: 16px;
height: 16px;
}
.cywssw .light-theme .component_50845a .ccx-public-url-copy-input-container {
-ms-flex-item-align: center;
align-self: center;
max-width: 262px;
}
.cywssw .light-theme .component_50845a.ccx-ss-artifact-frameio-create-loading {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-create-progress {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
margin-bottom: 18px;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-view-account-menu {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
width: 100%;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-view {
min-height: 0;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-view-location-container {
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
min-height: 0;
margin-top: 12px;
overflow: auto;
}
.cywssw .light-theme .component_50845a nav.ccx-ss-artifact-frameio-create-view-project-picker {
width: 100%;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-team > .spectrum-SideNav-heading {
padding-left: 0;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-team .spectrum-SideNav-heading {
margin-top: 4px;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-nav-item {
width: 100%;
margin: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-nav-item > div {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-nav-item > div span {
margin-left: 8px;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-nav-item span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-nav-item svg {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-nav-item .ccx-ss-artifact-frameio-chevronRight {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: auto;
}
.cywssw .light-theme .component_50845a .spectrum-Well {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
min-height: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .light-theme .component_50845a .ccx-ss-icon {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-view-top-container {
border-bottom-color: var(--spectrum-gray-400, #cacaca);
border-bottom-color: var(--ccx-share-sheet-border-color);
border-bottom-style: solid;
border-bottom-width: 1px;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
min-height: 50px;
padding-bottom: 18px;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-project-folder-back-button {
cursor: pointer;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-icon {
margin: 0 8px 0 4px;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-project-team-text {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-project-text {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-team-text {
color: var(--ccx-share-sheet-subtitle-color);
text-transform: uppercase;
font-size: 11px;
}
.cywssw .light-theme .component_50845a .react-spectrum-SideNav {
width: 100%;
}
.cywssw .light-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-folder-item-placeholder {
min-width: 24px;
}
.cywssw .light-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-tree-chevron {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
margin-right: 6px;
}
.cywssw .light-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-folder-item-content {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-folder-item-content .ccx-ss-artifact-frameio-project-folder {
font-weight: 400;
}
.cywssw .light-theme .component_50845a .react-spectrum-SideNav span {
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 8px;
overflow: hidden;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
margin: auto 0 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
margin-top: auto;
margin-bottom: 8px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls span:first-child {
font-size: 11px;
font-size: var(--ccx-share-sheet-font-size-xs);
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
padding-right: 12px;
}
.cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls button, .cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls sp-button, .cywssw .light-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls .spectrum-Button {
margin-left: auto;
}
.cywssw .light-theme .component_50845a #ccx-switch-footer {
margin: 8px 0 0;
}
.cywssw .dark-theme .component_50845a {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
height: 100%;
min-height: 0;
margin: 16px 24px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-loader {
background-color: rgba(0, 0, 0, 0);
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
margin-bottom: 10px;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-well {
background-color: var(--spectrum-gray-75, #2d2d2d);
background-color: var(--ccx-share-sheet-background-color-3);
border: none;
margin: 0 0 16px;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-team {
margin: 0;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-team h2 {
margin: 0;
font-weight: 400;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-shared-team .spectrum-SideNav-heading {
text-overflow: ellipsis;
white-space: nowrap;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-shared-team .spectrum-SideNav-heading .ccx-ss-artifact-frameio-shared-team-icon {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding-left: 4px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-shared-team .spectrum-SideNav-heading .ccx-ss-artifact-frameio-shared-team-icon svg {
width: 16px;
height: 16px;
}
.cywssw .dark-theme .component_50845a .ccx-public-url-copy-input-container {
-ms-flex-item-align: center;
align-self: center;
max-width: 262px;
}
.cywssw .dark-theme .component_50845a.ccx-ss-artifact-frameio-create-loading {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-create-progress {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
margin-bottom: 18px;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-view-account-menu {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
width: 100%;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-view {
min-height: 0;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-view-location-container {
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
min-height: 0;
margin-top: 12px;
overflow: auto;
}
.cywssw .dark-theme .component_50845a nav.ccx-ss-artifact-frameio-create-view-project-picker {
width: 100%;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-team > .spectrum-SideNav-heading {
padding-left: 0;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-team .spectrum-SideNav-heading {
margin-top: 4px;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-nav-item {
width: 100%;
margin: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-nav-item > div {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-nav-item > div span {
margin-left: 8px;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-nav-item span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-nav-item svg {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-nav-item .ccx-ss-artifact-frameio-chevronRight {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: auto;
}
.cywssw .dark-theme .component_50845a .spectrum-Well {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
min-height: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .dark-theme .component_50845a .ccx-ss-icon {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-view-top-container {
border-bottom-color: var(--spectrum-gray-400, #5a5a5a);
border-bottom-color: var(--ccx-share-sheet-border-color);
border-bottom-style: solid;
border-bottom-width: 1px;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
min-height: 50px;
padding-bottom: 18px;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-project-folder-back-button {
cursor: pointer;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-icon {
margin: 0 8px 0 4px;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-project-team-text {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-project-text {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-team-text {
color: var(--ccx-share-sheet-subtitle-color);
text-transform: uppercase;
font-size: 11px;
}
.cywssw .dark-theme .component_50845a .react-spectrum-SideNav {
width: 100%;
}
.cywssw .dark-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-folder-item-placeholder {
min-width: 24px;
}
.cywssw .dark-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-tree-chevron {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
margin-right: 6px;
}
.cywssw .dark-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-folder-item-content {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-folder-item-content .ccx-ss-artifact-frameio-project-folder {
font-weight: 400;
}
.cywssw .dark-theme .component_50845a .react-spectrum-SideNav span {
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 8px;
overflow: hidden;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
margin: auto 0 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
margin-top: auto;
margin-bottom: 8px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls span:first-child {
font-size: 11px;
font-size: var(--ccx-share-sheet-font-size-xs);
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
padding-right: 12px;
}
.cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls button, .cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls sp-button, .cywssw .dark-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls .spectrum-Button {
margin-left: auto;
}
.cywssw .dark-theme .component_50845a #ccx-switch-footer {
margin: 8px 0 0;
}
.cywssw .darkest-theme .component_50845a {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
height: 100%;
min-height: 0;
margin: 16px 24px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-loader {
background-color: rgba(0, 0, 0, 0);
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
margin-bottom: 10px;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-well {
background-color: var(--spectrum-gray-75, #1a1a1a);
background-color: var(--ccx-share-sheet-background-color-3);
border: none;
margin: 0 0 16px;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-team {
margin: 0;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-team h2 {
margin: 0;
font-weight: 400;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-shared-team .spectrum-SideNav-heading {
text-overflow: ellipsis;
white-space: nowrap;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-shared-team .spectrum-SideNav-heading .ccx-ss-artifact-frameio-shared-team-icon {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding-left: 4px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-well .ccx-ss-artifact-frameio-shared-team .spectrum-SideNav-heading .ccx-ss-artifact-frameio-shared-team-icon svg {
width: 16px;
height: 16px;
}
.cywssw .darkest-theme .component_50845a .ccx-public-url-copy-input-container {
-ms-flex-item-align: center;
align-self: center;
max-width: 262px;
}
.cywssw .darkest-theme .component_50845a.ccx-ss-artifact-frameio-create-loading {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-create-progress {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
margin-bottom: 18px;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-account-menu {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
width: 100%;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-view {
min-height: 0;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-location-container {
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
min-height: 0;
margin-top: 12px;
overflow: auto;
}
.cywssw .darkest-theme .component_50845a nav.ccx-ss-artifact-frameio-create-view-project-picker {
width: 100%;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-team > .spectrum-SideNav-heading {
padding-left: 0;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-team .spectrum-SideNav-heading {
margin-top: 4px;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-nav-item {
width: 100%;
margin: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-nav-item > div {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-nav-item > div span {
margin-left: 8px;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-nav-item span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-nav-item svg {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-nav-item .ccx-ss-artifact-frameio-chevronRight {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: auto;
}
.cywssw .darkest-theme .component_50845a .spectrum-Well {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
min-height: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-icon {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-top-container {
border-bottom-color: var(--spectrum-gray-400, #494949);
border-bottom-color: var(--ccx-share-sheet-border-color);
border-bottom-style: solid;
border-bottom-width: 1px;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
min-height: 50px;
padding-bottom: 18px;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-project-folder-back-button {
cursor: pointer;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-icon {
margin: 0 8px 0 4px;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-project-team-text {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-project-text {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-project-folder-back-button-wrapper .ccx-ss-artifact-frameio-team-text {
color: var(--ccx-share-sheet-subtitle-color);
text-transform: uppercase;
font-size: 11px;
}
.cywssw .darkest-theme .component_50845a .react-spectrum-SideNav {
width: 100%;
}
.cywssw .darkest-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-folder-item-placeholder {
min-width: 24px;
}
.cywssw .darkest-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-tree-chevron {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
margin-right: 6px;
}
.cywssw .darkest-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-folder-item-content {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_50845a .react-spectrum-SideNav .ccx-ss-artifact-frameio-folder-item-content .ccx-ss-artifact-frameio-project-folder {
font-weight: 400;
}
.cywssw .darkest-theme .component_50845a .react-spectrum-SideNav span {
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 8px;
overflow: hidden;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
margin: auto 0 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
margin-top: auto;
margin-bottom: 8px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls span:first-child {
font-size: 11px;
font-size: var(--ccx-share-sheet-font-size-xs);
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
padding-right: 12px;
}
.cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls button, .cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls sp-button, .cywssw .darkest-theme .component_50845a .ccx-ss-artifact-frameio-create-view-footer-controls .spectrum-Button {
margin-left: auto;
}
.cywssw .darkest-theme .component_50845a #ccx-switch-footer {
margin: 8px 0 0;
}
.cywssw #ccx-ss-frameio-shared-team-info-tooltip span {
max-width: 176px;
font-weight: 400;
}
.cywssw .lightest-theme .component_ea1dbd {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
max-width: 100%;
height: 100%;
padding: 0 24px 16px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
margin: 20px 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-public-url-copy-input-container {
-ms-flex-positive: 3;
-webkit-box-flex: 3;
flex-grow: 3;
}
.cywssw .lightest-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn {
-ms-flex: 1 0 auto;
-webkit-box-flex: 1;
flex: 1 0 auto;
margin-left: 10px;
}
.cywssw .lightest-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn span.spectrum-ActionButton {
height: 34px;
}
.cywssw .lightest-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn span.spectrum-ActionButton svg {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .lightest-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn span.spectrum-ActionButton span {
color: var(--ccx-share-sheet-text-color-8);
margin-bottom: 2px;
}
.cywssw .lightest-theme .component_ea1dbd #ccx-ss-artifact-frameio-manage-view-breadcrumbs {
margin-bottom: 20px;
}
.cywssw .lightest-theme .component_ea1dbd .ccx-ss-link-container-readonly {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
}
.cywssw .lightest-theme .component_ea1dbd .ccx-ss-link-container-readonly .ccx-ss-icon {
margin-right: 8px;
margin-right: var(--ccx-share-sheet-margin-7);
}
.cywssw .lightest-theme .component_ea1dbd .ccx-ss-artifact-frameio-manage-view-footer {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
margin: auto 0 8px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_ea1dbd .ccx-ss-artifact-frameio-version-info {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
max-width: 225px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_ea1dbd .ccx-ss-artifact-frameio-version-label {
background-color: var(--spectrum-gray-700, #747474);
background-color: var(--ccx-share-sheet-shadow-color-1);
color: var(--ccx-share-sheet-background-color-primary);
white-space: nowrap;
border-radius: 4px;
margin-right: 8px;
padding: 3px 7px;
font-size: 12px;
}
.cywssw .lightest-theme .component_ea1dbd .ccx-artifact-update-time {
font-size: 12px;
}
.cywssw .lightest-theme .component_ea1dbd .spectrum-btn {
margin-left: auto;
}
.cywssw .lightest-theme .component_ea1dbd .spectrum-btn .spectrum-CircleLoader {
margin: 0 10px 0 3px;
}
.cywssw .lightest-theme .component_ea1dbd #ccx-switch-footer {
margin: 8px 0 0;
}
.cywssw .light-theme .component_ea1dbd {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
max-width: 100%;
height: 100%;
padding: 0 24px 16px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
margin: 20px 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-public-url-copy-input-container {
-ms-flex-positive: 3;
-webkit-box-flex: 3;
flex-grow: 3;
}
.cywssw .light-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn {
-ms-flex: 1 0 auto;
-webkit-box-flex: 1;
flex: 1 0 auto;
margin-left: 10px;
}
.cywssw .light-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn span.spectrum-ActionButton {
height: 34px;
}
.cywssw .light-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn span.spectrum-ActionButton svg {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .light-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn span.spectrum-ActionButton span {
color: var(--ccx-share-sheet-text-color-8);
margin-bottom: 2px;
}
.cywssw .light-theme .component_ea1dbd #ccx-ss-artifact-frameio-manage-view-breadcrumbs {
margin-bottom: 20px;
}
.cywssw .light-theme .component_ea1dbd .ccx-ss-link-container-readonly {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
}
.cywssw .light-theme .component_ea1dbd .ccx-ss-link-container-readonly .ccx-ss-icon {
margin-right: 8px;
margin-right: var(--ccx-share-sheet-margin-7);
}
.cywssw .light-theme .component_ea1dbd .ccx-ss-artifact-frameio-manage-view-footer {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
margin: auto 0 8px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_ea1dbd .ccx-ss-artifact-frameio-version-info {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
max-width: 225px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_ea1dbd .ccx-ss-artifact-frameio-version-label {
background-color: var(--spectrum-gray-700, #6e6e6e);
background-color: var(--ccx-share-sheet-shadow-color-1);
color: var(--ccx-share-sheet-background-color-primary);
white-space: nowrap;
border-radius: 4px;
margin-right: 8px;
padding: 3px 7px;
font-size: 12px;
}
.cywssw .light-theme .component_ea1dbd .ccx-artifact-update-time {
font-size: 12px;
}
.cywssw .light-theme .component_ea1dbd .spectrum-btn {
margin-left: auto;
}
.cywssw .light-theme .component_ea1dbd .spectrum-btn .spectrum-CircleLoader {
margin: 0 10px 0 3px;
}
.cywssw .light-theme .component_ea1dbd #ccx-switch-footer {
margin: 8px 0 0;
}
.cywssw .dark-theme .component_ea1dbd {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
max-width: 100%;
height: 100%;
padding: 0 24px 16px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
margin: 20px 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-public-url-copy-input-container {
-ms-flex-positive: 3;
-webkit-box-flex: 3;
flex-grow: 3;
}
.cywssw .dark-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn {
-ms-flex: 1 0 auto;
-webkit-box-flex: 1;
flex: 1 0 auto;
margin-left: 10px;
}
.cywssw .dark-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn span.spectrum-ActionButton {
height: 34px;
}
.cywssw .dark-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn span.spectrum-ActionButton svg {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .dark-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn span.spectrum-ActionButton span {
color: var(--ccx-share-sheet-text-color-8);
margin-bottom: 2px;
}
.cywssw .dark-theme .component_ea1dbd #ccx-ss-artifact-frameio-manage-view-breadcrumbs {
margin-bottom: 20px;
}
.cywssw .dark-theme .component_ea1dbd .ccx-ss-link-container-readonly {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
}
.cywssw .dark-theme .component_ea1dbd .ccx-ss-link-container-readonly .ccx-ss-icon {
margin-right: 8px;
margin-right: var(--ccx-share-sheet-margin-7);
}
.cywssw .dark-theme .component_ea1dbd .ccx-ss-artifact-frameio-manage-view-footer {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
margin: auto 0 8px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_ea1dbd .ccx-ss-artifact-frameio-version-info {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
max-width: 225px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_ea1dbd .ccx-ss-artifact-frameio-version-label {
background-color: var(--spectrum-gray-700, #b9b9b9);
background-color: var(--ccx-share-sheet-shadow-color-1);
color: var(--ccx-share-sheet-background-color-primary);
white-space: nowrap;
border-radius: 4px;
margin-right: 8px;
padding: 3px 7px;
font-size: 12px;
}
.cywssw .dark-theme .component_ea1dbd .ccx-artifact-update-time {
font-size: 12px;
}
.cywssw .dark-theme .component_ea1dbd .spectrum-btn {
margin-left: auto;
}
.cywssw .dark-theme .component_ea1dbd .spectrum-btn .spectrum-CircleLoader {
margin: 0 10px 0 3px;
}
.cywssw .dark-theme .component_ea1dbd #ccx-switch-footer {
margin: 8px 0 0;
}
.cywssw .darkest-theme .component_ea1dbd {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
max-width: 100%;
height: 100%;
padding: 0 24px 16px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
margin: 20px 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-public-url-copy-input-container {
-ms-flex-positive: 3;
-webkit-box-flex: 3;
flex-grow: 3;
}
.cywssw .darkest-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn {
-ms-flex: 1 0 auto;
-webkit-box-flex: 1;
flex: 1 0 auto;
margin-left: 10px;
}
.cywssw .darkest-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn span.spectrum-ActionButton {
height: 34px;
}
.cywssw .darkest-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn span.spectrum-ActionButton svg {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .darkest-theme .component_ea1dbd .ccx-ss-artifact-frameio-link-row .ccx-ss-artifact-frameio-settings-btn span.spectrum-ActionButton span {
color: var(--ccx-share-sheet-text-color-8);
margin-bottom: 2px;
}
.cywssw .darkest-theme .component_ea1dbd #ccx-ss-artifact-frameio-manage-view-breadcrumbs {
margin-bottom: 20px;
}
.cywssw .darkest-theme .component_ea1dbd .ccx-ss-link-container-readonly {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
}
.cywssw .darkest-theme .component_ea1dbd .ccx-ss-link-container-readonly .ccx-ss-icon {
margin-right: 8px;
margin-right: var(--ccx-share-sheet-margin-7);
}
.cywssw .darkest-theme .component_ea1dbd .ccx-ss-artifact-frameio-manage-view-footer {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
margin: auto 0 8px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_ea1dbd .ccx-ss-artifact-frameio-version-info {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
max-width: 225px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_ea1dbd .ccx-ss-artifact-frameio-version-label {
background-color: var(--spectrum-gray-700, #a2a2a2);
background-color: var(--ccx-share-sheet-shadow-color-1);
color: var(--ccx-share-sheet-background-color-primary);
white-space: nowrap;
border-radius: 4px;
margin-right: 8px;
padding: 3px 7px;
font-size: 12px;
}
.cywssw .darkest-theme .component_ea1dbd .ccx-artifact-update-time {
font-size: 12px;
}
.cywssw .darkest-theme .component_ea1dbd .spectrum-btn {
margin-left: auto;
}
.cywssw .darkest-theme .component_ea1dbd .spectrum-btn .spectrum-CircleLoader {
margin: 0 10px 0 3px;
}
.cywssw .darkest-theme .component_ea1dbd #ccx-switch-footer {
margin: 8px 0 0;
}
.cywssw .component_d21665 .ccx-ss-breadcrumbs ul {
margin: 0;
padding-left: 0;
}
.cywssw .component_d21665 .ccx-ss-breadcrumbs li {
padding-right: 5px;
display: inline-block;
}
.cywssw .component_d21665 .ccx-ss-breadcrumb:after {
content: "/";
padding-left: 5px;
font-size: 125%;
}
.cywssw .component_d21665 .ccx-ss-breadcrumb-label {
padding-left: 8px;
}
.cywssw .component_d21665 .ccx-ss-icon {
position: relative;
bottom: -3px;
}
.cywssw .lightest-theme .component_35fe3c {
padding: 0 24px 20px;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link {
color: var(--ccx-share-sheet-text-color-7);
cursor: default;
pointer-events: none;
text-decoration: none;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link:active, .cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link:focus, .cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link:hover {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link span {
color: var(--ccx-share-sheet-link-text-color-primary);
cursor: pointer;
pointer-events: all;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link span:hover {
text-decoration: underline;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body {
text-align: center;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding: 0 32px 4px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body svg {
fill: var(--ccx-share-sheet-text-color-1);
width: 41px;
height: 47px;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body-text {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
padding: 8px 0 12px;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body-text h2 {
margin: 12px 0 2px;
font-weight: 600;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more {
background-color: rgba(80, 80, 80, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(50, 50, 50, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
border-style: solid;
border-width: 1px;
border-radius: 4px;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin: 0;
padding: 12px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more svg {
border-radius: 4px;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-text {
margin: 0 0 4px 12px;
font-weight: 300;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-text h3#ccx-ss-artifact-frameio-auth-panel-learn-more-header {
color: var(--ccx-share-sheet-text-color);
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
margin: 0;
font-weight: 400;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-button {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
-ms-flex-item-align: end;
align-self: flex-end;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-body {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-footer {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
width: 100%;
margin-top: auto;
font-size: 12px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-footer #ccx-switch-footer {
width: 100%;
margin: 12px 0 -4px;
}
.cywssw .light-theme .component_35fe3c {
padding: 0 24px 20px;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link {
color: var(--ccx-share-sheet-text-color-7);
cursor: default;
pointer-events: none;
text-decoration: none;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link:active, .cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link:focus, .cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link:hover {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link span {
color: var(--ccx-share-sheet-link-text-color-primary);
cursor: pointer;
pointer-events: all;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link span:hover {
text-decoration: underline;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body {
text-align: center;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding: 0 32px 4px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body svg {
fill: var(--ccx-share-sheet-text-color-1);
width: 41px;
height: 47px;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body-text {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
padding: 8px 0 12px;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body-text h2 {
margin: 12px 0 2px;
font-weight: 600;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more {
background-color: rgba(75, 75, 75, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(44, 44, 44, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
border-style: solid;
border-width: 1px;
border-radius: 4px;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin: 0;
padding: 12px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more svg {
border-radius: 4px;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-text {
margin: 0 0 4px 12px;
font-weight: 300;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-text h3#ccx-ss-artifact-frameio-auth-panel-learn-more-header {
color: var(--ccx-share-sheet-text-color);
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
margin: 0;
font-weight: 400;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-button {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
-ms-flex-item-align: end;
align-self: flex-end;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-body {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-footer {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
width: 100%;
margin-top: auto;
font-size: 12px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-footer #ccx-switch-footer {
width: 100%;
margin: 12px 0 -4px;
}
.cywssw .dark-theme .component_35fe3c {
padding: 0 24px 20px;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link {
color: var(--ccx-share-sheet-text-color-7);
cursor: default;
pointer-events: none;
text-decoration: none;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link:active, .cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link:focus, .cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link:hover {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link span {
color: var(--ccx-share-sheet-link-text-color-primary);
cursor: pointer;
pointer-events: all;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link span:hover {
text-decoration: underline;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body {
text-align: center;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding: 0 32px 4px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body svg {
fill: var(--ccx-share-sheet-text-color-1);
width: 41px;
height: 47px;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body-text {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
padding: 8px 0 12px;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body-text h2 {
margin: 12px 0 2px;
font-weight: 600;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more {
background-color: rgba(227, 227, 227, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(255, 255, 255, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
border-style: solid;
border-width: 1px;
border-radius: 4px;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin: 0;
padding: 12px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more svg {
border-radius: 4px;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-text {
margin: 0 0 4px 12px;
font-weight: 300;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-text h3#ccx-ss-artifact-frameio-auth-panel-learn-more-header {
color: var(--ccx-share-sheet-text-color);
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
margin: 0;
font-weight: 400;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-button {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
-ms-flex-item-align: end;
align-self: flex-end;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-body {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-footer {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
width: 100%;
margin-top: auto;
font-size: 12px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-footer #ccx-switch-footer {
width: 100%;
margin: 12px 0 -4px;
}
.cywssw .darkest-theme .component_35fe3c {
padding: 0 24px 20px;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link {
color: var(--ccx-share-sheet-text-color-7);
cursor: default;
pointer-events: none;
text-decoration: none;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link:active, .cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link:focus, .cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link:hover {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link span {
color: var(--ccx-share-sheet-link-text-color-primary);
cursor: pointer;
pointer-events: all;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-text-with-link span:hover {
text-decoration: underline;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body {
text-align: center;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding: 0 32px 4px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body svg {
fill: var(--ccx-share-sheet-text-color-1);
width: 41px;
height: 47px;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body-text {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
padding: 8px 0 12px;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-body-text h2 {
margin: 12px 0 2px;
font-weight: 600;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more {
background-color: rgba(199, 199, 199, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(240, 240, 240, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
border-style: solid;
border-width: 1px;
border-radius: 4px;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin: 0;
padding: 12px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more svg {
border-radius: 4px;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-text {
margin: 0 0 4px 12px;
font-weight: 300;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-text h3#ccx-ss-artifact-frameio-auth-panel-learn-more-header {
color: var(--ccx-share-sheet-text-color);
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
margin: 0;
font-weight: 400;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-button {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
-ms-flex-item-align: end;
align-self: flex-end;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-learn-more-body {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-footer {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
width: 100%;
margin-top: auto;
font-size: 12px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_35fe3c .ccx-ss-artifact-frameio-auth-panel-footer #ccx-switch-footer {
width: 100%;
margin: 12px 0 -4px;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .component_f935c1 .ccx-ss-Well.ccx-ss-space-reminder {
border-style: solid;
border-width: 1px;
border-radius: 0 4px 4px 0;
margin-bottom: 8px;
font-size: 12px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
}
.cywssw .touch-enabled .component_f935c1 .ccx-ss-Well.ccx-ss-space-reminder > div {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .touch-enabled .component_f935c1 .ccx-ss-Well.ccx-ss-space-reminder:after {
width: 6px;
left: -6px;
}
.cywssw .component_f935c1 .ccx-ss-Well.ccx-ss-space-reminder #ccx-ss-space-reminder-name {
font-weight: bold;
}
.cywssw .spectrum--large .component_f935c1 .ccx-ss-Well.ccx-ss-space-reminder {
margin-top: 10px;
margin-bottom: 10px;
font-size: 15px;
}
.cywssw .component_f935c1 .ccx-ss-Well.ccx-ss-space-reminder:after {
content: "";
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
width: 4px;
position: absolute;
top: -1px;
bottom: -1px;
left: -4px;
}
.cywssw .component_f935c1 .ccx-ss-space-reminder-icon {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 18px;
margin-right: 16px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .touch-enabled .component_f935c1 .ccx-ss-space-reminder-icon {
width: 22px;
margin-right: 20px;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .lightest-theme .component_111ca1 {
background-color: rgba(80, 80, 80, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(50, 50, 50, .05);
border-color: var(--ccx-share-sheet-well-border-color);
}
.cywssw .lightest-theme .component_111ca1.clickable, .cywssw .lightest-theme .component_111ca1.clickable div {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .light-theme .component_111ca1 {
background-color: rgba(75, 75, 75, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(44, 44, 44, .05);
border-color: var(--ccx-share-sheet-well-border-color);
}
.cywssw .light-theme .component_111ca1.clickable, .cywssw .light-theme .component_111ca1.clickable div {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .dark-theme .component_111ca1 {
background-color: rgba(227, 227, 227, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(255, 255, 255, .05);
border-color: var(--ccx-share-sheet-well-border-color);
}
.cywssw .dark-theme .component_111ca1.clickable, .cywssw .dark-theme .component_111ca1.clickable div {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .darkest-theme .component_111ca1 {
background-color: rgba(199, 199, 199, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(240, 240, 240, .05);
border-color: var(--ccx-share-sheet-well-border-color);
}
.cywssw .darkest-theme .component_111ca1.clickable, .cywssw .darkest-theme .component_111ca1.clickable div {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_111ca1 {
border-style: solid;
border-width: 1px;
border-radius: 4px;
min-width: 248px;
margin-top: 4px;
padding: 16px;
display: block;
}
.cywssw .component_111ca1.spectrum-Link:hover, .cywssw .component_111ca1.spectrum-Link.focus-ring {
text-decoration: none !important;
}
.cywssw .lightest-theme .component_e93beb {
background-color: var(--spectrum-gray-200, #f4f4f4);
background-color: var(--ccx-share-sheet-background-color-disabled);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .lightest-theme .component_e93beb .ccx-ss-access-request-reminder-divider {
border: none;
border-left: 1px solid;
border-color: var(--spectrum-gray-400, #d3d3d3);
border-color: var(--ccx-share-sheet-vertical-separator-color);
margin: 0 8px;
margin: 0 var(--ccx-share-sheet-margin-7);
-ms-flex-item-align: center;
align-self: center;
width: 1px;
height: 32px;
}
.cywssw .light-theme .component_e93beb {
background-color: var(--spectrum-gray-200, #eaeaea);
background-color: var(--ccx-share-sheet-background-color-disabled);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .light-theme .component_e93beb .ccx-ss-access-request-reminder-divider {
border: none;
border-left: 1px solid;
border-color: var(--spectrum-gray-400, #cacaca);
border-color: var(--ccx-share-sheet-vertical-separator-color);
margin: 0 8px;
margin: 0 var(--ccx-share-sheet-margin-7);
-ms-flex-item-align: center;
align-self: center;
width: 1px;
height: 32px;
}
.cywssw .dark-theme .component_e93beb {
background-color: var(--spectrum-gray-200, #3e3e3e);
background-color: var(--ccx-share-sheet-background-color-disabled);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .dark-theme .component_e93beb .ccx-ss-access-request-reminder-divider {
border: none;
border-left: 1px solid;
border-color: var(--spectrum-gray-400, #5a5a5a);
border-color: var(--ccx-share-sheet-vertical-separator-color);
margin: 0 8px;
margin: 0 var(--ccx-share-sheet-margin-7);
-ms-flex-item-align: center;
align-self: center;
width: 1px;
height: 32px;
}
.cywssw .darkest-theme .component_e93beb {
background-color: var(--spectrum-gray-200, #2c2c2c);
background-color: var(--ccx-share-sheet-background-color-disabled);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .darkest-theme .component_e93beb .ccx-ss-access-request-reminder-divider {
border: none;
border-left: 1px solid;
border-color: var(--spectrum-gray-400, #494949);
border-color: var(--ccx-share-sheet-vertical-separator-color);
margin: 0 8px;
margin: 0 var(--ccx-share-sheet-margin-7);
-ms-flex-item-align: center;
align-self: center;
width: 1px;
height: 32px;
}
.cywssw .component_e93beb {
padding: 8px 12px;
padding: var(--ccx-share-sheet-padding-7) var(--ccx-share-sheet-padding-10) var(--ccx-share-sheet-padding-7) var(--ccx-share-sheet-padding-10);
}
.cywssw .component_e93beb .cxx-ss-access-request-reminder-icon:not(svg), .cywssw .component_e93beb svg {
margin-right: 8px;
margin-right: var(--ccx-share-sheet-margin-7);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .component_e93beb .ccx-ss-access-request-reminder-link {
margin-right: 8px;
margin-right: var(--ccx-share-sheet-margin-7);
}
.cywssw .lightest-theme .component_bd2d00 .ccx-user-add-icon, .cywssw .light-theme .component_bd2d00 .ccx-user-add-icon, .cywssw .dark-theme .component_bd2d00 .ccx-user-add-icon, .cywssw .darkest-theme .component_bd2d00 .ccx-user-add-icon {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .lightest-theme .component_2ba95f {
background-color: var(--spectrum-gray-300, #eaeaea);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .lightest-theme .component_2ba95f .ccx-ss-icon, .cywssw .lightest-theme .component_2ba95f svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .light-theme .component_2ba95f {
background-color: var(--spectrum-gray-300, #e1e1e1);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .light-theme .component_2ba95f .ccx-ss-icon, .cywssw .light-theme .component_2ba95f svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .dark-theme .component_2ba95f {
background-color: var(--spectrum-gray-300, #4a4a4a);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .dark-theme .component_2ba95f .ccx-ss-icon, .cywssw .dark-theme .component_2ba95f svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .darkest-theme .component_2ba95f {
background-color: var(--spectrum-gray-300, #393939);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .darkest-theme .component_2ba95f .ccx-ss-icon, .cywssw .darkest-theme .component_2ba95f svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .component_2ba95f {
border-radius: 15px;
border-radius: var(--ccx-share-sheet-border-radius-3);
height: var(--ccx-share-sheet-icon-size-3);
width: var(--ccx-share-sheet-icon-size-3);
width: 32px;
height: 32px;
}
.cywssw .component_2ba95f.loading .ccx-ss-icon, .cywssw .component_2ba95f.loading svg {
display: none;
}
.cywssw .component_2ba95f .ccx-ss-icon, .cywssw .component_2ba95f svg {
height: inherit;
width: inherit;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-svg-close-fill, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-svg-checkmark-fill {
width: 16px;
height: 12px;
margin: 0 0 -2px -2px;
}
.cywssw .lightest-theme .component_17331a:hover:not(.is-disabled), .cywssw .lightest-theme .component_17331a.selected {
background-color: var(--spectrum-gray-200, #f4f4f4);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .lightest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image, .cywssw .lightest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image {
background-color: var(--spectrum-gray-300, #eaeaea);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .lightest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image .ccx-ss-icon, .cywssw .lightest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image svg, .cywssw .lightest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image .ccx-ss-icon, .cywssw .lightest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .lightest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image .ccx-ss-icon.ccx-ss-project-icon, .cywssw .lightest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image svg.ccx-ss-project-icon, .cywssw .lightest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image .ccx-ss-icon.ccx-ss-project-icon, .cywssw .lightest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image svg.ccx-ss-project-icon {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .lightest-theme .component_17331a.ccx-ss-plus-card:focus {
-webkit-box-shadow: 0 0 0 2px inset var(--spectrum-blue-800, #378ef0);
box-shadow: 0 0 0 2px inset var(--spectrum-blue-800, #378ef0);
-webkit-box-shadow: 0 0 0 2px inset var(--ccx-share-sheet-border-color-focus);
box-shadow: 0 0 0 2px inset var(--ccx-share-sheet-border-color-focus);
}
.cywssw #ccx-ss-spectrum-provider.spectrum--large .lightest-theme .component_17331a .ccx-ss-user-email {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .lightest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-secondary, .cywssw .lightest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-email {
color: var(--ccx-share-sheet-subtitle-color);
padding-top: 1px;
}
.cywssw .lightest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-secondary .ccx-ss-user-email-loader, .cywssw .lightest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-email .ccx-ss-user-email-loader {
background: -webkit-gradient(linear, left top, right top, color-stop(0, background-color-2), color-stop(50%, background-color-1), to(background-color-2));
background: linear-gradient(to right, background-color-2 0, background-color-1 50%, background-color-2 100%);
}
.cywssw .lightest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-svg-checkmark-fill {
color: var(--ccx-share-sheet-text-color-success);
}
.cywssw .lightest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-svg-close-fill {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .lightest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-card-primary-label .ccx-ss-user-name-loader, .cywssw .lightest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name .ccx-ss-user-name-loader {
background: -webkit-gradient(linear, left top, right top, color-stop(0, background-color-2), color-stop(50%, background-color-1), to(background-color-2));
background: linear-gradient(to right, background-color-2 0, background-color-1 50%, background-color-2 100%);
}
.cywssw .lightest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name-text {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .lightest-theme .component_17331a .ccx-ss-user-card-right-child-has-access-request, .cywssw .lightest-theme .component_17331a .ccx-ss-user-card-right-child-owner, .cywssw .lightest-theme .component_17331a .ccx-ss-user-card-right-child-permission {
color: var(--ccx-share-sheet-text-color-7);
}
.cywssw .light-theme .component_17331a:hover:not(.is-disabled), .cywssw .light-theme .component_17331a.selected {
background-color: var(--spectrum-gray-200, #eaeaea);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .light-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image, .cywssw .light-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image {
background-color: var(--spectrum-gray-300, #e1e1e1);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .light-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image .ccx-ss-icon, .cywssw .light-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image svg, .cywssw .light-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image .ccx-ss-icon, .cywssw .light-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .light-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image .ccx-ss-icon.ccx-ss-project-icon, .cywssw .light-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image svg.ccx-ss-project-icon, .cywssw .light-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image .ccx-ss-icon.ccx-ss-project-icon, .cywssw .light-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image svg.ccx-ss-project-icon {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .light-theme .component_17331a.ccx-ss-plus-card:focus {
-webkit-box-shadow: 0 0 0 2px inset var(--spectrum-blue-800, #2680eb);
box-shadow: 0 0 0 2px inset var(--spectrum-blue-800, #2680eb);
-webkit-box-shadow: 0 0 0 2px inset var(--ccx-share-sheet-border-color-focus);
box-shadow: 0 0 0 2px inset var(--ccx-share-sheet-border-color-focus);
}
.cywssw #ccx-ss-spectrum-provider.spectrum--large .light-theme .component_17331a .ccx-ss-user-email {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .light-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-secondary, .cywssw .light-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-email {
color: var(--ccx-share-sheet-subtitle-color);
padding-top: 1px;
}
.cywssw .light-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-secondary .ccx-ss-user-email-loader, .cywssw .light-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-email .ccx-ss-user-email-loader {
background: -webkit-gradient(linear, left top, right top, color-stop(0, background-color-2), color-stop(50%, background-color-1), to(background-color-2));
background: linear-gradient(to right, background-color-2 0, background-color-1 50%, background-color-2 100%);
}
.cywssw .light-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-svg-checkmark-fill {
color: var(--ccx-share-sheet-text-color-success);
}
.cywssw .light-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-svg-close-fill {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .light-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-card-primary-label .ccx-ss-user-name-loader, .cywssw .light-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name .ccx-ss-user-name-loader {
background: -webkit-gradient(linear, left top, right top, color-stop(0, background-color-2), color-stop(50%, background-color-1), to(background-color-2));
background: linear-gradient(to right, background-color-2 0, background-color-1 50%, background-color-2 100%);
}
.cywssw .light-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name-text {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .light-theme .component_17331a .ccx-ss-user-card-right-child-has-access-request, .cywssw .light-theme .component_17331a .ccx-ss-user-card-right-child-owner, .cywssw .light-theme .component_17331a .ccx-ss-user-card-right-child-permission {
color: var(--ccx-share-sheet-text-color-7);
}
.cywssw .dark-theme .component_17331a:hover:not(.is-disabled), .cywssw .dark-theme .component_17331a.selected {
background-color: var(--spectrum-gray-200, #3e3e3e);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .dark-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image, .cywssw .dark-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image {
background-color: var(--spectrum-gray-300, #4a4a4a);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .dark-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image .ccx-ss-icon, .cywssw .dark-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image svg, .cywssw .dark-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image .ccx-ss-icon, .cywssw .dark-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .dark-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image .ccx-ss-icon.ccx-ss-project-icon, .cywssw .dark-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image svg.ccx-ss-project-icon, .cywssw .dark-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image .ccx-ss-icon.ccx-ss-project-icon, .cywssw .dark-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image svg.ccx-ss-project-icon {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .dark-theme .component_17331a.ccx-ss-plus-card:focus {
-webkit-box-shadow: 0 0 0 2px inset var(--spectrum-blue-700, #2680eb);
box-shadow: 0 0 0 2px inset var(--spectrum-blue-700, #2680eb);
-webkit-box-shadow: 0 0 0 2px inset var(--ccx-share-sheet-border-color-focus);
box-shadow: 0 0 0 2px inset var(--ccx-share-sheet-border-color-focus);
}
.cywssw #ccx-ss-spectrum-provider.spectrum--large .dark-theme .component_17331a .ccx-ss-user-email {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .dark-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-secondary, .cywssw .dark-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-email {
color: var(--ccx-share-sheet-subtitle-color);
padding-top: 1px;
}
.cywssw .dark-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-secondary .ccx-ss-user-email-loader, .cywssw .dark-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-email .ccx-ss-user-email-loader {
background: -webkit-gradient(linear, left top, right top, color-stop(0, background-color-2), color-stop(50%, background-color-1), to(background-color-2));
background: linear-gradient(to right, background-color-2 0, background-color-1 50%, background-color-2 100%);
}
.cywssw .dark-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-svg-checkmark-fill {
color: var(--ccx-share-sheet-text-color-success);
}
.cywssw .dark-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-svg-close-fill {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .dark-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-card-primary-label .ccx-ss-user-name-loader, .cywssw .dark-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name .ccx-ss-user-name-loader {
background: -webkit-gradient(linear, left top, right top, color-stop(0, background-color-2), color-stop(50%, background-color-1), to(background-color-2));
background: linear-gradient(to right, background-color-2 0, background-color-1 50%, background-color-2 100%);
}
.cywssw .dark-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name-text {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .dark-theme .component_17331a .ccx-ss-user-card-right-child-has-access-request, .cywssw .dark-theme .component_17331a .ccx-ss-user-card-right-child-owner, .cywssw .dark-theme .component_17331a .ccx-ss-user-card-right-child-permission {
color: var(--ccx-share-sheet-text-color-7);
}
.cywssw .darkest-theme .component_17331a:hover:not(.is-disabled), .cywssw .darkest-theme .component_17331a.selected {
background-color: var(--spectrum-gray-200, #2c2c2c);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .darkest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image, .cywssw .darkest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image {
background-color: var(--spectrum-gray-300, #393939);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .darkest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image .ccx-ss-icon, .cywssw .darkest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image svg, .cywssw .darkest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image .ccx-ss-icon, .cywssw .darkest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .darkest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image .ccx-ss-icon.ccx-ss-project-icon, .cywssw .darkest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-group-image svg.ccx-ss-project-icon, .cywssw .darkest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image .ccx-ss-icon.ccx-ss-project-icon, .cywssw .darkest-theme .component_17331a.ccx-ss-team-group-card .ccx-ss-user-project-image svg.ccx-ss-project-icon {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .darkest-theme .component_17331a.ccx-ss-plus-card:focus {
-webkit-box-shadow: 0 0 0 2px inset var(--spectrum-blue-700, #1473e6);
box-shadow: 0 0 0 2px inset var(--spectrum-blue-700, #1473e6);
-webkit-box-shadow: 0 0 0 2px inset var(--ccx-share-sheet-border-color-focus);
box-shadow: 0 0 0 2px inset var(--ccx-share-sheet-border-color-focus);
}
.cywssw #ccx-ss-spectrum-provider.spectrum--large .darkest-theme .component_17331a .ccx-ss-user-email {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .darkest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-secondary, .cywssw .darkest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-email {
color: var(--ccx-share-sheet-subtitle-color);
padding-top: 1px;
}
.cywssw .darkest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-secondary .ccx-ss-user-email-loader, .cywssw .darkest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-email .ccx-ss-user-email-loader {
background: -webkit-gradient(linear, left top, right top, color-stop(0, background-color-2), color-stop(50%, background-color-1), to(background-color-2));
background: linear-gradient(to right, background-color-2 0, background-color-1 50%, background-color-2 100%);
}
.cywssw .darkest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-svg-checkmark-fill {
color: var(--ccx-share-sheet-text-color-success);
}
.cywssw .darkest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-svg-close-fill {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .darkest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-card-primary-label .ccx-ss-user-name-loader, .cywssw .darkest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name .ccx-ss-user-name-loader {
background: -webkit-gradient(linear, left top, right top, color-stop(0, background-color-2), color-stop(50%, background-color-1), to(background-color-2));
background: linear-gradient(to right, background-color-2 0, background-color-1 50%, background-color-2 100%);
}
.cywssw .darkest-theme .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name-text {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .darkest-theme .component_17331a .ccx-ss-user-card-right-child-has-access-request, .cywssw .darkest-theme .component_17331a .ccx-ss-user-card-right-child-owner, .cywssw .darkest-theme .component_17331a .ccx-ss-user-card-right-child-permission {
color: var(--ccx-share-sheet-text-color-7);
}
.cywssw .component_17331a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
padding: 8px 24px;
padding: var(--ccx-share-sheet-padding-7) var(--ccx-share-sheet-padding-13);
-ms-flex-flow: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
height: 50px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .touch-enabled .component_17331a {
padding-left: 30px;
padding-right: 30px;
}
.cywssw .component_17331a.ccx-ss-team-group-card {
--spectrum-actionbutton-label-flex-grow: 1;
--spectrum-actionbutton-label-text-align: start;
}
.cywssw .component_17331a.ccx-ss-team-group-card .ccx-ss-user-card-content, .cywssw .component_17331a.ccx-ss-request-card .ccx-ss-user-card-content {
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
}
.cywssw .component_17331a.ccx-ss-team-group-card, .cywssw .component_17331a.ccx-ss-project-group-card {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
padding: 8px 24px;
padding: var(--ccx-share-sheet-padding-7) var(--ccx-share-sheet-padding-13);
text-align: left;
}
.cywssw .component_17331a.ccx-ss-team-group-card .ccx-ss-project-group-card-chevron, .cywssw .component_17331a.ccx-ss-project-group-card .ccx-ss-project-group-card-chevron {
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
}
.cywssw .touch-enabled .component_17331a.ccx-ss-team-group-card, .cywssw .touch-enabled .component_17331a.ccx-ss-project-group-card {
padding-left: 30px;
padding-right: 30px;
}
.cywssw .spectrum--large .component_17331a.ccx-ss-team-group-card, .cywssw .spectrum--large .component_17331a.ccx-ss-project-group-card {
padding-left: 20px;
padding-right: 20px;
}
.cywssw .component_17331a.ccx-ss-team-group-card, .cywssw .component_17331a.ccx-ss-project-group-card, .cywssw .component_17331a.ccx-ss-plus-card {
border: none;
width: 100%;
height: auto;
}
.cywssw .component_17331a.ccx-ss-team-group-card:hover, .cywssw .component_17331a.ccx-ss-project-group-card:hover, .cywssw .component_17331a.ccx-ss-plus-card:hover {
border-radius: 0;
}
.cywssw .component_17331a .ccx-ss-collaborators-list-remove-btn {
display: none;
}
.cywssw .touch-enabled .component_17331a .ccx-ss-collaborators-list-remove-btn, .cywssw .using-keyboard .component_17331a .ccx-ss-collaborators-list-remove-btn, .cywssw .component_17331a:hover .ccx-ss-collaborators-list-remove-btn, .cywssw li:focus .component_17331a .ccx-ss-collaborators-list-remove-btn {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_17331a.loading:hover, .cywssw .component_17331a.loading.selected {
background: none;
}
.cywssw .spectrum--large .component_17331a {
min-height: 60px;
padding-left: 20px;
padding-right: 20px;
}
.cywssw .spectrum--large .component_17331a .ccx-ss-user-name-text {
font-size: 15px;
font-size: var(--ccx-share-sheet-font-size-xmd);
font-weight: 400;
font-weight: var(--ccx-share-sheet-font-weight-normal);
}
.cywssw .spectrum--large .component_17331a .ccx-ss-user-email {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
}
.cywssw .component_17331a .ccx-ss-user-card-left-child {
padding: 0 12px;
padding: 0 var(--ccx-share-sheet-padding-10);
-ms-flex: 0;
-webkit-box-flex: 0;
flex: 0;
height: 100%;
}
.cywssw .component_17331a .ccx-ss-user-card-content {
min-width: 0;
position: relative;
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex: 0;
-webkit-box-flex: 0;
flex: 0;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details {
padding: 0 8px 0 12px;
padding: 0 var(--ccx-share-sheet-padding-7) 0 var(--ccx-share-sheet-padding-10);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
-ms-flex-item-align: center;
align-self: center;
min-width: 0;
line-height: 1.25;
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-secondary, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-email {
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
font-weight: 400;
font-weight: var(--ccx-share-sheet-font-weight-normal);
overflow: hidden;
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-secondary .ccx-ss-user-email-loader, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-email .ccx-ss-user-email-loader {
background-size: 1000px;
background-size: var(--ccx-share-sheet-background-size-1);
border-radius: 2px;
border-radius: var(--ccx-share-sheet-border-radius-1);
width: 60px;
height: 8px;
-webkit-animation: 3s linear infinite wiper;
animation: 3s linear infinite wiper;
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-secondary.pendingRemove, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-email.pendingRemove {
opacity: opacity-disabled;
opacity: opacity-disabled;
margin-right: 4px;
margin-right: var(--ccx-share-sheet-margin-4);
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-primary {
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
font-weight: 400;
font-weight: var(--ccx-share-sheet-font-weight-normal);
overflow: hidden;
}
.cywssw .ccx-ss-dialog:not(.touch-enabled) .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name:hover .spectrum-Tooltip, .cywssw .ccx-ss-dialog:not(.touch-enabled) .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-primary:hover .spectrum-Tooltip {
display: block;
}
.cywssw .ccx-ss-dialog:not(.touch-enabled) .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name:hover div.owner .spectrum-Tooltip, .cywssw .ccx-ss-dialog:not(.touch-enabled) .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-primary:hover div.owner .spectrum-Tooltip {
display: block;
top: 10px;
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name .spectrum-Tooltip, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-primary .spectrum-Tooltip {
z-index: 1;
display: none;
position: absolute;
top: -20px;
left: auto;
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name .ccx-ss-user-name-text-wrapper, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-primary .ccx-ss-user-name-text-wrapper {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-name .ccx-ss-user-name-loader, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details .ccx-ss-user-primary .ccx-ss-user-name-loader {
background-size: 1000px;
background-size: var(--ccx-share-sheet-background-size-1);
border-radius: 2px;
border-radius: var(--ccx-share-sheet-border-radius-1);
margin-bottom: 8px;
margin-bottom: var(--ccx-share-sheet-margin-7);
width: 90px;
height: 8px;
-webkit-animation: 3s linear infinite wiper;
animation: 3s linear infinite wiper;
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-details.synthetic-user .ccx-ss-user-name .ccx-ss-user-name-text-wrapper {
white-space: normal;
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-plus-card-details {
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-group-image, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-image, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-project-image {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
-ms-flex-line-pack: center;
-ms-flex-pack: center;
align-content: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-group-image, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-project-image {
height: var(--ccx-share-sheet-icon-size-6);
width: var(--ccx-share-sheet-icon-size-6);
border-radius: 50%;
width: 34px;
height: 34px;
}
.cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-group-image .ccx-ss-icon, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-card-group-image svg, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-project-image .ccx-ss-icon, .cywssw .component_17331a .ccx-ss-user-card-content .ccx-ss-user-card-row .ccx-ss-user-project-image svg {
height: var(--ccx-share-sheet-icon-size-1);
width: var(--ccx-share-sheet-icon-size-1);
color: #fff;
width: 20px;
height: 20px;
}
.cywssw .component_17331a .ccx-ss-user-card-right-child {
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
min-width: 120px;
height: 30px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
}
.cywssw .component_17331a .ccx-ss-user-card-right-child.compactLayout {
min-width: unset;
}
.cywssw .spectrum--large .component_17331a .ccx-ss-user-card-right-child {
height: auto;
}
.cywssw .component_17331a .ccx-ss-user-card-right-child.permissions-dropdown-container {
padding-left: 8px;
padding-left: var(--ccx-share-sheet-padding-7);
width: auto;
}
.cywssw .component_17331a .ccx-ss-user-card-right-child.permissions-dropdown-container .permissions-dropdown {
width: inherit;
overflow: hidden;
}
.cywssw .component_17331a .ccx-ss-user-card-right-child.permissions-dropdown-container .permissions-dropdown .ccx-ss-permissions-dropdown button {
width: inherit;
}
.cywssw .component_17331a .ccx-ss-user-card-right-child.permissions-dropdown-container .permissions-dropdown .ccx-ss-mobile-tray-button span.ccx-ss-mobile-tray-button-label {
text-overflow: ellipsis;
white-space: nowrap;
max-width: 120px;
display: inline;
overflow: hidden;
}
.cywssw .component_17331a .ccx-ss-user-card-right-child.permissions-dropdown-container .react-spectrum-Dropdown-fixed {
min-width: auto;
}
.cywssw .component_17331a .ccx-ss-user-card-right-child.permissions-dropdown-container .react-spectrum-Dropdown-fixed .spectrum-Dropdown-trigger {
width: 100px;
}
.cywssw .component_17331a .ccx-ss-user-card-right-child.processing {
opacity: 1;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 40px;
}
.cywssw .component_17331a .ccx-ss-user-card-right-child .permissions-dropdown {
position: inherit;
top: 0;
right: 0;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_17331a .ccx-ss-user-card-right-child .permissions-dropdown {
top: 2px;
}
.cywssw .spectrum-theme-provider.swc-enabled .spectrum--large .component_17331a .ccx-ss-user-card-right-child .permissions-dropdown {
top: 0;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_17331a .permissions-dropdown {
top: 2px;
}
.cywssw .component_17331a .ccx-ss-user-card-right-child-has-access-request, .cywssw .component_17331a .ccx-ss-user-card-right-child-owner {
margin-right: 16px;
}
.cywssw .component_17331a .ccx-ss-user-card-right-child-has-access-request, .cywssw .component_17331a .ccx-ss-user-card-right-child-owner, .cywssw .component_17331a .ccx-ss-user-card-right-child-permission {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
font-weight: 400;
font-weight: var(--ccx-share-sheet-font-weight-normal);
}
.cywssw .spectrum--large .component_17331a .ccx-ss-user-card-right-child-has-access-request, .cywssw .spectrum--large .component_17331a .ccx-ss-user-card-right-child-owner, .cywssw .spectrum--large .component_17331a .ccx-ss-user-card-right-child-permission {
font-size: 17px;
}
.cywssw .component_17331a .ccx-ss-user-card-right-child-undo {
height: 100%;
}
.cywssw .component_17331a .trash-button, .cywssw .component_17331a .undo-button {
border-style: unset;
background: none;
}
.cywssw .component_17331a .ccx-ss-user-card-group-link {
color: inherit;
}
.cywssw .component_17331a .ccx-ss-user-card-group-link:hover {
color: inherit;
text-decoration: none;
}
.cywssw .lightest-theme .component_26392b, .cywssw .lightest-theme .component_26392b .ccx-ss-user-image {
background-color: var(--spectrum-gray-300, #eaeaea);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .lightest-theme .component_26392b .ccx-ss-icon {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .light-theme .component_26392b, .cywssw .light-theme .component_26392b .ccx-ss-user-image {
background-color: var(--spectrum-gray-300, #e1e1e1);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .light-theme .component_26392b .ccx-ss-icon {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .dark-theme .component_26392b, .cywssw .dark-theme .component_26392b .ccx-ss-user-image {
background-color: var(--spectrum-gray-300, #4a4a4a);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .dark-theme .component_26392b .ccx-ss-icon {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .darkest-theme .component_26392b, .cywssw .darkest-theme .component_26392b .ccx-ss-user-image {
background-color: var(--spectrum-gray-300, #393939);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .darkest-theme .component_26392b .ccx-ss-icon {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .component_26392b {
border-radius: 50%;
border-radius: var(--ccx-share-sheet-border-radius-4);
height: var(--ccx-share-sheet-icon-size-6);
width: var(--ccx-share-sheet-icon-size-6);
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 34px;
height: 34px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .component_26392b .ccx-ss-user-image {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
}
.cywssw .component_26392b .ccx-ss-user-image > img, .cywssw .component_26392b .ccx-ss-user-image > .ccx-ss-icon {
opacity: 1;
}
.cywssw .component_26392b .ccx-ss-user-image img {
border-radius: 50%;
border-radius: var(--ccx-share-sheet-border-radius-4);
opacity: 0;
width: 100%;
height: 100%;
-webkit-transition: opacity .5s;
transition: opacity .5s;
}
.cywssw .component_26392b .ccx-ss-user-image img.loaded {
opacity: 1;
}
.cywssw .lightest-theme .component_9d6035:focus {
-webkit-box-shadow: 0 0 0 2px var(--spectrum-blue-800, #378ef0);
box-shadow: 0 0 0 2px var(--spectrum-blue-800, #378ef0);
-webkit-box-shadow: 0 0 0 2px var(--ccx-share-sheet-border-color-focus);
box-shadow: 0 0 0 2px var(--ccx-share-sheet-border-color-focus);
}
.cywssw .light-theme .component_9d6035:focus {
-webkit-box-shadow: 0 0 0 2px var(--spectrum-blue-800, #2680eb);
box-shadow: 0 0 0 2px var(--spectrum-blue-800, #2680eb);
-webkit-box-shadow: 0 0 0 2px var(--ccx-share-sheet-border-color-focus);
box-shadow: 0 0 0 2px var(--ccx-share-sheet-border-color-focus);
}
.cywssw .dark-theme .component_9d6035:focus {
-webkit-box-shadow: 0 0 0 2px var(--spectrum-blue-700, #2680eb);
box-shadow: 0 0 0 2px var(--spectrum-blue-700, #2680eb);
-webkit-box-shadow: 0 0 0 2px var(--ccx-share-sheet-border-color-focus);
box-shadow: 0 0 0 2px var(--ccx-share-sheet-border-color-focus);
}
.cywssw .darkest-theme .component_9d6035:focus {
-webkit-box-shadow: 0 0 0 2px var(--spectrum-blue-700, #1473e6);
box-shadow: 0 0 0 2px var(--spectrum-blue-700, #1473e6);
-webkit-box-shadow: 0 0 0 2px var(--ccx-share-sheet-border-color-focus);
box-shadow: 0 0 0 2px var(--ccx-share-sheet-border-color-focus);
}
.cywssw .component_9d6035 {
outline: none;
}
.cywssw .lightest-theme .component_03da31:focus {
background-color: var(--spectrum-gray-200, #f4f4f4);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .lightest-theme .component_03da31:focus-within {
background-color: var(--spectrum-gray-200, #f4f4f4);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .light-theme .component_03da31:focus {
background-color: var(--spectrum-gray-200, #eaeaea);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .light-theme .component_03da31:focus-within {
background-color: var(--spectrum-gray-200, #eaeaea);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .dark-theme .component_03da31:focus {
background-color: var(--spectrum-gray-200, #3e3e3e);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .dark-theme .component_03da31:focus-within {
background-color: var(--spectrum-gray-200, #3e3e3e);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .darkest-theme .component_03da31:focus {
background-color: var(--spectrum-gray-200, #2c2c2c);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .darkest-theme .component_03da31:focus-within {
background-color: var(--spectrum-gray-200, #2c2c2c);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .component_03da31 {
outline: none;
}
.cywssw .lightest-theme .component_f10d65 .ccx-ss-invite-remove-all-btn {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .lightest-theme .component_f10d65 .ccx-ss-invite-remove-all-btn--disabled {
color: var(--ccx-share-sheet-button-text-color-disabled);
}
.cywssw .light-theme .component_f10d65 .ccx-ss-invite-remove-all-btn {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .light-theme .component_f10d65 .ccx-ss-invite-remove-all-btn--disabled {
color: var(--ccx-share-sheet-button-text-color-disabled);
}
.cywssw .dark-theme .component_f10d65 .ccx-ss-invite-remove-all-btn {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .dark-theme .component_f10d65 .ccx-ss-invite-remove-all-btn--disabled {
color: var(--ccx-share-sheet-button-text-color-disabled);
}
.cywssw .darkest-theme .component_f10d65 .ccx-ss-invite-remove-all-btn {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .darkest-theme .component_f10d65 .ccx-ss-invite-remove-all-btn--disabled {
color: var(--ccx-share-sheet-button-text-color-disabled);
}
.cywssw .component_f10d65 {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
padding-top: 8px;
padding-top: var(--ccx-share-sheet-margin-7);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cywssw .component_f10d65.ccx-ss-address-book-group, .cywssw .component_f10d65.ccx-ss-team-members {
padding-top: 0;
overflow-y: scroll;
}
.cywssw .component_f10d65 .ccx-ss-project-details-button {
margin: 0 0 16px 24px;
margin: 0 0 var(--ccx-share-sheet-margin-11) var(--ccx-share-sheet-margin-13);
}
.cywssw .component_f10d65 .ccx-ss-restrict-library-edit-toggle {
margin: 0 24px 12px;
margin: 0 var(--ccx-share-sheet-margin-13) var(--ccx-share-sheet-margin-10) var(--ccx-share-sheet-margin-13);
}
.cywssw .component_f10d65 .ccx-ss-restrict-library-edit-toggle .ccx-ss-toggle-header.express {
font-weight: 800;
}
.cywssw .component_f10d65 .ccx-ss-restrict-library-edit-toggle .ccx-ss-toggle-container {
margin: 2px 0 16px;
margin: var(--ccx-share-sheet-margin-2) 0 var(--ccx-share-sheet-margin-11) 0;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_f10d65 .ccx-ss-restrict-library-edit-toggle .ccx-ss-toggle-container .ccx-ss-info-label-wrapper {
margin: 6px 0 0;
margin: var(--ccx-share-sheet-margin-6) 0 0 0;
}
.cywssw .spectrum--large .component_f10d65 {
min-height: auto;
}
.cywssw .component_f10d65 ul {
margin: 0;
padding: 0;
}
.cywssw .component_f10d65 li {
list-style-type: none;
}
.cywssw .component_f10d65 .ccx-ss-space-reminder {
margin: 0 24px 0 27px;
}
.cywssw .spectrum--large .component_f10d65 .ccx-ss-space-reminder {
margin: 0 20px 0 23px;
}
.cywssw .touch-enabled .component_f10d65 .ccx-ss-space-reminder {
margin: 0 20px 0 25px;
}
.cywssw .component_f10d65 .ccx-ss-requests-list-header, .cywssw .component_f10d65 .ccx-ss-collaborators-list-header-container {
padding: 16px 24px 0;
padding: var(--ccx-share-sheet-padding-11) var(--ccx-share-sheet-padding-13) 0 var(--ccx-share-sheet-padding-13);
}
.cywssw .touch-enabled .component_f10d65 .ccx-ss-requests-list-header, .cywssw .touch-enabled .component_f10d65 .ccx-ss-collaborators-list-header-container {
padding-left: 30px;
padding-right: 30px;
}
.cywssw .spectrum--large .component_f10d65 .ccx-ss-requests-list-header, .cywssw .spectrum--large .component_f10d65 .ccx-ss-collaborators-list-header-container {
font-size: 17px;
font-size: var(--ccx-share-sheet-font-size-lg);
font-weight: 400;
font-weight: var(--ccx-share-sheet-font-weight-normal);
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
}
.cywssw .component_f10d65 .ccx-ss-requests-list-header {
margin-top: 0;
}
.cywssw .component_f10d65 .ccx-ss-requests-list-header:first-child {
padding-top: 8px;
padding-top: var(--ccx-share-sheet-padding-7);
}
.cywssw .component_f10d65 #ccx-ss-collaborators-list-header.ccx-ss-Heading--subtitle2, .cywssw .component_f10d65 .ccx-ss-requests-list-header.ccx-ss-Heading--subtitle2, .cywssw .component_f10d65 #ccx-ss-collaborators-list-pending-header.ccx-ss-Heading--subtitle2 {
font-size: 15px;
font-size: var(--ccx-share-sheet-font-size-xmd);
}
.cywssw .component_f10d65 .ccx-ss-collaborators-list-pending-header {
font-size: 15px;
font-size: var(--ccx-share-sheet-font-size-xmd);
padding: 16px 0 0 24px;
padding: var(--ccx-share-sheet-padding-11) 0 0 var(--ccx-share-sheet-padding-13);
letter-spacing: 0;
}
.cywssw .touch-enabled .component_f10d65 .ccx-ss-collaborators-list-pending-header {
padding-left: 30px;
padding-right: 30px;
}
.cywssw .spectrum--large .component_f10d65 .ccx-ss-collaborators-list-pending-header {
padding-left: 20px;
padding-right: 20px;
}
.cywssw .component_f10d65 .ccx-ss-invite-pending-list {
padding-bottom: 10px;
}
.cywssw .component_f10d65 .ccx-ss-collaborators-list-header-container {
-ms-flex-flow: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_f10d65 .ccx-ss-direct-collaborators-list {
padding-bottom: 16px;
padding-bottom: var(--ccx-share-sheet-padding-11);
}
.cywssw .component_f10d65 .ccx-ss-direct-collaborators-list.lce-enabled {
padding-bottom: 0;
}
.cywssw .component_f10d65 .ccx-ss-invite-remove-all-btn {
cursor: pointer;
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
background: none;
border: none;
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
}
.cywssw .component_f10d65 .ccx-ss-group-members-error {
min-height: unset;
}
.cywssw .component_f10d65 .ccx-ss-user-card-right-child-permission {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
font-weight: 400;
font-weight: var(--ccx-share-sheet-font-weight-normal);
}
.cywssw .spectrum--large .component_f10d65 .ccx-ss-user-card-right-child-permission {
font-size: 17px;
}
.cywssw .lightest-theme .component_435a71 {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .lightest-theme .component_435a71 .ccx-ss-Well {
background-color: rgba(255, 255, 255, .95);
background-color: var(--ccx-share-sheet-background-color-transparent-1);
border-color: var(--spectrum-gray-300, #eaeaea);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .lightest-theme .component_435a71 .ccx-ss-folder-info-icon {
color: var(--ccx-share-sheet-text-color-4);
}
.cywssw .light-theme .component_435a71 {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .light-theme .component_435a71 .ccx-ss-Well {
background-color: rgba(250, 250, 250, .95);
background-color: var(--ccx-share-sheet-background-color-transparent-1);
border-color: var(--spectrum-gray-300, #e1e1e1);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .light-theme .component_435a71 .ccx-ss-folder-info-icon {
color: var(--ccx-share-sheet-text-color-4);
}
.cywssw .dark-theme .component_435a71 {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .dark-theme .component_435a71 .ccx-ss-Well {
background-color: rgba(45, 45, 45, .95);
background-color: var(--ccx-share-sheet-background-color-transparent-1);
border-color: var(--spectrum-gray-300, #4a4a4a);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .dark-theme .component_435a71 .ccx-ss-folder-info-icon {
color: var(--ccx-share-sheet-text-color-4);
}
.cywssw .darkest-theme .component_435a71 {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .darkest-theme .component_435a71 .ccx-ss-Well {
background-color: rgba(29, 29, 29, .95);
background-color: var(--ccx-share-sheet-background-color-transparent-1);
border-color: var(--spectrum-gray-300, #393939);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .darkest-theme .component_435a71 .ccx-ss-folder-info-icon {
color: var(--ccx-share-sheet-text-color-4);
}
.cywssw .component_435a71 {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
}
.cywssw .component_435a71 .ccx-ss-Well {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_435a71 .ccx-ss-folder-info-icon {
padding-right: 16px;
padding-right: var(--ccx-share-sheet-padding-11);
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_8d65da {
width: 100%;
min-height: 30px;
}
.cywssw .component_8d65da #ccx-ss-generic-action-secondary-btn + #ccx-ss-generic-confirmation-primary-btn {
margin-left: 16px;
margin-left: var(--ccx-share-sheet-margin-11);
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .lightest-theme .component_5869cd {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .lightest-theme .component_5869cd .ccx-ss-generic-confirmation-header {
border-bottom-color: var(--spectrum-gray-300, #eaeaea);
border-bottom-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .lightest-theme .component_5869cd .ccx-ss-generic-confirmation-header.error h3, .cywssw .lightest-theme .component_5869cd .ccx-ss-generic-confirmation-header.error h3 .ccx-ss-generic-confirmation-icon {
color: var(--ccx-share-sheet-background-color-error-4);
}
.cywssw .lightest-theme .component_5869cd .ccx-ss-generic-confirmation-content .link {
color: var(--ccx-share-sheet-text-color-link);
}
.cywssw .light-theme .component_5869cd {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .light-theme .component_5869cd .ccx-ss-generic-confirmation-header {
border-bottom-color: var(--spectrum-gray-300, #e1e1e1);
border-bottom-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .light-theme .component_5869cd .ccx-ss-generic-confirmation-header.error h3, .cywssw .light-theme .component_5869cd .ccx-ss-generic-confirmation-header.error h3 .ccx-ss-generic-confirmation-icon {
color: var(--ccx-share-sheet-background-color-error-4);
}
.cywssw .light-theme .component_5869cd .ccx-ss-generic-confirmation-content .link {
color: var(--ccx-share-sheet-text-color-link);
}
.cywssw .dark-theme .component_5869cd {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .dark-theme .component_5869cd .ccx-ss-generic-confirmation-header {
border-bottom-color: var(--spectrum-gray-300, #4a4a4a);
border-bottom-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .dark-theme .component_5869cd .ccx-ss-generic-confirmation-header.error h3, .cywssw .dark-theme .component_5869cd .ccx-ss-generic-confirmation-header.error h3 .ccx-ss-generic-confirmation-icon {
color: var(--ccx-share-sheet-background-color-error-4);
}
.cywssw .dark-theme .component_5869cd .ccx-ss-generic-confirmation-content .link {
color: var(--ccx-share-sheet-text-color-link);
}
.cywssw .darkest-theme .component_5869cd {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .darkest-theme .component_5869cd .ccx-ss-generic-confirmation-header {
border-bottom-color: var(--spectrum-gray-300, #393939);
border-bottom-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .darkest-theme .component_5869cd .ccx-ss-generic-confirmation-header.error h3, .cywssw .darkest-theme .component_5869cd .ccx-ss-generic-confirmation-header.error h3 .ccx-ss-generic-confirmation-icon {
color: var(--ccx-share-sheet-background-color-error-4);
}
.cywssw .darkest-theme .component_5869cd .ccx-ss-generic-confirmation-content .link {
color: var(--ccx-share-sheet-text-color-link);
}
.cywssw .component_5869cd {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
padding: 20px;
padding: var(--ccx-share-sheet-padding-12);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
height: 100%;
min-height: 140px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
overflow-x: hidden;
}
.cywssw .component_5869cd.full {
padding: 40px;
}
.cywssw .component_5869cd #ccx-ss-toast {
padding-top: 0;
position: absolute;
top: 0;
left: 0;
}
.cywssw .component_5869cd .ccx-ss-generic-confirmation-header {
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-width: var(--ccx-share-sheet-border-width-2);
padding: 0 0 12px;
padding: 0 0 var(--ccx-share-sheet-padding-10) 0;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
width: 100%;
position: relative;
}
.cywssw .component_5869cd .ccx-ss-generic-confirmation-header h3 {
font-size: 16px;
}
.cywssw .component_5869cd .ccx-ss-generic-confirmation-header h3 .ccx-ss-generic-confirmation-icon {
height: var(--ccx-share-sheet-icon-size-1);
width: var(--ccx-share-sheet-icon-size-1);
width: 20px;
height: 20px;
position: absolute;
top: 0;
right: 0;
}
.cywssw .component_5869cd .ccx-ss-generic-confirmation-content {
padding: 20px 0;
padding: var(--ccx-share-sheet-padding-12) 0;
width: 100%;
font-size: 14px;
}
.cywssw .component_5869cd .ccx-ss-generic-confirmation-content.full {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
}
.cywssw .component_5869cd .ccx-ss-generic-confirmation-content.centered {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
}
.cywssw .component_5869cd .ccx-ss-generic-confirmation-content.processing {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
min-height: 100px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.cywssw .component_5869cd .ccx-ss-generic-confirmation-content span {
word-wrap: break-word;
}
.cywssw .component_5869cd .ccx-ss-generic-confirmation-content p {
margin: 0;
}
.cywssw .component_5869cd .ccx-ss-generic-confirmation-footer {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
-ms-flex-item-align: end;
align-self: flex-end;
}
.cywssw .lightest-theme .component_180cee {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-600, #959595);
border-color: var(--ccx-share-sheet-border-color-6);
}
.cywssw .lightest-theme .component_180cee:hover {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .lightest-theme .component_180cee.selected, .cywssw .lightest-theme .component_180cee.selected.wizard {
background-color: var(--spectrum-blue-800, #378ef0);
background-color: var(--ccx-share-sheet-link-text-color-1);
border-color: var(--spectrum-blue-800, #378ef0);
border-color: var(--ccx-share-sheet-link-text-color-1);
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .lightest-theme .component_180cee.selected button .ccx-ss-icon, .cywssw .lightest-theme .component_180cee.selected button svg, .cywssw .lightest-theme .component_180cee.selected.wizard button .ccx-ss-icon, .cywssw .lightest-theme .component_180cee.selected.wizard button svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .lightest-theme .component_180cee.invalid {
border-color: var(--spectrum-red-1000, #d7373f);
border-color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .lightest-theme .component_180cee.invalid button .ccx-ss-icon, .cywssw .lightest-theme .component_180cee.invalid button svg {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .lightest-theme .component_180cee .ccx-ss-tag-input {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .light-theme .component_180cee {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-600, #8e8e8e);
border-color: var(--ccx-share-sheet-border-color-6);
}
.cywssw .light-theme .component_180cee:hover {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .light-theme .component_180cee.selected, .cywssw .light-theme .component_180cee.selected.wizard {
background-color: var(--spectrum-blue-800, #2680eb);
background-color: var(--ccx-share-sheet-link-text-color-1);
border-color: var(--spectrum-blue-800, #2680eb);
border-color: var(--ccx-share-sheet-link-text-color-1);
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .light-theme .component_180cee.selected button .ccx-ss-icon, .cywssw .light-theme .component_180cee.selected button svg, .cywssw .light-theme .component_180cee.selected.wizard button .ccx-ss-icon, .cywssw .light-theme .component_180cee.selected.wizard button svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .light-theme .component_180cee.invalid {
border-color: var(--spectrum-red-1000, #c9252d);
border-color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .light-theme .component_180cee.invalid button .ccx-ss-icon, .cywssw .light-theme .component_180cee.invalid button svg {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .light-theme .component_180cee .ccx-ss-tag-input {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .dark-theme .component_180cee {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-600, #909090);
border-color: var(--ccx-share-sheet-border-color-6);
}
.cywssw .dark-theme .component_180cee:hover {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .dark-theme .component_180cee.selected, .cywssw .dark-theme .component_180cee.selected.wizard {
background-color: var(--spectrum-blue-700, #2680eb);
background-color: var(--ccx-share-sheet-link-text-color-1);
border-color: var(--spectrum-blue-700, #2680eb);
border-color: var(--ccx-share-sheet-link-text-color-1);
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .dark-theme .component_180cee.selected button .ccx-ss-icon, .cywssw .dark-theme .component_180cee.selected button svg, .cywssw .dark-theme .component_180cee.selected.wizard button .ccx-ss-icon, .cywssw .dark-theme .component_180cee.selected.wizard button svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .dark-theme .component_180cee.invalid {
border-color: var(--spectrum-red-800, #f76d74);
border-color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .dark-theme .component_180cee.invalid button .ccx-ss-icon, .cywssw .dark-theme .component_180cee.invalid button svg {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .dark-theme .component_180cee .ccx-ss-tag-input {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .darkest-theme .component_180cee {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-600, #7c7c7c);
border-color: var(--ccx-share-sheet-border-color-6);
}
.cywssw .darkest-theme .component_180cee:hover {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .darkest-theme .component_180cee.selected, .cywssw .darkest-theme .component_180cee.selected.wizard {
background-color: var(--spectrum-blue-700, #1473e6);
background-color: var(--ccx-share-sheet-link-text-color-1);
border-color: var(--spectrum-blue-700, #1473e6);
border-color: var(--ccx-share-sheet-link-text-color-1);
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .darkest-theme .component_180cee.selected button .ccx-ss-icon, .cywssw .darkest-theme .component_180cee.selected button svg, .cywssw .darkest-theme .component_180cee.selected.wizard button .ccx-ss-icon, .cywssw .darkest-theme .component_180cee.selected.wizard button svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .darkest-theme .component_180cee.invalid {
border-color: var(--spectrum-red-800, #ec5b62);
border-color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .darkest-theme .component_180cee.invalid button .ccx-ss-icon, .cywssw .darkest-theme .component_180cee.invalid button svg {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .darkest-theme .component_180cee .ccx-ss-tag-input {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_180cee {
margin: 1px;
margin: var(--ccx-share-sheet-margin-1);
font-size: 15px;
font-size: var(--ccx-share-sheet-font-size-xmd);
}
.cywssw .component_180cee.compactLayout {
margin: 2px;
margin: var(--ccx-share-sheet-margin-2);
}
.cywssw .component_180cee.invalid, .cywssw .component_180cee.invalid:hover {
background: none;
}
.cywssw .component_180cee .spectrum-Tags-itemLabel {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .ccx-ss-invite-tag.component_180cee.compactLayout {
margin: 2px;
margin: var(--ccx-share-sheet-margin-2);
}
.cywssw .spectrum-theme-provider.swc-enabled .paddingtop.component_180cee {
margin-top: 2px;
margin-top: var(--ccx-share-sheet-margin-2);
}
.cywssw .lightest-theme .component_af642c {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-400, #d3d3d3);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 3px 0 var(--spectrum-gray-400, #d3d3d3);
box-shadow: 0 1px 3px 0 var(--spectrum-gray-400, #d3d3d3);
-webkit-box-shadow: 0 1px 3px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 3px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .lightest-theme .component_af642c.wizard {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .lightest-theme .component_af642c .contact.selected, .cywssw .lightest-theme .component_af642c .contact:hover {
background-color: var(--spectrum-gray-300, #eaeaea);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .lightest-theme .component_af642c .contact .email {
color: var(--ccx-share-sheet-text-color-2);
}
.cywssw .lightest-theme .component_af642c .ccx-ss-user-card {
border-bottom-color: var(--spectrum-gray-300, #eaeaea);
border-bottom-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .lightest-theme .component_af642c .ccx-ss-user-card:hover:not(.is-disabled) {
background-color: var(--spectrum-gray-200, #f4f4f4);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .lightest-theme .component_af642c.recentlySharedExperiment {
border-color: var(--spectrum-gray-50, #fff);
border-color: var(--ccx-share-sheet-background-color-primary);
-webkit-box-shadow: 0 0px 0px 0 var(--spectrum-gray-50, #fff);
box-shadow: 0 0px 0px 0 var(--spectrum-gray-50, #fff);
-webkit-box-shadow: 0 0px 0px 0 var(--ccx-share-sheet-background-color-primary);
box-shadow: 0 0px 0px 0 var(--ccx-share-sheet-background-color-primary);
}
.cywssw .lightest-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
border-bottom-color: var(--spectrum-gray-50, #fff);
border-bottom-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .lightest-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card:hover:not(.is-disabled), .cywssw .lightest-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card.selected {
background-color: var(--spectrum-gray-200, #f4f4f4);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .lightest-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card-remove-btn {
display: none;
}
.cywssw .lightest-theme .component_af642c .ccx-ss-recently-shared-list-experiment {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .light-theme .component_af642c {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-400, #cacaca);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 3px 0 var(--spectrum-gray-400, #cacaca);
box-shadow: 0 1px 3px 0 var(--spectrum-gray-400, #cacaca);
-webkit-box-shadow: 0 1px 3px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 3px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .light-theme .component_af642c.wizard {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .light-theme .component_af642c .contact.selected, .cywssw .light-theme .component_af642c .contact:hover {
background-color: var(--spectrum-gray-300, #e1e1e1);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .light-theme .component_af642c .contact .email {
color: var(--ccx-share-sheet-text-color-2);
}
.cywssw .light-theme .component_af642c .ccx-ss-user-card {
border-bottom-color: var(--spectrum-gray-300, #e1e1e1);
border-bottom-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .light-theme .component_af642c .ccx-ss-user-card:hover:not(.is-disabled) {
background-color: var(--spectrum-gray-200, #eaeaea);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .light-theme .component_af642c.recentlySharedExperiment {
border-color: var(--spectrum-gray-50, #fff);
border-color: var(--ccx-share-sheet-background-color-primary);
-webkit-box-shadow: 0 0px 0px 0 var(--spectrum-gray-50, #fff);
box-shadow: 0 0px 0px 0 var(--spectrum-gray-50, #fff);
-webkit-box-shadow: 0 0px 0px 0 var(--ccx-share-sheet-background-color-primary);
box-shadow: 0 0px 0px 0 var(--ccx-share-sheet-background-color-primary);
}
.cywssw .light-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
border-bottom-color: var(--spectrum-gray-50, #fff);
border-bottom-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .light-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card:hover:not(.is-disabled), .cywssw .light-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card.selected {
background-color: var(--spectrum-gray-200, #eaeaea);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .light-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card-remove-btn {
display: none;
}
.cywssw .light-theme .component_af642c .ccx-ss-recently-shared-list-experiment {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .dark-theme .component_af642c {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-400, #5a5a5a);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 3px 0 var(--spectrum-gray-400, #5a5a5a);
box-shadow: 0 1px 3px 0 var(--spectrum-gray-400, #5a5a5a);
-webkit-box-shadow: 0 1px 3px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 3px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .dark-theme .component_af642c.wizard {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .dark-theme .component_af642c .contact.selected, .cywssw .dark-theme .component_af642c .contact:hover {
background-color: var(--spectrum-gray-300, #4a4a4a);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .dark-theme .component_af642c .contact .email {
color: var(--ccx-share-sheet-text-color-2);
}
.cywssw .dark-theme .component_af642c .ccx-ss-user-card {
border-bottom-color: var(--spectrum-gray-300, #4a4a4a);
border-bottom-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .dark-theme .component_af642c .ccx-ss-user-card:hover:not(.is-disabled) {
background-color: var(--spectrum-gray-200, #3e3e3e);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .dark-theme .component_af642c.recentlySharedExperiment {
border-color: var(--spectrum-gray-100, #323232);
border-color: var(--ccx-share-sheet-background-color-primary);
-webkit-box-shadow: 0 0px 0px 0 var(--spectrum-gray-100, #323232);
box-shadow: 0 0px 0px 0 var(--spectrum-gray-100, #323232);
-webkit-box-shadow: 0 0px 0px 0 var(--ccx-share-sheet-background-color-primary);
box-shadow: 0 0px 0px 0 var(--ccx-share-sheet-background-color-primary);
}
.cywssw .dark-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
border-bottom-color: var(--spectrum-gray-100, #323232);
border-bottom-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .dark-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card:hover:not(.is-disabled), .cywssw .dark-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card.selected {
background-color: var(--spectrum-gray-200, #3e3e3e);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .dark-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card-remove-btn {
display: none;
}
.cywssw .dark-theme .component_af642c .ccx-ss-recently-shared-list-experiment {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .darkest-theme .component_af642c {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-400, #494949);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 3px 0 var(--spectrum-gray-400, #494949);
box-shadow: 0 1px 3px 0 var(--spectrum-gray-400, #494949);
-webkit-box-shadow: 0 1px 3px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 3px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .darkest-theme .component_af642c.wizard {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .darkest-theme .component_af642c .contact.selected, .cywssw .darkest-theme .component_af642c .contact:hover {
background-color: var(--spectrum-gray-300, #393939);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .darkest-theme .component_af642c .contact .email {
color: var(--ccx-share-sheet-text-color-2);
}
.cywssw .darkest-theme .component_af642c .ccx-ss-user-card {
border-bottom-color: var(--spectrum-gray-300, #393939);
border-bottom-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .darkest-theme .component_af642c .ccx-ss-user-card:hover:not(.is-disabled) {
background-color: var(--spectrum-gray-200, #2c2c2c);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .darkest-theme .component_af642c.recentlySharedExperiment {
border-color: var(--spectrum-gray-100, #1e1e1e);
border-color: var(--ccx-share-sheet-background-color-primary);
-webkit-box-shadow: 0 0px 0px 0 var(--spectrum-gray-100, #1e1e1e);
box-shadow: 0 0px 0px 0 var(--spectrum-gray-100, #1e1e1e);
-webkit-box-shadow: 0 0px 0px 0 var(--ccx-share-sheet-background-color-primary);
box-shadow: 0 0px 0px 0 var(--ccx-share-sheet-background-color-primary);
}
.cywssw .darkest-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
border-bottom-color: var(--spectrum-gray-100, #1e1e1e);
border-bottom-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .darkest-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card:hover:not(.is-disabled), .cywssw .darkest-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card.selected {
background-color: var(--spectrum-gray-200, #2c2c2c);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .darkest-theme .component_af642c.recentlySharedExperiment .ccx-ss-user-card-remove-btn {
display: none;
}
.cywssw .darkest-theme .component_af642c .ccx-ss-recently-shared-list-experiment {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .component_af642c {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
border-style: solid;
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-radius: 4px;
border-radius: var(--ccx-share-sheet-border-radius-2);
width: 100%;
max-height: 202px;
margin: 0;
padding: 0;
position: relative;
overflow-y: auto;
}
.cywssw .component_af642c li {
list-style-type: none;
}
.cywssw .touch-enabled .component_af642c {
max-height: 182px;
}
.cywssw .component_af642c .ccx-ss-user-card {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-width: var(--ccx-share-sheet-border-width-1);
padding-left: 16px;
padding-left: var(--ccx-share-sheet-padding-11);
padding-right: 16px;
padding-right: var(--ccx-share-sheet-padding-11);
}
.cywssw .touch-enabled .component_af642c .ccx-ss-user-card {
padding: 6px 16px;
padding: var(--ccx-share-sheet-padding-6) var(--ccx-share-sheet-padding-11);
}
.cywssw .component_af642c.recentlySharedExperiment {
border-style: solid;
border-width: 1px;
}
.cywssw .component_af642c.recentlySharedExperiment::-webkit-scrollbar {
width: 0;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .lightest-theme .component_921e9c.is-disabled .ccx-ss-flex-input {
background-color: var(--spectrum-gray-300, #eaeaea);
background-color: var(--ccx-share-sheet-background-color-2);
border-color: var(--spectrum-gray-300, #eaeaea);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .lightest-theme .component_921e9c.is-disabled .ccx-ss-flex-input:focus, .cywssw .lightest-theme .component_921e9c.is-disabled .ccx-ss-flex-input:active {
border-color: var(--spectrum-gray-300, #eaeaea);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .lightest-theme .component_921e9c.is-disabled .ccx-ss-flex-input:focus-within {
border-color: var(--spectrum-gray-300, #eaeaea);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input {
-webkit-transition: border-color var(--spectrum-animation-duration-100, .13s) ease-in-out;
transition: border-color var(--spectrum-animation-duration-100, .13s) ease-in-out;
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #eaeaea);
border-color: var(--ccx-share-sheet-border-color-1);
max-height: 7.5rem;
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input:focus, .cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input:active {
border-color: var(--spectrum-blue-1000, #1473e6);
border-color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input:focus-within {
border-color: var(--spectrum-blue-1000, #1473e6);
border-color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .spectrum--large .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container {
border-color: var(--spectrum-gray-300, #eaeaea);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea, .cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input {
color: var(--ccx-share-sheet-text-color-8);
background: none;
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea:focus, .cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea:active, .cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input:focus, .cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input:active {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::-webkit-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::-moz-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea:-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::-webkit-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::-moz-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input:-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-placeholder, .cywssw .lightest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-suggestive-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .lightest-theme .component_921e9c + .ccx-ss-predictive-list {
border-color: var(--spectrum-gray-400, #d3d3d3);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #d3d3d3);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #d3d3d3);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .lightest-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list-experiment) {
border-color: var(--spectrum-gray-400, #d3d3d3);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #d3d3d3);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #d3d3d3);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-style: solid;
border-radius: 8px;
overflow: hidden;
}
.cywssw .lightest-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list-experiment) .ccx-ss-predictive-list-experiment {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .lightest-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list-experiment) :has(.ccx-ss-suggestions-title) .ccx-ss-user-card:hover .ccx-ss-user-card-remove-btn {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list) .ccx-ss-predictive-list {
border-color: var(--spectrum-gray-400, #d3d3d3);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #d3d3d3);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #d3d3d3);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .lightest-theme .component_921e9c + .ccx-ss-recent-invitees-list-experiment {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
border-color: var(--spectrum-gray-400, #d3d3d3);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #d3d3d3);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #d3d3d3);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-style: solid;
border-radius: 8px;
}
.cywssw .lightest-theme .component_921e9c + .ccx-ss-recent-invitees-list-experiment .ccx-ss-recently-shared-list-experiment {
border-radius: 8px;
overflow: hidden;
}
.cywssw .lightest-theme .component_921e9c + .ccx-ss-recent-invitees-list {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-400, #d3d3d3);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #d3d3d3);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #d3d3d3);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .lightest-theme .component_921e9c + .ccx-ss-recent-invitees-list .ccx-ss-predictive-list {
border-color: rgba(0, 0, 0, 0);
}
.cywssw .lightest-theme .component_921e9c + .ccx-ss-recent-invitees-list .ccx-ss-recently-shared-list {
overflow: hidden;
}
.cywssw .light-theme .component_921e9c.is-disabled .ccx-ss-flex-input {
background-color: var(--spectrum-gray-300, #e1e1e1);
background-color: var(--ccx-share-sheet-background-color-2);
border-color: var(--spectrum-gray-300, #e1e1e1);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .light-theme .component_921e9c.is-disabled .ccx-ss-flex-input:focus, .cywssw .light-theme .component_921e9c.is-disabled .ccx-ss-flex-input:active {
border-color: var(--spectrum-gray-300, #e1e1e1);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .light-theme .component_921e9c.is-disabled .ccx-ss-flex-input:focus-within {
border-color: var(--spectrum-gray-300, #e1e1e1);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input {
-webkit-transition: border-color var(--spectrum-animation-duration-100, .13s) ease-in-out;
transition: border-color var(--spectrum-animation-duration-100, .13s) ease-in-out;
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #e1e1e1);
border-color: var(--ccx-share-sheet-border-color-1);
max-height: 7.5rem;
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input:focus, .cywssw .light-theme .component_921e9c .ccx-ss-flex-input:active {
border-color: var(--spectrum-blue-1000, #0d66d0);
border-color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input:focus-within {
border-color: var(--spectrum-blue-1000, #0d66d0);
border-color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .spectrum--large .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container {
border-color: var(--spectrum-gray-300, #e1e1e1);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea, .cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input {
color: var(--ccx-share-sheet-text-color-8);
background: none;
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea:focus, .cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea:active, .cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input:focus, .cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input:active {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::-webkit-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::-moz-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea:-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::-webkit-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::-moz-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input:-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-placeholder, .cywssw .light-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-suggestive-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .light-theme .component_921e9c + .ccx-ss-predictive-list {
border-color: var(--spectrum-gray-400, #cacaca);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #cacaca);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #cacaca);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .light-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list-experiment) {
border-color: var(--spectrum-gray-400, #cacaca);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #cacaca);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #cacaca);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-style: solid;
border-radius: 8px;
overflow: hidden;
}
.cywssw .light-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list-experiment) .ccx-ss-predictive-list-experiment {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .light-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list-experiment) :has(.ccx-ss-suggestions-title) .ccx-ss-user-card:hover .ccx-ss-user-card-remove-btn {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list) .ccx-ss-predictive-list {
border-color: var(--spectrum-gray-400, #cacaca);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #cacaca);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #cacaca);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .light-theme .component_921e9c + .ccx-ss-recent-invitees-list-experiment {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
border-color: var(--spectrum-gray-400, #cacaca);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #cacaca);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #cacaca);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-style: solid;
border-radius: 8px;
}
.cywssw .light-theme .component_921e9c + .ccx-ss-recent-invitees-list-experiment .ccx-ss-recently-shared-list-experiment {
border-radius: 8px;
overflow: hidden;
}
.cywssw .light-theme .component_921e9c + .ccx-ss-recent-invitees-list {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-400, #cacaca);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #cacaca);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #cacaca);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .light-theme .component_921e9c + .ccx-ss-recent-invitees-list .ccx-ss-predictive-list {
border-color: rgba(0, 0, 0, 0);
}
.cywssw .light-theme .component_921e9c + .ccx-ss-recent-invitees-list .ccx-ss-recently-shared-list {
overflow: hidden;
}
.cywssw .dark-theme .component_921e9c.is-disabled .ccx-ss-flex-input {
background-color: var(--spectrum-gray-300, #4a4a4a);
background-color: var(--ccx-share-sheet-background-color-2);
border-color: var(--spectrum-gray-300, #4a4a4a);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .dark-theme .component_921e9c.is-disabled .ccx-ss-flex-input:focus, .cywssw .dark-theme .component_921e9c.is-disabled .ccx-ss-flex-input:active {
border-color: var(--spectrum-gray-300, #4a4a4a);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .dark-theme .component_921e9c.is-disabled .ccx-ss-flex-input:focus-within {
border-color: var(--spectrum-gray-300, #4a4a4a);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input {
-webkit-transition: border-color var(--spectrum-animation-duration-100, .13s) ease-in-out;
transition: border-color var(--spectrum-animation-duration-100, .13s) ease-in-out;
background-color: var(--spectrum-gray-50, #252525);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #4a4a4a);
border-color: var(--ccx-share-sheet-border-color-1);
max-height: 7.5rem;
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input:focus, .cywssw .dark-theme .component_921e9c .ccx-ss-flex-input:active {
border-color: var(--spectrum-blue-900, #4b9cf5);
border-color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input:focus-within {
border-color: var(--spectrum-blue-900, #4b9cf5);
border-color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .spectrum--large .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container {
border-color: var(--spectrum-gray-300, #4a4a4a);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea, .cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input {
color: var(--ccx-share-sheet-text-color-8);
background: none;
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea:focus, .cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea:active, .cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input:focus, .cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input:active {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::-webkit-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::-moz-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea:-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::-webkit-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::-moz-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input:-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-placeholder, .cywssw .dark-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-suggestive-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .dark-theme .component_921e9c + .ccx-ss-predictive-list {
border-color: var(--spectrum-gray-400, #5a5a5a);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #5a5a5a);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #5a5a5a);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .dark-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list-experiment) {
border-color: var(--spectrum-gray-400, #5a5a5a);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #5a5a5a);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #5a5a5a);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-style: solid;
border-radius: 8px;
overflow: hidden;
}
.cywssw .dark-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list-experiment) .ccx-ss-predictive-list-experiment {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .dark-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list-experiment) :has(.ccx-ss-suggestions-title) .ccx-ss-user-card:hover .ccx-ss-user-card-remove-btn {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list) .ccx-ss-predictive-list {
border-color: var(--spectrum-gray-400, #5a5a5a);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #5a5a5a);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #5a5a5a);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .dark-theme .component_921e9c + .ccx-ss-recent-invitees-list-experiment {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
border-color: var(--spectrum-gray-400, #5a5a5a);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #5a5a5a);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #5a5a5a);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-style: solid;
border-radius: 8px;
}
.cywssw .dark-theme .component_921e9c + .ccx-ss-recent-invitees-list-experiment .ccx-ss-recently-shared-list-experiment {
border-radius: 8px;
overflow: hidden;
}
.cywssw .dark-theme .component_921e9c + .ccx-ss-recent-invitees-list {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-400, #5a5a5a);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #5a5a5a);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #5a5a5a);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .dark-theme .component_921e9c + .ccx-ss-recent-invitees-list .ccx-ss-predictive-list {
border-color: rgba(0, 0, 0, 0);
}
.cywssw .dark-theme .component_921e9c + .ccx-ss-recent-invitees-list .ccx-ss-recently-shared-list {
overflow: hidden;
}
.cywssw .darkest-theme .component_921e9c.is-disabled .ccx-ss-flex-input {
background-color: var(--spectrum-gray-300, #393939);
background-color: var(--ccx-share-sheet-background-color-2);
border-color: var(--spectrum-gray-300, #393939);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .darkest-theme .component_921e9c.is-disabled .ccx-ss-flex-input:focus, .cywssw .darkest-theme .component_921e9c.is-disabled .ccx-ss-flex-input:active {
border-color: var(--spectrum-gray-300, #393939);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .darkest-theme .component_921e9c.is-disabled .ccx-ss-flex-input:focus-within {
border-color: var(--spectrum-gray-300, #393939);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input {
-webkit-transition: border-color var(--spectrum-animation-duration-100, .13s) ease-in-out;
transition: border-color var(--spectrum-animation-duration-100, .13s) ease-in-out;
background-color: var(--spectrum-gray-50, #080808);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #393939);
border-color: var(--ccx-share-sheet-border-color-1);
max-height: 7.5rem;
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input:focus, .cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input:active {
border-color: var(--spectrum-blue-900, #378ef0);
border-color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input:focus-within {
border-color: var(--spectrum-blue-900, #378ef0);
border-color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .spectrum--large .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container {
border-color: var(--spectrum-gray-300, #393939);
border-color: var(--ccx-share-sheet-border-color-1);
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea, .cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input {
color: var(--ccx-share-sheet-text-color-8);
background: none;
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea:focus, .cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea:active, .cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input:focus, .cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input:active {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::-webkit-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::-moz-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea:-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea::placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::-webkit-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::-moz-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input:-ms-input-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea input::placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-placeholder, .cywssw .darkest-theme .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-suggestive-placeholder {
color: var(--ccx-share-sheet-placeholder-color);
}
.cywssw .darkest-theme .component_921e9c + .ccx-ss-predictive-list {
border-color: var(--spectrum-gray-400, #494949);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #494949);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #494949);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .darkest-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list-experiment) {
border-color: var(--spectrum-gray-400, #494949);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #494949);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #494949);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-style: solid;
border-radius: 8px;
overflow: hidden;
}
.cywssw .darkest-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list-experiment) .ccx-ss-predictive-list-experiment {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .darkest-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list-experiment) :has(.ccx-ss-suggestions-title) .ccx-ss-user-card:hover .ccx-ss-user-card-remove-btn {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme .component_921e9c + .suggestions:has(.ccx-ss-recently-shared-list) .ccx-ss-predictive-list {
border-color: var(--spectrum-gray-400, #494949);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #494949);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #494949);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .darkest-theme .component_921e9c + .ccx-ss-recent-invitees-list-experiment {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
border-color: var(--spectrum-gray-400, #494949);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #494949);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #494949);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-style: solid;
border-radius: 8px;
}
.cywssw .darkest-theme .component_921e9c + .ccx-ss-recent-invitees-list-experiment .ccx-ss-recently-shared-list-experiment {
border-radius: 8px;
overflow: hidden;
}
.cywssw .darkest-theme .component_921e9c + .ccx-ss-recent-invitees-list {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
border-color: var(--spectrum-gray-400, #494949);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #494949);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #494949);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
}
.cywssw .darkest-theme .component_921e9c + .ccx-ss-recent-invitees-list .ccx-ss-predictive-list {
border-color: rgba(0, 0, 0, 0);
}
.cywssw .darkest-theme .component_921e9c + .ccx-ss-recent-invitees-list .ccx-ss-recently-shared-list {
overflow: hidden;
}
.cywssw .component_921e9c {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
margin-bottom: 8px;
margin-bottom: var(--ccx-share-sheet-margin-7);
width: 100%;
}
.cywssw .touch-enabled .component_921e9c {
margin-bottom: 10px;
}
.cywssw .component_921e9c .ccx-ss-flex-input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: text;
font-size: 15px;
font-size: var(--ccx-share-sheet-font-size-xmd);
border-radius: 4px;
border-radius: var(--ccx-share-sheet-border-radius-2);
border-style: solid;
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
padding: 1px;
padding: var(--ccx-share-sheet-padding-1);
width: 100%;
min-height: 20px;
position: relative;
overflow-x: visible;
overflow-y: auto;
}
.cywssw .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container {
white-space: nowrap;
margin: 1px;
margin: var(--ccx-share-sheet-margin-1);
border: none;
-ms-flex: 20%;
-webkit-box-flex: 20%;
flex: 20%;
min-height: 20px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
}
.cywssw .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea {
display: inherit;
overflow-wrap: break-word;
resize: none;
text-indent: 0;
word-wrap: normal;
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
background: none;
border: none;
outline: none;
-ms-flex-flow: wrap;
flex-flow: wrap;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
width: 100%;
max-height: 24px;
padding: 4px 6px;
position: relative;
overflow: hidden;
}
.cywssw .spectrum--large .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-textarea {
font-size: 15px;
line-height: 1.5;
font-size: var(--ccx-share-sheet-font-size-xmd);
height: 32px;
max-height: none;
}
.cywssw .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-placeholder {
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
line-height: 1.25rem;
}
.cywssw .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-textarea-container .ccx-ss-flex-input-suggestive-placeholder {
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
position: absolute;
top: 0;
left: 0;
}
.cywssw .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-children {
-ms-flex-flow: wrap;
flex-flow: wrap;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_921e9c .ccx-ss-flex-input .ccx-ss-flex-input-children.padded {
padding: 1px;
padding: var(--ccx-share-sheet-padding-1);
}
.cywssw .component_921e9c .ccx-ss-quiet-input .ccx-ss-invite-tag {
max-width: calc(100% - 4px);
}
.cywssw .component_921e9c .ccx-ss-quiet-input-tags {
max-height: 80px;
padding: 1px 0;
overflow-x: hidden;
overflow-y: auto;
}
.cywssw .component_921e9c ::-ms-input-placeholder {
font-style: italic;
}
.cywssw .component_921e9c ::-webkit-input-placeholder {
font-style: italic;
}
.cywssw .component_921e9c ::-moz-placeholder {
font-style: italic;
}
.cywssw .component_921e9c :-ms-input-placeholder {
font-style: italic;
}
.cywssw .component_921e9c ::placeholder {
font-style: italic;
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input:hover {
border-color: var(--spectrum-gray-600);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input:focus, .cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input:focus-within {
outline-color: var(--spectrum-informative-visual-color);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input:has(.focus-ring) {
outline-color: var(--spectrum-informative-visual-color);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::-ms-input-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::-webkit-input-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::-moz-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea:-ms-input-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input.express {
border-color: var(--spectrum-gray-400);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input.express:hover {
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input.express:focus, .cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input.express:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.lightest-theme .component_921e9c .ccx-ss-flex-input.express:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input:hover {
border-color: var(--spectrum-gray-600);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input:focus, .cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input:focus-within {
outline-color: var(--spectrum-informative-visual-color);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input:has(.focus-ring) {
outline-color: var(--spectrum-informative-visual-color);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::-ms-input-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::-webkit-input-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::-moz-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea:-ms-input-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input.express {
border-color: var(--spectrum-gray-400);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input.express:hover {
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input.express:focus, .cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input.express:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.light-theme .component_921e9c .ccx-ss-flex-input.express:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input:hover {
border-color: var(--spectrum-gray-600);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input:focus, .cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input:focus-within {
outline-color: var(--spectrum-informative-visual-color);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input:has(.focus-ring) {
outline-color: var(--spectrum-informative-visual-color);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::-ms-input-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::-webkit-input-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::-moz-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea:-ms-input-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input.express {
border-color: var(--spectrum-gray-400);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input.express:hover {
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input.express:focus, .cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input.express:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.dark-theme .component_921e9c .ccx-ss-flex-input.express:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input:hover {
border-color: var(--spectrum-gray-600);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input:focus, .cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input:focus-within {
outline-color: var(--spectrum-informative-visual-color);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input:has(.focus-ring) {
outline-color: var(--spectrum-informative-visual-color);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::-ms-input-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::-webkit-input-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::-moz-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea:-ms-input-placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input #ccx-ss-flex-input-textarea-container:not(:has(:disabled)) input.ccx-ss-flex-input-textarea::placeholder {
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input.express {
border-color: var(--spectrum-gray-400);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input.express:hover {
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input.express:focus, .cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input.express:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled.darkest-theme .component_921e9c .ccx-ss-flex-input.express:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .component_921e9c .ccx-ss-flex-input {
min-height: var(--ccx-share-sheet-margin-15);
border: 1px solid;
min-height: 32px;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_921e9c .ccx-ss-flex-input:focus-within {
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_921e9c .ccx-ss-flex-input:has(.focus-ring) {
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_921e9c .ccx-ss-flex-input ::-ms-input-placeholder {
font-style: normal;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_921e9c .ccx-ss-flex-input ::-webkit-input-placeholder {
font-style: normal;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_921e9c .ccx-ss-flex-input ::-moz-placeholder {
font-style: normal;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_921e9c .ccx-ss-flex-input :-ms-input-placeholder {
font-style: normal;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_921e9c .ccx-ss-flex-input ::placeholder {
font-style: normal;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_921e9c .ccx-ss-flex-input:has(:disabled) {
border-color: rgba(0, 0, 0, 0);
}
.cywssw .spectrum-theme-provider.swc-enabled .component_921e9c .ccx-ss-flex-input.express {
border: 2px solid;
border-radius: 6px;
line-height: 1.25;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_921e9c .ccx-ss-flex-input.express:has(:disabled) {
border-color: rgba(0, 0, 0, 0);
}
.cywssw .spectrum-theme-provider.swc-enabled .component_921e9c .ccx-ss-flex-input.express #ccx-ss-flex-input-textarea {
line-height: 1.25;
}
.cywssw .lightest-theme .component_8a434c .ccx-ss-invite-message-textarea {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-input-background-color-1);
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .lightest-theme .component_8a434c .ccx-ss-quiet-message-textarea {
background-color: rgba(0, 0, 0, 0);
}
.cywssw .lightest-theme .component_8a434c .ccx-ss-invite-characters-remaining-message {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .light-theme .component_8a434c .ccx-ss-invite-message-textarea {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-input-background-color-1);
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .light-theme .component_8a434c .ccx-ss-quiet-message-textarea {
background-color: rgba(0, 0, 0, 0);
}
.cywssw .light-theme .component_8a434c .ccx-ss-invite-characters-remaining-message {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .dark-theme .component_8a434c .ccx-ss-invite-message-textarea {
background-color: var(--spectrum-gray-50, #252525);
background-color: var(--ccx-share-sheet-input-background-color-1);
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .dark-theme .component_8a434c .ccx-ss-quiet-message-textarea {
background-color: rgba(0, 0, 0, 0);
}
.cywssw .dark-theme .component_8a434c .ccx-ss-invite-characters-remaining-message {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .darkest-theme .component_8a434c .ccx-ss-invite-message-textarea {
background-color: var(--spectrum-gray-50, #080808);
background-color: var(--ccx-share-sheet-input-background-color-1);
color: var(--ccx-share-sheet-text-color-8);
}
.cywssw .darkest-theme .component_8a434c .ccx-ss-quiet-message-textarea {
background-color: rgba(0, 0, 0, 0);
}
.cywssw .darkest-theme .component_8a434c .ccx-ss-invite-characters-remaining-message {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .component_8a434c {
margin-top: 10px;
margin-top: var(--ccx-share-sheet-margin-9);
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
margin: 0 0 16px;
margin: 0 0 var(--ccx-share-sheet-margin-11) 0;
width: 100%;
}
.cywssw .component_8a434c .ccx-ss-invite-message-title-container {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
padding: 3px 0;
padding: var(--ccx-share-sheet-padding-3) 0;
}
.cywssw .spectrum--large .component_8a434c .ccx-ss-invite-message-title-container {
font-size: 15px;
font-size: var(--ccx-share-sheet-font-size-xmd);
}
.cywssw .component_8a434c .ccx-ss-invite-message-textarea, .cywssw .component_8a434c .ccx-ss-quiet-message-textarea {
width: 100%;
}
.cywssw .component_8a434c .ccx-ss-invite-message-textarea.spectrum-Textfield, .cywssw .component_8a434c .ccx-ss-quiet-message-textarea.spectrum-Textfield {
-webkit-box-sizing: border-box;
box-sizing: border-box;
resize: none;
border-radius: 4px;
border-radius: var(--ccx-share-sheet-border-radius-2);
border-style: solid;
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
padding: 8px;
padding: var(--ccx-share-sheet-padding-7);
min-height: 20px;
position: relative;
overflow-y: auto;
}
.cywssw .component_8a434c .ccx-ss-invite-message-textarea.spectrum-Textfield::-ms-input-placeholder {
font-style: italic;
}
.cywssw .component_8a434c .ccx-ss-invite-message-textarea.spectrum-Textfield::-webkit-input-placeholder {
font-style: italic;
}
.cywssw .component_8a434c .ccx-ss-invite-message-textarea.spectrum-Textfield::-moz-placeholder {
font-style: italic;
}
.cywssw .component_8a434c .ccx-ss-invite-message-textarea.spectrum-Textfield:-ms-input-placeholder {
font-style: italic;
}
.cywssw .component_8a434c .ccx-ss-invite-message-textarea.spectrum-Textfield::placeholder {
font-style: italic;
}
.cywssw .component_8a434c .ccx-ss-quiet-message-textarea.spectrum-Textfield::-ms-input-placeholder {
font-style: italic;
}
.cywssw .component_8a434c .ccx-ss-quiet-message-textarea.spectrum-Textfield::-webkit-input-placeholder {
font-style: italic;
}
.cywssw .component_8a434c .ccx-ss-quiet-message-textarea.spectrum-Textfield::-moz-placeholder {
font-style: italic;
}
.cywssw .component_8a434c .ccx-ss-quiet-message-textarea.spectrum-Textfield:-ms-input-placeholder {
font-style: italic;
}
.cywssw .component_8a434c .ccx-ss-quiet-message-textarea.spectrum-Textfield::placeholder {
font-style: italic;
}
.cywssw .component_8a434c .ccx-ss-invite-message-textarea.spectrum-Textfield:focus, .cywssw .component_8a434c .ccx-ss-invite-message-textarea.spectrum-Textfield:active, .cywssw .component_8a434c .ccx-ss-quiet-message-textarea.spectrum-Textfield:focus, .cywssw .component_8a434c .ccx-ss-quiet-message-textarea.spectrum-Textfield:active {
outline: none;
}
.cywssw .component_8a434c .ccx-ss-invite-message-title {
display: inline;
}
.cywssw .component_8a434c .ccx-ss-invite-characters-remaining-message {
text-align: right;
vertical-align: top;
padding: 6px;
padding: var(--ccx-share-sheet-padding-6);
line-height: 1.3;
}
.cywssw .lightest-theme .component_9ee300 {
margin-left: 24px;
margin-left: var(--ccx-share-sheet-margin-13);
margin-right: 24px;
margin-right: var(--ccx-share-sheet-margin-13);
margin-top: -24px;
}
.cywssw .lightest-theme .component_9ee300.invitation-view {
margin-left: 0;
margin-right: 0;
}
.cywssw .lightest-theme .component_9ee300 .ccx-ss-recent-invitees-list {
min-height: var(--ccx-share-sheet-margin-17);
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
min-height: 40px;
margin: -4px 0 6px;
overflow-x: scroll;
}
.cywssw .lightest-theme .component_9ee300 .ccx-ss-recent-invitees-list::-webkit-scrollbar {
width: 0;
}
.cywssw .lightest-theme .component_9ee300 .ccx-ss-recent-invitees-heading {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
margin-bottom: 12px;
margin-bottom: var(--ccx-share-sheet-margin-10);
font-weight: 700;
}
.cywssw .lightest-theme .component_9ee300 .ccx-ss-recent-invitees-divider {
border-bottom-color: var(--spectrum-gray-300, #eaeaea);
border-bottom-color: var(--ccx-share-sheet-border-color-1);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-width: var(--ccx-share-sheet-border-width-1);
margin-top: -4px;
margin-bottom: 16px;
margin-bottom: var(--ccx-share-sheet-margin-11);
}
.cywssw .light-theme .component_9ee300 {
margin-left: 24px;
margin-left: var(--ccx-share-sheet-margin-13);
margin-right: 24px;
margin-right: var(--ccx-share-sheet-margin-13);
margin-top: -24px;
}
.cywssw .light-theme .component_9ee300.invitation-view {
margin-left: 0;
margin-right: 0;
}
.cywssw .light-theme .component_9ee300 .ccx-ss-recent-invitees-list {
min-height: var(--ccx-share-sheet-margin-17);
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
min-height: 40px;
margin: -4px 0 6px;
overflow-x: scroll;
}
.cywssw .light-theme .component_9ee300 .ccx-ss-recent-invitees-list::-webkit-scrollbar {
width: 0;
}
.cywssw .light-theme .component_9ee300 .ccx-ss-recent-invitees-heading {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
margin-bottom: 12px;
margin-bottom: var(--ccx-share-sheet-margin-10);
font-weight: 700;
}
.cywssw .light-theme .component_9ee300 .ccx-ss-recent-invitees-divider {
border-bottom-color: var(--spectrum-gray-300, #e1e1e1);
border-bottom-color: var(--ccx-share-sheet-border-color-1);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-width: var(--ccx-share-sheet-border-width-1);
margin-top: -4px;
margin-bottom: 16px;
margin-bottom: var(--ccx-share-sheet-margin-11);
}
.cywssw .dark-theme .component_9ee300 {
margin-left: 24px;
margin-left: var(--ccx-share-sheet-margin-13);
margin-right: 24px;
margin-right: var(--ccx-share-sheet-margin-13);
margin-top: -24px;
}
.cywssw .dark-theme .component_9ee300.invitation-view {
margin-left: 0;
margin-right: 0;
}
.cywssw .dark-theme .component_9ee300 .ccx-ss-recent-invitees-list {
min-height: var(--ccx-share-sheet-margin-17);
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
min-height: 40px;
margin: -4px 0 6px;
overflow-x: scroll;
}
.cywssw .dark-theme .component_9ee300 .ccx-ss-recent-invitees-list::-webkit-scrollbar {
width: 0;
}
.cywssw .dark-theme .component_9ee300 .ccx-ss-recent-invitees-heading {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
margin-bottom: 12px;
margin-bottom: var(--ccx-share-sheet-margin-10);
font-weight: 700;
}
.cywssw .dark-theme .component_9ee300 .ccx-ss-recent-invitees-divider {
border-bottom-color: var(--spectrum-gray-300, #4a4a4a);
border-bottom-color: var(--ccx-share-sheet-border-color-1);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-width: var(--ccx-share-sheet-border-width-1);
margin-top: -4px;
margin-bottom: 16px;
margin-bottom: var(--ccx-share-sheet-margin-11);
}
.cywssw .darkest-theme .component_9ee300 {
margin-left: 24px;
margin-left: var(--ccx-share-sheet-margin-13);
margin-right: 24px;
margin-right: var(--ccx-share-sheet-margin-13);
margin-top: -24px;
}
.cywssw .darkest-theme .component_9ee300.invitation-view {
margin-left: 0;
margin-right: 0;
}
.cywssw .darkest-theme .component_9ee300 .ccx-ss-recent-invitees-list {
min-height: var(--ccx-share-sheet-margin-17);
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
min-height: 40px;
margin: -4px 0 6px;
overflow-x: scroll;
}
.cywssw .darkest-theme .component_9ee300 .ccx-ss-recent-invitees-list::-webkit-scrollbar {
width: 0;
}
.cywssw .darkest-theme .component_9ee300 .ccx-ss-recent-invitees-heading {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
margin-bottom: 12px;
margin-bottom: var(--ccx-share-sheet-margin-10);
font-weight: 700;
}
.cywssw .darkest-theme .component_9ee300 .ccx-ss-recent-invitees-divider {
border-bottom-color: var(--spectrum-gray-300, #393939);
border-bottom-color: var(--ccx-share-sheet-border-color-1);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-width: var(--ccx-share-sheet-border-width-1);
margin-top: -4px;
margin-bottom: 16px;
margin-bottom: var(--ccx-share-sheet-margin-11);
}
.cywssw .spectrum-theme-provider:not(.swc-enabled) .lightest-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:focus {
background-color: var(--spectrum-gray-300, #eaeaea);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .spectrum-theme-provider:not(.swc-enabled) .lightest-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:hover {
background-color: var(--spectrum-gray-200, #f4f4f4);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .lightest-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:hover .ccx-ss-avatar-container, .cywssw .lightest-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:focus .ccx-ss-avatar-container {
border-color: var(--spectrum-gray-200, #f4f4f4);
border-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .lightest-theme .component_de9932 .ccx-ss-avatar-container {
border-color: var(--spectrum-gray-50, #fff);
border-color: var(--ccx-share-sheet-background-color-primary);
width: 38px;
height: 38px;
}
.cywssw .lightest-theme .component_de9932 .ccx-ss-avatar-container svg {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .lightest-theme .component_de9932 .ccx-ss-share-dialog-facepile-chevron, .cywssw .lightest-theme .component_de9932 .ccx-ss-share-dialog-facepile-overflow {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .spectrum-theme-provider:not(.swc-enabled) .light-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:focus {
background-color: var(--spectrum-gray-300, #e1e1e1);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .spectrum-theme-provider:not(.swc-enabled) .light-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:hover {
background-color: var(--spectrum-gray-200, #eaeaea);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .light-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:hover .ccx-ss-avatar-container, .cywssw .light-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:focus .ccx-ss-avatar-container {
border-color: var(--spectrum-gray-200, #eaeaea);
border-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .light-theme .component_de9932 .ccx-ss-avatar-container {
border-color: var(--spectrum-gray-50, #fff);
border-color: var(--ccx-share-sheet-background-color-primary);
width: 38px;
height: 38px;
}
.cywssw .light-theme .component_de9932 .ccx-ss-avatar-container svg {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .light-theme .component_de9932 .ccx-ss-share-dialog-facepile-chevron, .cywssw .light-theme .component_de9932 .ccx-ss-share-dialog-facepile-overflow {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .spectrum-theme-provider:not(.swc-enabled) .dark-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:focus {
background-color: var(--spectrum-gray-300, #4a4a4a);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .spectrum-theme-provider:not(.swc-enabled) .dark-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:hover {
background-color: var(--spectrum-gray-200, #3e3e3e);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .dark-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:hover .ccx-ss-avatar-container, .cywssw .dark-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:focus .ccx-ss-avatar-container {
border-color: var(--spectrum-gray-200, #3e3e3e);
border-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .dark-theme .component_de9932 .ccx-ss-avatar-container {
border-color: var(--spectrum-gray-100, #323232);
border-color: var(--ccx-share-sheet-background-color-primary);
width: 38px;
height: 38px;
}
.cywssw .dark-theme .component_de9932 .ccx-ss-avatar-container svg {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .dark-theme .component_de9932 .ccx-ss-share-dialog-facepile-chevron, .cywssw .dark-theme .component_de9932 .ccx-ss-share-dialog-facepile-overflow {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .spectrum-theme-provider:not(.swc-enabled) .darkest-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:focus {
background-color: var(--spectrum-gray-300, #393939);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .spectrum-theme-provider:not(.swc-enabled) .darkest-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:hover {
background-color: var(--spectrum-gray-200, #2c2c2c);
background-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .darkest-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:hover .ccx-ss-avatar-container, .cywssw .darkest-theme .component_de9932.ccx-ss-share-dialog-facepile-btn:focus .ccx-ss-avatar-container {
border-color: var(--spectrum-gray-200, #2c2c2c);
border-color: var(--ccx-share-sheet-hover-background-color);
}
.cywssw .darkest-theme .component_de9932 .ccx-ss-avatar-container {
border-color: var(--spectrum-gray-100, #1e1e1e);
border-color: var(--ccx-share-sheet-background-color-primary);
width: 38px;
height: 38px;
}
.cywssw .darkest-theme .component_de9932 .ccx-ss-avatar-container svg {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .darkest-theme .component_de9932 .ccx-ss-share-dialog-facepile-chevron, .cywssw .darkest-theme .component_de9932 .ccx-ss-share-dialog-facepile-overflow {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .ccx-ss-share-dialog-facepile-tooltip .spectrum-Tooltip-label {
max-width: 200px;
}
.cywssw .ccx-ss-share-dialog-facepile-tooltip .spectrum-Tooltip-label > div {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .ccx-ss-share-dialog-facepile-project-card {
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .ccx-ss-share-dialog-facepile-project-card > .ccx-ss-team-group-card {
border-radius: 4px;
border-radius: var(--ccx-share-sheet-border-radius-2);
padding: 4px 12px 4px 4px;
padding: var(--ccx-share-sheet-padding-4) var(--ccx-share-sheet-padding-10) var(--ccx-share-sheet-padding-4) var(--ccx-share-sheet-padding-4);
border: none;
-ms-flex: 0 auto;
-webkit-box-flex: 0;
flex: 0 auto;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
height: auto;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .ccx-ss-share-dialog-facepile-project-card > .ccx-ss-team-group-card:hover {
border-radius: 4px;
border-radius: var(--ccx-share-sheet-border-radius-2);
}
.cywssw .ccx-ss-share-dialog-facepile-project-card > .ccx-ss-team-group-card > .ccx-ss-user-card-content {
-ms-flex: 0 auto;
-webkit-box-flex: 0;
flex: 0 auto;
}
.cywssw .ccx-ss-share-dialog-facepile-project-card > .ccx-ss-team-group-card > .ccx-ss-user-card-content .ccx-ss-user-card-row > .ccx-ss-user-project-image {
border-color: var(--ccx-share-sheet-background-color-primary);
border-style: solid;
border-width: var(--ccx-share-sheet-border-width-2);
}
.cywssw .ccx-ss-share-dialog-facepile-project-card > .ccx-ss-team-group-card > .ccx-ss-user-card-content .ccx-ss-user-card-row > .ccx-ss-user-card-details {
padding: 0 12px;
padding: 0 var(--ccx-share-sheet-padding-10) 0 var(--ccx-share-sheet-padding-10);
-ms-flex: 0 auto;
-webkit-box-flex: 0;
flex: 0 auto;
}
.cywssw .ccx-ss-share-dialog-facepile-project-card > .ccx-ss-team-group-card > .ccx-ss-user-card-content .ccx-ss-user-card-row > .ccx-ss-user-card-details .ccx-ss-user-name-text {
font-weight: 600;
font-weight: var(--ccx-share-sheet-font-weight-bold);
}
.cywssw .component_de9932 {
margin-left: 6px;
margin-left: var(--ccx-share-sheet-margin-6);
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_de9932.ccx-ss-share-dialog-facepile-btn {
border-radius: 4px;
border-radius: var(--ccx-share-sheet-border-radius-2);
margin-left: -5px;
margin-left: var(--ccx-share-sheet-negative-margin-5);
padding: 4px 12px 4px 4px;
padding: var(--ccx-share-sheet-padding-4) var(--ccx-share-sheet-padding-10) var(--ccx-share-sheet-padding-4) var(--ccx-share-sheet-padding-4);
border: none;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
height: auto;
}
.cywssw .component_de9932 .ccx-ss-share-dialog-facepile-button-content {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_de9932 .ccx-ss-avatar-container {
border-width: 2px;
border-width: var(--ccx-share-sheet-border-width-2);
border-style: solid;
}
.cywssw .component_de9932 .ccx-ss-share-dialog-facepile-chevron {
margin-left: 9px;
margin-left: var(--ccx-share-sheet-margin-8);
}
.cywssw .component_de9932 .ccx-ss-share-dialog-facepile-avatars {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_de9932.ccx-ss-share-dialog-facepile-invite {
margin-left: -5px;
margin-left: var(--ccx-share-sheet-negative-margin-5);
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
}
.cywssw .component_de9932.ccx-ss-share-dialog-facepile-invite .spectrum-Icon {
color: inherit;
}
.cywssw .component_de9932 .ccx-ss-share-dialog-facepile-image {
margin-left: -9px;
margin-left: var(--ccx-share-sheet-negative-margin-8);
}
.cywssw .component_de9932 .ccx-ss-share-dialog-facepile-image:last-child {
margin-left: 0;
}
.cywssw .component_de9932 .ccx-ss-share-dialog-facepile-image + button, .cywssw .component_de9932 .ccx-ss-share-dialog-facepile-image + span {
margin-left: 12px;
margin-left: var(--ccx-share-sheet-margin-10);
}
.cywssw .component_de9932 .ccx-ss-share-dialog-facepile-overflow {
margin: 0 -9px 0 0;
margin: 0 var(--ccx-share-sheet-negative-margin-8) 0 0;
text-align: center;
width: 34px;
line-height: 32px;
}
.cywssw .lightest-theme .component_a91abd {
background-color: var(--spectrum-gray-300, #eaeaea);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .lightest-theme .component_a91abd .ccx-ss-icon, .cywssw .lightest-theme .component_a91abd svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .lightest-theme .component_a91abd .uncolored svg, .cywssw .lightest-theme .component_a91abd .uncolored .ccx-ss-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .light-theme .component_a91abd {
background-color: var(--spectrum-gray-300, #e1e1e1);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .light-theme .component_a91abd .ccx-ss-icon, .cywssw .light-theme .component_a91abd svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .light-theme .component_a91abd .uncolored svg, .cywssw .light-theme .component_a91abd .uncolored .ccx-ss-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .dark-theme .component_a91abd {
background-color: var(--spectrum-gray-300, #4a4a4a);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .dark-theme .component_a91abd .ccx-ss-icon, .cywssw .dark-theme .component_a91abd svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .dark-theme .component_a91abd .uncolored svg, .cywssw .dark-theme .component_a91abd .uncolored .ccx-ss-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .darkest-theme .component_a91abd {
background-color: var(--spectrum-gray-300, #393939);
background-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .darkest-theme .component_a91abd .ccx-ss-icon, .cywssw .darkest-theme .component_a91abd svg {
color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .darkest-theme .component_a91abd .uncolored svg, .cywssw .darkest-theme .component_a91abd .uncolored .ccx-ss-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .component_a91abd {
border-radius: 50%;
border-radius: var(--ccx-share-sheet-border-radius-4);
height: var(--ccx-share-sheet-icon-size-6);
width: var(--ccx-share-sheet-icon-size-6);
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 34px;
height: 34px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .component_a91abd .ccx-ss-project-avatar {
width: var(--ccx-share-sheet-icon-size-4);
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
width: 18px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
}
.cywssw .component_a91abd .ccx-ss-project-avatar > svg, .cywssw .component_a91abd .ccx-ss-project-avatar > .ccx-ss-icon {
opacity: 1;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .lightest-theme .component_ebbfb1 {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .lightest-theme .component_ebbfb1 .ccx-invite-loader-title-container .title-loader {
background: -webkit-gradient(linear, left top, right top, color-stop(0, background-color-2), color-stop(50%, background-color-1), to(background-color-2));
background: linear-gradient(to right, background-color-2 0, background-color-1 50%, background-color-2 100%);
}
.cywssw .light-theme .component_ebbfb1 {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .light-theme .component_ebbfb1 .ccx-invite-loader-title-container .title-loader {
background: -webkit-gradient(linear, left top, right top, color-stop(0, background-color-2), color-stop(50%, background-color-1), to(background-color-2));
background: linear-gradient(to right, background-color-2 0, background-color-1 50%, background-color-2 100%);
}
.cywssw .dark-theme .component_ebbfb1 {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .dark-theme .component_ebbfb1 .ccx-invite-loader-title-container .title-loader {
background: -webkit-gradient(linear, left top, right top, color-stop(0, background-color-2), color-stop(50%, background-color-1), to(background-color-2));
background: linear-gradient(to right, background-color-2 0, background-color-1 50%, background-color-2 100%);
}
.cywssw .darkest-theme .component_ebbfb1 {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .darkest-theme .component_ebbfb1 .ccx-invite-loader-title-container .title-loader {
background: -webkit-gradient(linear, left top, right top, color-stop(0, background-color-2), color-stop(50%, background-color-1), to(background-color-2));
background: linear-gradient(to right, background-color-2 0, background-color-1 50%, background-color-2 100%);
}
.cywssw .component_ebbfb1 {
min-height: inherit;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_ebbfb1 .ccx-invite-loader-loader-container {
margin-top: 32px;
margin-top: var(--ccx-share-sheet-margin-15);
margin-bottom: 32px;
margin-bottom: var(--ccx-share-sheet-margin-15);
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_ebbfb1 .ccx-invite-loader-title-container {
-ms-flex: 0;
-webkit-box-flex: 0;
flex: 0;
width: 100%;
height: 18px;
}
.cywssw .component_ebbfb1 .ccx-invite-loader-title-container .title-loader {
background-size: 1000px;
background-size: var(--ccx-share-sheet-background-size-1);
border-radius: 2px;
border-radius: var(--ccx-share-sheet-border-radius-1);
margin-left: 24px;
margin-left: var(--ccx-share-sheet-margin-13);
width: 90px;
height: 8px;
-webkit-animation: 3s linear infinite wiper;
animation: 3s linear infinite wiper;
}
.cywssw .component_ebbfb1 .ccx-invite-loader-content-container {
-ms-flex: 2;
-webkit-box-flex: 2;
flex: 2;
width: 100%;
}
@-webkit-keyframes wiper {
0% {
background-position: -1000px 0;
}
100% {
background-position: 1000px 0;
}
}
@keyframes wiper {
0% {
background-position: -1000px 0;
}
100% {
background-position: 1000px 0;
}
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .lightest-theme .component_ebcfeb .ccx-ss-invitee-limit-message {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .lightest-theme .component_ebcfeb .ccx-ss-suggestions-title {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
color: var(--ccx-share-sheet-suggestion-list-title-color);
}
.cywssw .lightest-theme .component_ebcfeb #ccx-ss-wizard-step-counter {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .lightest-theme .component_ebcfeb .ccx-ss-horizontal-ruler {
border-color: var(--spectrum-gray-400, #d3d3d3);
border-color: var(--ccx-share-sheet-border-color);
}
.cywssw .lightest-theme .component_ebcfeb #request-indicator {
background-color: var(--spectrum-blue-900, #2680eb);
background-color: var(--ccx-share-sheet-button-background-color);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_ebcfeb #request-indicator {
background-color: var(--spectrum-accent-background-color-default);
}
.cywssw .lightest-theme .component_ebcfeb .ccx-ss-predictivelist-container:has(.recentlySharedExperiment) {
border-color: var(--spectrum-gray-400, #d3d3d3);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #d3d3d3);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #d3d3d3);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-style: solid;
border-radius: 8px;
overflow: hidden;
}
.cywssw .light-theme .component_ebcfeb .ccx-ss-invitee-limit-message {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .light-theme .component_ebcfeb .ccx-ss-suggestions-title {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
color: var(--ccx-share-sheet-suggestion-list-title-color);
}
.cywssw .light-theme .component_ebcfeb #ccx-ss-wizard-step-counter {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .light-theme .component_ebcfeb .ccx-ss-horizontal-ruler {
border-color: var(--spectrum-gray-400, #cacaca);
border-color: var(--ccx-share-sheet-border-color);
}
.cywssw .light-theme .component_ebcfeb #request-indicator {
background-color: var(--spectrum-blue-900, #1473e6);
background-color: var(--ccx-share-sheet-button-background-color);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_ebcfeb #request-indicator {
background-color: var(--spectrum-accent-background-color-default);
}
.cywssw .light-theme .component_ebcfeb .ccx-ss-predictivelist-container:has(.recentlySharedExperiment) {
border-color: var(--spectrum-gray-400, #cacaca);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #cacaca);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #cacaca);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-style: solid;
border-radius: 8px;
overflow: hidden;
}
.cywssw .dark-theme .component_ebcfeb .ccx-ss-invitee-limit-message {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .dark-theme .component_ebcfeb .ccx-ss-suggestions-title {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
color: var(--ccx-share-sheet-suggestion-list-title-color);
}
.cywssw .dark-theme .component_ebcfeb #ccx-ss-wizard-step-counter {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .dark-theme .component_ebcfeb .ccx-ss-horizontal-ruler {
border-color: var(--spectrum-gray-400, #5a5a5a);
border-color: var(--ccx-share-sheet-border-color);
}
.cywssw .dark-theme .component_ebcfeb #request-indicator {
background-color: var(--spectrum-blue-800, #378ef0);
background-color: var(--ccx-share-sheet-button-background-color);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_ebcfeb #request-indicator {
background-color: var(--spectrum-accent-background-color-default);
}
.cywssw .dark-theme .component_ebcfeb .ccx-ss-predictivelist-container:has(.recentlySharedExperiment) {
border-color: var(--spectrum-gray-400, #5a5a5a);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #5a5a5a);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #5a5a5a);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-style: solid;
border-radius: 8px;
overflow: hidden;
}
.cywssw .darkest-theme .component_ebcfeb .ccx-ss-invitee-limit-message {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .darkest-theme .component_ebcfeb .ccx-ss-suggestions-title {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
color: var(--ccx-share-sheet-suggestion-list-title-color);
}
.cywssw .darkest-theme .component_ebcfeb #ccx-ss-wizard-step-counter {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .darkest-theme .component_ebcfeb .ccx-ss-horizontal-ruler {
border-color: var(--spectrum-gray-400, #494949);
border-color: var(--ccx-share-sheet-border-color);
}
.cywssw .darkest-theme .component_ebcfeb #request-indicator {
background-color: var(--spectrum-blue-800, #2680eb);
background-color: var(--ccx-share-sheet-button-background-color);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_ebcfeb #request-indicator {
background-color: var(--spectrum-accent-background-color-default);
}
.cywssw .darkest-theme .component_ebcfeb .ccx-ss-predictivelist-container:has(.recentlySharedExperiment) {
border-color: var(--spectrum-gray-400, #494949);
border-color: var(--ccx-share-sheet-suggestion-list-border-color);
-webkit-box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #494949);
box-shadow: 0 1px 6px 0 var(--spectrum-gray-400, #494949);
-webkit-box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
box-shadow: 0 1px 6px 0 var(--ccx-share-sheet-suggestion-list-border-color);
border-width: 1px;
border-width: var(--ccx-share-sheet-border-width-1);
border-style: solid;
border-radius: 8px;
overflow: hidden;
}
.cywssw .component_ebcfeb, .cywssw .component_ebcfeb .ccx-ss-share-invite {
min-height: 0;
}
.cywssw .component_ebcfeb .ccx-ss-share-invite.invitation-view {
padding: 0 24px;
padding: 0 var(--ccx-share-sheet-padding-13);
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
height: 100%;
}
.cywssw .spectrum--large .component_ebcfeb .ccx-ss-share-invite.invitation-view {
padding: 0 20px;
padding: 0 var(--ccx-share-sheet-padding-12);
}
.cywssw .component_ebcfeb .ccx-ss-share-invite .ccx-ss-share-dialog-collaborators-list-label {
padding: 5px 24px 0;
padding: var(--ccx-share-sheet-padding-5) var(--ccx-share-sheet-padding-13) 0;
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
font-weight: 700;
font-weight: var(--ccx-share-sheet-font-weight-xbold);
}
.cywssw .component_ebcfeb .ccx-ss-share-facepile-container {
margin: 5px 24px;
margin: var(--ccx-share-sheet-margin-5) var(--ccx-share-sheet-margin-13);
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
}
.cywssw .component_ebcfeb .ccx-ss-share-facepile-container #request-indicator {
margin-right: 8px;
margin-right: var(--ccx-share-sheet-margin-7);
border-radius: 50%;
width: 6px;
height: 6px;
}
.cywssw .component_ebcfeb .ccx-ss-share-facepile-container .ccx-ss-share-dialog-facepile-label {
font-size: 14px;
font-weight: var(--spectrum-heading-sans-serif-font-weight, 700);
letter-spacing: 0;
}
.cywssw .component_ebcfeb .ccx-ss-share-invite-input {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
}
.cywssw .component_ebcfeb .ccx-ss-share-invite-input.collaborators-view, .cywssw .component_ebcfeb .ccx-ss-share-invite-input.facepile-view {
padding: 0 24px;
padding: 0 var(--ccx-share-sheet-padding-13);
}
.cywssw .touch-enabled .component_ebcfeb .ccx-ss-share-invite-input.collaborators-view, .cywssw .touch-enabled .component_ebcfeb .ccx-ss-share-invite-input.facepile-view {
padding: 0 30px;
}
.cywssw .spectrum--large .component_ebcfeb .ccx-ss-share-invite-input.collaborators-view, .cywssw .spectrum--large .component_ebcfeb .ccx-ss-share-invite-input.facepile-view {
padding: 0 20px;
padding: 0 var(--ccx-share-sheet-padding-12);
}
.cywssw .component_ebcfeb .ccx-ss-share-invite-input.with-permissions-dropdown {
min-width: 0;
}
.cywssw .component_ebcfeb .ccx-ss-share-invite-input .ccx-ss-invitee-limit-message {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
}
.cywssw .component_ebcfeb .ccx-ss-input-wrapper {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
width: 100%;
}
.cywssw .component_ebcfeb .ccx-ss-input-wrapper #ccx-ss-invite-input {
margin-bottom: 8px;
margin-bottom: var(--ccx-share-sheet-margin-7);
}
.cywssw .component_ebcfeb .ccx-ss-input-wrapper .ccx-ss-share-invite-input {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
}
.cywssw .component_ebcfeb .ccx-ss-input-wrapper .ccx-ss-share-permissions-combobox-wrapper {
padding-left: 8px;
padding-left: var(--ccx-share-sheet-padding-7);
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 50%;
}
.cywssw .component_ebcfeb .ccx-ss-input-wrapper .ccx-ss-share-permissions-combobox-wrapper .ccx-ss-mobile-tray-button {
margin-bottom: 8px;
margin-bottom: var(--ccx-share-sheet-margin-7);
}
.cywssw .component_ebcfeb .ccx-ss-input-wrapper .ccx-ss-share-permissions-combobox-container {
text-overflow: ellipsis;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: hidden;
}
.cywssw .component_ebcfeb .ccx-ss-predictivelist-container {
z-index: 4;
z-index: var(--ccx-share-sheet-z-index-ss-predictive-list);
position: absolute;
left: 22px;
right: 22px;
}
.cywssw .component_ebcfeb .ccx-ss-predictivelist-container .ccx-ss-suggestions-title {
padding: 16px 0 8px 16px;
padding: var(--ccx-share-sheet-padding-11) 0 var(--ccx-share-sheet-padding-7) var(--ccx-share-sheet-padding-11);
font-weight: 700;
font-weight: var(--ccx-share-sheet-font-weight-xbold);
font-size: 14px;
}
.cywssw .spectrum-theme-provider.swc-enabled[theme="express"] .component_ebcfeb .ccx-ss-predictivelist-container .ccx-ss-suggestions-title {
font-size: 14px;
font-weight: var(--spectrum-heading-sans-serif-font-weight);
letter-spacing: 0;
}
.cywssw .component_ebcfeb .ccx-ss-wizard-message-input {
margin-top: 24px !important;
}
.cywssw .component_ebcfeb .custom-message-field {
padding-bottom: 10px;
padding-bottom: var(--ccx-share-sheet-padding-9);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
margin: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_ebcfeb .ccx-ss-horizontal-ruler {
margin-left: -24px;
margin-left: var(--ccx-share-sheet-negative-margin-13);
margin-bottom: 16px;
margin-bottom: var(--ccx-share-sheet-margin-11);
border-top-style: solid;
border-top-width: 1px;
width: calc(100% + 48px);
}
.cywssw .component_ebcfeb .ccx-ss-share-cta-container {
padding-bottom: 24px;
}
.cywssw .component_ebcfeb .ccx-ss-share-cta-container #ccx-ss-share-invite-send-btn {
margin-left: 16px;
margin-left: var(--ccx-share-sheet-margin-11);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .spectrum--large .component_ebcfeb .ccx-ss-share-cta-container {
padding-bottom: 16px;
}
.cywssw .touch-enabled .component_ebcfeb .ccx-ss-share-cta-invitation-container {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
gap: 8px 0;
width: 100%;
min-width: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .touch-enabled .component_ebcfeb .ccx-ss-share-cta-invitation-container .ccx-ss-share-invite-button {
min-width: 0;
max-width: 100%;
padding-top: 7px;
display: block;
}
.cywssw .touch-enabled .component_ebcfeb .ccx-ss-share-cta-invitation-container .ccx-ss-share-invite-button span {
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
display: block;
overflow: hidden;
}
.cywssw .component_ebcfeb #ccx-ss-collaborators-list {
overflow-y: auto;
}
.cywssw .component_ebcfeb .grecaptcha-badge {
margin: 20px 0 16px auto;
margin: var(--ccx-share-sheet-margin-12) 0 var(--ccx-share-sheet-margin-11) auto;
width: 100%;
}
.cywssw .component_ebcfeb #ccx-ss-link-footer {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .component_ebcfeb .ccx-ss-share-switchfooter {
padding: 0 24px;
padding: 0 var(--ccx-share-sheet-padding-13);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .component_ebcfeb #ccx-ss-wizard-step-counter {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
}
.cywssw .lightest-theme .component_c22050, .cywssw .light-theme .component_c22050, .cywssw .dark-theme .component_c22050, .cywssw .darkest-theme .component_c22050 {
color: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_c22050 {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
font-size: var(--ccx-share-sheet-font-size-md);
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
margin-left: 20px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_c22050 .ccx-ss-icon, .cywssw .component_c22050 svg {
margin-right: 4px;
}
.cywssw .spectrum--large .component_c22050 {
margin-left: 28px;
}
.cywssw .component_4ca0d9 {
width: 100%;
height: 100%;
overflow-y: hidden;
}
.cywssw .component_4ca0d9 .invite-input-container {
padding: 12px 24px 0;
padding: var(--ccx-share-sheet-padding-10) var(--ccx-share-sheet-padding-13) 0;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
}
.cywssw .component_4ca0d9 .invite-input-container .ccx-ss-recent-invitees-list {
padding: 0;
left: 24px;
right: 24px;
}
.cywssw .component_4ca0d9 .suggestions {
z-index: 4;
z-index: var(--ccx-share-sheet-z-index-ss-predictive-list);
padding-left: inherit;
padding-right: inherit;
position: absolute;
left: 0;
right: 0;
}
.cywssw .component_4ca0d9 .collaborators-list-container {
overflow-y: auto;
}
.cywssw .component_4ca0d9 .collaborators-list-container #ccx-ss-space-reminder {
margin-top: 0;
}
.cywssw .component_4ca0d9 .ccx-ss-user-card-right-child-owner {
margin-right: 10px;
}
.cywssw .component_4ca0d9 .ccx-ss-collaborators-list-remove-btn {
padding-right: 7px;
}
.cywssw .component_4ca0d9 .custom-message-bottom-field {
height: 100%;
}
.cywssw .component_4ca0d9 .custom-message-field-container {
padding: 12px 24px 0;
padding: var(--ccx-share-sheet-padding-10) var(--ccx-share-sheet-padding-13) 0;
}
.cywssw .component_4ca0d9 .custom-message-field-container textarea {
line-height: 1.25;
}
.cywssw .component_4ca0d9 .custom-message-field {
margin: 0;
}
.cywssw .component_4ca0d9 .footer {
padding: 24px;
padding: var(--ccx-share-sheet-padding-13);
}
.cywssw .component_4ca0d9 .footer #ccx-ss-artifact-invite-send-btn {
margin-left: 16px;
margin-left: var(--ccx-share-sheet-margin-11);
}
.cywssw .lightest-theme .component_8d5fdf .ccx-ss-facepile-overflow {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .lightest-theme .component_8d5fdf .ccx-ss-facepile-image .ccx-ss-avatar-container {
border-color: var(--spectrum-gray-50, #fff);
border-color: var(--ccx-share-sheet-background-color-primary);
border-style: solid;
border-width: 2px;
}
.cywssw .lightest-theme .component_8d5fdf .ccx-ss-facepile-image .ccx-ss-avatar-container .ccx-ss-icon-user {
fill: var(--ccx-share-sheet-background-color-1);
}
.cywssw .light-theme .component_8d5fdf .ccx-ss-facepile-overflow {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .light-theme .component_8d5fdf .ccx-ss-facepile-image .ccx-ss-avatar-container {
border-color: var(--spectrum-gray-50, #fff);
border-color: var(--ccx-share-sheet-background-color-primary);
border-style: solid;
border-width: 2px;
}
.cywssw .light-theme .component_8d5fdf .ccx-ss-facepile-image .ccx-ss-avatar-container .ccx-ss-icon-user {
fill: var(--ccx-share-sheet-background-color-1);
}
.cywssw .dark-theme .component_8d5fdf .ccx-ss-facepile-overflow {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .dark-theme .component_8d5fdf .ccx-ss-facepile-image .ccx-ss-avatar-container {
border-color: var(--spectrum-gray-100, #323232);
border-color: var(--ccx-share-sheet-background-color-primary);
border-style: solid;
border-width: 2px;
}
.cywssw .dark-theme .component_8d5fdf .ccx-ss-facepile-image .ccx-ss-avatar-container .ccx-ss-icon-user {
fill: var(--ccx-share-sheet-background-color-1);
}
.cywssw .darkest-theme .component_8d5fdf .ccx-ss-facepile-overflow {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .darkest-theme .component_8d5fdf .ccx-ss-facepile-image .ccx-ss-avatar-container {
border-color: var(--spectrum-gray-100, #1e1e1e);
border-color: var(--ccx-share-sheet-background-color-primary);
border-style: solid;
border-width: 2px;
}
.cywssw .darkest-theme .component_8d5fdf .ccx-ss-facepile-image .ccx-ss-avatar-container .ccx-ss-icon-user {
fill: var(--ccx-share-sheet-background-color-1);
}
.cywssw .ccx-ss-facepile-tooltip .spectrum-Tooltip-label {
max-width: 200px;
}
.cywssw .ccx-ss-facepile-tooltip .spectrum-Tooltip-label > div {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .component_8d5fdf {
margin-left: 6px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_8d5fdf.ccx-ss-facepile-invite {
margin-left: -6px;
}
.cywssw .component_8d5fdf.ccx-ss-facepile-invite svg {
color: inherit;
}
.cywssw .component_8d5fdf .ccx-ss-facepile-overflow {
text-align: center;
width: 34px;
margin-left: -8px;
line-height: 32px;
}
.cywssw .component_8d5fdf .ccx-ss-facepile-image {
margin-left: -8px;
}
.cywssw .component_8d5fdf .ccx-ss-facepile-image + span, .cywssw .component_8d5fdf .ccx-ss-facepile-invite-btn.left-pad {
margin-left: 10px;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_8d5fdf.ccx-ss-facepile-invite {
margin-left: -9px;
margin-left: var(--ccx-share-sheet-negative-margin-8);
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_8d5fdf.ccx-ss-facepile-invite .ccx-ss-icon {
color: inherit;
}
.cywssw .lightest-theme .component_ce4d44 {
background-color: rgba(80, 80, 80, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(50, 50, 50, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .lightest-theme .component_ce4d44 .ccx-artifact-control-password-protected-text {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .light-theme .component_ce4d44 {
background-color: rgba(75, 75, 75, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(44, 44, 44, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .light-theme .component_ce4d44 .ccx-artifact-control-password-protected-text {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .dark-theme .component_ce4d44 {
background-color: rgba(227, 227, 227, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(255, 255, 255, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .dark-theme .component_ce4d44 .ccx-artifact-control-password-protected-text {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .darkest-theme .component_ce4d44 {
background-color: rgba(199, 199, 199, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(240, 240, 240, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .darkest-theme .component_ce4d44 .ccx-artifact-control-password-protected-text {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .component_ce4d44 {
border: 1px solid;
border-radius: 4px;
margin-bottom: 24px;
padding: 16px;
}
.cywssw .component_ce4d44.ccx-switch-footer-displayed {
margin-bottom: 16px;
}
.cywssw .component_ce4d44 .ccx-artifact-control-footer-actions {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_ce4d44 .ccx-artifact-control-footer-dropdown {
margin-left: 4px;
}
.cywssw .component_ce4d44 #ccx-artifact-control-footer-update-btn {
min-width: 80px;
margin: 0;
padding: 0 8px;
}
.cywssw .component_ce4d44 #ccx-artifact-control-footer-update-btn .spectrum-CircleLoader {
margin: 0 10px 0 3px;
}
.cywssw .component_ce4d44 .ccx-artifact-control-update-row {
margin-top: 12px;
}
.cywssw .component_ce4d44 .ccx-artifact-control-update-row .ccx-artifact-control-password-protected {
padding: 0 0 3px;
}
.cywssw .component_ce4d44 .ccx-artifact-control-update-row .ccx-artifact-control-password-protected .ccx-ss-icon, .cywssw .component_ce4d44 .ccx-artifact-control-update-row .ccx-artifact-control-password-protected svg {
width: 12px;
height: 12px;
margin-right: 5px;
}
.cywssw .component_ce4d44 .ccx-artifact-control-update-row .ccx-artifact-control-last-updated {
-ms-flex-item-align: center;
align-self: center;
margin-right: 4px;
font-size: 12px;
line-height: 1.25;
}
.cywssw .ccx-ss-update-wait-wrapper {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .ccx-artifact-control-footer-menu {
min-width: 218px;
}
.cywssw .ccx-artifact-control-footer-menu .spectrum-Menu-divider {
margin: 9px 0 4px;
}
.cywssw .ccx-artifact-control-footer-menu .ccx-artifact-control-menu-reviews {
padding: 8px 12px 8px 10px;
}
.cywssw .ccx-artifact-control-footer-menu .ccx-artifact-control-menu-reviews .ccx-ss-icon {
margin-right: 8px;
margin-right: var(--ccx-share-sheet-margin-7);
}
.cywssw .lightest-theme #ccx-ss-artifact-delete-confirmation .ccx-ss-generic-confirmation-header {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .lightest-theme #ccx-ss-artifact-delete-confirmation .ccx-ss-icon, .cywssw .lightest-theme #ccx-ss-artifact-delete-confirmation svg {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .lightest-theme .component_07173e .ccx-ss-link-access-item-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .light-theme #ccx-ss-artifact-delete-confirmation .ccx-ss-generic-confirmation-header {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .light-theme #ccx-ss-artifact-delete-confirmation .ccx-ss-icon, .cywssw .light-theme #ccx-ss-artifact-delete-confirmation svg {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .light-theme .component_07173e .ccx-ss-link-access-item-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .dark-theme #ccx-ss-artifact-delete-confirmation .ccx-ss-generic-confirmation-header {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .dark-theme #ccx-ss-artifact-delete-confirmation .ccx-ss-icon, .cywssw .dark-theme #ccx-ss-artifact-delete-confirmation svg {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .dark-theme .component_07173e .ccx-ss-link-access-item-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .darkest-theme #ccx-ss-artifact-delete-confirmation .ccx-ss-generic-confirmation-header {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .darkest-theme #ccx-ss-artifact-delete-confirmation .ccx-ss-icon, .cywssw .darkest-theme #ccx-ss-artifact-delete-confirmation svg {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .darkest-theme .component_07173e .ccx-ss-link-access-item-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw #ccx-ss-artifact-delete-confirmation {
padding: 40px;
}
.cywssw #ccx-ss-artifact-delete-confirmation .ccx-ss-icon, .cywssw #ccx-ss-artifact-delete-confirmation svg {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 12px;
}
.cywssw #ccx-ss-artifact-delete-confirmation .ccx-ss-generic-confirmation-content {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
padding-top: 28px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw #ccx-ss-artifact-delete-confirmation .ccx-ss-generic-confirmation-header {
font-size: 17px;
font-size: var(--ccx-share-sheet-font-size-lg);
}
.cywssw .ccx-ss-link-access-select-menu .ccx-ss-icon {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .component_07173e {
max-width: 100%;
padding: 0 24px;
}
.cywssw .component_07173e .ccx-ss-artifact-manage-content > div {
margin-top: 12px;
}
.cywssw .component_07173e .ccx-ss-link-access #ccx-ss-link-access-label {
min-height: auto;
padding-bottom: 0;
}
.cywssw .component_07173e .ccx-ss-link-access > div {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_07173e .ccx-ss-link-access .ccx-ss-icon:not(svg) {
margin-right: 8px;
margin-right: var(--ccx-share-sheet-margin-7);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .component_07173e .ccx-ss-link-access-readonly {
padding-top: 4px;
padding-top: var(--ccx-share-sheet-padding-4);
}
.cywssw .component_07173e .ccx-ss-link-access-readonly svg.ccx-ss-icon + .ccx-ss-link-access-readonly-label {
margin-left: 8px;
margin-left: var(--ccx-share-sheet-margin-7);
}
.cywssw .component_07173e .ccx-ss-link-access-select > button {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
height: 28px;
}
.cywssw .component_07173e #ccx-ss-link-access-select-value {
-webkit-font-smoothing: antialiased;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
}
.cywssw .component_07173e .ccx-ss-artifact-facepile-content-label {
padding-bottom: 6px;
}
.cywssw .lightest-theme .component_e9be08 {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .lightest-theme .component_e9be08.ccx-artifact-save-phxs {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .light-theme .component_e9be08 {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .light-theme .component_e9be08.ccx-artifact-save-phxs {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .dark-theme .component_e9be08 {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .dark-theme .component_e9be08.ccx-artifact-save-phxs {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .darkest-theme .component_e9be08 {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
}
.cywssw .darkest-theme .component_e9be08.ccx-artifact-save-phxs {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .component_e9be08.ccx-ss-invite-save-view {
text-align: center;
padding: 24px;
padding: var(--ccx-share-sheet-padding-13);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
justify-self: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_e9be08.ccx-ss-invite-save-view.ccx-artifact-save-phxs {
padding: 0 24px 24px;
padding: 0 var(--ccx-share-sheet-padding-13) var(--ccx-share-sheet-padding-13) var(--ccx-share-sheet-padding-13);
}
.cywssw .component_e9be08.ccx-ss-invite-save-view.ccx-artifact-save-phxs .ccx-artifact-save-phxs-container {
padding-bottom: 32px;
}
.cywssw .component_e9be08.ccx-ss-invite-save-view .ccx-ss-invite-save-icon {
width: 85px;
height: 85px;
margin: 0 auto;
display: block;
}
.cywssw .component_e9be08.ccx-ss-invite-save-view .ccx-ss-invite-save-main-content {
padding-bottom: 24px;
}
.cywssw .component_e9be08.ccx-ss-invite-save-view .ccx-ss-invite-save-heading {
font-size: 17px;
font-size: var(--ccx-share-sheet-font-size-lg);
padding: 0 8px;
}
.cywssw .component_e9be08.ccx-ss-invite-save-view p {
margin: 0;
padding: 0 20px;
font-size: 12px;
font-style: italic;
}
.cywssw .component_e9be08.ccx-ss-invite-save-view p.ccx-ss-invite-save-view-text-phxs {
font-style: normal;
}
.cywssw .component_e9be08.ccx-ss-invite-save-view .ccx-ss-invite-save-buttons {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_e9be08.ccx-ss-invite-save-view .ccx-ss-invite-save-buttons #ccx-ss-invite-save-link-btn {
margin-left: 16px;
margin-left: var(--ccx-share-sheet-margin-11);
}
.cywssw .component_e9be08 #ccx-switch-footer {
margin: 0 20px 20px;
}
.cywssw .component_f0fef5 #ccx-ss-password-label {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
padding: 0;
position: absolute;
overflow: hidden;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-row.list-container ul li.is-disabled {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-row.list-container ul li.is-disabled.is-selected, .cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-row.list-container ul li.is-disabled.is-selected:before {
color: var(--ccx-share-sheet-text-color-success);
}
.cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-row.compact-layout ul li:first-child {
margin-top: 12px;
}
.cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #eaeaea);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container input {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container .alert.ccx-ss-icon {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus, .cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:active {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #eaeaea);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus-within {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #eaeaea);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
color: var(--ccx-share-sheet-text-color-1);
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.invalid {
border-color: var(--spectrum-red-1000, #d7373f);
border-color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:hover {
border-color: var(--spectrum-gray-600);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus, .cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus-within {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:has(.focus-ring) {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express {
border-color: var(--spectrum-gray-400);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express.invalid {
border-color: var(--spectrum-red-1000, #d7373f);
border-color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:hover {
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:focus, .cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:focus-within {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:has(.focus-ring) {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content.focus .ccx-ss-password-input-container {
border-color: var(--spectrum-blue-1000, #1473e6);
border-color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content.invalid .ccx-ss-password-input-container {
border-color: var(--spectrum-red-900, #e34850);
border-color: var(--ccx-share-sheet-icon-error);
}
.cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-error-message {
color: var(--ccx-share-sheet-text-color-error);
padding: 3px 0 0;
padding: var(--ccx-share-sheet-padding-3) 0 0 0;
font-size: 12px;
}
.cywssw .lightest-theme .component_f0fef5 .ccx-ss-password-input-error-message.compact-layout {
margin: 15px 0 -10px;
}
.cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-row.list-container ul li.is-disabled {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-row.list-container ul li.is-disabled.is-selected, .cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-row.list-container ul li.is-disabled.is-selected:before {
color: var(--ccx-share-sheet-text-color-success);
}
.cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-row.compact-layout ul li:first-child {
margin-top: 12px;
}
.cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #e1e1e1);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container input {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container .alert.ccx-ss-icon {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus, .cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:active {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #e1e1e1);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus-within {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #e1e1e1);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
color: var(--ccx-share-sheet-text-color-1);
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.invalid {
border-color: var(--spectrum-red-1000, #c9252d);
border-color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:hover {
border-color: var(--spectrum-gray-600);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus, .cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus-within {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:has(.focus-ring) {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express {
border-color: var(--spectrum-gray-400);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express.invalid {
border-color: var(--spectrum-red-1000, #c9252d);
border-color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:hover {
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:focus, .cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:focus-within {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:has(.focus-ring) {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content.focus .ccx-ss-password-input-container {
border-color: var(--spectrum-blue-1000, #0d66d0);
border-color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content.invalid .ccx-ss-password-input-container {
border-color: var(--spectrum-red-900, #d7373f);
border-color: var(--ccx-share-sheet-icon-error);
}
.cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-error-message {
color: var(--ccx-share-sheet-text-color-error);
padding: 3px 0 0;
padding: var(--ccx-share-sheet-padding-3) 0 0 0;
font-size: 12px;
}
.cywssw .light-theme .component_f0fef5 .ccx-ss-password-input-error-message.compact-layout {
margin: 15px 0 -10px;
}
.cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-row.list-container ul li.is-disabled {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-row.list-container ul li.is-disabled.is-selected, .cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-row.list-container ul li.is-disabled.is-selected:before {
color: var(--ccx-share-sheet-text-color-success);
}
.cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-row.compact-layout ul li:first-child {
margin-top: 12px;
}
.cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container {
background-color: var(--spectrum-gray-50, #252525);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #4a4a4a);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container input {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container .alert.ccx-ss-icon {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus, .cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:active {
background-color: var(--spectrum-gray-50, #252525);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #4a4a4a);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus-within {
background-color: var(--spectrum-gray-50, #252525);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #4a4a4a);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
color: var(--ccx-share-sheet-text-color-1);
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.invalid {
border-color: var(--spectrum-red-800, #f76d74);
border-color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:hover {
border-color: var(--spectrum-gray-600);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus, .cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus-within {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:has(.focus-ring) {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express {
border-color: var(--spectrum-gray-400);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express.invalid {
border-color: var(--spectrum-red-800, #f76d74);
border-color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:hover {
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:focus, .cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:focus-within {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:has(.focus-ring) {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content.focus .ccx-ss-password-input-container {
border-color: var(--spectrum-blue-900, #4b9cf5);
border-color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content.invalid .ccx-ss-password-input-container {
border-color: var(--spectrum-red-700, #ec5b62);
border-color: var(--ccx-share-sheet-icon-error);
}
.cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-error-message {
color: var(--ccx-share-sheet-text-color-error);
padding: 3px 0 0;
padding: var(--ccx-share-sheet-padding-3) 0 0 0;
font-size: 12px;
}
.cywssw .dark-theme .component_f0fef5 .ccx-ss-password-input-error-message.compact-layout {
margin: 15px 0 -10px;
}
.cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-row.list-container ul li.is-disabled {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-row.list-container ul li.is-disabled.is-selected, .cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-row.list-container ul li.is-disabled.is-selected:before {
color: var(--ccx-share-sheet-text-color-success);
}
.cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-row.compact-layout ul li:first-child {
margin-top: 12px;
}
.cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container {
background-color: var(--spectrum-gray-50, #080808);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #393939);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container input {
color: var(--ccx-share-sheet-text-color);
}
.cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container .alert.ccx-ss-icon {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus, .cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:active {
background-color: var(--spectrum-gray-50, #080808);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #393939);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus-within {
background-color: var(--spectrum-gray-50, #080808);
background-color: var(--ccx-share-sheet-input-background-color-1);
border-color: var(--spectrum-gray-300, #393939);
border-color: var(--ccx-share-sheet-background-color-2);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
color: var(--ccx-share-sheet-text-color-1);
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.invalid {
border-color: var(--spectrum-red-800, #ec5b62);
border-color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:hover {
border-color: var(--spectrum-gray-600);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus, .cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:focus-within {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container:has(.focus-ring) {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express {
border-color: var(--spectrum-gray-400);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express.invalid {
border-color: var(--spectrum-red-800, #ec5b62);
border-color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:hover {
border-color: var(--spectrum-gray-500);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:focus, .cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:active {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:focus-within {
border-color: var(--spectrum-gray-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:focus-within {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .spectrum-theme-provider.swc-enabled .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input-container.express:has(.focus-ring) {
outline-color: var(--spectrum-accent-color-800);
}
.cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content.focus .ccx-ss-password-input-container {
border-color: var(--spectrum-blue-900, #378ef0);
border-color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content.invalid .ccx-ss-password-input-container {
border-color: var(--spectrum-red-700, #e34850);
border-color: var(--ccx-share-sheet-icon-error);
}
.cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-error-message {
color: var(--ccx-share-sheet-text-color-error);
padding: 3px 0 0;
padding: var(--ccx-share-sheet-padding-3) 0 0 0;
font-size: 12px;
}
.cywssw .darkest-theme .component_f0fef5 .ccx-ss-password-input-error-message.compact-layout {
margin: 15px 0 -10px;
}
.cywssw .component_f0fef5 {
padding: 10px 0 0;
padding: var(--ccx-share-sheet-padding-9) 0 0 0;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
max-width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row.cta-container {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row.list-container ul {
margin: 5px 0 10px;
margin: var(--ccx-share-sheet-margin-5) 0 var(--ccx-share-sheet-margin-9) 0;
width: 100%;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row.list-container ul li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 5px;
padding: 0 0 var(--ccx-share-sheet-padding-5) 0;
min-width: 240px;
min-height: 24px;
font-size: 12px;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row.list-container ul li .ccx-ss-icon, .cywssw .component_f0fef5 .ccx-ss-password-input-row.list-container ul li svg {
display: none;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row.list-container ul li:before {
content: "· ";
margin-right: 5px;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row.list-container ul li.is-selected:before {
content: "✓";
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content {
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
height: 58px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input {
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container {
border-style: solid;
border-width: 1px;
border-radius: 4px;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container input {
background: none;
border: none;
outline: none;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
padding: 3px 12px 5px;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container .alert.ccx-ss-icon {
margin-top: 7px;
margin-right: 12px;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container .ccx-ss-password-input-cta .spectrum-ActionButton + .spectrum-ActionButton {
margin-left: 0;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container {
min-height: var(--ccx-share-sheet-margin-15);
border: 1px solid;
min-height: 32px;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container:focus-within {
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container:has(.focus-ring) {
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container ::-ms-input-placeholder {
font-style: normal;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container ::-webkit-input-placeholder {
font-style: normal;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container ::-moz-placeholder {
font-style: normal;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container :-ms-input-placeholder {
font-style: normal;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container ::placeholder {
font-style: normal;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container:has(:disabled) {
border: none;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container.express {
border: 2px solid;
border-radius: 6px;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-input-content .ccx-ss-password-input .ccx-ss-password-input-container.express:has(:disabled) {
border: none;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-reveal-btn {
visibility: hidden;
background: none;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-reveal-btn:focus, .cywssw .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-reveal-btn:active {
background-color: rgba(0, 0, 0, 0);
border: none;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-reveal-btn:focus-within {
background-color: rgba(0, 0, 0, 0);
border: none;
}
.cywssw .component_f0fef5 .ccx-ss-password-input-row .ccx-ss-password-reveal-btn.visible {
visibility: visible;
}
.cywssw .lightest-theme .component_4ba242 .ccx-ss-link-settings-title {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .lightest-theme .component_4ba242 .ccx-ss-password-input-error-message {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .light-theme .component_4ba242 .ccx-ss-link-settings-title {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .light-theme .component_4ba242 .ccx-ss-password-input-error-message {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .dark-theme .component_4ba242 .ccx-ss-link-settings-title {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .dark-theme .component_4ba242 .ccx-ss-password-input-error-message {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .darkest-theme .component_4ba242 .ccx-ss-link-settings-title {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .darkest-theme .component_4ba242 .ccx-ss-password-input-error-message {
color: var(--ccx-share-sheet-text-color-error);
}
.cywssw .component_4ba242 {
padding: 0 24px;
padding: 0 var(--ccx-share-sheet-padding-13);
width: 100%;
}
.cywssw .component_4ba242 .ccx-ss-artifact-password-panel-content {
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
margin: 0 0 0 10px;
}
.cywssw .component_4ba242 .ccx-ss-artifact-password-panel-content .ccx-ss-password-input form > div {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
}
.cywssw .component_4ba242 .ccx-ss-artifact-password-panel-content .ccx-ss-password-input-error-message {
padding: 3px 0 0;
padding: var(--ccx-share-sheet-padding-3) 0 0 0;
font-size: 12px;
}
.cywssw .component_4ba242 .ccx-ss-artifact-password-panel-content .ccx-ss-link-access-password-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0;
}
.cywssw .component_4ba242 .ccx-ss-artifact-password-panel-content .ccx-ss-link-access-password-reset button {
margin: 10px 0;
}
.cywssw .component_4ba242 .ccx-ss-artifact-password-panel-footer {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
margin: 0;
}
.cywssw .component_4ba242 .ccx-ss-artifact-password-panel-footer button + button, .cywssw .component_4ba242 .ccx-ss-artifact-password-panel-footer #ccx-ss-generic-action-secondary-btn + #ccx-ss-generic-confirmation-primary-btn {
margin-left: 10px;
}
.cywssw .lightest-theme .component_488fa3 .ccx-ss-link-settings-title, .cywssw .light-theme .component_488fa3 .ccx-ss-link-settings-title, .cywssw .dark-theme .component_488fa3 .ccx-ss-link-settings-title, .cywssw .darkest-theme .component_488fa3 .ccx-ss-link-settings-title {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .component_488fa3 {
padding: 0 24px;
padding: 0 var(--ccx-share-sheet-padding-13);
width: 100%;
height: 100%;
}
.cywssw .component_488fa3 .ccx-ss-artifact-public-settings-header {
padding: 12px 0 0;
padding: var(--ccx-share-sheet-padding-10) 0 0 0;
-ms-flex: 0;
-webkit-box-flex: 0;
flex: 0;
margin: 0;
}
.cywssw .component_488fa3 .ccx-ss-artifact-public-settings-content {
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
margin: 20px 0;
}
.cywssw .component_488fa3 .ccx-ss-artifact-public-settings-content header, .cywssw .component_488fa3 .ccx-ss-artifact-public-settings-content hr {
display: none;
}
.cywssw .component_488fa3 .ccx-ss-artifact-public-settings-content .ccx-ss-link-access-password-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.cywssw .component_488fa3 .ccx-ss-artifact-public-settings-footer {
padding: 24px 0;
padding: var(--ccx-share-sheet-padding-13) 0;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
margin: 0;
}
.cywssw .component_488fa3 .ccx-ss-artifact-public-settings-allow-password-subtitle {
padding: 5px 0;
font-size: 12px;
}
.cywssw .component_5b4ec6 {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
height: 100%;
padding: 24px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_5b4ec6.lightest-theme {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_5b4ec6.light-theme {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_5b4ec6.dark-theme {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_5b4ec6.darkest-theme {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_5b4ec6 .ccx-ss-artifact-onboarding-svg {
border-radius: 8px;
min-height: 213px;
}
.cywssw .component_5b4ec6 .ccx-ss-artifact-onboarding-description {
margin-top: 24px;
}
.cywssw .component_5b4ec6 .ccx-ss-artifact-onboarding-description .ccx-ss-dialog-title {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
line-height: 1.5;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_5b4ec6 .ccx-ss-artifact-onboarding-description p {
margin-top: 8px;
font-size: 16px;
line-height: 1.5;
}
.cywssw .component_5b4ec6 .ccx-ss-artifact-onboarding-actions {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
margin-top: auto;
}
.cywssw .component_5b4ec6 .ccx-ss-artifact-create-progress {
margin: 0;
}
.cywssw .component_5b4ec6 .ccx-ss-artifact-create-progress .ccx-ss-artifact-illustration {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.cywssw .component_6e7571.lightest-theme {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_6e7571.lightest-theme .ccx-ss-dialog-title {
color: var(--ccx-share-sheet-heading-text-color);
}
.cywssw .component_6e7571.lightest-theme .close-button, .cywssw .component_6e7571.lightest-theme .close-button .ccx-ss-icon, .cywssw .component_6e7571.lightest-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_6e7571.light-theme {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_6e7571.light-theme .ccx-ss-dialog-title {
color: var(--ccx-share-sheet-heading-text-color);
}
.cywssw .component_6e7571.light-theme .close-button, .cywssw .component_6e7571.light-theme .close-button .ccx-ss-icon, .cywssw .component_6e7571.light-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_6e7571.dark-theme {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_6e7571.dark-theme .ccx-ss-dialog-title {
color: var(--ccx-share-sheet-heading-text-color);
}
.cywssw .component_6e7571.dark-theme .close-button, .cywssw .component_6e7571.dark-theme .close-button .ccx-ss-icon, .cywssw .component_6e7571.dark-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_6e7571.darkest-theme {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_6e7571.darkest-theme .ccx-ss-dialog-title {
color: var(--ccx-share-sheet-heading-text-color);
}
.cywssw .component_6e7571.darkest-theme .close-button, .cywssw .component_6e7571.darkest-theme .close-button .ccx-ss-icon, .cywssw .component_6e7571.darkest-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .lightest-theme.ccx-ss-artifact-dialog, .cywssw .lightest-theme.ccx-ss-artifact-dialog #ccx-ss-offline, .cywssw .light-theme.ccx-ss-artifact-dialog, .cywssw .light-theme.ccx-ss-artifact-dialog #ccx-ss-offline {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .dark-theme.ccx-ss-artifact-dialog, .cywssw .dark-theme.ccx-ss-artifact-dialog #ccx-ss-offline {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .darkest-theme.ccx-ss-artifact-dialog, .cywssw .darkest-theme.ccx-ss-artifact-dialog #ccx-ss-offline {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
}
.cywssw .component_6e7571 {
cursor: default;
-webkit-font-smoothing: antialiased;
height: inherit;
max-height: inherit;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
min-height: 450px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
}
.cywssw .component_6e7571 button, .cywssw .component_6e7571 input, .cywssw .component_6e7571 textarea {
font-family: inherit;
}
.cywssw .component_6e7571 input::-ms-clear {
display: none;
}
.cywssw .component_6e7571 input::-ms-reveal {
display: none;
}
.cywssw .component_6e7571 .ccx-ss-dialog-header {
padding: 24px 24px 0;
padding: var(--ccx-share-sheet-padding-13) var(--ccx-share-sheet-padding-13) 0 var(--ccx-share-sheet-padding-13);
}
.cywssw .component_6e7571 .ccx-ss-dialog-title {
width: 100%;
margin-top: 0;
}
.cywssw .component_6e7571 .ccx-ss-dialog-subtitle {
text-transform: none;
font-weight: 100;
font-weight: var(--ccx-share-sheet-font-weight-light);
width: 100%;
margin-top: 0;
}
.cywssw .component_6e7571 .ccx-ss-dialog-header {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.cywssw .component_6e7571 .spectrum-Button, .cywssw .component_6e7571 .spectrum-ActionButton, .cywssw .component_6e7571 .spectrum-LogicButton, .cywssw .component_6e7571 .spectrum-FieldButton, .cywssw .component_6e7571 .spectrum-ClearButton, .cywssw .component_6e7571 .spectrum-Tool {
white-space: nowrap;
}
.cywssw .component_6e7571 #ccx-ss-artifact-dialog-content {
height: 100%;
}
.cywssw .component_6e7571 .ccx-ss-artifact-active-view {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
overflow-y: auto;
}
.cywssw .component_6e7571 .ccx-ss-artifact-inactive-view {
display: none;
}
.cywssw .component_6e7571 .ccx-ss-link-access-select {
width: 100%;
}
.cywssw .component_31d7c1 {
padding: 24px;
}
.cywssw .component_31d7c1 .ccx-ss-artifact-frameio-login-progress-panel-body {
text-align: center;
padding: 64px 32px 0;
}
.cywssw .component_31d7c1 .ccx-ss-artifact-frameio-login-progress-panel-body-text {
padding: 8px 0;
font-size: 12px;
}
.cywssw .component_e86ea3 .ccx-ss-artifact-frameio-create-intro-panel-wrapper {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.cywssw .component_e86ea3 {
padding: 24px 24px 16px;
}
.cywssw .component_e86ea3 .ccx-ss-artifact-frameio-create-intro-panel-wrapper .ccx-ss-artifact-frameio-create-intro-panel-body {
text-align: center;
}
.cywssw .component_e86ea3 .ccx-ss-artifact-frameio-create-intro-panel-wrapper .ccx-ss-artifact-frameio-create-intro-panel-body .ccx-ss-artifact-illustration-heading {
white-space: nowrap;
}
.cywssw .component_e86ea3 .ccx-ss-artifact-frameio-create-intro-panel-wrapper .ccx-ss-artifact-frameio-create-intro-panel-action-footer {
margin-top: 10px;
}
.cywssw .component_e86ea3 .ccx-ss-artifact-illustration .ccx-ss-artifact-illustration-submessage p {
margin: 0;
font-size: 11px;
}
.cywssw .component_e86ea3 .ccx-ss-artifact-frameio-create-intro-panel-switchfooter-container {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
}
.cywssw .component_e86ea3 #ccx-switch-footer {
width: inherit;
margin-bottom: 0;
}
.cywssw .lightest-theme .component_08e14f .ccx-icon-cloud-save-cloud, .cywssw .light-theme .component_08e14f .ccx-icon-cloud-save-cloud, .cywssw .dark-theme .component_08e14f .ccx-icon-cloud-save-cloud, .cywssw .darkest-theme .component_08e14f .ccx-icon-cloud-save-cloud {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_08e14f .ccx-icon-cloud-save-doc {
fill: #1884ec;
}
.cywssw .lightest-theme .component_8568f1 .ccx-ss-cm-tablist-info, .cywssw .lightest-theme .component_8568f1 .ccx-ss-cm-tablist-info-label, .cywssw .light-theme .component_8568f1 .ccx-ss-cm-tablist-info, .cywssw .light-theme .component_8568f1 .ccx-ss-cm-tablist-info-label, .cywssw .dark-theme .component_8568f1 .ccx-ss-cm-tablist-info, .cywssw .dark-theme .component_8568f1 .ccx-ss-cm-tablist-info-label, .cywssw .darkest-theme .component_8568f1 .ccx-ss-cm-tablist-info, .cywssw .darkest-theme .component_8568f1 .ccx-ss-cm-tablist-info-label {
color: var(--ccx-share-sheet-label-text-color);
}
.cywssw .component_8568f1 {
display: contents;
}
.cywssw .component_8568f1 .ccx-ss-cm-tablist {
padding-bottom: 10px;
padding-left: 24px;
padding-right: 24px;
}
.cywssw .component_8568f1 .ccx-ss-cm-tablist-info {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
padding-top: 12px;
}
.cywssw .component_8568f1 .ccx-ss-cm-tablist-info-label {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
margin-bottom: -4px;
padding-top: 16px;
}
.cywssw .lightest-theme .component_f8d217 .ccx-ss-lce-checking-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .lightest-theme .component_f8d217 .ccx-ss-lce-checking-icon .desktop-arrow {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .lightest-theme .component_f8d217 .ccx-ss-lce-checking-icon .web-arrow {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .light-theme .component_f8d217 .ccx-ss-lce-checking-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .light-theme .component_f8d217 .ccx-ss-lce-checking-icon .desktop-arrow {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .light-theme .component_f8d217 .ccx-ss-lce-checking-icon .web-arrow {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .dark-theme .component_f8d217 .ccx-ss-lce-checking-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .dark-theme .component_f8d217 .ccx-ss-lce-checking-icon .desktop-arrow {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .dark-theme .component_f8d217 .ccx-ss-lce-checking-icon .web-arrow {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .darkest-theme .component_f8d217 .ccx-ss-lce-checking-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .darkest-theme .component_f8d217 .ccx-ss-lce-checking-icon .desktop-arrow {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .darkest-theme .component_f8d217 .ccx-ss-lce-checking-icon .web-arrow {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .component_f8d217 {
padding: 0 20px;
}
.cywssw .component_f8d217 .ccx-ss-lce-checking-content {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_f8d217 .ccx-ss-lce-checking-content .ccx-ss-lce-checking-heading {
padding-top: 5px;
}
.cywssw .component_f8d217 .ccx-ss-lce-checking-content .ccx-ss-lce-checking-text {
text-align: center;
margin: 0;
padding: 0 30px;
font-size: 14px;
}
.cywssw .component_f8d217 .ccx-ss-lce-checking-content .ccx-ss-lce-checking, .cywssw .component_f8d217 .ccx-ss-lce-checking-content .ccx-ss-lce-save {
padding-top: var(--ccx-share-sheet-padding-10);
}
.cywssw .lightest-theme .component_152da6 .ccx-ss-lce-enable-save-content {
background-color: rgba(80, 80, 80, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(50, 50, 50, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .lightest-theme .component_152da6 .ccx-ss-lce-enable-save-content .ccx-ss-lce-enable-save-title {
margin: 0;
}
.cywssw .lightest-theme .component_152da6 .ccx-ss-lce-save-enable-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .lightest-theme .component_152da6 .ccx-ss-lce-save-enable-icon .desktop-crosshair {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .lightest-theme .component_152da6 .ccx-ss-lce-save-enable-icon .web-crosshair {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .lightest-theme .component_152da6 .ccx-ss-lce-save-ineligible-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .lightest-theme .component_152da6 .ccx-ss-lce-save-ineligible-icon .desktop-arrow {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .lightest-theme .component_152da6 .ccx-ss-lce-save-ineligible-icon .web-arrow {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .light-theme .component_152da6 .ccx-ss-lce-enable-save-content {
background-color: rgba(75, 75, 75, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(44, 44, 44, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .light-theme .component_152da6 .ccx-ss-lce-enable-save-content .ccx-ss-lce-enable-save-title {
margin: 0;
}
.cywssw .light-theme .component_152da6 .ccx-ss-lce-save-enable-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .light-theme .component_152da6 .ccx-ss-lce-save-enable-icon .desktop-crosshair {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .light-theme .component_152da6 .ccx-ss-lce-save-enable-icon .web-crosshair {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .light-theme .component_152da6 .ccx-ss-lce-save-ineligible-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .light-theme .component_152da6 .ccx-ss-lce-save-ineligible-icon .desktop-arrow {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .light-theme .component_152da6 .ccx-ss-lce-save-ineligible-icon .web-arrow {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .dark-theme .component_152da6 .ccx-ss-lce-enable-save-content {
background-color: rgba(227, 227, 227, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(255, 255, 255, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .dark-theme .component_152da6 .ccx-ss-lce-enable-save-content .ccx-ss-lce-enable-save-title {
margin: 0;
}
.cywssw .dark-theme .component_152da6 .ccx-ss-lce-save-enable-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .dark-theme .component_152da6 .ccx-ss-lce-save-enable-icon .desktop-crosshair {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .dark-theme .component_152da6 .ccx-ss-lce-save-enable-icon .web-crosshair {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .dark-theme .component_152da6 .ccx-ss-lce-save-ineligible-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .dark-theme .component_152da6 .ccx-ss-lce-save-ineligible-icon .desktop-arrow {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .dark-theme .component_152da6 .ccx-ss-lce-save-ineligible-icon .web-arrow {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .darkest-theme .component_152da6 .ccx-ss-lce-enable-save-content {
background-color: rgba(199, 199, 199, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(240, 240, 240, .05);
border-color: var(--ccx-share-sheet-well-border-color);
color: var(--ccx-share-sheet-text-color);
}
.cywssw .darkest-theme .component_152da6 .ccx-ss-lce-enable-save-content .ccx-ss-lce-enable-save-title {
margin: 0;
}
.cywssw .darkest-theme .component_152da6 .ccx-ss-lce-save-enable-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .darkest-theme .component_152da6 .ccx-ss-lce-save-enable-icon .desktop-crosshair {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .darkest-theme .component_152da6 .ccx-ss-lce-save-enable-icon .web-crosshair {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .darkest-theme .component_152da6 .ccx-ss-lce-save-ineligible-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .darkest-theme .component_152da6 .ccx-ss-lce-save-ineligible-icon .desktop-arrow {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .darkest-theme .component_152da6 .ccx-ss-lce-save-ineligible-icon .web-arrow {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .component_152da6 {
padding: 0 var(--ccx-share-sheet-padding-12);
}
.cywssw .component_152da6 .ccx-ss-lce-enable-save-content {
border: 1px solid var(--ccx-share-sheet-well-border-color);
margin-bottom: var(--ccx-share-sheet-padding-10);
border-radius: 4px;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_152da6 .ccx-ss-lce-enable-save-content .ccx-ss-lce-enable-save-title {
margin: 0;
}
.cywssw .component_152da6 .ccx-ss-lce-enable-save-content .ccx-ss-lce-svg {
width: auto;
height: 80px;
}
.cywssw .component_152da6 .ccx-ss-lce-enable-save-content .ccx-ss-lce-enable-save-heading {
padding-top: 5px;
}
.cywssw .component_152da6 .ccx-ss-lce-enable-save-content .ccx-ss-lce-enable-save-text {
text-align: center;
padding: 5px 20px;
font-size: 12px;
}
.cywssw .component_152da6 .ccx-ss-lce-enable-save-content .ccx-ss-lce-enable-save-text p {
margin: 0;
}
.cywssw .component_152da6 .ccx-ss-lce-enable-save-content .ccx-ss-lce-enable-save-text span {
margin-right: 2px;
}
.cywssw .component_152da6 .ccx-ss-lce-enable-save-content .ccx-ss-lce-enable {
padding-top: var(--ccx-share-sheet-padding-6);
}
.cywssw .component_152da6 .ccx-ss-lce-enable-save-content .ccx-ss-lce-save {
padding-top: var(--ccx-share-sheet-padding-10);
}
.cywssw .component_34238f .ccx-ss-wf-management-header {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
width: 100%;
padding: 24px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_34238f .ccx-ss-wf-management-header .ccx-ss-wf-management-heading {
margin: 0;
line-height: 32px;
}
.cywssw .component_34238f .ccx-ss-wf-management-content {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_34238f .ccx-ss-wf-management-content .ccx-ss-wf-management-title {
margin: 0;
font-size: 16px;
}
.cywssw .component_34238f .ccx-ss-wf-management-content .ccx-ss-wf-management-text {
margin: 0;
font-size: 14px;
}
.cywssw .component_34238f .ccx-ss-wf-management-content .ccx-ss-wf-management-button {
margin: 16px 0;
}
.cywssw .component_34238f .ccx-ss-wf-management-content .ccx-ss-wf-management-button .ccx-ss-wf-management-icon {
margin-top: 4px;
}
.cywssw .lightest-theme .component_82c554 .ccx-ss-settings-view-subtitle, .cywssw .light-theme .component_82c554 .ccx-ss-settings-view-subtitle, .cywssw .dark-theme .component_82c554 .ccx-ss-settings-view-subtitle, .cywssw .darkest-theme .component_82c554 .ccx-ss-settings-view-subtitle {
color: var(--ccx-share-sheet-subtitle-color);
}
.cywssw .component_82c554 {
padding: 0 24px 24px;
padding: 0 var(--ccx-share-sheet-padding-13) var(--ccx-share-sheet-padding-13) var(--ccx-share-sheet-padding-13);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_82c554 #ccx-ss-link-access {
margin-bottom: 16px;
}
.cywssw .component_82c554 .ccx-ss-discoverability-settings {
margin-bottom: 12px;
}
.cywssw .component_82c554 .ccx-ss-discoverability-settings.compact-layout, .cywssw .component_82c554 .ccx-ss-link-settings.compact-layout:not(.showing-discoverability) {
margin-top: -20px;
}
.cywssw .touch-enabled .component_82c554 {
padding: 0 30px 30px;
}
.cywssw .touch-enabled .component_82c554 #ccx-ss-link-access {
margin-bottom: 20px;
}
.cywssw .touch-enabled .component_82c554 .ccx-ss-settings-view-subtitle {
font-size: 15px;
}
.cywssw .spectrum--large .component_82c554 {
padding: 0 20px 20px;
}
.cywssw .spectrum--large .component_82c554 #ccx-ss-link-access {
margin-bottom: 20px;
}
.cywssw .component_82c554 .ccx-ss-settings-view-subtitle {
font-weight: 400;
font-weight: var(--ccx-share-sheet-font-weight-normal);
margin-top: 0;
margin-bottom: 8px;
}
.cywssw .component_87c709 .ccx-ss-share-password-panel-content {
padding: 0 36px;
}
.cywssw .component_87c709 .ccx-ss-share-password-panel-content.compact-layout {
padding: 0 36px 0 48px;
}
.cywssw .component_87c709 .ccx-ss-share-password-panel-content.compact-layout #ccx-ss-password-input-container {
padding-top: 0;
}
.cywssw .component_87c709 .ccx-ss-share-public-settings-allow-password-subtitle {
padding: 5px 0;
font-size: 12px;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .component_0ba65b {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_0ba65b .ccx-ss-Well.ccx-ss-space-document-well {
border: 1px solid var(--ccx-share-sheet-border-color-1);
text-align: center;
margin: 4px 24px 24px;
margin: var(--ccx-share-sheet-margin-4) var(--ccx-share-sheet-margin-13) var(--ccx-share-sheet-margin-13) var(--ccx-share-sheet-margin-13);
padding: 24px 16px;
padding: var(--ccx-share-sheet-padding-13) var(--ccx-share-sheet-padding-11);
background-color: rgba(0, 0, 0, 0);
border-radius: 0 0 4px 4px;
position: relative;
}
.cywssw .component_0ba65b .ccx-ss-Well.ccx-ss-space-document-well:after {
content: "";
border-top-left-radius: 4px;
border-top-right-radius: 4px;
height: 4px;
position: absolute;
top: -4px;
left: -1px;
right: -1px;
}
.cywssw .component_0ba65b .ccx-ss-Well.ccx-ss-space-document-well p {
margin: 0;
}
.cywssw .component_0ba65b .ccx-ss-Well.ccx-ss-space-document-well p:first-of-type {
margin-bottom: 8px;
}
.cywssw .spectrum--large .component_0ba65b .ccx-ss-Well.ccx-ss-space-document-well p:first-of-type, .cywssw .touch-enabled .component_0ba65b .ccx-ss-Well.ccx-ss-space-document-well p:first-of-type {
margin-bottom: 10px;
}
.cywssw .touch-enabled .component_0ba65b .ccx-ss-Well.ccx-ss-space-document-well {
font-size: 17px;
font-size: var(--ccx-share-sheet-font-size-lg);
border-top-width: 6px;
margin: 0 30px 30px;
padding: 30px 20px;
}
.cywssw .spectrum--large .component_0ba65b .ccx-ss-Well.ccx-ss-space-document-well {
font-size: 17px;
font-size: var(--ccx-share-sheet-font-size-lg);
margin: 3px 20px 20px;
padding: 30px 20px;
}
.cywssw .component_0ba65b .ccx-ss-Well.ccx-ss-space-document-well .ccx-ss-space-document-well-message {
text-overflow: ellipsis;
overflow: hidden;
}
.cywssw .component_0ba65b .ccx-ss-Well.ccx-ss-space-document-well #ccx-ss-space-document-well-name {
font-weight: bold;
}
.cywssw .lightest-theme .component_51a1ae .ccx-ss-Well {
background-color: rgba(80, 80, 80, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(50, 50, 50, .05);
border-color: var(--ccx-share-sheet-well-border-color);
}
.cywssw .lightest-theme .component_51a1ae .ccx-ss-lce-banner-enable-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .lightest-theme .component_51a1ae .ccx-ss-lce-banner-enable-icon .desktop-contrastfill {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .lightest-theme .component_51a1ae .ccx-ss-lce-banner-enable-icon .web-contrastfill {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .light-theme .component_51a1ae .ccx-ss-Well {
background-color: rgba(75, 75, 75, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(44, 44, 44, .05);
border-color: var(--ccx-share-sheet-well-border-color);
}
.cywssw .light-theme .component_51a1ae .ccx-ss-lce-banner-enable-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .light-theme .component_51a1ae .ccx-ss-lce-banner-enable-icon .desktop-contrastfill {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .light-theme .component_51a1ae .ccx-ss-lce-banner-enable-icon .web-contrastfill {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .dark-theme .component_51a1ae .ccx-ss-Well {
background-color: rgba(227, 227, 227, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(255, 255, 255, .05);
border-color: var(--ccx-share-sheet-well-border-color);
}
.cywssw .dark-theme .component_51a1ae .ccx-ss-lce-banner-enable-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .dark-theme .component_51a1ae .ccx-ss-lce-banner-enable-icon .desktop-contrastfill {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .dark-theme .component_51a1ae .ccx-ss-lce-banner-enable-icon .web-contrastfill {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .darkest-theme .component_51a1ae .ccx-ss-Well {
background-color: rgba(199, 199, 199, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(240, 240, 240, .05);
border-color: var(--ccx-share-sheet-well-border-color);
}
.cywssw .darkest-theme .component_51a1ae .ccx-ss-lce-banner-enable-icon .outline-fill {
fill: var(--ccx-share-sheet-icon-color);
}
.cywssw .darkest-theme .component_51a1ae .ccx-ss-lce-banner-enable-icon .desktop-contrastfill {
fill: var(--ccx-share-sheet-link-text-color-1);
}
.cywssw .darkest-theme .component_51a1ae .ccx-ss-lce-banner-enable-icon .web-contrastfill {
fill: var(--ccx-share-sheet-link-text-color-primary);
}
.cywssw .component_51a1ae {
padding: 0 var(--ccx-share-sheet-padding-13) var(--ccx-share-sheet-padding-9);
}
.cywssw .component_51a1ae .ccx-ss-lce-banner-card {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_51a1ae .ccx-ss-lce-banner-card .ccx-ss-lce-banner-card-icon {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
max-width: 32px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_51a1ae .ccx-ss-lce-banner-card .ccx-ss-lce-banner-card-icon .ccx-ss-lce-svg {
width: auto;
height: 40px;
}
.cywssw .component_51a1ae .ccx-ss-lce-banner-card .ccx-ss-lce-banner-card-content {
max-width: auto;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
padding: 0 5px 0 10px;
}
.cywssw .component_51a1ae .ccx-ss-lce-banner-card .ccx-ss-lce-banner-card-content .ccx-ss-lce-banner-card-title {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
margin: 0;
padding-bottom: 3px;
font-weight: 700;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_51a1ae .ccx-ss-lce-banner-card .ccx-ss-lce-banner-card-content .ccx-ss-lce-banner-card-subtitle {
font-size: 11px;
}
.cywssw .component_51a1ae .ccx-ss-lce-banner-card .ccx-ss-lce-banner-card-content .ccx-ss-lce-banner-card-subtitle p {
margin: 0;
}
.cywssw .component_51a1ae .ccx-ss-lce-banner-card .ccx-ss-lce-banner-card-cta {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_51a1ae .ccx-ss-lce-banner-card .ccx-ss-lce-banner-card-cta .ccx-ss-lce-learn-more-link {
white-space: nowrap;
font-size: 12px;
}
.cywssw .component_51a1ae .ccx-ss-lce-banner-card .ccx-ss-lce-banner-card-cta .checkmark {
margin: 0 0 0 6px;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .component_504eb5.lightest-theme {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_504eb5.lightest-theme .close-button, .cywssw .component_504eb5.lightest-theme .close-button .ccx-ss-icon, .cywssw .component_504eb5.lightest-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_504eb5.lightest-theme #ccx-ss-settings-button + #ccx-ss-dialog-close-btn:before {
background-color: var(--spectrum-gray-400, #d3d3d3);
background-color: var(--ccx-share-sheet-vertical-separator-color);
}
.cywssw .component_504eb5.light-theme {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_504eb5.light-theme .close-button, .cywssw .component_504eb5.light-theme .close-button .ccx-ss-icon, .cywssw .component_504eb5.light-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_504eb5.light-theme #ccx-ss-settings-button + #ccx-ss-dialog-close-btn:before {
background-color: var(--spectrum-gray-400, #cacaca);
background-color: var(--ccx-share-sheet-vertical-separator-color);
}
.cywssw .component_504eb5.dark-theme {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_504eb5.dark-theme .close-button, .cywssw .component_504eb5.dark-theme .close-button .ccx-ss-icon, .cywssw .component_504eb5.dark-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_504eb5.dark-theme #ccx-ss-settings-button + #ccx-ss-dialog-close-btn:before {
background-color: var(--spectrum-gray-400, #5a5a5a);
background-color: var(--ccx-share-sheet-vertical-separator-color);
}
.cywssw .component_504eb5.darkest-theme {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_504eb5.darkest-theme .close-button, .cywssw .component_504eb5.darkest-theme .close-button .ccx-ss-icon, .cywssw .component_504eb5.darkest-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_504eb5.darkest-theme #ccx-ss-settings-button + #ccx-ss-dialog-close-btn:before {
background-color: var(--spectrum-gray-400, #494949);
background-color: var(--ccx-share-sheet-vertical-separator-color);
}
.cywssw .lightest-theme.ccx-ss-share-dialog {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
height: var(--ccx-share-sheet-fixed-height);
max-height: var(--ccx-share-sheet-max-height, 600px);
max-width: var(--ccx-share-sheet-max-width, 100%);
min-height: var(--ccx-share-sheet-min-height);
min-width: var(--ccx-share-sheet-min-width, 300px);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .lightest-theme.ccx-ss-share-dialog .ccx-ss-dialog {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
}
.cywssw .lightest-theme .ccx-ss-share-footer {
background-color: rgba(80, 80, 80, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(50, 50, 50, .05);
border-color: var(--ccx-share-sheet-well-border-color);
}
.cywssw .lightest-theme .ccx-ss-link-access-item-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .light-theme.ccx-ss-share-dialog {
background-color: var(--spectrum-gray-50, #fff);
background-color: var(--ccx-share-sheet-background-color-primary);
height: var(--ccx-share-sheet-fixed-height);
max-height: var(--ccx-share-sheet-max-height, 600px);
max-width: var(--ccx-share-sheet-max-width, 100%);
min-height: var(--ccx-share-sheet-min-height);
min-width: var(--ccx-share-sheet-min-width, 300px);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .light-theme.ccx-ss-share-dialog .ccx-ss-dialog {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
}
.cywssw .light-theme .ccx-ss-share-footer {
background-color: rgba(75, 75, 75, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(44, 44, 44, .05);
border-color: var(--ccx-share-sheet-well-border-color);
}
.cywssw .light-theme .ccx-ss-link-access-item-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .dark-theme.ccx-ss-share-dialog {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-primary);
height: var(--ccx-share-sheet-fixed-height);
max-height: var(--ccx-share-sheet-max-height, 600px);
max-width: var(--ccx-share-sheet-max-width, 100%);
min-height: var(--ccx-share-sheet-min-height);
min-width: var(--ccx-share-sheet-min-width, 300px);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .dark-theme.ccx-ss-share-dialog .ccx-ss-dialog {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
}
.cywssw .dark-theme .ccx-ss-share-footer {
background-color: rgba(227, 227, 227, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(255, 255, 255, .05);
border-color: var(--ccx-share-sheet-well-border-color);
}
.cywssw .dark-theme .ccx-ss-link-access-item-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .darkest-theme.ccx-ss-share-dialog {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-primary);
height: var(--ccx-share-sheet-fixed-height);
max-height: var(--ccx-share-sheet-max-height, 600px);
max-width: var(--ccx-share-sheet-max-width, 100%);
min-height: var(--ccx-share-sheet-min-height);
min-width: var(--ccx-share-sheet-min-width, 300px);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .darkest-theme.ccx-ss-share-dialog .ccx-ss-dialog {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
}
.cywssw .darkest-theme .ccx-ss-share-footer {
background-color: rgba(199, 199, 199, .02);
background-color: var(--ccx-share-sheet-well-background-color);
border-color: rgba(240, 240, 240, .05);
border-color: var(--ccx-share-sheet-well-border-color);
}
.cywssw .darkest-theme .ccx-ss-link-access-item-icon {
color: var(--ccx-share-sheet-icon-color);
}
.cywssw .component_504eb5 {
cursor: default;
-webkit-font-smoothing: antialiased;
height: inherit;
max-height: inherit;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
}
.cywssw .component_504eb5 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cywssw .component_504eb5 #ccx-ss-settings-button + #ccx-ss-dialog-close-btn:before {
content: "";
width: 1px;
height: 16px;
position: absolute;
left: -11px;
}
.cywssw .component_504eb5 #ccx-ss-settings-button:not(:last-child) {
margin-right: 11px;
}
.cywssw .component_504eb5 #ccx-ss-settings-button:not(:last-child).large {
margin-right: 9px;
}
.cywssw .component_504eb5 .ccx-ss-share-active-view {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
min-height: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_504eb5 .ccx-ss-share-inactive-view {
display: none;
}
.cywssw .component_504eb5 button, .cywssw .component_504eb5 input, .cywssw .component_504eb5 textarea {
font-family: inherit;
}
.cywssw .component_504eb5 input::-ms-clear {
display: none;
}
.cywssw .component_504eb5 input::-ms-reveal {
display: none;
}
.cywssw .component_504eb5 .ccx-ss-share-body {
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_504eb5 .ccx-ss-dialog-header-vertical-rule {
margin: 0 8px;
margin: 0 var(--ccx-share-sheet-margin-7);
border: none;
border-left: 1px solid;
-ms-flex-item-align: center;
align-self: center;
width: 1px;
height: 24px;
}
.cywssw .component_504eb5 .ccx-ss-dialog-empty-header {
-ms-flex-negative: 0;
flex-shrink: 0;
height: 24px;
}
.cywssw .spectrum--large .component_504eb5 .ccx-ss-dialog-empty-header {
height: 20px;
}
.cywssw .component_504eb5 .ccx-ss-dialog-header {
padding: 24px;
padding: var(--ccx-share-sheet-padding-13);
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_504eb5 .ccx-ss-dialog-header.lce-enable-save-header {
padding-bottom: 12px;
}
.cywssw .spectrum--large .component_504eb5 .ccx-ss-dialog-header {
padding: 20px 20px 30px;
}
.cywssw .component_504eb5 .ccx-ss-dialog-header .ccx-ss-dialog-header-back-button {
margin-left: -12px;
margin-left: var(--ccx-share-sheet-negative-margin-10);
margin-right: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_504eb5 .ccx-ss-dialog-header .ccx-ss-dialog-header-button-container {
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
-ms-flex-item-align: start;
align-self: flex-start;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_504eb5 .ccx-ss-dialog-header .ccx-ss-dialog-header-button-container .spectrum-btn:last-child {
margin-right: -8px;
margin-right: var(--ccx-share-sheet-negative-margin-7);
}
.cywssw .spectrum-theme-provider.swc-enabled .component_504eb5 .ccx-ss-dialog-header .spectrum-btn + .spectrum-btn {
margin-left: 8px;
margin-left: var(--ccx-share-sheet-margin-7);
}
.cywssw .component_504eb5 .ccx-ss-dialog-header .ccx-ss-dialog-title {
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
min-width: 0;
margin: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_504eb5 .ccx-ss-dialog-header .ccx-ss-dialog-title > span {
text-overflow: ellipsis;
white-space: nowrap;
line-height: 32px;
overflow: hidden;
}
.cywssw .spectrum-theme-provider.swc-enabled[theme="express"] .component_504eb5 .ccx-ss-dialog-header .ccx-ss-dialog-title > span {
line-height: unset;
}
.cywssw .component_504eb5.touch-enabled .ccx-ss-dialog-empty-header {
height: 30px;
}
.cywssw .spectrum--large .component_504eb5.touch-enabled .ccx-ss-dialog-empty-header {
height: 20px;
}
.cywssw .component_504eb5.touch-enabled .ccx-ss-dialog-header {
padding: 30px;
}
.cywssw .spectrum--large .component_504eb5.touch-enabled .ccx-ss-dialog-header {
padding: 20px 20px 30px;
}
.cywssw .component_504eb5.touch-enabled .ccx-ss-share-copy-link {
font-size: 17px;
font-size: var(--ccx-share-sheet-font-size-lg);
}
.cywssw .component_504eb5.touch-enabled .ccx-ss-dialog-title {
font-size: 22px;
}
.cywssw .component_504eb5.touch-enabled #ccx-ss-settings-button + #ccx-ss-dialog-close-btn:before {
content: "";
width: 1px;
height: 22px;
position: absolute;
left: -14px;
}
.cywssw .component_504eb5.touch-enabled #ccx-ss-settings-button:not(:last-child) {
margin-right: 19px;
}
.cywssw .component_504eb5.touch-enabled #ccx-ss-settings-button:not(:last-child).large {
margin-right: 17px;
}
.cywssw .component_504eb5 #ccx-ss-collaborators-list {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto;
}
.cywssw .component_504eb5 #ccx-ss-dialog-header-content {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
overflow: auto;
}
.cywssw .component_504eb5 .ccx-ss-dialog-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .component_504eb5 .ccx-ss-button-s-override {
border-radius: 12px;
min-width: 66px;
height: 24px;
min-height: 24px;
margin: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
line-height: 15.6px;
}
.cywssw .component_504eb5 .ccx-ss-share-footer {
margin: 0 24px 24px;
margin: 0px var(--ccx-share-sheet-margin-13) var(--ccx-share-sheet-margin-13);
padding: 16px;
padding: var(--ccx-share-sheet-padding-11) var(--ccx-share-sheet-padding-11);
border: 1px solid;
-ms-flex-negative: 0;
flex-shrink: 0;
border-color: var(--ccx-share-sheet-well-border-color) !important;
}
.cywssw .spectrum-theme-provider.swc-enabled[theme="express"] .component_504eb5 .ccx-ss-share-footer {
background-color: var(--ccx-share-sheet-background-color-1) !important;
}
.cywssw .component_504eb5 .ccx-ss-share-footer.ccx-switch-footer-displayed {
margin-bottom: 10px;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access .ccx-ss-link-access-header-container {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access .ccx-ss-link-access-header-container .ccx-ss-link-access-info-trigger {
margin: 0 0 2px 7px;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access .ccx-ss-link-access-header-container .ccx-ss-link-access-info-trigger .ccx-ss-info-button-wrapper {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access .ccx-ss-mobile-tray-button {
padding: 0 !important;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access .ccx-ss-mobile-tray-button {
gap: 0;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access .ccx-ss-mobile-tray-button-label {
display: -ms-inline-flexbox;
display: -webkit-inline-box;
display: inline-flex;
overflow: hidden;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-container-readonly {
margin: 8px 0 12px;
margin: var(--ccx-share-sheet-margin-7) 0px var(--ccx-share-sheet-margin-10);
width: 100%;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-container-readonly .ccx-ss-icon, .cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-container-readonly svg {
margin-right: 8px;
margin-right: var(--ccx-share-sheet-margin-7);
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-container-readonly .ccx-ss-link-permission-readonly-label {
text-overflow: ellipsis;
white-space: nowrap;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
max-width: 50%;
overflow: hidden;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container {
margin-bottom: 12px;
margin-bottom: var(--ccx-share-sheet-margin-10);
gap: 8px;
gap: var(--ccx-share-sheet-margin-7);
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container.compactLayout {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
min-height: 36px;
padding-top: 5px;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container.compactLayout.swc {
padding-top: 0;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-access-item-icon:not(svg), .cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container svg {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-access-select-dropdown {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
min-width: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-access-select-dropdown svg {
margin-right: 8px;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-access-select-dropdown .spectrum-Icon + .spectrum-Dropdown-label {
margin-left: 0;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-access-select-dropdown .ccx-ss-link-access-option-label {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-permissions-combobox-container {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
min-width: 0;
max-width: 50%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-permissions-combobox-container.compactLayout {
width: 100%;
max-width: 100%;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-permissions-combobox-container.compactLayout .ccx-ss-icon {
max-height: 18px;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-permissions-combobox-container.compactLayout .spectrum-ActionButton svg.ccx-ss-icon {
margin-right: 8px;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-permissions-combobox-container .permissions-dropdown {
width: 100%;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-permissions-combobox-container span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-permissions-combobox-container {
margin-top: 4px;
}
.cywssw .spectrum-theme-provider.swc-enabled .spectrum--large .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-permissions-combobox-container {
margin-top: 0;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-permissions-combobox-container .ccx-ss-link-permission-option-label {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-permissions-combobox-container .spectrum-FieldButton {
height: 30px;
}
.cywssw .component_504eb5 .ccx-ss-share-footer #ccx-ss-link-access-label {
min-height: auto;
margin-bottom: 2px;
padding: 0;
}
.cywssw .spectrum-theme-provider.swc-enabled .component_504eb5 .ccx-ss-share-footer .ccx-ss-link-access-select {
margin-top: 5px;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-tray-container .ccx-ss-link-access-select {
width: 100%;
}
.cywssw .component_504eb5 .ccx-ss-share-footer #ccx-ss-link-access-select {
height: auto;
}
.cywssw .component_504eb5 .ccx-ss-share-footer #ccx-ss-link-access-select-value {
white-space: nowrap;
height: auto;
line-height: 1.15;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .ccx-ss-full-screen-overlay-container {
background-color: var(--ccx-share-sheet-background-color-1);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
width: 100%;
height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: absolute;
bottom: 0;
left: 0;
}
.cywssw .component_504eb5 .ccx-ss-share-footer .fullwidth {
width: 100%;
}
.cywssw .component_504eb5 .ccx-ss-share-copy-link {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-item-align: center;
align-self: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
margin-top: 16px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_504eb5 .ccx-ss-share-copy-link-icon {
margin: 0 4px;
}
.cywssw .component_504eb5 .spectrum-Button, .cywssw .component_504eb5 .spectrum-ActionButton, .cywssw .component_504eb5 .spectrum-LogicButton, .cywssw .component_504eb5 .spectrum-FieldButton, .cywssw .component_504eb5 .spectrum-ClearButton, .cywssw .component_504eb5 .spectrum-Tool {
white-space: nowrap;
}
.cywssw .component_504eb5 .close-button .ccx-ss-icon, .cywssw .component_504eb5 .close-button svg {
width: 16px;
height: 16px;
}
.cywssw .spectrum--large .ccx-ss-link-access-item-icon {
-ms-flex-item-align: center;
align-self: center;
}
.cywssw .component_9e8d16 {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_9e8d16 .ccx-ss-dialog-header-button-container {
-ms-flex: 1 0 auto;
-webkit-box-flex: 1;
flex: 1 0 auto;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_9e8d16 .ccx-ss-dialog-header-button-container .spectrum-btn:last-child {
margin-right: -8px;
margin-right: var(--ccx-share-sheet-negative-margin-7);
}
.cywssw .component_9e8d16 > div {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
min-width: 0;
}
.cywssw .component_9e8d16 .ccx-ss-dialog-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .component_b746b0.lightest-theme {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_b746b0.lightest-theme .close-button, .cywssw .component_b746b0.lightest-theme .close-button .ccx-ss-icon, .cywssw .component_b746b0.lightest-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_b746b0.light-theme {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_b746b0.light-theme .close-button, .cywssw .component_b746b0.light-theme .close-button .ccx-ss-icon, .cywssw .component_b746b0.light-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_b746b0.dark-theme {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_b746b0.dark-theme .close-button, .cywssw .component_b746b0.dark-theme .close-button .ccx-ss-icon, .cywssw .component_b746b0.dark-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_b746b0.darkest-theme {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_b746b0.darkest-theme .close-button, .cywssw .component_b746b0.darkest-theme .close-button .ccx-ss-icon, .cywssw .component_b746b0.darkest-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_b746b0 {
cursor: default;
-webkit-font-smoothing: antialiased;
height: inherit;
max-height: inherit;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
min-height: 450px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
}
.cywssw .component_b746b0 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cywssw .component_b746b0 button, .cywssw .component_b746b0 input, .cywssw .component_b746b0 textarea {
font-family: inherit;
}
.cywssw .component_b746b0 input::-ms-clear {
display: none;
}
.cywssw .component_b746b0 input::-ms-reveal {
display: none;
}
.cywssw .component_b746b0 .ccx-ss-dialog-header {
padding: 24px 24px 0;
padding: var(--ccx-share-sheet-padding-13) var(--ccx-share-sheet-padding-13) 0 var(--ccx-share-sheet-padding-13);
min-height: 42px;
}
.cywssw .component_b746b0 .ccx-ss-dialog-header .ccx-ss-dialog-title {
text-transform: uppercase;
width: 100%;
margin: 0;
}
.cywssw .component_b746b0 .ccx-ss-generic-hero-secondary-text-container {
padding: 10px 24px 24px;
}
.cywssw .component_b746b0 .spectrum-Button, .cywssw .component_b746b0 .spectrum-ActionButton, .cywssw .component_b746b0 .spectrum-LogicButton, .cywssw .component_b746b0 .spectrum-FieldButton, .cywssw .component_b746b0 .spectrum-ClearButton, .cywssw .component_b746b0 .spectrum-Tool {
white-space: nowrap;
}
.cywssw .component_b746b0 .close-button .ccx-ea-icon {
width: 16px;
height: 16px;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .lightest-theme .component_1473d3 .access-label-title {
color: var(--ccx-share-sheet-text-color-dimmed);
}
.cywssw .lightest-theme .component_1473d3 .ccx-ss-input-container .ccx-ss-invitee-limit-message {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .light-theme .component_1473d3 .access-label-title {
color: var(--ccx-share-sheet-text-color-dimmed);
}
.cywssw .light-theme .component_1473d3 .ccx-ss-input-container .ccx-ss-invitee-limit-message {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .dark-theme .component_1473d3 .access-label-title {
color: var(--ccx-share-sheet-text-color-dimmed);
}
.cywssw .dark-theme .component_1473d3 .ccx-ss-input-container .ccx-ss-invitee-limit-message {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .darkest-theme .component_1473d3 .access-label-title {
color: var(--ccx-share-sheet-text-color-dimmed);
}
.cywssw .darkest-theme .component_1473d3 .ccx-ss-input-container .ccx-ss-invitee-limit-message {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .component_1473d3 {
-webkit-font-smoothing: antialiased;
height: inherit;
max-height: inherit;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
position: relative;
}
.cywssw .component_1473d3 .ccx-ss-action-header {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding-bottom: 16px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_1473d3 .ccx-ss-action-header .ccx-ss-dialog-header-button-container {
-ms-flex: auto;
-webkit-box-flex: 1;
flex: auto;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_1473d3 .ccx-ss-action-header .ccx-ss-dialog-header-button-container .spectrum-btn:last-child {
margin-right: -8px;
margin-right: var(--ccx-share-sheet-negative-margin-7);
}
.cywssw .component_1473d3 .ccx-ss-invite-wrapper {
height: inherit;
max-height: inherit;
position: relative;
}
.cywssw .component_1473d3 .ccx-ss-invite-wrapper.hidden {
display: none;
}
.cywssw .component_1473d3 .ccx-ss-invite-wrapper .ccx-ss-invite-content {
padding: 24px 24px 0;
padding: var(--ccx-share-sheet-padding-13) var(--ccx-share-sheet-padding-13) 0;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
}
.cywssw .component_1473d3 .ccx-ss-invite-wrapper .ccx-ss-invite-content .grecaptcha-badge {
margin: 20px 0 16px auto;
margin: var(--ccx-share-sheet-margin-12) 0 var(--ccx-share-sheet-margin-11) auto;
width: 100%;
}
.cywssw .touch-enabled .component_1473d3 .ccx-ss-invite-wrapper .ccx-ss-invite-content {
padding: 30px 30px 0;
}
.cywssw .spectrum--large .component_1473d3 .ccx-ss-invite-wrapper .ccx-ss-invite-content {
padding: 20px 20px 0;
}
.cywssw .component_1473d3 #ccx-ss-spectrum-provider-tablet.react-spectrum-provider {
max-height: initial;
height: auto;
}
.cywssw .component_1473d3 .ccx-ss-dialog-title {
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
overflow: hidden;
}
.cywssw .component_1473d3 .access-wrapper {
margin-bottom: 12px;
margin-bottom: var(--ccx-share-sheet-margin-10);
}
.cywssw .component_1473d3 .send-ccx-ss-invite-wrapper {
text-align: right;
margin-top: 4px;
margin-top: var(--ccx-share-sheet-margin-4);
}
.cywssw .component_1473d3 .send-ccx-ss-invite-wrapper button {
margin: 12px 0 12px 12px;
margin: var(--ccx-share-sheet-margin-10) 0 var(--ccx-share-sheet-margin-10) var(--ccx-share-sheet-margin-10);
}
.cywssw .component_1473d3 .ccx-ss-input-container {
position: relative;
}
.cywssw .component_1473d3 .ccx-ss-input-container .ccx-ss-invitee-limit-message {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
}
.cywssw .component_1473d3 .ccx-ss-predictivelist-container {
z-index: 4;
z-index: var(--ccx-share-sheet-z-index-ss-predictive-list);
position: absolute;
left: 0;
right: 0;
}
.cywssw .component_1473d3 .ccx-ss-collaborators-list-placeholder {
margin: 12px 0;
margin: var(--ccx-share-sheet-margin-10) 0;
width: 100%;
min-height: 180px;
}
.cywssw .component_1473d3 .ccx-ss-invite-message-input-placeholder {
width: 100%;
}
.cywssw .component_1473d3 .ccx-ss-permissions-wrapper {
text-align: right;
padding-right: 32px;
padding-right: var(--ccx-share-sheet-padding-15);
display: inline-block;
overflow: hidden;
}
.cywssw .component_1473d3 .collaborators-list-wrapper {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
}
.cywssw .component_1473d3 .ccx-ss-invite-footer-button-wrapper {
padding: 0 24px;
padding: 0 var(--ccx-share-sheet-padding-13);
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
min-height: 32px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_1473d3 .ccx-ss-invite-footer-button-wrapper .ccx-ss-invite-column {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_1473d3 .ccx-ss-invite-footer-button-wrapper #ccx-ss-invite-send-btn {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .component_1473d3 .ccx-ss-invite-footer-button-wrapper .ccx-ss-invite-footer-cta-container {
padding-bottom: 10px;
padding-bottom: var(--ccx-share-sheet-padding-9);
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_1473d3 .ccx-ss-invite-disabled-notification {
text-align: center;
padding: 28px 0;
padding: var(--ccx-share-sheet-padding-14) 0;
}
.cywssw .component_1473d3 .empty-recaptcha {
height: 74px;
}
.cywssw .spectrum--large .component_1473d3 .spectrum-ActionButton--quiet, .cywssw .spectrum--large .component_1473d3 .spectrum-Tool {
font-size: 15px;
font-size: var(--ccx-share-sheet-font-size-xmd);
}
.cywssw .component_0372f6 #ccx-ss-link-label {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
padding: 0;
position: absolute;
overflow: hidden;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .lightest-theme .component_0372f6 #ccx-ss-link-textfield {
color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .lightest-theme .component_0372f6 #ccx-ss-link-info-text {
color: var(--ccx-share-sheet-text-color-2);
}
.cywssw .lightest-theme .component_0372f6 .ccx-ss-link-remove-btn {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .lightest-theme .component_0372f6 .ccx-ss-link-remove-btn--disabled {
color: var(--ccx-share-sheet-button-text-color-disabled);
}
.cywssw .lightest-theme .component_0372f6 .ccx-ss-link-text-loading-container.error {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .lightest-theme .component_0372f6 .ccx-ss-link-copy-success {
color: var(--ccx-share-sheet-text-color-success);
}
.cywssw .light-theme .component_0372f6 #ccx-ss-link-textfield {
color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .light-theme .component_0372f6 #ccx-ss-link-info-text {
color: var(--ccx-share-sheet-text-color-2);
}
.cywssw .light-theme .component_0372f6 .ccx-ss-link-remove-btn {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .light-theme .component_0372f6 .ccx-ss-link-remove-btn--disabled {
color: var(--ccx-share-sheet-button-text-color-disabled);
}
.cywssw .light-theme .component_0372f6 .ccx-ss-link-text-loading-container.error {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .light-theme .component_0372f6 .ccx-ss-link-copy-success {
color: var(--ccx-share-sheet-text-color-success);
}
.cywssw .dark-theme .component_0372f6 #ccx-ss-link-textfield {
color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .dark-theme .component_0372f6 #ccx-ss-link-info-text {
color: var(--ccx-share-sheet-text-color-2);
}
.cywssw .dark-theme .component_0372f6 .ccx-ss-link-remove-btn {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .dark-theme .component_0372f6 .ccx-ss-link-remove-btn--disabled {
color: var(--ccx-share-sheet-button-text-color-disabled);
}
.cywssw .dark-theme .component_0372f6 .ccx-ss-link-text-loading-container.error {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .dark-theme .component_0372f6 .ccx-ss-link-copy-success {
color: var(--ccx-share-sheet-text-color-success);
}
.cywssw .darkest-theme .component_0372f6 #ccx-ss-link-textfield {
color: var(--ccx-share-sheet-link-text-color-3);
}
.cywssw .darkest-theme .component_0372f6 #ccx-ss-link-info-text {
color: var(--ccx-share-sheet-text-color-2);
}
.cywssw .darkest-theme .component_0372f6 .ccx-ss-link-remove-btn {
color: var(--ccx-share-sheet-link-remove-text-color);
}
.cywssw .darkest-theme .component_0372f6 .ccx-ss-link-remove-btn--disabled {
color: var(--ccx-share-sheet-button-text-color-disabled);
}
.cywssw .darkest-theme .component_0372f6 .ccx-ss-link-text-loading-container.error {
color: var(--ccx-share-sheet-icon-error);
}
.cywssw .darkest-theme .component_0372f6 .ccx-ss-link-copy-success {
color: var(--ccx-share-sheet-text-color-success);
}
.cywssw .component_0372f6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 16px 0 12px;
padding: var(--ccx-share-sheet-padding-11) 0 var(--ccx-share-sheet-padding-10);
width: 100%;
}
.cywssw .component_0372f6 .ccx-ss-link-removal-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: initial;
padding: 2px 0;
padding: var(--ccx-share-sheet-padding-2) 0;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_0372f6 .ccx-ss-link-removal-container.placeholder {
min-height: 44px;
}
.cywssw .component_0372f6 .ccx-ss-link-removal-container .spectrum-ActionButton {
height: 20px;
}
.cywssw .component_0372f6 .ccx-ss-link-removal-container--hidden {
visibility: hidden;
}
.cywssw .component_0372f6 .ccx-ss-link-container {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_0372f6 #ccx-ss-link-textfield {
margin-right: 8px;
margin-right: var(--ccx-share-sheet-margin-7);
width: 100%;
}
.cywssw .component_0372f6 #ccx-ss-link-info-text {
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
margin-right: 4px;
margin-right: var(--ccx-share-sheet-margin-4);
}
.cywssw .component_0372f6 .ccx-ss-link-copy-btn {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.cywssw .component_0372f6 .ccx-ss-link-remove-btn {
cursor: pointer;
font-size: 12px;
font-size: var(--ccx-share-sheet-font-size-sm);
font-weight: 700;
font-weight: var(--ccx-share-sheet-font-weight-xbold);
background: none;
border: none;
padding: 0;
}
.cywssw .component_0372f6 .ccx-ss-link-text-loading-container {
padding: 0 8px;
padding: 0 var(--ccx-share-sheet-padding-7);
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
height: 32px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_0372f6 .ccx-ss-link-loading-text {
margin-left: 8px;
margin-left: var(--ccx-share-sheet-margin-7);
}
.cywssw .component_0372f6 .ccx-ss-link-copy-success {
padding: 6px 12px;
padding: var(--ccx-share-sheet-padding-6) var(--ccx-share-sheet-padding-10);
}
.cywssw .component_7ffe65 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px 0 20px;
padding: var(--ccx-share-sheet-padding-10) 0 var(--ccx-share-sheet-padding-12) 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
width: 100%;
}
.cywssw .component_7ffe65 header {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_7ffe65 .ccx-ss-link-settings-title-container {
padding-right: 8px;
padding-right: var(--ccx-share-sheet-padding-7);
}
.cywssw .component_7ffe65 .ccx-ss-link-settings-title {
margin: 0;
}
.cywssw .component_7ffe65 .ccx-ss-link-settings-rule {
margin: 12px 0 4px;
margin: var(--ccx-share-sheet-margin-10) 0 var(--ccx-share-sheet-margin-4) 0;
}
.cywssw .component_7ffe65 .ccx-ss-link-settings-status {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_7ffe65 .ccx-ss-link-settings-status .settings-status-success {
opacity: 1;
}
.cywssw .component_7ffe65 .ccx-ss-link-settings-status .settings-status-success--hide {
opacity: 0;
-webkit-transition: opacity .5s linear 2s;
transition: opacity .5s linear 2s;
}
.cywssw .component_7ffe65 .ccx-ss-link-settings-controls {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .lightest-theme .component_6b9f28 .link-settings-title-skeleton, .cywssw .lightest-theme .component_6b9f28 .link-settings-toggle-label-skeleton, .cywssw .light-theme .component_6b9f28 .link-settings-title-skeleton, .cywssw .light-theme .component_6b9f28 .link-settings-toggle-label-skeleton, .cywssw .dark-theme .component_6b9f28 .link-settings-title-skeleton, .cywssw .dark-theme .component_6b9f28 .link-settings-toggle-label-skeleton, .cywssw .darkest-theme .component_6b9f28 .link-settings-title-skeleton, .cywssw .darkest-theme .component_6b9f28 .link-settings-toggle-label-skeleton {
background-color: linear-gradient(to right, background-color-2 0, background-color-1 50%, background-color-2 100%);
}
.cywssw .component_6b9f28 .link-settings-title-container-skeleton {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
height: 18px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_6b9f28 .link-settings-title-skeleton {
border-radius: 2px;
border-radius: var(--ccx-share-sheet-border-radius-1);
width: 85px;
height: 8px;
}
.cywssw .component_6b9f28 .link-settings-toggle-label-skeleton {
border-radius: 2px;
border-radius: var(--ccx-share-sheet-border-radius-1);
width: 120px;
height: 8px;
display: inline-block;
}
.cywssw .component_6b9f28 .link-settings-title-skeleton, .cywssw .component_6b9f28 .link-settings-toggle-label-skeleton {
background-size: 1000px;
background-size: var(--ccx-share-sheet-background-size-1);
-webkit-animation: 2s linear infinite wiper;
animation: 2s linear infinite wiper;
}
@keyframes wiper {
0% {
background-position: -1000px 0;
}
100% {
background-position: 1000px 0;
}
}
.cywssw .component_ce4324 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
position: relative;
}
.cywssw .component_ce4324 .title, .cywssw .component_ce4324 .ccx-ss-links-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .component_ce4324 .ccx-ss-links-grid-row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
padding: 0 var(--ccx-share-sheet-padding-12);
margin: 0;
}
.cywssw .component_ce4324 .ccx-ss-links-header-row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px 20px 0;
padding: var(--ccx-share-sheet-padding-10) var(--ccx-share-sheet-padding-12) 0;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
margin: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.cywssw .component_ce4324 .ccx-ss-links-header-row .spectrum-button:last-child {
margin-right: -8px;
margin-right: var(--ccx-share-sheet-negative-margin-7);
}
.cywssw .lightest-theme .component_1e162c .ccx-icon-path-one {
fill: var(--ccx-share-sheet-button-background-color);
}
.cywssw .lightest-theme .component_1e162c .ccx-icon-path-two {
fill: var(--ccx-share-sheet-text-color-4);
}
.cywssw .light-theme .component_1e162c .ccx-icon-path-one {
fill: var(--ccx-share-sheet-button-background-color);
}
.cywssw .light-theme .component_1e162c .ccx-icon-path-two {
fill: var(--ccx-share-sheet-text-color-4);
}
.cywssw .dark-theme .component_1e162c .ccx-icon-path-one {
fill: var(--ccx-share-sheet-button-background-color);
}
.cywssw .dark-theme .component_1e162c .ccx-icon-path-two {
fill: var(--ccx-share-sheet-text-color-4);
}
.cywssw .darkest-theme .component_1e162c .ccx-icon-path-one {
fill: var(--ccx-share-sheet-button-background-color);
}
.cywssw .darkest-theme .component_1e162c .ccx-icon-path-two {
fill: var(--ccx-share-sheet-text-color-4);
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .component_37fbf9.lightest-theme {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_37fbf9.lightest-theme .close-button, .cywssw .component_37fbf9.lightest-theme .close-button .ccx-ss-icon, .cywssw .component_37fbf9.lightest-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_37fbf9.lightest-theme #ccx-ss-cloud-offline-dialog h1, .cywssw .component_37fbf9.lightest-theme #ccx-ss-cloud-offline-dialog h2 {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_37fbf9.lightest-theme #ccx-ss-cloud-offline-dialog .ccx-ss-generic-hero-secondary-text-container {
color: var(--ccx-share-sheet-text-color-2);
padding-bottom: 8px;
padding-bottom: var(--ccx-share-sheet-padding-7);
padding-top: 8px;
padding-top: var(--ccx-share-sheet-padding-7);
}
.cywssw .component_37fbf9.light-theme {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_37fbf9.light-theme .close-button, .cywssw .component_37fbf9.light-theme .close-button .ccx-ss-icon, .cywssw .component_37fbf9.light-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_37fbf9.light-theme #ccx-ss-cloud-offline-dialog h1, .cywssw .component_37fbf9.light-theme #ccx-ss-cloud-offline-dialog h2 {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_37fbf9.light-theme #ccx-ss-cloud-offline-dialog .ccx-ss-generic-hero-secondary-text-container {
color: var(--ccx-share-sheet-text-color-2);
padding-bottom: 8px;
padding-bottom: var(--ccx-share-sheet-padding-7);
padding-top: 8px;
padding-top: var(--ccx-share-sheet-padding-7);
}
.cywssw .component_37fbf9.dark-theme {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_37fbf9.dark-theme .close-button, .cywssw .component_37fbf9.dark-theme .close-button .ccx-ss-icon, .cywssw .component_37fbf9.dark-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_37fbf9.dark-theme #ccx-ss-cloud-offline-dialog h1, .cywssw .component_37fbf9.dark-theme #ccx-ss-cloud-offline-dialog h2 {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_37fbf9.dark-theme #ccx-ss-cloud-offline-dialog .ccx-ss-generic-hero-secondary-text-container {
color: var(--ccx-share-sheet-text-color-2);
padding-bottom: 8px;
padding-bottom: var(--ccx-share-sheet-padding-7);
padding-top: 8px;
padding-top: var(--ccx-share-sheet-padding-7);
}
.cywssw .component_37fbf9.darkest-theme {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_37fbf9.darkest-theme .close-button, .cywssw .component_37fbf9.darkest-theme .close-button .ccx-ss-icon, .cywssw .component_37fbf9.darkest-theme .close-button svg {
fill: var(--ccx-share-sheet-text-color-2);
}
.cywssw .component_37fbf9.darkest-theme #ccx-ss-cloud-offline-dialog h1, .cywssw .component_37fbf9.darkest-theme #ccx-ss-cloud-offline-dialog h2 {
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_37fbf9.darkest-theme #ccx-ss-cloud-offline-dialog .ccx-ss-generic-hero-secondary-text-container {
color: var(--ccx-share-sheet-text-color-2);
padding-bottom: 8px;
padding-bottom: var(--ccx-share-sheet-padding-7);
padding-top: 8px;
padding-top: var(--ccx-share-sheet-padding-7);
}
.cywssw .component_37fbf9 {
cursor: default;
height: inherit;
max-height: inherit;
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .component_37fbf9 #ccx-ss-cloud-offline-dialog .ccx-ss-icon, .cywssw .component_37fbf9 #ccx-ss-cloud-offline-dialog svg {
width: 160px;
height: 160px;
}
.cywssw .component_37fbf9 #ccx-ss-cloud-offline-dialog .ccx-ss-link-settings-title {
font-size: 17px;
font-size: var(--ccx-share-sheet-font-size-lg);
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
}
.cywssw .component_37fbf9 button, .cywssw .component_37fbf9 input, .cywssw .component_37fbf9 textarea {
font-family: inherit;
}
.cywssw .component_37fbf9 input::-ms-clear {
display: none;
}
.cywssw .component_37fbf9 input::-ms-reveal {
display: none;
}
.cywssw .component_37fbf9 .spectrum-Button, .cywssw .component_37fbf9 .spectrum-ActionButton, .cywssw .component_37fbf9 .spectrum-LogicButton, .cywssw .component_37fbf9 .spectrum-FieldButton, .cywssw .component_37fbf9 .spectrum-ClearButton, .cywssw .component_37fbf9 .spectrum-Tool {
white-space: nowrap;
}
.cywssw .component_37fbf9 .close-button .ccx-ss-icon, .cywssw .component_37fbf9 .close-button svg {
width: 16px;
height: 16px;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .component_4500f7.lightest-theme {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_4500f7.light-theme {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_4500f7.dark-theme {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_4500f7.darkest-theme {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_4500f7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: default;
-webkit-font-smoothing: antialiased;
max-height: inherit;
min-height: inherit;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
border-radius: 8px;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
height: 100%;
padding: 44px 40px 40px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
overflow: hidden;
}
.cywssw .component_4500f7 .spectrum-Button {
white-space: nowrap;
}
.cywssw .component_4500f7 .ccx-ss-request-close-btn-container {
-ms-flex-item-align: end;
align-self: flex-end;
margin: -27px -23px 0 0;
position: absolute;
}
.cywssw .component_4500f7 .ccx-ss-request-dialog-header {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
min-height: auto;
}
.cywssw .component_4500f7 .ccx-ss-request-dialog-header .ccx-ss-request-dialog-title {
width: 100%;
margin: 0;
}
.cywssw .component_4500f7 .ccx-ss-request-dialog-rule {
margin: 12px 0 16px;
margin: var(--ccx-share-sheet-margin-10) 0 var(--ccx-share-sheet-margin-11);
width: auto;
}
.cywssw .component_4500f7 .ccx-ss-request-dialog-body {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
}
.cywssw .component_4500f7 .ccx-ss-request-account-info-label {
margin-top: 8px;
margin-top: var(--ccx-share-sheet-margin-7);
padding: 0;
}
.cywssw .component_4500f7 .ccx-ss-request-dialog-btn-group {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
-ms-flex-item-align: end;
align-self: flex-end;
row-gap: 16px;
}
.cywssw .component_4500f7 .ccx-ss-request-textarea-block {
margin: 20px 0 48px;
margin: var(--ccx-share-sheet-margin-12) 0 var(--ccx-share-sheet-margin-19);
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .component_169d6f.lightest-theme {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_169d6f.light-theme {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_169d6f.dark-theme {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_169d6f.darkest-theme {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_169d6f {
cursor: default;
-webkit-font-smoothing: antialiased;
max-height: inherit;
overflow: "hidden";
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
padding: 44px 40px 40px;
padding: var(--ccx-share-sheet-padding-18) var(--ccx-share-sheet-padding-17) var(--ccx-share-sheet-padding-17);
border-radius: 8px;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex: none;
-webkit-box-flex: 0;
flex: none;
height: 100%;
min-height: 237px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
}
.cywssw .component_169d6f .spectrum-Button {
white-space: nowrap;
}
.cywssw .component_169d6f .ccx-ss-request-vs-close-btn-container {
-ms-flex-item-align: end;
align-self: flex-end;
margin: -27px -23px 0 0;
position: absolute;
}
.cywssw .component_169d6f .ccx-ss-request-vs-dialog-header {
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
min-height: auto;
}
.cywssw .component_169d6f .ccx-ss-request-vs-dialog-header .ccx-ss-request-vs-dialog-title {
width: 100%;
margin: 0;
}
.cywssw .component_169d6f .ccx-ss-request-vs-dialog-rule {
margin: 12px 0 16px;
margin: var(--ccx-share-sheet-margin-10) 0 var(--ccx-share-sheet-margin-11);
width: auto;
}
.cywssw .component_169d6f .ccx-ss-request-vs-dialog-body {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
}
.cywssw .component_169d6f .ccx-ss-request-vs-dialog-btn-group {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-positive: 0;
-webkit-box-flex: 0;
flex-grow: 0;
-ms-flex-item-align: end;
align-self: flex-end;
row-gap: 16px;
}
.cywssw .title {
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .component_7091e7.lightest-theme {
background-color: var(--spectrum-gray-100, #fff);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_7091e7.light-theme {
background-color: var(--spectrum-gray-100, #f5f5f5);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_7091e7.dark-theme {
background-color: var(--spectrum-gray-100, #323232);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_7091e7.darkest-theme {
background-color: var(--spectrum-gray-100, #1e1e1e);
background-color: var(--ccx-share-sheet-background-color-1);
color: var(--ccx-share-sheet-text-color-1);
}
.cywssw .component_7091e7 {
cursor: default;
height: var(--ccx-share-sheet-fixed-height, 100%);
max-height: var(--ccx-share-sheet-max-height, 600px);
max-width: var(--ccx-share-sheet-max-width, 100%);
min-height: var(--ccx-share-sheet-min-height);
font-size: 14px;
font-size: var(--ccx-share-sheet-font-size-md);
}
.cywssw .component_7091e7 button, .cywssw .component_7091e7 input, .cywssw .component_7091e7 textarea {
font-family: inherit;
}
.cywssw .component_7091e7 input::-ms-clear {
display: none;
}
.cywssw .component_7091e7 input::-ms-reveal {
display: none;
}
.cywssw #ccx-ss-spectrum-provider {
height: inherit;
max-height: inherit;
--ccx-share-sheet-font-size-xxxs: 9px;
--ccx-share-sheet-font-size-xxs: 10px;
--ccx-share-sheet-font-size-xs: 11px;
--ccx-share-sheet-font-size-sm: 12px;
--ccx-share-sheet-font-size-smd: 13px;
--ccx-share-sheet-font-size-md: 14px;
--ccx-share-sheet-font-size-xmd: 15px;
--ccx-share-sheet-font-size-lg: 17px;
--ccx-share-sheet-font-size-xl: 24px;
--ccx-share-sheet-font-weight-light: 100;
--ccx-share-sheet-font-weight-normal: 400;
--ccx-share-sheet-font-weight-bold: 600;
--ccx-share-sheet-font-weight-xbold: 700;
--ccx-share-sheet-ms-edge-font-family: Segoe UI, sans-serif;
--ccx-share-sheet-native-font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif;
--ccx-share-sheet-negative-background-size-1: -1000px;
--ccx-share-sheet-negative-border-radius-1: -2px;
--ccx-share-sheet-negative-border-radius-2: -4px;
--ccx-share-sheet-negative-border-radius-3: -15px;
--ccx-share-sheet-negative-border-radius-4: -50%;
--ccx-share-sheet-negative-border-width-1: -1px;
--ccx-share-sheet-negative-border-width-2: -2px;
--ccx-share-sheet-negative-border-width-3: -3px;
--ccx-share-sheet-negative-image-size-1: -20px;
--ccx-share-sheet-negative-image-size-2: -24px;
--ccx-share-sheet-negative-image-size-3: -32px;
--ccx-share-sheet-negative-icon-size-1: -20px;
--ccx-share-sheet-negative-icon-size-2: -24px;
--ccx-share-sheet-negative-icon-size-3: -32px;
--ccx-share-sheet-negative-icon-size-4: -18px;
--ccx-share-sheet-negative-icon-size-6: -34px;
--ccx-share-sheet-negative-margin-1: -1px;
--ccx-share-sheet-negative-margin-2: -2px;
--ccx-share-sheet-negative-margin-3: -3px;
--ccx-share-sheet-negative-margin-4: -4px;
--ccx-share-sheet-negative-margin-5: -5px;
--ccx-share-sheet-negative-margin-6: -6px;
--ccx-share-sheet-negative-margin-7: -8px;
--ccx-share-sheet-negative-margin-8: -9px;
--ccx-share-sheet-negative-margin-9: -10px;
--ccx-share-sheet-negative-margin-10: -12px;
--ccx-share-sheet-negative-margin-11: -16px;
--ccx-share-sheet-negative-margin-12: -20px;
--ccx-share-sheet-negative-margin-13: -24px;
--ccx-share-sheet-negative-margin-14: -28px;
--ccx-share-sheet-negative-margin-15: -32px;
--ccx-share-sheet-negative-margin-16: -36px;
--ccx-share-sheet-negative-margin-17: -40px;
--ccx-share-sheet-negative-margin-18: -44px;
--ccx-share-sheet-negative-margin-19: -48px;
--ccx-share-sheet-negative-padding-1: -1px;
--ccx-share-sheet-negative-padding-2: -2px;
--ccx-share-sheet-negative-padding-3: -3px;
--ccx-share-sheet-negative-padding-4: -4px;
--ccx-share-sheet-negative-padding-5: -5px;
--ccx-share-sheet-negative-padding-6: -6px;
--ccx-share-sheet-negative-padding-7: -8px;
--ccx-share-sheet-negative-padding-8: -9px;
--ccx-share-sheet-negative-padding-9: -10px;
--ccx-share-sheet-negative-padding-10: -12px;
--ccx-share-sheet-negative-padding-11: -16px;
--ccx-share-sheet-negative-padding-12: -20px;
--ccx-share-sheet-negative-padding-13: -24px;
--ccx-share-sheet-negative-padding-14: -28px;
--ccx-share-sheet-negative-padding-15: -32px;
--ccx-share-sheet-negative-padding-16: -36px;
--ccx-share-sheet-negative-padding-17: -40px;
--ccx-share-sheet-negative-padding-18: -44px;
--ccx-share-sheet-negative-z-index-ss-artifact-loading: -103;
--ccx-share-sheet-negative-z-index-ss-close-button: -100;
--ccx-share-sheet-negative-z-index-ss-permissions-toggle: -1;
--ccx-share-sheet-negative-z-index-ss-predictive-list: -4;
--ccx-share-sheet-negative-z-index-ss-saving-view: -500;
--ccx-share-sheet-negative-z-index-ss-toasts: -1000;
--ccx-share-sheet-background-size-1: 1000px;
--ccx-share-sheet-border-radius-1: 2px;
--ccx-share-sheet-border-radius-2: 4px;
--ccx-share-sheet-border-radius-3: 15px;
--ccx-share-sheet-border-radius-4: 50%;
--ccx-share-sheet-border-width-1: 1px;
--ccx-share-sheet-border-width-2: 2px;
--ccx-share-sheet-border-width-3: 3px;
--ccx-share-sheet-image-size-1: 20px;
--ccx-share-sheet-image-size-2: 24px;
--ccx-share-sheet-image-size-3: 32px;
--ccx-share-sheet-icon-size-1: 20px;
--ccx-share-sheet-icon-size-2: 24px;
--ccx-share-sheet-icon-size-3: 32px;
--ccx-share-sheet-icon-size-4: 18px;
--ccx-share-sheet-icon-size-6: 34px;
--ccx-share-sheet-margin-1: 1px;
--ccx-share-sheet-margin-2: 2px;
--ccx-share-sheet-margin-3: 3px;
--ccx-share-sheet-margin-4: 4px;
--ccx-share-sheet-margin-5: 5px;
--ccx-share-sheet-margin-6: 6px;
--ccx-share-sheet-margin-7: 8px;
--ccx-share-sheet-margin-8: 9px;
--ccx-share-sheet-margin-9: 10px;
--ccx-share-sheet-margin-10: 12px;
--ccx-share-sheet-margin-11: 16px;
--ccx-share-sheet-margin-12: 20px;
--ccx-share-sheet-margin-13: 24px;
--ccx-share-sheet-margin-14: 28px;
--ccx-share-sheet-margin-15: 32px;
--ccx-share-sheet-margin-16: 36px;
--ccx-share-sheet-margin-17: 40px;
--ccx-share-sheet-margin-18: 44px;
--ccx-share-sheet-margin-19: 48px;
--ccx-share-sheet-padding-1: 1px;
--ccx-share-sheet-padding-2: 2px;
--ccx-share-sheet-padding-3: 3px;
--ccx-share-sheet-padding-4: 4px;
--ccx-share-sheet-padding-5: 5px;
--ccx-share-sheet-padding-6: 6px;
--ccx-share-sheet-padding-7: 8px;
--ccx-share-sheet-padding-8: 9px;
--ccx-share-sheet-padding-9: 10px;
--ccx-share-sheet-padding-10: 12px;
--ccx-share-sheet-padding-11: 16px;
--ccx-share-sheet-padding-12: 20px;
--ccx-share-sheet-padding-13: 24px;
--ccx-share-sheet-padding-14: 28px;
--ccx-share-sheet-padding-15: 32px;
--ccx-share-sheet-padding-16: 36px;
--ccx-share-sheet-padding-17: 40px;
--ccx-share-sheet-padding-18: 44px;
--ccx-share-sheet-z-index-ss-artifact-loading: 103;
--ccx-share-sheet-z-index-ss-close-button: 100;
--ccx-share-sheet-z-index-ss-permissions-toggle: 1;
--ccx-share-sheet-z-index-ss-predictive-list: 4;
--ccx-share-sheet-z-index-ss-saving-view: 500;
--ccx-share-sheet-z-index-ss-toasts: 1000;
}
.cywssw #ccx-ss-spectrum-provider .react-spectrum-provider {
height: 100%;
}
.cywssw #ccx-ss-spectrum-provider.lightest-theme {
--ccx-share-sheet-background-color-error-4: var(--spectrum-red-1100, #c9252d);
--ccx-share-sheet-background-color-1: var(--spectrum-gray-100, #fff);
--ccx-share-sheet-background-color-2: var(--spectrum-gray-300, #eaeaea);
--ccx-share-sheet-background-color-3: var(--spectrum-gray-75, #fff);
--ccx-share-sheet-background-color-disabled: var(--spectrum-gray-200, #f4f4f4);
--ccx-share-sheet-background-color-primary: var(--spectrum-gray-50, #fff);
--ccx-share-sheet-background-color-transparent-1: rgba(255, 255, 255, .95);
--ccx-share-sheet-background-color-transparent-2: rgba(234, 234, 234, .5);
--ccx-share-sheet-border-color: var(--spectrum-gray-400, #d3d3d3);
--ccx-share-sheet-border-color-1: var(--spectrum-gray-300, #eaeaea);
--ccx-share-sheet-border-color-2: var(--spectrum-gray-200, #f4f4f4);
--ccx-share-sheet-border-color-6: var(--spectrum-gray-600, #959595);
--ccx-share-sheet-border-color-disabled: var(--spectrum-gray-300, #eaeaea);
--ccx-share-sheet-border-color-focus: var(--spectrum-blue-800, #378ef0);
--ccx-share-sheet-button-background-color: var(--spectrum-blue-900, #2680eb);
--ccx-share-sheet-button-text-color-disabled: var(--spectrum-gray-400, #d3d3d3);
--ccx-share-sheet-heading-text-color: var(--spectrum-gray-900, #323232);
--ccx-share-sheet-hover-background-color: var(--spectrum-gray-200, #f4f4f4);
--ccx-share-sheet-hover-background-color-2: var(--spectrum-gray-500, #bcbcbc);
--ccx-share-sheet-icon-alert: var(--spectrum-yellow-400, #edcc00);
--ccx-share-sheet-icon-color: var(--spectrum-gray-700, #747474);
--ccx-share-sheet-icon-error: var(--spectrum-red-900, #e34850);
--ccx-share-sheet-input-background-color-1: var(--spectrum-gray-50, #fff);
--ccx-share-sheet-label-text-color: var(--spectrum-gray-700, #747474);
--ccx-share-sheet-link-footer-background-color: var(--spectrum-gray-200, #f4f4f4);
--ccx-share-sheet-link-text-color-1: var(--spectrum-blue-800, #378ef0);
--ccx-share-sheet-link-text-color-3: var(--spectrum-blue-1000, #1473e6);
--ccx-share-sheet-link-text-color-primary: var(--spectrum-blue-1100, #0d66d0);
--ccx-share-sheet-link-remove-text-color: var(--spectrum-gray-700, #747474);
--ccx-share-sheet-list-item-background-hover: rgba(50, 50, 50, .04);
--ccx-share-sheet-placeholder-color: var(--spectrum-gray-600, #959595);
--ccx-share-sheet-shadow-color-1: var(--spectrum-gray-700, #747474);
--ccx-share-sheet-subtitle-color: var(--spectrum-gray-700, #747474);
--ccx-share-sheet-suggestion-list-border-color: var(--spectrum-gray-400, #d3d3d3);
--ccx-share-sheet-suggestion-list-title-color: #323232;
--ccx-share-sheet-text-color: var(--spectrum-gray-800, #505050);
--ccx-share-sheet-text-color-1: var(--spectrum-gray-900, #323232);
--ccx-share-sheet-text-color-2: var(--spectrum-gray-600, #959595);
--ccx-share-sheet-text-color-3: var(--spectrum-gray-50, #fff);
--ccx-share-sheet-text-color-4: var(--spectrum-gray-500, #bcbcbc);
--ccx-share-sheet-text-color-7: var(--spectrum-gray-700, #747474);
--ccx-share-sheet-text-color-8: var(--spectrum-gray-800, #505050);
--ccx-share-sheet-text-color-dimmed: var(--spectrum-gray-400, #d3d3d3);
--ccx-share-sheet-text-color-error: var(--spectrum-red-1000, #d7373f);
--ccx-share-sheet-text-color-link: var(--spectrum-blue-1000, #1473e6);
--ccx-share-sheet-text-color-success: var(--spectrum-green-800, #33ab84);
--ccx-share-sheet-toast-link-text-color: var(--spectrum-gray-50, #fff);
--ccx-share-sheet-vertical-separator-color: var(--spectrum-gray-400, #d3d3d3);
--ccx-share-sheet-well-background-color: rgba(80, 80, 80, .02);
--ccx-share-sheet-well-border-color: rgba(50, 50, 50, .05);
}
.cywssw #ccx-ss-spectrum-provider.light-theme {
--ccx-share-sheet-background-color-error-4: var(--spectrum-red-1100, #bb121a);
--ccx-share-sheet-background-color-1: var(--spectrum-gray-100, #f5f5f5);
--ccx-share-sheet-background-color-2: var(--spectrum-gray-300, #e1e1e1);
--ccx-share-sheet-background-color-3: var(--spectrum-gray-75, #fcfcfc);
--ccx-share-sheet-background-color-disabled: var(--spectrum-gray-200, #eaeaea);
--ccx-share-sheet-background-color-primary: var(--spectrum-gray-50, #fff);
--ccx-share-sheet-background-color-transparent-1: rgba(250, 250, 250, .95);
--ccx-share-sheet-background-color-transparent-2: rgba(225, 225, 225, .5);
--ccx-share-sheet-border-color: var(--spectrum-gray-400, #cacaca);
--ccx-share-sheet-border-color-1: var(--spectrum-gray-300, #e1e1e1);
--ccx-share-sheet-border-color-2: var(--spectrum-gray-200, #eaeaea);
--ccx-share-sheet-border-color-6: var(--spectrum-gray-600, #8e8e8e);
--ccx-share-sheet-border-color-disabled: var(--spectrum-gray-300, #e1e1e1);
--ccx-share-sheet-border-color-focus: var(--spectrum-blue-800, #2680eb);
--ccx-share-sheet-button-background-color: var(--spectrum-blue-900, #1473e6);
--ccx-share-sheet-button-text-color-disabled: var(--spectrum-gray-400, #cacaca);
--ccx-share-sheet-heading-text-color: var(--spectrum-gray-900, #2c2c2c);
--ccx-share-sheet-hover-background-color: var(--spectrum-gray-200, #eaeaea);
--ccx-share-sheet-hover-background-color-2: var(--spectrum-gray-500, #b3b3b3);
--ccx-share-sheet-icon-alert: var(--spectrum-yellow-400, #dfbf00);
--ccx-share-sheet-icon-color: var(--spectrum-gray-700, #6e6e6e);
--ccx-share-sheet-icon-error: var(--spectrum-red-900, #d7373f);
--ccx-share-sheet-input-background-color-1: var(--spectrum-gray-50, #fff);
--ccx-share-sheet-label-text-color: var(--spectrum-gray-700, #6e6e6e);
--ccx-share-sheet-link-footer-background-color: var(--spectrum-gray-200, #eaeaea);
--ccx-share-sheet-link-text-color-1: var(--spectrum-blue-800, #2680eb);
--ccx-share-sheet-link-text-color-3: var(--spectrum-blue-1000, #0d66d0);
--ccx-share-sheet-link-text-color-primary: var(--spectrum-blue-1100, #095aba);
--ccx-share-sheet-link-remove-text-color: var(--spectrum-gray-700, #6e6e6e);
--ccx-share-sheet-list-item-background-hover: rgba(44, 44, 44, .04);
--ccx-share-sheet-placeholder-color: var(--spectrum-gray-600, #8e8e8e);
--ccx-share-sheet-shadow-color-1: var(--spectrum-gray-700, #6e6e6e);
--ccx-share-sheet-subtitle-color: var(--spectrum-gray-700, #6e6e6e);
--ccx-share-sheet-suggestion-list-border-color: var(--spectrum-gray-400, #cacaca);
--ccx-share-sheet-suggestion-list-title-color: #2c2c2c;
--ccx-share-sheet-text-color: var(--spectrum-gray-800, #4b4b4b);
--ccx-share-sheet-text-color-1: var(--spectrum-gray-900, #2c2c2c);
--ccx-share-sheet-text-color-2: var(--spectrum-gray-600, #8e8e8e);
--ccx-share-sheet-text-color-3: var(--spectrum-gray-50, #fff);
--ccx-share-sheet-text-color-4: var(--spectrum-gray-500, #b3b3b3);
--ccx-share-sheet-text-color-7: var(--spectrum-gray-700, #6e6e6e);
--ccx-share-sheet-text-color-8: var(--spectrum-gray-800, #4b4b4b);
--ccx-share-sheet-text-color-dimmed: var(--spectrum-gray-400, #cacaca);
--ccx-share-sheet-text-color-error: var(--spectrum-red-1000, #c9252d);
--ccx-share-sheet-text-color-link: var(--spectrum-blue-1000, #0d66d0);
--ccx-share-sheet-text-color-success: var(--spectrum-green-800, #2d9d78);
--ccx-share-sheet-toast-link-text-color: var(--spectrum-gray-50, #fff);
--ccx-share-sheet-vertical-separator-color: var(--spectrum-gray-400, #cacaca);
--ccx-share-sheet-well-background-color: rgba(75, 75, 75, .02);
--ccx-share-sheet-well-border-color: rgba(44, 44, 44, .05);
}
.cywssw #ccx-ss-spectrum-provider.dark-theme {
--ccx-share-sheet-background-color-error-4: var(--spectrum-red-900, #ff7b82);
--ccx-share-sheet-background-color-1: var(--spectrum-gray-100, #323232);
--ccx-share-sheet-background-color-2: var(--spectrum-gray-300, #4a4a4a);
--ccx-share-sheet-background-color-3: var(--spectrum-gray-75, #2d2d2d);
--ccx-share-sheet-background-color-disabled: var(--spectrum-gray-200, #3e3e3e);
--ccx-share-sheet-background-color-primary: var(--spectrum-gray-100, #323232);
--ccx-share-sheet-background-color-transparent-1: rgba(45, 45, 45, .95);
--ccx-share-sheet-background-color-transparent-2: rgba(62, 62, 62, .5);
--ccx-share-sheet-border-color: var(--spectrum-gray-400, #5a5a5a);
--ccx-share-sheet-border-color-1: var(--spectrum-gray-300, #4a4a4a);
--ccx-share-sheet-border-color-2: var(--spectrum-gray-200, #3e3e3e);
--ccx-share-sheet-border-color-6: var(--spectrum-gray-600, #909090);
--ccx-share-sheet-border-color-disabled: var(--spectrum-gray-300, #4a4a4a);
--ccx-share-sheet-border-color-focus: var(--spectrum-blue-700, #2680eb);
--ccx-share-sheet-button-background-color: var(--spectrum-blue-800, #378ef0);
--ccx-share-sheet-button-text-color-disabled: var(--spectrum-gray-400, #5a5a5a);
--ccx-share-sheet-heading-text-color: var(--spectrum-gray-900, #fff);
--ccx-share-sheet-hover-background-color: var(--spectrum-gray-200, #3e3e3e);
--ccx-share-sheet-hover-background-color-2: var(--spectrum-gray-500, #6e6e6e);
--ccx-share-sheet-icon-alert: var(--spectrum-yellow-1000, #dfbf00);
--ccx-share-sheet-icon-color: var(--spectrum-gray-700, #b9b9b9);
--ccx-share-sheet-icon-error: var(--spectrum-red-700, #ec5b62);
--ccx-share-sheet-input-background-color-1: var(--spectrum-gray-50, #252525);
--ccx-share-sheet-label-text-color: var(--spectrum-gray-700, #b9b9b9);
--ccx-share-sheet-link-footer-background-color: var(--spectrum-gray-300, #4a4a4a);
--ccx-share-sheet-link-text-color-1: var(--spectrum-blue-700, #2680eb);
--ccx-share-sheet-link-text-color-3: var(--spectrum-blue-900, #4b9cf5);
--ccx-share-sheet-link-text-color-primary: var(--spectrum-blue-1000, #5aa9fa);
--ccx-share-sheet-link-remove-text-color: var(--spectrum-gray-700, #b9b9b9);
--ccx-share-sheet-list-item-background-hover: rgba(255, 255, 255, .04);
--ccx-share-sheet-placeholder-color: var(--spectrum-gray-600, #909090);
--ccx-share-sheet-shadow-color-1: var(--spectrum-gray-700, #b9b9b9);
--ccx-share-sheet-subtitle-color: var(--spectrum-gray-700, #b9b9b9);
--ccx-share-sheet-suggestion-list-border-color: var(--spectrum-gray-400, #5a5a5a);
--ccx-share-sheet-suggestion-list-title-color: #fff;
--ccx-share-sheet-text-color: var(--spectrum-gray-800, #e3e3e3);
--ccx-share-sheet-text-color-1: var(--spectrum-gray-900, #fff);
--ccx-share-sheet-text-color-2: var(--spectrum-gray-600, #909090);
--ccx-share-sheet-text-color-3: var(--spectrum-gray-50, #252525);
--ccx-share-sheet-text-color-4: var(--spectrum-gray-500, #6e6e6e);
--ccx-share-sheet-text-color-7: var(--spectrum-gray-700, #b9b9b9);
--ccx-share-sheet-text-color-8: var(--spectrum-gray-800, #e3e3e3);
--ccx-share-sheet-text-color-error: var(--spectrum-red-800, #f76d74);
--ccx-share-sheet-text-color-dimmed: var(--spectrum-gray-400, #5a5a5a);
--ccx-share-sheet-text-color-link: var(--spectrum-blue-900, #4b9cf5);
--ccx-share-sheet-text-color-success: var(--spectrum-green-700, #2d9d78);
--ccx-share-sheet-toast-link-text-color: var(--spectrum-gray-50, #252525);
--ccx-share-sheet-vertical-separator-color: var(--spectrum-gray-400, #5a5a5a);
--ccx-share-sheet-well-background-color: rgba(227, 227, 227, .02);
--ccx-share-sheet-well-border-color: rgba(255, 255, 255, .05);
}
.cywssw #ccx-ss-spectrum-provider.darkest-theme {
--ccx-share-sheet-background-color-error-4: var(--spectrum-red-900, #f76d74);
--ccx-share-sheet-background-color-1: var(--spectrum-gray-100, #1e1e1e);
--ccx-share-sheet-background-color-2: var(--spectrum-gray-300, #393939);
--ccx-share-sheet-background-color-3: var(--spectrum-gray-75, #1a1a1a);
--ccx-share-sheet-background-color-disabled: var(--spectrum-gray-200, #2c2c2c);
--ccx-share-sheet-background-color-primary: var(--spectrum-gray-100, #1e1e1e);
--ccx-share-sheet-background-color-transparent-1: rgba(29, 29, 29, .95);
--ccx-share-sheet-background-color-transparent-2: rgba(49, 49, 49, .5);
--ccx-share-sheet-border-color: var(--spectrum-gray-400, #494949);
--ccx-share-sheet-border-color-1: var(--spectrum-gray-300, #393939);
--ccx-share-sheet-border-color-2: var(--spectrum-gray-200, #2c2c2c);
--ccx-share-sheet-border-color-6: var(--spectrum-gray-600, #7c7c7c);
--ccx-share-sheet-border-color-disabled: var(--spectrum-gray-300, #393939);
--ccx-share-sheet-border-color-focus: var(--spectrum-blue-700, #1473e6);
--ccx-share-sheet-button-background-color: var(--spectrum-blue-800, #2680eb);
--ccx-share-sheet-button-text-color-disabled: var(--spectrum-gray-400, #494949);
--ccx-share-sheet-heading-text-color: var(--spectrum-gray-900, #efefef);
--ccx-share-sheet-hover-background-color: var(--spectrum-gray-200, #2c2c2c);
--ccx-share-sheet-hover-background-color-2: var(--spectrum-gray-500, #5c5c5c);
--ccx-share-sheet-icon-alert: var(--spectrum-yellow-1000, #d2b200);
--ccx-share-sheet-icon-color: var(--spectrum-gray-700, #a2a2a2);
--ccx-share-sheet-icon-error: var(--spectrum-red-700, #e34850);
--ccx-share-sheet-input-background-color-1: var(--spectrum-gray-50, #080808);
--ccx-share-sheet-label-text-color: var(--spectrum-gray-700, #a2a2a2);
--ccx-share-sheet-link-footer-background-color: var(--spectrum-gray-300, #393939);
--ccx-share-sheet-link-text-color-1: var(--spectrum-blue-700, #1473e6);
--ccx-share-sheet-link-text-color-3: var(--spectrum-blue-900, #378ef0);
--ccx-share-sheet-link-text-color-primary: var(--spectrum-blue-1000, #4b9cf5);
--ccx-share-sheet-link-remove-text-color: var(--spectrum-gray-700, #a2a2a2);
--ccx-share-sheet-list-item-background-hover: rgba(226, 226, 226, .04);
--ccx-share-sheet-placeholder-color: var(--spectrum-gray-600, #7c7c7c);
--ccx-share-sheet-shadow-color-1: var(--spectrum-gray-700, #a2a2a2);
--ccx-share-sheet-subtitle-color: var(--spectrum-gray-700, #a2a2a2);
--ccx-share-sheet-suggestion-list-border-color: var(--spectrum-gray-400, #494949);
--ccx-share-sheet-suggestion-list-title-color: #e2e2e2;
--ccx-share-sheet-text-color: var(--spectrum-gray-800, #c8c8c8);
--ccx-share-sheet-text-color-1: var(--spectrum-gray-900, #efefef);
--ccx-share-sheet-text-color-2: var(--spectrum-gray-600, #7c7c7c);
--ccx-share-sheet-text-color-3: var(--spectrum-gray-50, #080808);
--ccx-share-sheet-text-color-4: var(--spectrum-gray-500, #5c5c5c);
--ccx-share-sheet-text-color-7: var(--spectrum-gray-700, #a2a2a2);
--ccx-share-sheet-text-color-8: var(--spectrum-gray-800, #c8c8c8);
--ccx-share-sheet-text-color-dimmed: var(--spectrum-gray-400, #494949);
--ccx-share-sheet-text-color-error: var(--spectrum-red-800, #ec5b62);
--ccx-share-sheet-text-color-link: var(--spectrum-blue-900, #378ef0);
--ccx-share-sheet-text-color-success: var(--spectrum-green-700, #268e6c);
--ccx-share-sheet-toast-link-text-color: var(--spectrum-gray-50, #080808);
--ccx-share-sheet-vertical-separator-color: var(--spectrum-gray-400, #494949);
--ccx-share-sheet-well-background-color: rgba(199, 199, 199, .02);
--ccx-share-sheet-well-border-color: rgba(240, 240, 240, .05);
}
.cywssw .ccx-ss-facepile-tooltip {
margin-bottom: -6px !important;
}
.cywssw .spectrum-Icon, .cywssw .spectrum-UIIcon {
display: inline-block;
color: inherit;
fill: currentColor;
pointer-events: none;
}
.cywssw .spectrum-Icon:not(:root), .cywssw .spectrum-UIIcon:not(:root) {
overflow: hidden;
}
.cywssw .spectrum-Icon--sizeXXS, .cywssw .spectrum-Icon--sizeXXS img, .cywssw .spectrum-Icon--sizeXXS svg {
height: 9px;
width: 9px;
}
.cywssw .spectrum-Icon--sizeXS, .cywssw .spectrum-Icon--sizeXS img, .cywssw .spectrum-Icon--sizeXS svg {
height: 12px;
width: 12px;
}
.cywssw .spectrum-Icon--sizeS, .cywssw .spectrum-Icon--sizeS img, .cywssw .spectrum-Icon--sizeS svg {
height: 18px;
width: 18px;
}
.cywssw .spectrum-Icon--sizeM, .cywssw .spectrum-Icon--sizeM img, .cywssw .spectrum-Icon--sizeM svg {
height: 24px;
width: 24px;
}
.cywssw .spectrum-Icon--sizeL, .cywssw .spectrum-Icon--sizeL img, .cywssw .spectrum-Icon--sizeL svg {
height: 36px;
width: 36px;
}
.cywssw .spectrum-Icon--sizeXL, .cywssw .spectrum-Icon--sizeXL img, .cywssw .spectrum-Icon--sizeXL svg {
height: 48px;
width: 48px;
}
.cywssw .spectrum-Icon--sizeXXL, .cywssw .spectrum-Icon--sizeXXL img, .cywssw .spectrum-Icon--sizeXXL svg {
height: 72px;
width: 72px;
}
.cywssw .spectrum--medium .spectrum-UIIcon--large {
display: none;
}
.cywssw .spectrum--medium .spectrum-UIIcon--medium {
display: inline;
}
.cywssw .spectrum--large .spectrum-UIIcon--medium {
display: none;
}
.cywssw .spectrum--large .spectrum-UIIcon--large {
display: inline;
}
.cywssw .spectrum--large {
--ui-icon-large-display: block;
--ui-icon-medium-display: none;
}
.cywssw .spectrum--medium {
--ui-icon-medium-display: block;
--ui-icon-large-display: none;
}
.cywssw .spectrum-UIIcon--large {
display: var(--ui-icon-large-display);
}
.cywssw .spectrum-UIIcon--medium {
display: var(--ui-icon-medium-display);
}
.cywssw .spectrum-UIIcon-AlertMedium {
width: 18px;
height: 18px;
}
.cywssw .spectrum-UIIcon-AlertSmall {
width: 14px;
height: 14px;
}
.cywssw .spectrum-UIIcon-ArrowDownSmall {
width: 8px;
height: 10px;
}
.cywssw .spectrum-UIIcon-ArrowLeftMedium {
width: 14px;
height: 10px;
}
.cywssw .spectrum-UIIcon-Asterisk {
width: 8px;
height: 8px;
}
.cywssw .spectrum-UIIcon-CheckmarkMedium {
width: 12px;
height: 12px;
}
.cywssw .spectrum-UIIcon-CheckmarkSmall {
width: 10px;
height: 10px;
}
.cywssw .spectrum-UIIcon-ChevronDownMedium {
width: 10px;
height: 6px;
}
.cywssw .spectrum-UIIcon-ChevronDownSmall {
width: 8px;
height: 6px;
}
.cywssw .spectrum-UIIcon-ChevronLeftLarge {
width: 12px;
height: 16px;
}
.cywssw .spectrum-UIIcon-ChevronLeftMedium {
width: 6px;
height: 10px;
}
.cywssw .spectrum-UIIcon-ChevronRightLarge {
width: 12px;
height: 16px;
}
.cywssw .spectrum-UIIcon-ChevronRightMedium {
width: 6px;
height: 10px;
}
.cywssw .spectrum-UIIcon-ChevronRightSmall {
width: 6px;
height: 8px;
}
.cywssw .spectrum-UIIcon-ChevronUpSmall {
width: 8px;
height: 6px;
}
.cywssw .spectrum-UIIcon-CornerTriangle {
width: 5px;
height: 5px;
}
.cywssw .spectrum-UIIcon-CrossLarge {
width: 12px;
height: 12px;
}
.cywssw .spectrum-UIIcon-CrossMedium {
width: 8px;
height: 8px;
}
.cywssw .spectrum-UIIcon-CrossSmall {
width: 8px;
height: 8px;
}
.cywssw .spectrum-UIIcon-DashSmall {
width: 10px;
height: 10px;
}
.cywssw .spectrum-UIIcon-DoubleGripper {
width: 16px;
height: 4px;
}
.cywssw .spectrum-UIIcon-FolderBreadcrumb {
width: 18px;
height: 18px;
}
.cywssw .spectrum-UIIcon-HelpMedium {
width: 18px;
height: 18px;
}
.cywssw .spectrum-UIIcon-HelpSmall {
width: 14px;
height: 14px;
}
.cywssw .spectrum-UIIcon-InfoMedium {
width: 18px;
height: 18px;
}
.cywssw .spectrum-UIIcon-InfoSmall {
width: 14px;
height: 14px;
}
.cywssw .spectrum-UIIcon-Magnifier {
width: 16px;
height: 16px;
}
.cywssw .spectrum-UIIcon-SkipLeft {
width: 9px;
height: 10px;
}
.cywssw .spectrum-UIIcon-SkipRight {
width: 9px;
height: 10px;
}
.cywssw .spectrum-UIIcon-Star {
width: 18px;
height: 18px;
}
.cywssw .spectrum-UIIcon-StarOutline {
width: 18px;
height: 18px;
}
.cywssw .spectrum-UIIcon-SuccessMedium {
width: 18px;
height: 18px;
}
.cywssw .spectrum-UIIcon-SuccessSmall {
width: 14px;
height: 14px;
}
.cywssw .spectrum-UIIcon-TripleGripper {
width: 10px;
height: 7px;
}
.cywssw .spectrum-Underlay {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.cywssw .spectrum-Underlay.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.cywssw .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;
}
.cywssw .spectrum-Underlay.is-open {
transition: opacity 300ms cubic-bezier(0, 0, 0.40, 1) 0ms;
}
.cywssw .spectrum--light .spectrum-Underlay {
background: rgba(0,0,0,0.4);
}
.cywssw .spectrum--darkest .spectrum-Underlay {
background: rgba(0,0,0,0.6);
}
.cywssw .spectrum-Tooltip {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.cywssw .spectrum-Tooltip.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.cywssw .spectrum-Tooltip--bottom.is-open {
transform: translateY(6px);
}
.cywssw .spectrum-Tooltip--top.is-open {
transform: translateY(-6px);
}
.cywssw .spectrum-Tooltip--right.is-open {
transform: translateX(6px);
}
.cywssw .spectrum-Tooltip--left.is-open {
transform: translateX(-6px);
}
.cywssw .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;
}
.cywssw .spectrum-Tooltip {
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.cywssw .spectrum-Tooltip p {
margin: 0;
}
.cywssw .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;
}
.cywssw .spectrum-Tooltip--right .spectrum-Tooltip-tip, .cywssw .spectrum-Tooltip--left .spectrum-Tooltip-tip {
top: 50%;
margin-top: -4px;
}
.cywssw .spectrum-Tooltip--right {
margin-left: 3px;
}
.cywssw .spectrum-Tooltip--right .spectrum-Tooltip-tip {
right: 100%;
transform: rotate(90deg);
}
.cywssw .spectrum-Tooltip--left {
margin-right: 3px;
}
.cywssw .spectrum-Tooltip--left .spectrum-Tooltip-tip {
left: 100%;
transform: rotate(-90deg);
}
.cywssw .spectrum-Tooltip--top {
margin-bottom: 3px;
}
.cywssw .spectrum-Tooltip--top .spectrum-Tooltip-tip {
top: 100%;
}
.cywssw .spectrum-Tooltip--bottom {
margin-top: 3px;
}
.cywssw .spectrum-Tooltip--bottom .spectrum-Tooltip-tip {
bottom: 100%;
transform: rotate(-180deg);
}
.cywssw .spectrum-Tooltip--bottom .spectrum-Tooltip-tip, .cywssw .spectrum-Tooltip--top .spectrum-Tooltip-tip {
left: 50%;
margin-left: -4px;
}
.cywssw .spectrum-Tooltip-typeIcon {
margin-left: -2px;
margin-right: 8px;
width: 14px;
height: 14px;
align-self: flex-start;
margin-top: 1px;
}
.cywssw .spectrum-Tooltip-label {
max-width: 101px;
line-height: 16px;
}
.cywssw .u-tooltip-showOnHover {
display: inline-block;
position: relative;
}
.cywssw .u-tooltip-showOnHover .spectrum-Tooltip {
position: absolute;
white-space: nowrap;
visibility: visible !important;
transition: transform 130ms ease-in-out;
top: -100%;
}
.cywssw .u-tooltip-showOnHover .spectrum-Tooltip-label {
max-width: none;
}
.cywssw .u-tooltip-showOnHover .spectrum-Tooltip--right, .cywssw .u-tooltip-showOnHover .spectrum-Tooltip--left {
top: 50%;
}
.cywssw .u-tooltip-showOnHover .spectrum-Tooltip--right .spectrum-Tooltip-tip, .cywssw .u-tooltip-showOnHover .spectrum-Tooltip--left .spectrum-Tooltip-tip {
top: 50%;
}
.cywssw .u-tooltip-showOnHover .spectrum-Tooltip--right {
left: 100%;
transform: translate(0, -50%);
}
.cywssw .u-tooltip-showOnHover .spectrum-Tooltip--left {
transform: translate(-100%, -50%);
}
.cywssw .u-tooltip-showOnHover .spectrum-Tooltip--bottom, .cywssw .u-tooltip-showOnHover .spectrum-Tooltip--top {
left: 50%;
}
.cywssw .u-tooltip-showOnHover .spectrum-Tooltip--bottom .spectrum-Tooltip-tip, .cywssw .u-tooltip-showOnHover .spectrum-Tooltip--top .spectrum-Tooltip-tip {
left: 50%;
}
.cywssw .u-tooltip-showOnHover .spectrum-Tooltip--bottom {
top: 100%;
transform: translate(-50%, -4px);
}
.cywssw .u-tooltip-showOnHover .spectrum-Tooltip--top {
transform: translate(-50%, 4px);
}
.cywssw .u-tooltip-showOnHover:hover .spectrum-Tooltip, .cywssw .u-tooltip-showOnHover:focus .spectrum-Tooltip, .cywssw .u-tooltip-showOnHover.is-focused .spectrum-Tooltip, .cywssw .u-tooltip-showOnHover *:focus .spectrum-Tooltip {
opacity: 1;
}
.cywssw .u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--bottom, .cywssw .u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--bottom, .cywssw .u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--bottom, .cywssw .u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--bottom {
transform: translate(-50%, 0);
}
.cywssw .u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--top, .cywssw .u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--top, .cywssw .u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--top, .cywssw .u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--top {
transform: translate(-50%, -4px);
}
.cywssw .u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--left, .cywssw .u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--left, .cywssw .u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--left, .cywssw .u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--left {
transform: translate(calc(-100% - 4px), -50%);
}
.cywssw .u-tooltip-showOnHover:hover .spectrum-Tooltip.spectrum-Tooltip--right, .cywssw .u-tooltip-showOnHover:focus .spectrum-Tooltip.spectrum-Tooltip--right, .cywssw .u-tooltip-showOnHover.is-focused .spectrum-Tooltip.spectrum-Tooltip--right, .cywssw .u-tooltip-showOnHover *:focus .spectrum-Tooltip.spectrum-Tooltip--right {
transform: translate(4px, -50%);
}
.cywssw .spectrum--light .spectrum-Tooltip {
background-color: rgb(116, 116, 116);
color: rgb(255, 255, 255);
}
.cywssw .spectrum--light .spectrum-Tooltip-tip {
border-top-color: rgb(116, 116, 116);
}
.cywssw .spectrum--light .spectrum-Tooltip--negative, .cywssw .spectrum--light .spectrum-Tooltip--error {
background-color: rgb(201, 37, 45);
}
.cywssw .spectrum--light .spectrum-Tooltip--negative .spectrum-Tooltip-tip, .cywssw .spectrum--light .spectrum-Tooltip--error .spectrum-Tooltip-tip {
border-top-color: rgb(201, 37, 45);
}
.cywssw .spectrum--light .spectrum-Tooltip--info, .cywssw .spectrum--light .spectrum-Tooltip--help {
background-color: rgb(13, 102, 208);
}
.cywssw .spectrum--light .spectrum-Tooltip--info .spectrum-Tooltip-tip, .cywssw .spectrum--light .spectrum-Tooltip--help .spectrum-Tooltip-tip {
border-top-color: rgb(13, 102, 208);
}
.cywssw .spectrum--light .spectrum-Tooltip--positive, .cywssw .spectrum--light .spectrum-Tooltip--success {
background-color: rgb(18, 128, 92);
}
.cywssw .spectrum--light .spectrum-Tooltip--positive .spectrum-Tooltip-tip, .cywssw .spectrum--light .spectrum-Tooltip--success .spectrum-Tooltip-tip {
border-top-color: rgb(18, 128, 92);
}
.cywssw .spectrum--darkest .spectrum-Tooltip {
background-color: rgb(116, 116, 116);
color: rgb(255, 255, 255);
}
.cywssw .spectrum--darkest .spectrum-Tooltip-tip {
border-top-color: rgb(116, 116, 116);
}
.cywssw .spectrum--darkest .spectrum-Tooltip--negative, .cywssw .spectrum--darkest .spectrum-Tooltip--error {
background-color: rgb(201, 37, 45);
}
.cywssw .spectrum--darkest .spectrum-Tooltip--negative .spectrum-Tooltip-tip, .cywssw .spectrum--darkest .spectrum-Tooltip--error .spectrum-Tooltip-tip {
border-top-color: rgb(201, 37, 45);
}
.cywssw .spectrum--darkest .spectrum-Tooltip--info, .cywssw .spectrum--darkest .spectrum-Tooltip--help {
background-color: rgb(13, 102, 208);
}
.cywssw .spectrum--darkest .spectrum-Tooltip--info .spectrum-Tooltip-tip, .cywssw .spectrum--darkest .spectrum-Tooltip--help .spectrum-Tooltip-tip {
border-top-color: rgb(13, 102, 208);
}
.cywssw .spectrum--darkest .spectrum-Tooltip--positive, .cywssw .spectrum--darkest .spectrum-Tooltip--success {
background-color: rgb(18, 128, 92);
}
.cywssw .spectrum--darkest .spectrum-Tooltip--positive .spectrum-Tooltip-tip, .cywssw .spectrum--darkest .spectrum-Tooltip--success .spectrum-Tooltip-tip {
border-top-color: rgb(18, 128, 92);
}
.cywssw .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;
}
.cywssw .spectrum-Label--large {
font-size: 14px;
padding: 8px 12px;
}
.cywssw .spectrum-Label--small {
font-size: 11px;
padding: 3px 7px;
}
.cywssw .spectrum--light .spectrum-Label {
color: rgb(255, 255, 255);
}
.cywssw .spectrum--light .spectrum-Label--inactive, .cywssw .spectrum--light .spectrum-Label--grey {
background-color: rgb(116, 116, 116);
}
.cywssw .spectrum--light .spectrum-Label--red {
background-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Label--orange, .cywssw .spectrum--light .spectrum-Label--or {
background-color: rgb(218, 123, 17);
}
.cywssw .spectrum--light .spectrum-Label--yellow {
background-color: rgb(223, 191, 0);
}
.cywssw .spectrum--light .spectrum-Label--seafoam {
background-color: rgb(27, 149, 154);
}
.cywssw .spectrum--light .spectrum-Label--green {
background-color: rgb(38, 142, 108);
}
.cywssw .spectrum--light .spectrum-Label--blue, .cywssw .spectrum--light .spectrum-Label--active, .cywssw .spectrum--light .spectrum-Label--and {
background-color: rgb(20, 115, 230);
}
.cywssw .spectrum--light .spectrum-Label--fuchsia {
background-color: rgb(192, 56, 204);
}
.cywssw .spectrum--darkest .spectrum-Label {
color: rgb(255, 255, 255);
}
.cywssw .spectrum--darkest .spectrum-Label--inactive, .cywssw .spectrum--darkest .spectrum-Label--grey {
background-color: rgb(116, 116, 116);
}
.cywssw .spectrum--darkest .spectrum-Label--red {
background-color: rgb(215, 55, 63);
}
.cywssw .spectrum--darkest .spectrum-Label--orange, .cywssw .spectrum--darkest .spectrum-Label--or {
background-color: rgb(218, 123, 17);
}
.cywssw .spectrum--darkest .spectrum-Label--yellow {
background-color: rgb(210, 178, 0);
}
.cywssw .spectrum--darkest .spectrum-Label--seafoam {
background-color: rgb(22, 135, 140);
}
.cywssw .spectrum--darkest .spectrum-Label--green {
background-color: rgb(38, 142, 108);
}
.cywssw .spectrum--darkest .spectrum-Label--blue, .cywssw .spectrum--darkest .spectrum-Label--active, .cywssw .spectrum--darkest .spectrum-Label--and {
background-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Label--fuchsia {
background-color: rgb(177, 48, 189);
}
.cywssw .spectrum-Avatar {
width: 16px;
height: 16px;
border-radius: 50%;
border-style: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.cywssw .spectrum--light .spectrum-Avatar {
opacity: 1;
}
.cywssw .spectrum--light .spectrum-Avatar.is-disabled {
opacity: 0.3;
}
.cywssw .spectrum--darkest .spectrum-Avatar {
opacity: 1;
}
.cywssw .spectrum--darkest .spectrum-Avatar.is-disabled {
opacity: 0.3;
}
.cywssw .spectrum-Tags {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
}
.cywssw .spectrum-Tags-item {
display: inline-flex;
align-items: center;
box-sizing: border-box;
margin: 4px 4px;
padding: 0 9px;
height: 24px;
max-width: 100%;
border-width: 1px;
border-style: solid;
border-radius: 4px;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
transition: border-color 130ms ease-in-out,
color 130ms ease-in-out,
box-shadow 130ms ease-in-out,
background-color 130ms ease-in-out;
}
.cywssw .spectrum-Tags-item.is-disabled {
pointer-events: none;
}
.cywssw .spectrum-Tags-item > .spectrum-Icon, .cywssw .spectrum-Tags-item > .spectrum-Avatar {
margin-right: 8px;
margin-left: -2px;
}
.cywssw .spectrum-Tags-item > .spectrum-Icon ~ .spectrum-Tags-itemLabel, .cywssw .spectrum-Tags-item > .spectrum-Avatar ~ .spectrum-Tags-itemLabel {
margin-right: -2px;
}
.cywssw .spectrum-Tags-item .spectrum-ClearButton {
margin-right: -10px;
}
.cywssw .spectrum-Tags-itemLabel {
height: 100%;
line-height: 22px;
flex: 1 1 auto;
font-size: 12px;
cursor: default;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.cywssw .spectrum--light .spectrum-Tags-item {
color: rgb(110, 110, 110);
background-color: rgb(250, 250, 250);
border-color: rgb(142, 142, 142);
}
.cywssw .spectrum--light .spectrum-Tags-item .spectrum-ClearButton {
color: rgb(142, 142, 142);
}
.cywssw .spectrum--light .spectrum-Tags-item:hover {
background-color: rgb(250, 250, 250);
color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Tags-item:hover .spectrum-ClearButton {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Tags-item.focus-ring {
background-color: rgb(250, 250, 250);
color: rgb(44, 44, 44);
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Tags-item.focus-ring .spectrum-ClearButton {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Tags-item.is-invalid {
color: rgb(110, 110, 110);
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Tags-item.is-invalid .spectrum-ClearButton {
color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Tags-item.is-invalid:hover {
color: rgb(44, 44, 44);
border-color: rgb(201, 37, 45);
}
.cywssw .spectrum--light .spectrum-Tags-item.is-invalid:hover .spectrum-ClearButton {
color: rgb(201, 37, 45);
}
.cywssw .spectrum--light .spectrum-Tags-item.is-invalid.focus-ring {
color: rgb(44, 44, 44);
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Tags-item.is-invalid.focus-ring .spectrum-ClearButton {
color: rgb(201, 37, 45);
}
.cywssw .spectrum--light .spectrum-Tags-item.is-disabled {
color: rgb(179, 179, 179);
background-color: rgb(234, 234, 234);
border-color: rgb(234, 234, 234);
}
.cywssw .spectrum--light .spectrum-Tags-item.is-disabled .spectrum-Avatar {
opacity: 0.3;
}
.cywssw .spectrum--light .spectrum-Tags-item--deletable:hover {
color: rgb(110, 110, 110);
}
.cywssw .spectrum--light .spectrum-Tags-item--deletable:hover .spectrum-ClearButton {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Tags-item--deletable:active {
color: rgb(110, 110, 110);
}
.cywssw .spectrum--light .spectrum-Tags-item--deletable:active .spectrum-ClearButton {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Tags-item--deletable.is-invalid:hover {
border-color: rgb(201, 37, 45);
color: rgb(110, 110, 110);
}
.cywssw .spectrum--light .spectrum-Tags-item--deletable.is-invalid:hover .spectrum-ClearButton {
color: rgb(201, 37, 45);
}
.cywssw .spectrum--light .spectrum-Tags-item--deletable.is-invalid:active {
border-color: rgb(187, 18, 26);
color: rgb(110, 110, 110);
}
.cywssw .spectrum--light .spectrum-Tags-item--deletable.is-invalid:active .spectrum-ClearButton {
color: rgb(187, 18, 26);
}
.cywssw .spectrum--light .spectrum-Tags-item--deletable.focus-ring {
color: rgb(110, 110, 110);
}
.cywssw .spectrum--light .spectrum-Tags-item--deletable.focus-ring .spectrum-ClearButton {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Tags-item--deletable.focus-ring.is-invalid {
color: rgb(110, 110, 110);
}
.cywssw .spectrum--light .spectrum-Tags-item.is-disabled .spectrum-ClearButton .spectrum-Icon {
color: rgb(179, 179, 179);
}
.cywssw .spectrum--darkest .spectrum-Tags-item {
color: rgb(162, 162, 162);
background-color: rgb(26, 26, 26);
border-color: rgb(124, 124, 124);
}
.cywssw .spectrum--darkest .spectrum-Tags-item .spectrum-ClearButton {
color: rgb(124, 124, 124);
}
.cywssw .spectrum--darkest .spectrum-Tags-item:hover {
background-color: rgb(26, 26, 26);
color: rgb(239, 239, 239);
border-color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Tags-item:hover .spectrum-ClearButton {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Tags-item.focus-ring {
background-color: rgb(26, 26, 26);
color: rgb(239, 239, 239);
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Tags-item.focus-ring .spectrum-ClearButton {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Tags-item.is-invalid {
color: rgb(162, 162, 162);
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Tags-item.is-invalid .spectrum-ClearButton {
color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Tags-item.is-invalid:hover {
color: rgb(239, 239, 239);
border-color: rgb(236, 91, 98);
}
.cywssw .spectrum--darkest .spectrum-Tags-item.is-invalid:hover .spectrum-ClearButton {
color: rgb(236, 91, 98);
}
.cywssw .spectrum--darkest .spectrum-Tags-item.is-invalid.focus-ring {
color: rgb(239, 239, 239);
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Tags-item.is-invalid.focus-ring .spectrum-ClearButton {
color: rgb(236, 91, 98);
}
.cywssw .spectrum--darkest .spectrum-Tags-item.is-disabled {
color: rgb(92, 92, 92);
background-color: rgb(44, 44, 44);
border-color: rgb(44, 44, 44);
}
.cywssw .spectrum--darkest .spectrum-Tags-item.is-disabled .spectrum-Avatar {
opacity: 0.3;
}
.cywssw .spectrum--darkest .spectrum-Tags-item--deletable:hover {
color: rgb(162, 162, 162);
}
.cywssw .spectrum--darkest .spectrum-Tags-item--deletable:hover .spectrum-ClearButton {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Tags-item--deletable:active {
color: rgb(162, 162, 162);
}
.cywssw .spectrum--darkest .spectrum-Tags-item--deletable:active .spectrum-ClearButton {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Tags-item--deletable.is-invalid:hover {
border-color: rgb(236, 91, 98);
color: rgb(162, 162, 162);
}
.cywssw .spectrum--darkest .spectrum-Tags-item--deletable.is-invalid:hover .spectrum-ClearButton {
color: rgb(236, 91, 98);
}
.cywssw .spectrum--darkest .spectrum-Tags-item--deletable.is-invalid:active {
border-color: rgb(247, 109, 116);
color: rgb(162, 162, 162);
}
.cywssw .spectrum--darkest .spectrum-Tags-item--deletable.is-invalid:active .spectrum-ClearButton {
color: rgb(247, 109, 116);
}
.cywssw .spectrum--darkest .spectrum-Tags-item--deletable.focus-ring {
color: rgb(162, 162, 162);
}
.cywssw .spectrum--darkest .spectrum-Tags-item--deletable.focus-ring .spectrum-ClearButton {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Tags-item--deletable.focus-ring.is-invalid {
color: rgb(162, 162, 162);
}
.cywssw .spectrum--darkest .spectrum-Tags-item.is-disabled .spectrum-ClearButton .spectrum-Icon {
color: rgb(92, 92, 92);
}
/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2019 Adobe
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/
/* I've added this so that we can get it out the door, I'll follow up with a spectrum-css PR asap */
.cywssw .spectrum-CoachMarkPopover {
outline: none;
overflow: auto;
visibility: visible;
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
opacity: 0;
}
50% {
-webkit-transform: scale(1.5);
opacity: 1;
}
100% {
-webkit-transform: scale(2);
opacity: 0;
}
}
@keyframes pulse--quiet {
0% {
-webkit-transform: scale(0.8);
opacity: 0;
}
50% {
-webkit-transform: scale(1.5);
opacity: 1;
}
100% {
-webkit-transform: scale(2);
opacity: 0;
}
}
.cywssw .spectrum-CoachMarkPopover {
position: relative;
min-width: 272px;
max-width: 400px;
border-radius: 4px;
border-width: 1px;
border-style: solid;
}
.cywssw .spectrum-CoachMarkPopover-image {
border-radius: 4px 4px 0 0;
width: 100%;
}
.cywssw .spectrum-CoachMarkPopover-header, .cywssw .spectrum-CoachMarkPopover-content, .cywssw .spectrum-CoachMarkPopover-footer {
padding: 0 24px;
}
.cywssw .spectrum-CoachMarkPopover-header {
padding-top: 24px;
}
.cywssw .spectrum-CoachMarkPopover-footer {
padding-bottom: 24px;
}
.cywssw .spectrum-CoachMarkPopover-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 16px;
}
.cywssw .spectrum-CoachMarkPopover-title {
font-size: 16px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 0;
}
.cywssw .spectrum-CoachMarkPopover-step {
align-self: start;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
white-space: nowrap;
}
.cywssw .spectrum-CoachMarkPopover-content {
margin-bottom: 16px;
}
.cywssw .spectrum-CoachMarkPopover-footer {
margin-top: 0;
text-align: right;
}
.cywssw .spectrum-CoachMarkIndicator {
position: relative;
margin: 6px;
}
.cywssw .spectrum-CoachMarkIndicator-ring {
display: block;
position: absolute;
border-style: solid;
border-width: 2px;
border-radius: 50%;
}
.cywssw .spectrum-CoachMarkIndicator-ring:nth-child(2) {
animation-delay: -1980ms;
}
.cywssw .spectrum-CoachMarkIndicator-ring:nth-child(3) {
animation-delay: -3000ms
}
.cywssw .spectrum-CoachMarkIndicator {
min-width: 48px;
min-height: 48px;
}
.cywssw .spectrum-CoachMarkIndicator-ring {
top: 12px;
left: 12px;
width: 16px;
height: 16px;
animation: pulse 3000ms linear infinite;
}
.cywssw .spectrum-CoachMarkIndicator-ring:nth-child(1) {
animation-delay: -1500ms;
}
.cywssw .spectrum-CoachMarkIndicator--quiet {
min-width: 22px;
min-height: 22px;
}
.cywssw .spectrum-CoachMarkIndicator--quiet .spectrum-CoachMarkIndicator-ring {
top: 6px;
left: 6px;
width: 8px;
height: 8px;
animation: pulse--quiet 3000ms linear infinite;
}
.cywssw .spectrum-CoachMarkIndicator--quiet .spectrum-CoachMarkIndicator-ring:nth-child(1) {
animation-delay: -990ms;
}
.cywssw .spectrum--light .spectrum-CoachMarkPopover {
background-color: rgb(255, 255, 255);
border-color: rgb(202, 202, 202);
box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.cywssw .spectrum--light .spectrum-CoachMarkPopover-title {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-CoachMarkPopover-step {
color: rgb(110, 110, 110);
}
.cywssw .spectrum--light .spectrum-CoachMarkPopover-content {
color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-CoachMarkIndicator-ring {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-CoachMarkIndicator--light .spectrum-CoachMarkIndicator-ring {
border-color: rgb(255, 255, 255);
}
.cywssw .spectrum--light .spectrum-CoachMarkIndicator--dark .spectrum-CoachMarkIndicator-ring {
border-color: rgb(44, 44, 44);
}
.cywssw .spectrum--darkest .spectrum-CoachMarkPopover {
background-color: rgb(8, 8, 8);
border-color: rgb(73, 73, 73);
box-shadow: 0 1px 4px rgba(0,0,0,0.8);
}
.cywssw .spectrum--darkest .spectrum-CoachMarkPopover-title {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-CoachMarkPopover-step {
color: rgb(162, 162, 162);
}
.cywssw .spectrum--darkest .spectrum-CoachMarkPopover-content {
color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-CoachMarkIndicator-ring {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-CoachMarkIndicator--light .spectrum-CoachMarkIndicator-ring {
border-color: rgb(8, 8, 8);
}
.cywssw .spectrum--darkest .spectrum-CoachMarkIndicator--dark .spectrum-CoachMarkIndicator-ring {
border-color: rgb(239, 239, 239);
}
.cywssw .spectrum-FieldLabel, .cywssw .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;
}
.cywssw .spectrum-FieldLabel-requiredIcon {
margin: 4px 0 0 2px;
}
.cywssw .spectrum-FieldLabel--left {
display: inline-block;
padding: 8px 8px 0 0;
}
.cywssw .spectrum-FieldLabel--left .spectrum-FieldLabel-requiredIcon {
margin: 0px 0 0 2px;
}
.cywssw .spectrum-FieldLabel--right {
display: inline-block;
text-align: right;
padding: 8px 8px 0 0;
}
.cywssw .spectrum-Form {
display: table;
border-collapse: separate;
border-spacing: 0 24px;
margin: -20px 0;
}
.cywssw .spectrum-Form-item {
display: table-row;
}
.cywssw .spectrum-Form-itemLabel {
display: table-cell;
}
.cywssw .spectrum-Form-itemField {
display: table-cell;
}
.cywssw .spectrum-Form--labelsAbove {
display: flex;
flex-direction: column;
margin: 0;
}
.cywssw .spectrum-Form--labelsAbove .spectrum-Form-item {
display: flex;
flex-direction: column;
}
.cywssw .spectrum-Form--labelsAbove .spectrum-Form-item + .spectrum-Form-item {
margin-top: 8px;
}
.cywssw .spectrum--light .spectrum-FieldLabel, .cywssw .spectrum--light .spectrum-Form-itemLabel {
color: rgb(110, 110, 110);
}
.cywssw .spectrum--light .spectrum-FieldLabel.is-disabled, .cywssw .spectrum--light .spectrum-Form-itemLabel.is-disabled {
color: rgb(179, 179, 179);
}
.cywssw .spectrum--light .spectrum-FieldLabel.is-disabled .spectrum-FieldLabel-requiredIcon, .cywssw .spectrum--light .spectrum-Form-itemLabel.is-disabled .spectrum-FieldLabel-requiredIcon {
color: rgb(179, 179, 179);
}
.cywssw .spectrum--light .spectrum-FieldLabel-requiredIcon {
color: rgb(142, 142, 142);
}
.cywssw .spectrum--darkest .spectrum-FieldLabel, .cywssw .spectrum--darkest .spectrum-Form-itemLabel {
color: rgb(162, 162, 162);
}
.cywssw .spectrum--darkest .spectrum-FieldLabel.is-disabled, .cywssw .spectrum--darkest .spectrum-Form-itemLabel.is-disabled {
color: rgb(92, 92, 92);
}
.cywssw .spectrum--darkest .spectrum-FieldLabel.is-disabled .spectrum-FieldLabel-requiredIcon, .cywssw .spectrum--darkest .spectrum-Form-itemLabel.is-disabled .spectrum-FieldLabel-requiredIcon {
color: rgb(92, 92, 92);
}
.cywssw .spectrum--darkest .spectrum-FieldLabel-requiredIcon {
color: rgb(124, 124, 124);
}
.cywssw .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;
}
.cywssw .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;
}
.cywssw .spectrum-Textfield::placeholder {
font-weight: 400;
font-style: italic;
transition: color 130ms ease-in-out;
opacity: 1;
}
.cywssw .spectrum-Textfield:lang(ja)::-moz-placeholder, .cywssw .spectrum-Textfield:lang(zh)::-moz-placeholder, .cywssw .spectrum-Textfield:lang(ko)::-moz-placeholder {
font-style: normal;
}
.cywssw .spectrum-Textfield:lang(ja)::placeholder, .cywssw .spectrum-Textfield:lang(zh)::placeholder, .cywssw .spectrum-Textfield:lang(ko)::placeholder {
font-style: normal;
}
.cywssw .spectrum-Textfield:hover::-moz-placeholder {
font-weight: 400;
}
.cywssw .spectrum-Textfield:hover::placeholder {
font-weight: 400;
}
.cywssw .spectrum-Textfield:disabled {
opacity: 1;
}
.cywssw .spectrum-Textfield:disabled::-moz-placeholder {
font-weight: 400;
}
.cywssw .spectrum-Textfield:disabled::placeholder {
font-weight: 400;
}
.cywssw .spectrum-Textfield::-ms-clear {
width: 0;
height: 0;
}
.cywssw .spectrum-Textfield::-webkit-inner-spin-button, .cywssw .spectrum-Textfield::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.cywssw .spectrum-Textfield:-moz-ui-invalid {
box-shadow: none;
}
.cywssw .spectrum-Textfield.is-invalid, .cywssw .spectrum-Textfield:invalid, .cywssw .spectrum-Textfield.is-valid {
background-repeat: no-repeat;
}
.cywssw .spectrum-Textfield.is-invalid, .cywssw .spectrum-Textfield:invalid {
background-size: 18px 18px;
background-position: calc(100% - 12px) 50%;
padding-right: 42px;
}
.cywssw .spectrum-Textfield.is-valid {
background-size: 12px 12px;
background-position: calc(100% - 12px) 50%;
padding-right: 36px;
}
.cywssw .spectrum-Textfield--multiline {
height: auto;
min-height: 56px;
padding: 3px 12px 5px 12px;
overflow: auto;
}
.cywssw .spectrum-Textfield--multiline.is-invalid, .cywssw .spectrum-Textfield--multiline:invalid, .cywssw .spectrum-Textfield--multiline.is-valid {
background-position: calc(100% - 9px) calc(100% - 9px);
}
.cywssw .spectrum-Textfield--quiet {
border-radius: 0;
border-width: 0 0 1px 0;
padding-left: 0;
padding-right: 0;
resize: none;
overflow-y: hidden;
}
.cywssw .spectrum-Textfield--quiet.is-invalid, .cywssw .spectrum-Textfield--quiet:invalid, .cywssw .spectrum-Textfield--quiet.is-valid {
background-position: 100% 50%;
}
.cywssw .spectrum--light .spectrum-Textfield {
background-color: rgb(255, 255, 255);
border-color: rgb(225, 225, 225);
color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-Textfield::-moz-placeholder {
color: rgb(142, 142, 142);
}
.cywssw .spectrum--light .spectrum-Textfield::placeholder {
color: rgb(142, 142, 142);
}
.cywssw .spectrum--light .spectrum-Textfield:hover {
border-color: rgb(202, 202, 202);
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Textfield:hover::-moz-placeholder {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Textfield:hover::placeholder {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Textfield:focus {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--light .spectrum-Textfield.focus-ring:not(:active) {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.cywssw .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);
}
.cywssw .spectrum--light .spectrum-Textfield[disabled]::-moz-placeholder {
color: rgb(179, 179, 179);
}
.cywssw .spectrum--light .spectrum-Textfield[disabled]::placeholder {
color: rgb(179, 179, 179);
}
.cywssw .spectrum--light .spectrum-Textfield.is-invalid, .cywssw .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");
}
.cywssw .spectrum--light .spectrum-Textfield.is-invalid.focus-ring:not(:active), .cywssw .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);
}
.cywssw .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");
}
.cywssw .spectrum--light .spectrum-Textfield--quiet {
background-color: transparent;
border-color: rgb(225, 225, 225);
}
.cywssw .spectrum--light .spectrum-Textfield--quiet:hover {
border-color: rgb(202, 202, 202);
}
.cywssw .spectrum--light .spectrum-Textfield--quiet:active {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--light .spectrum-Textfield--quiet:focus {
border-color: rgb(38, 128, 235);
box-shadow: 0 1px 0 rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Textfield--quiet.focus-ring:not(:active) {
border-color: rgb(38, 128, 235);
box-shadow: 0 1px 0 rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Textfield--quiet:disabled {
background-color: transparent;
border-color: rgb(225, 225, 225);
}
.cywssw .spectrum--light .spectrum-Textfield--quiet.is-invalid, .cywssw .spectrum--light .spectrum-Textfield--quiet:invalid {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Textfield--quiet.is-invalid:focus, .cywssw .spectrum--light .spectrum-Textfield--quiet:invalid:focus {
box-shadow: 0 1px 0 rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Textfield--quiet.is-invalid.focus-ring:not(:active), .cywssw .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);
}
.cywssw .spectrum--darkest .spectrum-Textfield {
background-color: rgb(8, 8, 8);
border-color: rgb(57, 57, 57);
color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-Textfield::-moz-placeholder {
color: rgb(124, 124, 124);
}
.cywssw .spectrum--darkest .spectrum-Textfield::placeholder {
color: rgb(124, 124, 124);
}
.cywssw .spectrum--darkest .spectrum-Textfield:hover {
border-color: rgb(73, 73, 73);
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Textfield:hover::-moz-placeholder {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Textfield:hover::placeholder {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Textfield:focus {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--darkest .spectrum-Textfield.focus-ring:not(:active) {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.cywssw .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);
}
.cywssw .spectrum--darkest .spectrum-Textfield[disabled]::-moz-placeholder {
color: rgb(92, 92, 92);
}
.cywssw .spectrum--darkest .spectrum-Textfield[disabled]::placeholder {
color: rgb(92, 92, 92);
}
.cywssw .spectrum--darkest .spectrum-Textfield.is-invalid, .cywssw .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");
}
.cywssw .spectrum--darkest .spectrum-Textfield.is-invalid.focus-ring:not(:active), .cywssw .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);
}
.cywssw .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");
}
.cywssw .spectrum--darkest .spectrum-Textfield--quiet {
background-color: transparent;
border-color: rgb(57, 57, 57);
}
.cywssw .spectrum--darkest .spectrum-Textfield--quiet:hover {
border-color: rgb(73, 73, 73);
}
.cywssw .spectrum--darkest .spectrum-Textfield--quiet:active {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--darkest .spectrum-Textfield--quiet:focus {
border-color: rgb(20, 115, 230);
box-shadow: 0 1px 0 rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Textfield--quiet.focus-ring:not(:active) {
border-color: rgb(20, 115, 230);
box-shadow: 0 1px 0 rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Textfield--quiet:disabled {
background-color: transparent;
border-color: rgb(57, 57, 57);
}
.cywssw .spectrum--darkest .spectrum-Textfield--quiet.is-invalid, .cywssw .spectrum--darkest .spectrum-Textfield--quiet:invalid {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Textfield--quiet.is-invalid:focus, .cywssw .spectrum--darkest .spectrum-Textfield--quiet:invalid:focus {
box-shadow: 0 1px 0 rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Textfield--quiet.is-invalid.focus-ring:not(:active), .cywssw .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);
}
/*************************************************************************
* 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.
*/
.cywssw .spectrum-Dialog.react-spectrum-Dialog {
visibility: visible;
}
.cywssw .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.
**************************************************************************/
.cywssw .spectrum-Popover.react-spectrum-Popover {
visibility: visible;
}
.cywssw .spectrum-Popover .spectrum-Dialog-content {
max-height: initial;
}
.cywssw .spectrum-Popover {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.cywssw .spectrum-Popover.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.cywssw .spectrum-Popover--bottom.is-open {
transform: translateY(6px);
}
.cywssw .spectrum-Popover--top.is-open {
transform: translateY(-6px);
}
.cywssw .spectrum-Popover--right.is-open {
transform: translateX(6px);
}
.cywssw .spectrum-Popover--left.is-open {
transform: translateX(-6px);
}
.cywssw .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;
}
.cywssw .spectrum-Popover-tip {
position: absolute;
overflow: hidden;
width: 21px;
height: 11px;
}
.cywssw .spectrum-Popover-tip::after {
content: '';
width: 20px;
height: 20px;
border-width: 1px;
border-style: solid;
position: absolute;
transform: rotate(45deg);
top: -18px;
left: -1px;
}
.cywssw .spectrum-Popover--dialog {
min-width: 270px;
padding: 30px 29px;
}
.cywssw .spectrum-Popover--left.spectrum-Popover--withTip {
margin-right: 13px;
}
.cywssw .spectrum-Popover--left .spectrum-Popover-tip {
right: -16px;
transform: rotate(-90deg);
}
.cywssw .spectrum-Popover--right.spectrum-Popover--withTip {
margin-left: 13px;
}
.cywssw .spectrum-Popover--right .spectrum-Popover-tip {
left: -16px;
transform: rotate(90deg);
}
.cywssw .spectrum-Popover--left .spectrum-Popover-tip, .cywssw .spectrum-Popover--right .spectrum-Popover-tip {
top: 50%;
margin-top: -6px;
}
.cywssw .spectrum-Popover--bottom.spectrum-Popover--withTip {
margin-top: 13px;
}
.cywssw .spectrum-Popover--bottom .spectrum-Popover-tip {
top: -11px;
transform: rotate(180deg);
}
.cywssw .spectrum-Popover--top.spectrum-Popover--withTip {
margin-bottom: 13px;
}
.cywssw .spectrum-Popover--top .spectrum-Popover-tip {
bottom: -11px;
}
.cywssw .spectrum-Popover--bottom .spectrum-Popover-tip, .cywssw .spectrum-Popover--top .spectrum-Popover-tip {
left: 50%;
margin-left: -12px;
}
.cywssw .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);
}
.cywssw .spectrum--light .spectrum-Popover .spectrum-Dialog-header, .cywssw .spectrum--light .spectrum-Popover .spectrum-Dialog-footer, .cywssw .spectrum--light .spectrum-Popover .spectrum-Dialog-wrapper {
background-color: transparent;
}
.cywssw .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);
}
.cywssw .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);
}
.cywssw .spectrum--darkest .spectrum-Popover .spectrum-Dialog-header, .cywssw .spectrum--darkest .spectrum-Popover .spectrum-Dialog-footer, .cywssw .spectrum--darkest .spectrum-Popover .spectrum-Dialog-wrapper {
background-color: transparent;
}
.cywssw .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);
}
.cywssw .spectrum-Dialog {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.cywssw .spectrum-Dialog.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.cywssw .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;
}
.cywssw .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));
}
.cywssw .spectrum-Dialog .spectrum-Dialog-closeButton {
display: none;
}
.cywssw .spectrum-Dialog--small {
width: 400px;
}
.cywssw .spectrum-Dialog--medium {
width: 480px;
}
.cywssw .spectrum-Dialog--large {
width: 640px;
}
.cywssw .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;
}
.cywssw .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;
}
.cywssw .spectrum-Dialog-header::after {
position: absolute;
bottom: 16px;
left: 0;
right: 0;
content: '';
height: 2px;
}
.cywssw .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;
}
.cywssw .spectrum-Dialog-wrapper.is-open {
visibility: visible;
}
.cywssw .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;
}
.cywssw .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) {
.cywssw .spectrum-Dialog--responsive {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
border-radius: 0;
}
.cywssw .spectrum-Dialog-wrapper .spectrum-Dialog--responsive {
margin-top: 0;
}
}
.cywssw .spectrum-Dialog--noDivider .spectrum-Dialog-header::after {
display: none;
}
.cywssw .spectrum-Dialog--dismissible .spectrum-Dialog-footer {
display: none;
}
.cywssw .spectrum-Dialog--dismissible .spectrum-Dialog-closeButton {
display: initial;
}
.cywssw .spectrum-Dialog-closeButton {
position: absolute;
top: -28px;
right: -28px;
}
.cywssw .spectrum-Dialog-typeIcon {
display: block;
}
.cywssw .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) {
.cywssw .spectrum-Dialog-content {
max-height: 70vh;
}
}
.cywssw .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;
}
.cywssw .spectrum-Dialog-footer > *, .cywssw .spectrum-Dialog-footer > .spectrum-Button + .spectrum-Button {
margin: 8px;
}
.cywssw .spectrum-Dialog-title {
flex: 1 1 auto;
margin: 0;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
outline: none;
}
.cywssw .spectrum-Dialog--alert {
width: 480px;
}
.cywssw .spectrum-Dialog--fullscreen {
left: 32px;
top: 32px;
right: 32px;
bottom: 32px;
transform: translate(0, 20px);
}
.cywssw .spectrum-Dialog--fullscreen.is-open {
transform: translate(0, 0);
}
.cywssw .spectrum-Dialog--fullscreen, .cywssw .spectrum-Dialog--fullscreenTakeover {
width: auto;
max-height: none;
max-width: none;
padding-top: 30px;
}
.cywssw .spectrum-Dialog--fullscreen .spectrum-Dialog-header, .cywssw .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-header {
flex-shrink: 0;
}
.cywssw .spectrum-Dialog--fullscreen .spectrum-Dialog-title, .cywssw .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-title {
font-size: 28px;
font-weight: 100;
}
.cywssw .spectrum-Dialog--fullscreen .spectrum-Dialog-content, .cywssw .spectrum-Dialog--fullscreenTakeover .spectrum-Dialog-content {
max-height: none;
}
.cywssw .spectrum-Dialog--fullscreenTakeover {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
box-sizing: border-box;
border: none;
border-radius: 0;
}
.cywssw .spectrum-Dialog--fullscreenTakeover, .cywssw .spectrum-Dialog--fullscreenTakeover.is-open {
transform: none;
}
.cywssw .spectrum--light .spectrum-Dialog {
background: rgb(245, 245, 245);
}
.cywssw .spectrum--light .spectrum-Dialog-header {
background: rgb(245, 245, 245);
}
.cywssw .spectrum--light .spectrum-Dialog-header:after {
background: rgb(225, 225, 225);
}
.cywssw .spectrum--light .spectrum-Dialog-title {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Dialog-content {
color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-Dialog-typeIcon {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Dialog-footer {
background: rgb(245, 245, 245);
}
.cywssw .spectrum--light .spectrum-Dialog--error .spectrum-Dialog-title {
color: rgb(201, 37, 45);
}
.cywssw .spectrum--light .spectrum-Dialog--error .spectrum-Dialog-typeIcon {
color: rgb(201, 37, 45);
}
.cywssw .spectrum--darkest .spectrum-Dialog {
background: rgb(30, 30, 30);
}
.cywssw .spectrum--darkest .spectrum-Dialog-header {
background: rgb(30, 30, 30);
}
.cywssw .spectrum--darkest .spectrum-Dialog-header:after {
background: rgb(57, 57, 57);
}
.cywssw .spectrum--darkest .spectrum-Dialog-title {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Dialog-content {
color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-Dialog-typeIcon {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Dialog-footer {
background: rgb(30, 30, 30);
}
.cywssw .spectrum--darkest .spectrum-Dialog--error .spectrum-Dialog-title {
color: rgb(236, 91, 98);
}
.cywssw .spectrum--darkest .spectrum-Dialog--error .spectrum-Dialog-typeIcon {
color: rgb(236, 91, 98);
}
.cywssw .spectrum-Menu {
display: inline-block;
box-sizing: border-box;
margin: 4px 0;
padding: 0;
list-style-type: none;
overflow: auto;
}
.cywssw .spectrum-Menu > .spectrum-Menu-sectionHeading {
margin-top: 3px;
margin-bottom: 3px;
}
.cywssw .spectrum-Menu.is-selectable .spectrum-Menu-item {
padding-right: 32px;
}
.cywssw .spectrum-Menu.is-selectable .spectrum-Menu-item.is-selected {
padding-right: 11px;
}
.cywssw .spectrum-Menu-checkmark {
transform: scale(1);
opacity: 1;
}
.cywssw .spectrum-Menu-item {
cursor: pointer;
position: relative;
display: flex;
align-items: center;
box-sizing: border-box;
padding: 7px 12px 7px 10px;
margin: 0;
border-left: 2px solid transparent;
min-height: 32px;
font-size: 14px;
font-weight: 400;
font-style: normal;
text-decoration: none;
}
.cywssw .spectrum-Menu-item:focus {
outline: none;
}
.cywssw .spectrum-Menu-item.is-selected {
padding-right: 11px;
}
.cywssw .spectrum-Menu-item.is-selected .spectrum-Menu-checkmark {
display: block;
}
.cywssw .spectrum-Menu-item .spectrum-Icon, .cywssw .spectrum-Menu-item .spectrum-Menu-itemIcon {
flex-shrink: 0;
align-self: flex-start;
}
.cywssw .spectrum-Menu-item .spectrum-Icon + .spectrum-Menu-itemLabel, .cywssw .spectrum-Menu-item .spectrum-Menu-itemIcon + .spectrum-Menu-itemLabel {
margin-left: 8px;
width: calc(100% - 50px);
}
.cywssw .spectrum-Menu-itemLabel {
flex: 1 1 auto;
line-height: 1.3;
-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: break-word;
width: calc(100% - 24px);
}
.cywssw .spectrum-Menu-itemLabel--wrapping {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cywssw .spectrum-Menu-checkmark {
display: none;
align-self: flex-start;
}
.cywssw .spectrum-Menu-checkmark, .cywssw .spectrum-Menu-chevron {
flex-grow: 0;
margin-left: 12px;
margin-top: 4px;
}
.cywssw .spectrum-Menu-divider {
box-sizing: content-box;
overflow: visible;
height: 2px;
margin: 1.5px 12px;
padding: 0 0;
border: none;
}
.cywssw .spectrum-Menu-sectionHeading {
display: block;
margin: 6px 0 0 0;
padding: 0 36px 0 12px;
font-size: 11px;
font-weight: 400;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.cywssw .spectrum-Menu .spectrum-Menu {
display: block;
}
.cywssw .spectrum--light .spectrum-Menu {
background-color: transparent;
}
.cywssw .spectrum--light .spectrum-Menu-item {
background-color: transparent;
color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-Menu-item.focus-ring, .cywssw .spectrum--light .spectrum-Menu-item.is-focused {
background-color: rgba(44,44,44,0.04);
color: rgb(75, 75, 75);
border-left-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Menu-item:hover, .cywssw .spectrum--light .spectrum-Menu-item:focus, .cywssw .spectrum--light .spectrum-Menu-item.is-highlighted, .cywssw .spectrum--light .spectrum-Menu-item.is-open {
background-color: rgba(44,44,44,0.04);
color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-Menu-item.is-selected {
color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-Menu-item.is-selected .spectrum-Menu-checkmark {
color: rgb(20, 115, 230);
}
.cywssw .spectrum--light .spectrum-Menu-item .is-active, .cywssw .spectrum--light .spectrum-Menu-item:active {
background-color: rgba(44,44,44,0.04);
}
.cywssw .spectrum--light .spectrum-Menu-item.is-disabled {
background-color: transparent;
background-image: none;
color: rgb(179, 179, 179);
cursor: default;
}
.cywssw .spectrum--light .spectrum-Menu-sectionHeading {
color: rgb(110, 110, 110);
}
.cywssw .spectrum--light .spectrum-Menu-divider {
background-color: rgb(245, 245, 245);
}
.cywssw .spectrum--darkest .spectrum-Menu {
background-color: transparent;
}
.cywssw .spectrum--darkest .spectrum-Menu-item {
background-color: transparent;
color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-Menu-item.focus-ring, .cywssw .spectrum--darkest .spectrum-Menu-item.is-focused {
background-color: rgba(239,239,239,0.08);
color: rgb(200, 200, 200);
border-left-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Menu-item:hover, .cywssw .spectrum--darkest .spectrum-Menu-item:focus, .cywssw .spectrum--darkest .spectrum-Menu-item.is-highlighted, .cywssw .spectrum--darkest .spectrum-Menu-item.is-open {
background-color: rgba(239,239,239,0.08);
color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-Menu-item.is-selected {
color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-Menu-item.is-selected .spectrum-Menu-checkmark {
color: rgb(38, 128, 235);
}
.cywssw .spectrum--darkest .spectrum-Menu-item .is-active, .cywssw .spectrum--darkest .spectrum-Menu-item:active {
background-color: rgba(239,239,239,0.08);
}
.cywssw .spectrum--darkest .spectrum-Menu-item.is-disabled {
background-color: transparent;
background-image: none;
color: rgb(92, 92, 92);
cursor: default;
}
.cywssw .spectrum--darkest .spectrum-Menu-sectionHeading {
color: rgb(162, 162, 162);
}
.cywssw .spectrum--darkest .spectrum-Menu-divider {
background-color: rgb(30, 30, 30);
}
.cywssw .spectrum-Radio {
display: inline-flex;
align-items: flex-start;
position: relative;
min-height: 32px;
max-width: 100%;
margin-right: 16px;
vertical-align: top;
}
.cywssw .spectrum-Radio-input {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
overflow: visible;
box-sizing: border-box;
padding: 0;
position: absolute;
top: 0;
left: -8px;
width: calc(100% + 16px);
height: 100%;
opacity: .0001;
z-index: 1;
cursor: pointer;
}
.cywssw .spectrum-Radio-input:disabled {
cursor: default;
}
.cywssw .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-width: 5px;
}
.cywssw .spectrum-Radio-label {
margin-left: 10px;
font-size: 14px;
transition: color 130ms ease-in-out;
margin-top: 6px;
}
.cywssw .spectrum-Radio-button {
position: relative;
box-sizing: border-box;
width: 14px;
height: 14px;
margin: 9px 0;
flex-grow: 0;
flex-shrink: 0;
border-radius: 7px;
border-width: 2px;
border-style: solid;
transition: border 130ms ease-in-out, box-shadow 130ms ease-in-out;
}
.cywssw .spectrum-Radio--labelBelow {
display: inline-flex;
flex-direction: column;
align-items: center;
height: auto;
}
.cywssw .spectrum-Radio--labelBelow .spectrum-Radio-button {
flex-shrink: 0;
margin: 0;
}
.cywssw .spectrum-Radio--labelBelow .spectrum-Radio-label {
margin: 3px 0 0 0;
}
.cywssw .spectrum--light .spectrum-Radio .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--light .spectrum-Radio-label {
color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-Radio-button {
background-color: rgb(250, 250, 250);
border-color: rgb(142, 142, 142);
}
.cywssw .spectrum--light .spectrum-Radio:hover .spectrum-Radio-button {
border-color: rgb(110, 110, 110);
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Radio:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(13, 102, 208);
}
.cywssw .spectrum--light .spectrum-Radio:hover .spectrum-Radio-label {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Radio:active .spectrum-Radio-button {
border-color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-Radio:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(9, 90, 186);
}
.cywssw .spectrum--light .spectrum-Radio:active .spectrum-Radio-label {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Radio--quiet .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(110, 110, 110);
}
.cywssw .spectrum--light .spectrum-Radio--quiet:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-Radio--quiet:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Radio.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button, .cywssw .spectrum--light .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button {
border-color: rgb(201, 37, 45);
}
.cywssw .spectrum--light .spectrum-Radio.is-invalid:hover .spectrum-Radio-label, .cywssw .spectrum--light .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-label {
color: rgb(201, 37, 45);
}
.cywssw .spectrum--light .spectrum-Radio.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button, .cywssw .spectrum--light .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button {
border-color: rgb(187, 18, 26);
}
.cywssw .spectrum--light .spectrum-Radio.is-invalid:active .spectrum-Radio-label, .cywssw .spectrum--light .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-label {
color: rgb(187, 18, 26);
}
.cywssw .spectrum--light .spectrum-Radio.is-invalid .spectrum-Radio-button, .cywssw .spectrum--light .spectrum-Radio.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button, .cywssw .spectrum--light .spectrum-Radio--quiet.is-invalid .spectrum-Radio-button, .cywssw .spectrum--light .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Radio.is-invalid .spectrum-Radio-label, .cywssw .spectrum--light .spectrum-Radio--quiet.is-invalid .spectrum-Radio-label {
color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Radio-input:disabled + .spectrum-Radio-button {
border-color: rgb(202, 202, 202) !important;
}
.cywssw .spectrum--light .spectrum-Radio-input:disabled ~ .spectrum-Radio-label {
color: rgb(179, 179, 179) !important;
}
.cywssw .spectrum--light .spectrum-Radio .spectrum-Radio-input.focus-ring + .spectrum-Radio-button, .cywssw .spectrum--light .spectrum-Radio:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button, .cywssw .spectrum--light .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring + .spectrum-Radio-button, .cywssw .spectrum--light .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Radio .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label, .cywssw .spectrum--light .spectrum-Radio:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label, .cywssw .spectrum--light .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label, .cywssw .spectrum--light .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label {
color: rgb(13, 102, 208);
}
.cywssw .spectrum--light .spectrum-Radio.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button, .cywssw .spectrum--light .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button {
border-color: rgb(38, 128, 235);
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.cywssw .spectrum--darkest .spectrum-Radio .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--darkest .spectrum-Radio-label {
color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-Radio-button {
background-color: rgb(26, 26, 26);
border-color: rgb(124, 124, 124);
}
.cywssw .spectrum--darkest .spectrum-Radio:hover .spectrum-Radio-button {
border-color: rgb(162, 162, 162);
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Radio:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(55, 142, 240);
}
.cywssw .spectrum--darkest .spectrum-Radio:hover .spectrum-Radio-label {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Radio:active .spectrum-Radio-button {
border-color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-Radio:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(75, 156, 245);
}
.cywssw .spectrum--darkest .spectrum-Radio:active .spectrum-Radio-label {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Radio--quiet .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(162, 162, 162);
}
.cywssw .spectrum--darkest .spectrum-Radio--quiet:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-Radio--quiet:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Radio.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button, .cywssw .spectrum--darkest .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button {
border-color: rgb(236, 91, 98);
}
.cywssw .spectrum--darkest .spectrum-Radio.is-invalid:hover .spectrum-Radio-label, .cywssw .spectrum--darkest .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-label {
color: rgb(236, 91, 98);
}
.cywssw .spectrum--darkest .spectrum-Radio.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button, .cywssw .spectrum--darkest .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button {
border-color: rgb(247, 109, 116);
}
.cywssw .spectrum--darkest .spectrum-Radio.is-invalid:active .spectrum-Radio-label, .cywssw .spectrum--darkest .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-label {
color: rgb(247, 109, 116);
}
.cywssw .spectrum--darkest .spectrum-Radio.is-invalid .spectrum-Radio-button, .cywssw .spectrum--darkest .spectrum-Radio.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button, .cywssw .spectrum--darkest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-button, .cywssw .spectrum--darkest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Radio.is-invalid .spectrum-Radio-label, .cywssw .spectrum--darkest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-label {
color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Radio-input:disabled + .spectrum-Radio-button {
border-color: rgb(73, 73, 73) !important;
}
.cywssw .spectrum--darkest .spectrum-Radio-input:disabled ~ .spectrum-Radio-label {
color: rgb(92, 92, 92) !important;
}
.cywssw .spectrum--darkest .spectrum-Radio .spectrum-Radio-input.focus-ring + .spectrum-Radio-button, .cywssw .spectrum--darkest .spectrum-Radio:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button, .cywssw .spectrum--darkest .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring + .spectrum-Radio-button, .cywssw .spectrum--darkest .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Radio .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label, .cywssw .spectrum--darkest .spectrum-Radio:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label, .cywssw .spectrum--darkest .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label, .cywssw .spectrum--darkest .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label {
color: rgb(55, 142, 240);
}
.cywssw .spectrum--darkest .spectrum-Radio.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button, .cywssw .spectrum--darkest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button {
border-color: rgb(20, 115, 230);
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.cywssw .spectrum-FieldGroup {
display: flex;
vertical-align: top;
flex-wrap: wrap;
}
.cywssw .spectrum-FieldGroup--vertical {
display: inline-flex;
flex-direction: column;
}
.cywssw .spectrum-Accordion {
display: block;
list-style: none;
padding: 0;
margin: 0;
}
.cywssw .spectrum-Accordion-itemIndicator {
display: block;
position: absolute;
left: 16px;
top: 14.5px;
transition: transform ease 130ms;
}
.cywssw .spectrum-Accordion-item {
z-index: inherit;
position: relative;
display: list-item;
margin: 0;
border-bottom: 1px solid transparent;
}
.cywssw .spectrum-Accordion-item:first-of-type {
border-top: 1px solid transparent;
}
.cywssw .spectrum-Accordion-itemHeading {
margin: 0;
}
.cywssw .spectrum-Accordion-itemHeader {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
padding: 12px 16px 12px 34px;
margin: 0;
min-height: 39px;
font-size: 11px;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.0006em;
text-overflow: ellipsis;
cursor: pointer;
font-weight: 500;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: inherit;
border: 0;
font-family: inherit;
text-align: start;
width: 100%;
}
.cywssw .spectrum-Accordion-itemHeader:focus {
outline: none;
}
.cywssw .spectrum-Accordion-itemHeader:focus::after {
content: '';
position: absolute;
left: 0;
top: -1px;
bottom: -1px;
width: 2px;
}
.cywssw .spectrum-Accordion-itemContent {
padding: 0 16px 16px 16px;
display: none;
}
.cywssw .spectrum-Accordion-item.is-open > .spectrum-Accordion-itemHeading > .spectrum-Accordion-itemIndicator {
transform: rotate(90deg);
}
.cywssw .spectrum-Accordion-item.is-open > .spectrum-Accordion-itemIndicator {
transform: rotate(90deg);
}
.cywssw .spectrum-Accordion-item.is-open > .spectrum-Accordion-itemHeader::after {
height: 39px;
}
.cywssw .spectrum-Accordion-item.is-open > .spectrum-Accordion-itemContent {
display: block;
}
.cywssw .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader {
cursor: default;
}
.cywssw .spectrum--light .spectrum-Accordion-item {
border-color: rgb(225, 225, 225);
}
.cywssw .spectrum--light .spectrum-Accordion-itemIndicator {
color: rgb(142, 142, 142);
}
.cywssw .spectrum--light .spectrum-Accordion-itemHeader {
color: rgb(110, 110, 110);
}
.cywssw .spectrum--light .spectrum-Accordion-itemHeader:hover {
color: rgb(44, 44, 44);
background-color: rgb(234, 234, 234);
}
.cywssw .spectrum--light .spectrum-Accordion-itemHeader:hover + .spectrum-Accordion-itemIndicator {
color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-Accordion-itemHeader.focus-ring:after {
background-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Accordion-item.is-open .spectrum-Accordion-itemHeader:hover {
background-color: transparent;
}
.cywssw .spectrum--light .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader, .cywssw .spectrum--light .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader:hover, .cywssw .spectrum--light .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader.focus-ring {
color: rgb(179, 179, 179);
background-color: transparent;
}
.cywssw .spectrum--light .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader + .spectrum-Accordion-itemIndicator {
color: rgb(202, 202, 202);
}
.cywssw .spectrum--darkest .spectrum-Accordion-item {
border-color: rgb(57, 57, 57);
}
.cywssw .spectrum--darkest .spectrum-Accordion-itemIndicator {
color: rgb(124, 124, 124);
}
.cywssw .spectrum--darkest .spectrum-Accordion-itemHeader {
color: rgb(162, 162, 162);
}
.cywssw .spectrum--darkest .spectrum-Accordion-itemHeader:hover {
color: rgb(239, 239, 239);
background-color: rgb(44, 44, 44);
}
.cywssw .spectrum--darkest .spectrum-Accordion-itemHeader:hover + .spectrum-Accordion-itemIndicator {
color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-Accordion-itemHeader.focus-ring:after {
background-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Accordion-item.is-open .spectrum-Accordion-itemHeader:hover {
background-color: transparent;
}
.cywssw .spectrum--darkest .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader, .cywssw .spectrum--darkest .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader:hover, .cywssw .spectrum--darkest .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader.focus-ring {
color: rgb(92, 92, 92);
background-color: transparent;
}
.cywssw .spectrum--darkest .spectrum-Accordion-item.is-disabled .spectrum-Accordion-itemHeader + .spectrum-Accordion-itemIndicator {
color: rgb(73, 73, 73);
}
/*************************************************************************
* 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.
**************************************************************************/
.cywssw .react-spectrum-Image {
opacity: 0;
transition: opacity 125ms;
}
.cywssw .react-spectrum-Image.is-loaded, .cywssw .react-spectrum-Image.is-placeholder {
opacity: 1;
}
.cywssw .spectrum-Asset {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.cywssw .spectrum-Asset-image {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
transition: opacity 130ms;
}
.cywssw .spectrum-Asset-folder, .cywssw .spectrum-Asset-file {
width: 100%;
height: 100%;
min-width: 48px;
max-width: 80px;
margin: 20px;
}
.cywssw .spectrum--light .spectrum-Asset-folderBackground {
fill: rgb(225, 225, 225);
}
.cywssw .spectrum--light .spectrum-Asset-fileBackground {
fill: rgb(255, 255, 255);
}
.cywssw .spectrum--light .spectrum-Asset-folderOutline, .cywssw .spectrum--light .spectrum-Asset-fileOutline {
fill: rgb(179, 179, 179);
}
.cywssw .spectrum--darkest .spectrum-Asset-folderBackground {
fill: rgb(57, 57, 57);
}
.cywssw .spectrum--darkest .spectrum-Asset-fileBackground {
fill: rgb(8, 8, 8);
}
.cywssw .spectrum--darkest .spectrum-Asset-folderOutline, .cywssw .spectrum--darkest .spectrum-Asset-fileOutline {
fill: rgb(92, 92, 92);
}
.cywssw .spectrum-Checkbox {
display: inline-flex;
align-items: flex-start;
position: relative;
min-height: 32px;
max-width: 100%;
margin-right: 16px;
vertical-align: top;
}
.cywssw .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;
}
.cywssw .spectrum-Checkbox-input:disabled {
cursor: default;
}
.cywssw .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-width: 7px;
}
.cywssw .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-checkmark {
transform: scale(1);
opacity: 1;
}
.cywssw .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box, .cywssw .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-width: 7px;
}
.cywssw .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box .spectrum-Checkbox-checkmark, .cywssw .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-checkmark {
display: none;
}
.cywssw .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box .spectrum-Checkbox-partialCheckmark, .cywssw .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box .spectrum-Checkbox-partialCheckmark {
display: block;
transform: scale(1);
opacity: 1;
}
.cywssw .spectrum-Checkbox-label {
margin-left: 10px;
font-size: 14px;
font-weight: 400;
transition: color 130ms ease-in-out;
margin-top: 6px;
}
.cywssw .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;
}
.cywssw .spectrum-Checkbox-checkmark, .cywssw .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;
}
.cywssw .spectrum-Checkbox-partialCheckmark {
display: none;
}
.cywssw .spectrum--light .spectrum-Checkbox-label {
color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-Checkbox-box {
border-color: rgb(142, 142, 142);
background-color: rgb(250, 250, 250);
}
.cywssw .spectrum--light .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box, .cywssw .spectrum--light .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--light .spectrum-Checkbox:hover.is-indeterminate .spectrum-Checkbox-box, .cywssw .spectrum--light .spectrum-Checkbox:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(13, 102, 208);
}
.cywssw .spectrum--light .spectrum-Checkbox:active.is-indeterminate .spectrum-Checkbox-box, .cywssw .spectrum--light .spectrum-Checkbox:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(9, 90, 186);
}
.cywssw .spectrum--light .spectrum-Checkbox {
border-color: rgb(142, 142, 142);
}
.cywssw .spectrum--light .spectrum-Checkbox:hover .spectrum-Checkbox-box {
border-color: rgb(110, 110, 110);
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Checkbox:hover .spectrum-Checkbox-label {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Checkbox:active .spectrum-Checkbox-box {
border-color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-Checkbox:active .spectrum-Checkbox-label {
color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Checkbox .spectrum-Checkbox-checkmark, .cywssw .spectrum--light .spectrum-Checkbox .spectrum-Checkbox-partialCheckmark {
color: rgb(250, 250, 250);
}
.cywssw .spectrum--light .spectrum-Checkbox-input:disabled + .spectrum-Checkbox-box {
border-color: rgb(202, 202, 202) !important;
background-color: rgb(250, 250, 250);
}
.cywssw .spectrum--light .spectrum-Checkbox-input:disabled ~ .spectrum-Checkbox-label {
color: rgb(179, 179, 179);
}
.cywssw .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;
}
.cywssw .spectrum--light .spectrum-Checkbox-input.focus-ring ~ .spectrum-Checkbox-label {
color: rgb(13, 102, 208) !important;
}
.cywssw .spectrum--light .spectrum-Checkbox--quiet.is-indeterminate .spectrum-Checkbox-box, .cywssw .spectrum--light .spectrum-Checkbox--quiet .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(110, 110, 110);
}
.cywssw .spectrum--light .spectrum-Checkbox--quiet:hover.is-indeterminate .spectrum-Checkbox-box, .cywssw .spectrum--light .spectrum-Checkbox--quiet:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-Checkbox--quiet:active.is-indeterminate .spectrum-Checkbox-box, .cywssw .spectrum--light .spectrum-Checkbox--quiet:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(44, 44, 44);
}
.cywssw .spectrum--light .spectrum-Checkbox.is-invalid .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box, .cywssw .spectrum--light .spectrum-Checkbox.is-invalid .spectrum-Checkbox-box {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Checkbox.is-invalid .spectrum-Checkbox-label {
color: rgb(201, 37, 45);
}
.cywssw .spectrum--light .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box, .cywssw .spectrum--light .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-box {
border-color: rgb(201, 37, 45);
}
.cywssw .spectrum--light .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-label {
color: rgb(187, 18, 26);
}
.cywssw .spectrum--light .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box, .cywssw .spectrum--light .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-box {
border-color: rgb(187, 18, 26);
}
.cywssw .spectrum--light .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-label {
color: rgb(187, 18, 26);
}
.cywssw .spectrum--darkest .spectrum-Checkbox-label {
color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-Checkbox-box {
border-color: rgb(124, 124, 124);
background-color: rgb(26, 26, 26);
}
.cywssw .spectrum--darkest .spectrum-Checkbox.is-indeterminate .spectrum-Checkbox-box, .cywssw .spectrum--darkest .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--darkest .spectrum-Checkbox:hover.is-indeterminate .spectrum-Checkbox-box, .cywssw .spectrum--darkest .spectrum-Checkbox:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(55, 142, 240);
}
.cywssw .spectrum--darkest .spectrum-Checkbox:active.is-indeterminate .spectrum-Checkbox-box, .cywssw .spectrum--darkest .spectrum-Checkbox:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(75, 156, 245);
}
.cywssw .spectrum--darkest .spectrum-Checkbox {
border-color: rgb(124, 124, 124);
}
.cywssw .spectrum--darkest .spectrum-Checkbox:hover .spectrum-Checkbox-box {
border-color: rgb(162, 162, 162);
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Checkbox:hover .spectrum-Checkbox-label {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Checkbox:active .spectrum-Checkbox-box {
border-color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-Checkbox:active .spectrum-Checkbox-label {
color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Checkbox .spectrum-Checkbox-checkmark, .cywssw .spectrum--darkest .spectrum-Checkbox .spectrum-Checkbox-partialCheckmark {
color: rgb(26, 26, 26);
}
.cywssw .spectrum--darkest .spectrum-Checkbox-input:disabled + .spectrum-Checkbox-box {
border-color: rgb(73, 73, 73) !important;
background-color: rgb(26, 26, 26);
}
.cywssw .spectrum--darkest .spectrum-Checkbox-input:disabled ~ .spectrum-Checkbox-label {
color: rgb(92, 92, 92);
}
.cywssw .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;
}
.cywssw .spectrum--darkest .spectrum-Checkbox-input.focus-ring ~ .spectrum-Checkbox-label {
color: rgb(55, 142, 240) !important;
}
.cywssw .spectrum--darkest .spectrum-Checkbox--quiet.is-indeterminate .spectrum-Checkbox-box, .cywssw .spectrum--darkest .spectrum-Checkbox--quiet .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(162, 162, 162);
}
.cywssw .spectrum--darkest .spectrum-Checkbox--quiet:hover.is-indeterminate .spectrum-Checkbox-box, .cywssw .spectrum--darkest .spectrum-Checkbox--quiet:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-Checkbox--quiet:active.is-indeterminate .spectrum-Checkbox-box, .cywssw .spectrum--darkest .spectrum-Checkbox--quiet:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box {
border-color: rgb(239, 239, 239);
}
.cywssw .spectrum--darkest .spectrum-Checkbox.is-invalid .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box, .cywssw .spectrum--darkest .spectrum-Checkbox.is-invalid .spectrum-Checkbox-box {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Checkbox.is-invalid .spectrum-Checkbox-label {
color: rgb(236, 91, 98);
}
.cywssw .spectrum--darkest .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box, .cywssw .spectrum--darkest .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-box {
border-color: rgb(236, 91, 98);
}
.cywssw .spectrum--darkest .spectrum-Checkbox.is-invalid:hover .spectrum-Checkbox-label {
color: rgb(247, 109, 116);
}
.cywssw .spectrum--darkest .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-input:checked + .spectrum-Checkbox-box, .cywssw .spectrum--darkest .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-box {
border-color: rgb(247, 109, 116);
}
.cywssw .spectrum--darkest .spectrum-Checkbox.is-invalid:active .spectrum-Checkbox-label {
color: rgb(247, 109, 116);
}
.cywssw .spectrum-Dropzone {
text-align: center;
border-width: 2px;
border-radius: 4px;
padding: 72px;
border-style: dashed;
}
.cywssw .spectrum-Dropzone.is-dragged {
border-style: solid;
}
.cywssw .spectrum-Dropzone:focus {
outline: 0;
border-style: dashed;
}
.cywssw .spectrum-Dropzone:focus.focus-ring {
border-style: solid;
}
.cywssw .spectrum--light .spectrum-Dropzone {
border-color: rgb(225, 225, 225);
}
.cywssw .spectrum--light .spectrum-Dropzone.is-dragged {
border-color: rgb(38, 128, 235);
background-color: rgba(20,115,230,0.1);
}
.cywssw .spectrum--light .spectrum-Dropzone.is-dragged .spectrum-IllustratedMessage-illustration {
color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Dropzone:focus {
border-color: rgb(225, 225, 225);
}
.cywssw .spectrum--light .spectrum-Dropzone:focus .spectrum-IllustratedMessage-illustration {
color: rgb(188, 188, 188);
}
.cywssw .spectrum--light .spectrum-Dropzone:focus.focus-ring {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Dropzone:focus.is-dragged.focus-ring .spectrum-IllustratedMessage-illustration {
color: rgb(38, 128, 235);
}
.cywssw .spectrum--darkest .spectrum-Dropzone {
border-color: rgb(57, 57, 57);
}
.cywssw .spectrum--darkest .spectrum-Dropzone.is-dragged {
border-color: rgb(20, 115, 230);
background-color: rgba(38,128,235,0.2);
}
.cywssw .spectrum--darkest .spectrum-Dropzone.is-dragged .spectrum-IllustratedMessage-illustration {
color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Dropzone:focus {
border-color: rgb(57, 57, 57);
}
.cywssw .spectrum--darkest .spectrum-Dropzone:focus .spectrum-IllustratedMessage-illustration {
color: rgb(188, 188, 188);
}
.cywssw .spectrum--darkest .spectrum-Dropzone:focus.focus-ring {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Dropzone:focus.is-dragged.focus-ring .spectrum-IllustratedMessage-illustration {
color: rgb(20, 115, 230);
}
.cywssw .spectrum-IllustratedMessage {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.cywssw .spectrum-IllustratedMessage-illustration {
margin-bottom: 24px;
}
.cywssw .spectrum-IllustratedMessage-heading {
max-width: 500px;
margin: 0;
}
.cywssw .spectrum-IllustratedMessage-description {
max-width: 500px;
margin: 4px 0 0 0;
font-style: italic;
}
.cywssw .spectrum-IllustratedMessage--cta .spectrum-IllustratedMessage-description {
font-style: normal;
}
.cywssw .spectrum--light .spectrum-IllustratedMessage-illustration {
color: rgb(179, 179, 179);
fill: currentColor;
stroke: currentColor;
}
.cywssw .spectrum--darkest .spectrum-IllustratedMessage-illustration {
color: rgb(92, 92, 92);
fill: currentColor;
stroke: currentColor;
}
.cywssw .spectrum-Rule {
width: 100%;
overflow: visible;
border: none;
border-width: 2px;
border-radius: 2px;
}
.cywssw .spectrum-Rule--large {
height: 4px;
border-radius: 2px;
}
.cywssw .spectrum-Rule--medium {
height: 2px;
border-radius: 1px;
}
.cywssw .spectrum-Rule--small {
height: 1px;
border-radius: 1px;
}
.cywssw .spectrum-Rule--vertical {
height: 100%;
}
.cywssw .spectrum-Rule--vertical.spectrum-Rule--large {
width: 4px;
}
.cywssw .spectrum-Rule--vertical.spectrum-Rule--medium {
width: 2px;
}
.cywssw .spectrum-Rule--vertical.spectrum-Rule--small {
width: 1px;
}
.cywssw .spectrum--light .spectrum-Rule--large {
background-color: rgb(75, 75, 75);
}
.cywssw .spectrum--light .spectrum-Rule--medium {
background-color: rgb(225, 225, 225);
}
.cywssw .spectrum--light .spectrum-Rule--small {
background-color: rgb(225, 225, 225);
}
.cywssw .spectrum--darkest .spectrum-Rule--large {
background-color: rgb(200, 200, 200);
}
.cywssw .spectrum--darkest .spectrum-Rule--medium {
background-color: rgb(57, 57, 57);
}
.cywssw .spectrum--darkest .spectrum-Rule--small {
background-color: rgb(57, 57, 57);
}
.cywssw .spectrum-Search {
display: inline-block;
position: relative;
}
.cywssw .spectrum-Search .spectrum-ClearButton {
position: absolute;
right: 0;
top: 0;
}
.cywssw .spectrum-Search-input {
display: block;
-webkit-appearance: none;
outline-offset: -2px;
padding-left: 36px;
text-indent: 0;
padding-right: 28px;
}
.cywssw .spectrum-Search-input::-webkit-search-cancel-button, .cywssw .spectrum-Search-input::-webkit-search-decoration {
-webkit-appearance: none;
}
.cywssw .spectrum-Search-input.spectrum-Textfield--quiet {
padding-left: 24px;
padding-right: 20px;
}
.cywssw .spectrum-Search-input.spectrum-Textfield--quiet ~ .spectrum-Search-icon {
left: 0;
}
.cywssw .spectrum-Search-input.spectrum-Textfield--quiet ~ .spectrum-Search-clear {
right: -8px;
}
.cywssw .spectrum-Search-input.spectrum-Textfield--quiet ~ .spectrum-Search-rightIcon {
right: 0;
}
.cywssw .spectrum-Search-icon {
display: block;
position: absolute;
left: 12px;
top: 8px;
pointer-events: none;
}
.cywssw .spectrum--light .spectrum-Search-icon {
color: rgb(110, 110, 110);
}
.cywssw .spectrum--light .spectrum-Search-input:disabled ~ .spectrum-Search-icon {
color: rgb(179, 179, 179);
}
.cywssw .spectrum--darkest .spectrum-Search-icon {
color: rgb(162, 162, 162);
}
.cywssw .spectrum--darkest .spectrum-Search-input:disabled ~ .spectrum-Search-icon {
color: rgb(92, 92, 92);
}
.cywssw .spectrum-InputGroup {
position: relative;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
min-width: 192px;
border-radius: 4px;
}
.cywssw .spectrum-InputGroup .spectrum-FieldButton {
padding: 0 12px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.cywssw .spectrum-InputGroup-field {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-width: 0;
flex: 1;
}
.cywssw .spectrum-InputGroup--quiet {
border-radius: 0;
}
.cywssw .spectrum-InputGroup--quiet .spectrum-FieldButton {
border-radius: 0;
position: relative;
padding-right: 0;
border-bottom: 1px solid;
}
.cywssw .spectrum-InputGroup--quiet .spectrum-FieldButton:after {
content: '';
position: absolute;
height: 100%;
width: 10px;
right: -10px;
}
.cywssw .spectrum-InputGroup--quiet .spectrum-InputGroup-icon {
right: 0;
}
.cywssw .spectrum-Datepicker--range {
border-radius: 4px;
}
.cywssw .spectrum-Datepicker--range.spectrum-InputGroup--quiet {
border-radius: 0;
}
.cywssw .spectrum-Datepicker--range.spectrum-InputGroup--quiet .spectrum-FieldButton {
border-radius: 0;
}
.cywssw .spectrum-Datepicker--range.spectrum-Datepicker--datetimeRange .spectrum-InputGroup-field {
width: 153px;
min-width: 153px;
}
.cywssw .spectrum-Datepicker--range .spectrum-InputGroup-field {
width: 104px;
min-width: 104px;
flex: initial;
}
.cywssw .spectrum-Datepicker--range .spectrum-InputGroup-field.spectrum-Datepicker-startField {
border-right: 0;
padding-right: 12px;
}
.cywssw .spectrum-Datepicker--range .spectrum-InputGroup-field.spectrum-Datepicker-startField.is-invalid, .cywssw .spectrum-Datepicker--range .spectrum-InputGroup-field.spectrum-Datepicker-startField:invalid {
background-image: none;
padding-right: 12px;
}
.cywssw .spectrum-Datepicker--range .spectrum-InputGroup-field.spectrum-Datepicker-endField {
border-left: 0;
border-radius: 0;
padding-left: 12px;
}
.cywssw .spectrum-Datepicker--range .spectrum-Datepicker--rangeDash {
line-height: 24px;
padding-top: 0;
flex: initial;
width: 0;
z-index: 1;
}
.cywssw .spectrum-Datepicker--range .spectrum-Datepicker--rangeDash:before {
content: '—';
display: inline-block;
margin: 0 -7px;
overflow: hidden;
text-align: center;
vertical-align: middle;
width: 14px;
}
.cywssw .spectrum-Datepicker--range.is-focused .spectrum-Datepicker-focusRing {
position: absolute;
border-radius: 4px;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.cywssw .spectrum-Datepicker--range.spectrum-InputGroup--quiet.is-focused .spectrum-Datepicker-focusRing {
border-radius: 0;
top: auto;
}
.cywssw .spectrum-Datepicker--range.spectrum-InputGroup--quiet .spectrum-Datepicker--rangeDash:before {
margin-left: -7px;
}
.cywssw .spectrum--light .spectrum-InputGroup.is-focused:not(.is-invalid) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid) {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-InputGroup.is-focused:not(.is-invalid) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid) ~ .spectrum-FieldButton {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-InputGroup:hover:not(.is-invalid):not(.is-focused) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid) {
border-color: rgb(202, 202, 202);
}
.cywssw .spectrum--light .spectrum-InputGroup:hover:not(.is-invalid):not(.is-focused) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid) ~ .spectrum-FieldButton {
border-color: rgb(202, 202, 202);
}
.cywssw .spectrum--light .spectrum-InputGroup:hover:not(.is-invalid):not(.is-focused) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid):focus {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-InputGroup:hover:not(.is-invalid):not(.is-focused) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid):focus ~ .spectrum-FieldButton {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-InputGroup-field:focus ~ .spectrum-FieldButton {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-InputGroup-field:focus.is-invalid ~ .spectrum-FieldButton, .cywssw .spectrum--light .spectrum-InputGroup-field:focus:invalid ~ .spectrum-FieldButton {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-InputGroup-field.focus-ring ~ .spectrum-FieldButton {
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-InputGroup-field.focus-ring.is-invalid ~ .spectrum-FieldButton, .cywssw .spectrum--light .spectrum-InputGroup-field.focus-ring:invalid ~ .spectrum-FieldButton {
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-FieldButton, .cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-FieldButton:hover, .cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-FieldButton:focus, .cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-FieldButton:active, .cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-FieldButton.is-selected, .cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-FieldButton:invalid, .cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-FieldButton.is-invalid, .cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-FieldButton:disabled, .cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-FieldButton:disabled:hover {
border-color: rgb(225, 225, 225);
}
.cywssw .spectrum--light .spectrum-InputGroup--quiet:hover:not(.is-invalid) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid):not(:focus) ~ .spectrum-FieldButton {
border-color: rgb(202, 202, 202);
}
.cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-InputGroup-field.is-invalid ~ .spectrum-FieldButton, .cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-InputGroup-field:invalid ~ .spectrum-FieldButton {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-InputGroup-field:focus ~ .spectrum-FieldButton {
box-shadow: 0 1px 0 rgb(38, 128, 235);
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-InputGroup-field:focus.is-invalid ~ .spectrum-FieldButton, .cywssw .spectrum--light .spectrum-InputGroup--quiet .spectrum-InputGroup-field:focus:invalid ~ .spectrum-FieldButton {
box-shadow: 0 1px 0 rgb(215, 55, 63);
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Datepicker--range .spectrum-InputGroup-field.focus-ring {
box-shadow: none !important;
}
.cywssw .spectrum--light .spectrum-Datepicker--range .spectrum-InputGroup-field[disabled] ~ .spectrum-Datepicker--rangeDash {
color: rgb(179, 179, 179);
}
.cywssw .spectrum--light .spectrum-Datepicker--range .focus-ring ~ .spectrum-Datepicker-focusRing {
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Datepicker--range .focus-ring:invalid ~ .spectrum-FieldButton, .cywssw .spectrum--light .spectrum-Datepicker--range .focus-ring.is-invalid ~ .spectrum-FieldButton {
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Datepicker--range .focus-ring:invalid ~ .spectrum-Datepicker-focusRing, .cywssw .spectrum--light .spectrum-Datepicker--range .focus-ring.is-invalid ~ .spectrum-Datepicker-focusRing {
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Datepicker--range.is-invalid .spectrum-InputGroup-field {
border-color: rgb(215, 55, 63) !important;
}
.cywssw .spectrum--light .spectrum-Datepicker--range.is-invalid .focus-ring ~ .spectrum-Datepicker-focusRing {
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Datepicker--range.is-invalid .focus-ring ~ .spectrum-FieldButton {
border-color: rgb(215, 55, 63);
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Datepicker--range.is-invalid .spectrum-FieldButton {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Datepicker--range.is-invalid .spectrum-FieldButton.is-invalid.focus-ring {
border-color: rgb(215, 55, 63);
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Datepicker--range.spectrum-InputGroup--quiet.is-focused .spectrum-Datepicker-focusRing {
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Datepicker--range.spectrum-InputGroup--quiet.is-focused.is-invalid .spectrum-FieldButton {
box-shadow: none;
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Datepicker--range.spectrum-InputGroup--quiet.is-focused.is-invalid .spectrum-FieldButton.is-invalid.focus-ring {
box-shadow: 0 2px 0 0 rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Datepicker--range.spectrum-InputGroup--quiet.is-focused.is-invalid .spectrum-Datepicker-focusRing {
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.cywssw .spectrum--darkest .spectrum-InputGroup.is-focused:not(.is-invalid) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid) {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-InputGroup.is-focused:not(.is-invalid) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid) ~ .spectrum-FieldButton {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-InputGroup:hover:not(.is-invalid):not(.is-focused) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid) {
border-color: rgb(73, 73, 73);
}
.cywssw .spectrum--darkest .spectrum-InputGroup:hover:not(.is-invalid):not(.is-focused) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid) ~ .spectrum-FieldButton {
border-color: rgb(73, 73, 73);
}
.cywssw .spectrum--darkest .spectrum-InputGroup:hover:not(.is-invalid):not(.is-focused) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid):focus {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-InputGroup:hover:not(.is-invalid):not(.is-focused) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid):focus ~ .spectrum-FieldButton {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-InputGroup-field:focus ~ .spectrum-FieldButton {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-InputGroup-field:focus.is-invalid ~ .spectrum-FieldButton, .cywssw .spectrum--darkest .spectrum-InputGroup-field:focus:invalid ~ .spectrum-FieldButton {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-InputGroup-field.focus-ring ~ .spectrum-FieldButton {
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-InputGroup-field.focus-ring.is-invalid ~ .spectrum-FieldButton, .cywssw .spectrum--darkest .spectrum-InputGroup-field.focus-ring:invalid ~ .spectrum-FieldButton {
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-FieldButton, .cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-FieldButton:hover, .cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-FieldButton:focus, .cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-FieldButton:active, .cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-FieldButton.is-selected, .cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-FieldButton:invalid, .cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-FieldButton.is-invalid, .cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-FieldButton:disabled, .cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-FieldButton:disabled:hover {
border-color: rgb(57, 57, 57);
}
.cywssw .spectrum--darkest .spectrum-InputGroup--quiet:hover:not(.is-invalid) .spectrum-InputGroup-field:not(:disabled):not(.is-invalid):not(:focus) ~ .spectrum-FieldButton {
border-color: rgb(73, 73, 73);
}
.cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-InputGroup-field.is-invalid ~ .spectrum-FieldButton, .cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-InputGroup-field:invalid ~ .spectrum-FieldButton {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-InputGroup-field:focus ~ .spectrum-FieldButton {
box-shadow: 0 1px 0 rgb(20, 115, 230);
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-InputGroup-field:focus.is-invalid ~ .spectrum-FieldButton, .cywssw .spectrum--darkest .spectrum-InputGroup--quiet .spectrum-InputGroup-field:focus:invalid ~ .spectrum-FieldButton {
box-shadow: 0 1px 0 rgb(227, 72, 80);
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range .spectrum-InputGroup-field.focus-ring {
box-shadow: none !important;
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range .spectrum-InputGroup-field[disabled] ~ .spectrum-Datepicker--rangeDash {
color: rgb(92, 92, 92);
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range .focus-ring ~ .spectrum-Datepicker-focusRing {
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range .focus-ring:invalid ~ .spectrum-FieldButton, .cywssw .spectrum--darkest .spectrum-Datepicker--range .focus-ring.is-invalid ~ .spectrum-FieldButton {
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range .focus-ring:invalid ~ .spectrum-Datepicker-focusRing, .cywssw .spectrum--darkest .spectrum-Datepicker--range .focus-ring.is-invalid ~ .spectrum-Datepicker-focusRing {
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range.is-invalid .spectrum-InputGroup-field {
border-color: rgb(227, 72, 80) !important;
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range.is-invalid .focus-ring ~ .spectrum-Datepicker-focusRing {
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range.is-invalid .focus-ring ~ .spectrum-FieldButton {
border-color: rgb(227, 72, 80);
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range.is-invalid .spectrum-FieldButton {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range.is-invalid .spectrum-FieldButton.is-invalid.focus-ring {
border-color: rgb(227, 72, 80);
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range.spectrum-InputGroup--quiet.is-focused .spectrum-Datepicker-focusRing {
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range.spectrum-InputGroup--quiet.is-focused.is-invalid .spectrum-FieldButton {
box-shadow: none;
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range.spectrum-InputGroup--quiet.is-focused.is-invalid .spectrum-FieldButton.is-invalid.focus-ring {
box-shadow: 0 2px 0 0 rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Datepicker--range.spectrum-InputGroup--quiet.is-focused.is-invalid .spectrum-Datepicker-focusRing {
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
/*************************************************************************
* 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.
**************************************************************************/
.cywssw .u-react-spectrum-screenReaderOnly {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: 0 -1px -1px 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.cywssw .u-react-spectrum-screenReaderOnly.is-focusable:active, .cywssw .u-react-spectrum-screenReaderOnly.is-focusable:focus {
clip: auto;
-webkit-clip-path: none;
clip-path: none;
height: auto;
margin: inherit;
overflow: visible;
position: static;
width: auto;
white-space: inherit;
}
.cywssw .spectrum-Stepper {
display: inline-flex;
flex-direction: row-reverse;
flex-wrap: nowrap;
width: 192px;
line-height: 0;
border-radius: 4px;
transition: border-color 130ms ease-in-out, box-shadow 130ms ease-in-out;
}
.cywssw .spectrum-Stepper::before {
content: '';
}
.cywssw .spectrum-Stepper-buttons {
display: block;
border-radius: 4px 0 0 4px;
transition: box-shadow 130ms ease-in-out;
}
.cywssw .spectrum-Stepper-stepUp, .cywssw .spectrum-Stepper-stepDown {
position: relative;
display: block;
height: 16px;
width: 24px;
padding-left: 6px;
padding-right: 6px;
margin: 0 !important;
border-width: 1px;
border-right-width: 0;
border-radius: 4px 0 0 4px;
}
.cywssw .spectrum-Stepper-stepUp .spectrum-Icon, .cywssw .spectrum-Stepper-stepDown .spectrum-Icon {
margin: 0 !important;
opacity: 1;
}
.cywssw .spectrum-Stepper-stepUp {
border-bottom: none;
border-bottom-left-radius: 0;
}
.cywssw .spectrum-Stepper-stepUp .spectrum-Icon {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 3px;
}
.cywssw .spectrum-Stepper-stepDown {
border-top: none;
border-top-left-radius: 0;
border-bottom-width: 1px;
}
.cywssw .spectrum-Stepper-stepDown:focus {
border-top: none;
}
.cywssw .spectrum-Stepper-stepDown .spectrum-Icon {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 3px;
}
.cywssw .spectrum-Stepper-input {
position: relative;
flex: 1;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
z-index: 1;
}
.cywssw .spectrum-Stepper--quiet {
border-radius: 0;
}
.cywssw .spectrum-Stepper--quiet .spectrum-Stepper-buttons .spectrum-ActionButton {
border-top: none;
border-left: none;
border-radius: 0;
}
.cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input:focus {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input:focus + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input:focus + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input:focus:invalid, .cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input:focus.is-invalid {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input:focus:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input:focus:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input:focus.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input:focus.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input.focus-ring {
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons {
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input.focus-ring:invalid, .cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input.focus-ring.is-invalid {
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input.focus-ring:invalid + .spectrum-Stepper-buttons, .cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input.focus-ring.is-invalid + .spectrum-Stepper-buttons {
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input:invalid, .cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input.is-invalid {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--light .spectrum-Stepper .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input {
border-color: rgb(38, 128, 235);
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input.focus-ring {
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons {
box-shadow: 0 0 0 1px rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input.focus-ring:invalid, .cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input.focus-ring.is-invalid {
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input.focus-ring:invalid + .spectrum-Stepper-buttons, .cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input.focus-ring.is-invalid + .spectrum-Stepper-buttons {
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input:invalid, .cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input.is-invalid {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--light .spectrum-Stepper.is-focused .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper.is-invalid .spectrum-Stepper-input {
border-color: rgb(215, 55, 63);
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Stepper.is-invalid .spectrum-Stepper-input + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--light .spectrum-Stepper.is-invalid .spectrum-Stepper-input + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper.is-invalid .spectrum-Stepper-input.focus-ring {
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper.is-invalid .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons {
box-shadow: 0 0 0 1px rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper-stepUp, .cywssw .spectrum--light .spectrum-Stepper-stepDown {
border-color: rgb(225, 225, 225);
}
.cywssw .spectrum--light .spectrum-Stepper-stepUp:disabled, .cywssw .spectrum--light .spectrum-Stepper-stepDown:disabled {
border-color: transparent;
}
.cywssw .spectrum--light .spectrum-Stepper-stepUp:hover, .cywssw .spectrum--light .spectrum-Stepper-stepDown:hover {
border-color: rgb(225, 225, 225);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-stepUp:disabled, .cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-stepDown:disabled {
border-color: rgb(225, 225, 225);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input {
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input:focus + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input:focus:invalid, .cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input:focus.is-invalid {
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring {
box-shadow: 0 1px 0 0 rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
box-shadow: 0 1px 0 0 rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring:invalid, .cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring.is-invalid {
box-shadow: 0 1px 0 0 rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring:invalid + .spectrum-Stepper-buttons, .cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring.is-invalid + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
box-shadow: 0 1px 0 0 rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input:invalid, .cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input.is-invalid {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons, .cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--light .spectrum-Stepper--quiet .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input {
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input:focus + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring {
border-color: rgb(38, 128, 235);
box-shadow: 0 1px 0 0 rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
box-shadow: 0 1px 0 0 rgb(38, 128, 235);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring:invalid, .cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring.is-invalid {
box-shadow: 0 1px 0 0 rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring:invalid + .spectrum-Stepper-buttons, .cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring.is-invalid + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
box-shadow: 0 1px 0 0 rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input:invalid, .cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.is-invalid {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons, .cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--light .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-input {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-input + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-input:focus + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-input.focus-ring {
box-shadow: 0 1px 0 0 rgb(215, 55, 63);
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--light .spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
box-shadow: 0 1px 0 0 rgb(215, 55, 63);
}
.cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input:focus {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input:focus + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input:focus + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input:focus:invalid, .cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input:focus.is-invalid {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input:focus:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input:focus:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input:focus.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input:focus.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input.focus-ring {
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons {
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input.focus-ring:invalid, .cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input.focus-ring.is-invalid {
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input.focus-ring:invalid + .spectrum-Stepper-buttons, .cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input.focus-ring.is-invalid + .spectrum-Stepper-buttons {
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input:invalid, .cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input.is-invalid {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--darkest .spectrum-Stepper .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input {
border-color: rgb(20, 115, 230);
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input.focus-ring {
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons {
box-shadow: 0 0 0 1px rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input.focus-ring:invalid, .cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input.focus-ring.is-invalid {
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input.focus-ring:invalid + .spectrum-Stepper-buttons, .cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input.focus-ring.is-invalid + .spectrum-Stepper-buttons {
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input:invalid, .cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input.is-invalid {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--darkest .spectrum-Stepper.is-focused .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper.is-invalid .spectrum-Stepper-input {
border-color: rgb(227, 72, 80);
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Stepper.is-invalid .spectrum-Stepper-input + .spectrum-Stepper-buttons .spectrum-Stepper-stepUp, .cywssw .spectrum--darkest .spectrum-Stepper.is-invalid .spectrum-Stepper-input + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper.is-invalid .spectrum-Stepper-input.focus-ring {
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper.is-invalid .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons {
box-shadow: 0 0 0 1px rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper-stepUp, .cywssw .spectrum--darkest .spectrum-Stepper-stepDown {
border-color: rgb(57, 57, 57);
}
.cywssw .spectrum--darkest .spectrum-Stepper-stepUp:disabled, .cywssw .spectrum--darkest .spectrum-Stepper-stepDown:disabled {
border-color: transparent;
}
.cywssw .spectrum--darkest .spectrum-Stepper-stepUp:hover, .cywssw .spectrum--darkest .spectrum-Stepper-stepDown:hover {
border-color: rgb(57, 57, 57);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-stepUp:disabled, .cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-stepDown:disabled {
border-color: rgb(57, 57, 57);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input {
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input:focus + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input:focus:invalid, .cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input:focus.is-invalid {
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring {
box-shadow: 0 1px 0 0 rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
box-shadow: 0 1px 0 0 rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring:invalid, .cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring.is-invalid {
box-shadow: 0 1px 0 0 rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring:invalid + .spectrum-Stepper-buttons, .cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring.is-invalid + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input.focus-ring.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
box-shadow: 0 1px 0 0 rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input:invalid, .cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input.is-invalid {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons, .cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--darkest .spectrum-Stepper--quiet .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input {
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input:focus + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring {
border-color: rgb(20, 115, 230);
box-shadow: 0 1px 0 0 rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
box-shadow: 0 1px 0 0 rgb(20, 115, 230);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring:invalid, .cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring.is-invalid {
box-shadow: 0 1px 0 0 rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring:invalid + .spectrum-Stepper-buttons, .cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring.is-invalid + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.focus-ring.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
box-shadow: 0 1px 0 0 rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input:invalid, .cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.is-invalid {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons, .cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input:invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown, .cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-focused .spectrum-Stepper-input.is-invalid + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-input {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-input + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-input:focus + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
border-color: rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-input.focus-ring {
box-shadow: 0 1px 0 0 rgb(227, 72, 80);
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons {
box-shadow: none;
}
.cywssw .spectrum--darkest .spectrum-Stepper--quiet.is-invalid .spectrum-Stepper-input.focus-ring + .spectrum-Stepper-buttons .spectrum-Stepper-stepDown {
box-shadow: 0 1px 0 0 rgb(227, 72, 80);
}
.cywssw .dialog{width:26.5rem;height:30rem;max-height:30rem;min-height:330px;padding:0}.cywssw .dialog .ccx-ss-dialog{max-height:550px}