Mini Kabibi Habibi

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

/* Override styles applicable to all themes of Photoshop */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#root {
  align-items: center;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;

  /** Remove default max height to allow wrapper ui tests to run correctly. 
  This value is unused by PS because that host uses a fixed height. **/
  --ccx-share-sheet-max-height: auto;
}

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

form .fieldLabelBase-Override {
  flex-grow: 1;
}

/** Textarea/span stabilization : CCX-8089 - CCX-8896 - Message input box styles change **/
.ccx-ss-invite-message-textarea,
.ccx-ss-quiet-message-textarea {
  /*** Ensures the UXP multi-line text area is multi-line ***/
  height: 160px;
  overflow: hidden;
}

#share-sheet-extension-container {
  border-radius: 5px;
  border-style: solid;
  border-width: 2px;
  /** Has to match PS_DIALOG_POSITION_HEIGHT on constants file **/
  min-height: 488px;
  overflow: hidden;
  position: relative;
  /** Has to match PS_DIALOG_POSITION_WIDTH on constants file **/
  width: 424px;
}

.share-sheet-extension-arrow-container {
  height: 12px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.share-sheet-extension-arrow svg {
  bottom: -2px;
  height: auto;
  max-width: 26px;
  position: absolute;
  right: 40px;
  top: 1px;
}

.share-sheet-extension-arrow path {
  fill-opacity: 1;
  opacity: 1;
}

#share-sheet-extension-debug {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

#share-sheet-arrow {
  background: none;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.ccx-ss-share-invite #ccx-ss-invite-message .ccx-ss-quiet-message-textarea span.inputSpan {
  font-size: 12px !important;
  height: 100%;
  letter-spacing: 0.025em;
  line-height: 1.25;
  margin: 0 -1px 0 -1px !important;
  padding-left: 2px !important;
  white-space: normal;
  width: 100% !important;
}

#ccx-ss-artifact-invite span.inputSpan {
  color: var(--ccx-share-sheet-text-color-2) !important;
  font-size: var(--ccx-share-sheet-font-size-sm) !important;
}

#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-weight: 400 !important;
  letter-spacing: initial;
}

#ccx-ss-invite-message .ccx-ss-invite-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: 12px !important;
  margin-top: -2px !important;
  padding-left: 1px !important;
}

.spectrum-Tags-item {
  margin: 2px;
}

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

.spectrum-Button,
.spectrum-ActionButton,
.spectrum-LogicButton,
.spectrum-FieldButton,
.spectrum-ClearButton,
.spectrum-Tool {
  font-family: inherit !important;
}

.ccx-ss-artifact-title-menu-toggle + .spectrum-Popover {
  transform: translateY(100%) translateY(-2px);
}

.ccx-ss-link-access {
  margin-bottom: 0 !important;
}

/* SHARED-5681 : In UXP, the padding appears to be too much forcing content to be pushed down. */
.ccx-ss-dialog-header {
  padding-bottom: 4px !important;
}

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

#ccx-ss-invite-save-view {
  flex-grow: 1;
  height: auto;
}

.spectrum-Textfield.spectrum-Textfield--quiet.is-disabled.ccx-ss-artifact-title-input > .inputText {
  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 {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  font-size: var(--ccx-share-sheet-font-size-sm) !important;
  letter-spacing: 0.025em;
  margin-top: 1px;
}

.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;
}

.ccx-ss-lce-banner-card-subtitle {
  max-width: 250px;
}