Mini Kabibi Habibi

/**
 * ADOBE CONFIDENTIAL
 * ___________________
 *
 * Copyright 2020 Adobe
 * All Rights Reserved.
 *
 * NOTICE: All information contained herein is, and remains
 * the property of Adobe and its suppliers, if any. The intellectual
 * and technical concepts contained herein are proprietary to Adobe
 * and its suppliers and are protected by all applicable intellectual
 * property laws, including trade secret and copyright laws.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe.
 */

/* This file contains styles applicable to Sharesheet running in
 * all themes of Illustrator
 */

/* Fills the vertical and horizontal space of the plugin area */
#ccx-ss-spectrum-provider,
.ccx-ss-dialog,
#ccx-ss-spectrum-provider #ccx-ss-waiting-view,
#ccx-ss-spectrum-provider #ccx-ss-invite-save-view {
  height: 100vh;
  width: 100vw;
}

/* ??? */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Offset left, right padding to account for UXP popover border */
.ccx-ss-dialog-header,
.ccx-ss-share-invite-input.collaborators-view,
.ccx-ss-share-invite-input.facepile-view,
.ccx-ss-invite-content,
.ccx-ss-invite-footer-button-wrapper {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.ccx-ss-share-footer {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

/* Corrects "Button" span width in UXP */
.ccx-ss-invite-column {
  flex: none !important;
}

.ccx-ss-artifact-title-input input,
.title-input-container input {
  margin-left: -5px;
}

/* Textarea/span stabilization : CCX-8089 */
.ccx-ss-invite-message-textarea,
.ccx-ss-quiet-message-textarea {
  /*** Ensures the UXP multi-line text area is multi-line ***/
  height: 140px !important;
  overflow: hidden !important;
}

.ccx-ss-invite-message-textarea span.inputSpan,
.ccx-ss-quiet-message-textarea span.inputSpan {
  font-family: 'adobe-clean', Helvetica, Arial, sans-serif;
  font-style: 'normal' !important;
  height: 140px !important;
  left: -4px !important;
  line-height: 1.32 !important;

  margin: 0 0 0 10px !important;
  padding: 0 !important;
  position: relative !important;
  /*** These are magic numbers which align the span to the native input box position ***/
  top: 1px !important;
  white-space: pre-wrap !important; /* Ensures that white space is preserved in the span display */
  width: 296px !important;
}

#ccx-ss-artifact-invite textarea {
  font-size: 14px;
  margin-left: -8px;
}

#ccx-ss-artifact-invite span.inputSpan {
  color: var(--ccx-share-sheet-text-color-2) !important;
  padding-top: 3px;
}

.ccx-ss-share-invite #ccx-ss-invite-message .ccx-ss-quiet-message-textarea span.inputSpan {
  margin-left: 12px !important;
  padding-left: 4px !important;
  top: 0 !important;
  width: 100% !important;
}

.fieldLabelBase-Override {
  align-items: flex-start;
  width: 100%;
}

#ccx-ss-invite-message .ccx-ss-quiet-message-textarea span.inputSpan[target='placeholder'] {
  /* These rules are just an approximation of the actual font */
  color: var(--ccx-share-sheet-placeholder-color) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  letter-spacing: -0.04em;
  top: 4px !important;
}

#ccx-ss-invite-message .ccx-ss-invite-message-textarea span.inputSpan[target='placeholder'] {
  color: var(--ccx-share-sheet-placeholder-color) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  letter-spacing: -0.04em;
  padding-left: 1px !important;
  top: 4px !important;
}

/* End CCX-8089 */
.spectrum-Tags-item {
  margin: 2px;
}

.ccx-ss-quiet-input-tags {
  max-height: 84px !important;
}

.spectrum-Textfield.spectrum-Textfield--quiet.ccx-ss-artifact-title-input {
  border-bottom: solid 1px;
  border-bottom-color: var(--ccx-share-sheet-border-color-disabled) !important;
}

.ccx-ss-artifact-title-input .inputText {
  color: var(--ccx-share-sheet-label-text-color) !important;
}

.ccx-ss-artifact-title-input .inputText::placeholder {
  color: var(--ccx-share-sheet-label-text-color) !important;
}

.ccx-ss-artifact-title-input .inputText:disabled {
  color: var(--ccx-share-sheet-label-text-color) !important;
}

/* CCX-13755 Styling for fake artifact tile input while Onboarding is shown above it */
.react-spectrum-provider.spectrum
  .spectrum-Textfield.spectrum-Textfield--quiet.ccx-ss-artifact-title-input
  span.inputSpan,
.react-spectrum-provider.spectrum .spectrum-Textfield.ccx-ss-artifact-title-input span.inputSpan {
  color: var(--ccx-share-sheet-label-text-color) !important;
  font-family: 'Adobe Clean', Helvetica, Arial, sans-serif;
  font-size: var(--ccx-share-sheet-font-size-md) !important;
  margin-left: 1px !important;
  margin-top: 1px;
  padding-left: 0 !important;
}

/* Z-index artboard range input font/placement correction while tooltips are displayed */
.react-spectrum-provider.spectrum
  #ccx-ss-artifact-node-curation-section
  .ccx-ss-artifact-node-curation-section-text-field-wrapper
  input {
  /* Setting as 'Adobe Clean' adds unexpected serif to numbers */
  font-family: Arial, Helvetica, sans-serif;
}
.react-spectrum-provider.spectrum
  #ccx-ss-artifact-node-curation-section
  .ccx-ss-artifact-node-curation-section-text-field-wrapper
  .spectrum-Textfield
  span.inputSpan {
  color: var(--ccx-share-sheet-label-text-color);
  margin-top: 3px;
}

.ccx-ss-password-input-row
  .ccx-ss-password-input-content
  .ccx-ss-password-input
  .ccx-ss-password-input-container
  .spectrum-Textfield,
.ccx-ss-password-input-row
  .ccx-ss-password-input-content
  .ccx-ss-password-input
  .ccx-ss-password-input-container
  .spectrum-Textfield
  > .inputText {
  background: var(--ccx-share-sheet-input-background-color-1) !important;
  background-color: var(--ccx-share-sheet-input-background-color-1) !important;
}

.ccx-ss-share-footer .ccx-ss-link-access-select-container .ccx-ss-link-access-select-dropdown {
  flex: none !important;
  width: auto !important;
}