.ypUqaG_i18nFontFamily {
  font-synthesis: weight;
  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;

  &:lang(ar) {
    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
  }

  &:lang(he) {
    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
  }

  &:lang(zh) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
  }

  &:lang(zh-Hans) {
    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
  }

  &:lang(zh-Hant) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }

  &:lang(zh-SG), &:lang(zh-CN) {
    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
  }

  &:lang(ko) {
    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
  }

  &:lang(ja) {
    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  }
}

.ypUqaG_spectrum-FocusRing-ring {
  --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
  --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
  --spectrum-focus-ring-border-size: 0px;
  --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));

  &:after {
    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
    content: "";
    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
    pointer-events: none;
    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
      margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
    display: block;
    position: absolute;
    inset: 0;
  }
}

.ypUqaG_spectrum-FocusRing {
  &.ypUqaG_focus-ring {
    &:after {
      margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
      box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
    }
  }
}

.ypUqaG_spectrum-FocusRing--quiet {
  &:after {
    border-radius: 0;
  }

  &.ypUqaG_focus-ring {
    &:after {
      margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
        0;
      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
    }
  }
}

@media (forced-colors: active) {
  .ypUqaG_spectrum-FocusRing, .ypUqaG_spectrum-FocusRing-ring, .ypUqaG_spectrum-FocusRing--quiet {
    --spectrum-high-contrast-focus-ring-color: Highlight;

    &:after {
      forced-color-adjust: none;
    }
  }
}

.ypUqaG_spectrum-Dropzone {
  text-align: center;
  border-width: var(--spectrum-dropzone-border-width, var(--spectrum-alias-border-size-thick));
  border-radius: var(--spectrum-dropzone-border-radius, var(--spectrum-alias-border-radius-regular));
  padding: var(--spectrum-dropzone-padding, var(--spectrum-global-dimension-size-900));
  border-style: dashed;
  position: relative;

  & .ypUqaG_spectrum-Dropzone-backdrop {
    content: "";
    display: none;
    position: absolute;
    inset: 0;
  }

  &:focus {
    border-style: dashed;
    outline: 0;

    &.ypUqaG_focus-ring {
      border-style: solid;
    }
  }

  &[data-drop-target].ypUqaG_spectrum-Dropzone--filled {
    & .ypUqaG_spectrum-Dropzone-banner {
      display: block;
    }
  }

  &[data-drop-target] {
    & .ypUqaG_spectrum-Dropzone-backdrop {
      display: block;
    }
  }
}

.ypUqaG_spectrum-Dropzone-banner {
  color: var(--spectrum-gray-50);
  background-color: var(--spectrum-global-color-blue-500);
  padding: var(--spectrum-global-dimension-size-115) var(--spectrum-global-dimension-size-150);
  border-radius: var(--spectrum-dropzone-border-radius, var(--spectrum-alias-border-radius-regular));
  border: 1px solid var(--spectrum-global-color-blue-500);
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (forced-colors: active) {
  .ypUqaG_spectrum-Dropzone {
    &[data-drop-target] {
      & .ypUqaG_spectrum-Dropzone-backdrop {
        display: none;
      }
    }

    &[data-drop-target].ypUqaG_spectrum-Dropzone--filled {
      & .ypUqaG_spectrum-Dropzone-backdrop {
        display: block;
      }
    }
  }
}

.ypUqaG_spectrum-Dropzone {
  --spectrum-dropzone-illustratedmessage-illustration-color-key-focus: var(--spectrum-global-color-blue-500);
}

.ypUqaG_spectrum-Dropzone {
  border-color: var(--spectrum-dropzone-border-color, var(--spectrum-global-color-gray-300));

  &[data-focus-visible] {
    border-color: var(--spectrum-dropzone-border-color-selected-hover, var(--spectrum-global-color-blue-400));
  }

  &[data-drop-target] {
    border-style: solid;
    border-color: var(--spectrum-dropzone-border-color-selected-hover, var(--spectrum-global-color-blue-400));
    background-color: var(--spectrum-dropzone-background-color-selected-hover, var(--spectrum-alias-highlight-selected));

    & .ypUqaG_spectrum-Dropzone-illustratedMessage {
      & svg {
        color: var(--spectrum-dropzone-illustratedmessage-illustration-color-key-focus);
      }
    }

    &.ypUqaG_focus-ring {
      border-color: var(--spectrum-dropzone-border-color-selected-hover, var(--spectrum-global-color-blue-400));
    }
  }

  &[data-drop-target] {
    & .ypUqaG_spectrum-Dropzone-backdrop {
      background-color: var(--spectrum-dropzone-background-color-selected-hover, var(--spectrum-alias-highlight-selected));
    }
  }
}

@media (forced-colors: active) {
  .ypUqaG_spectrum-Dropzone {
    --spectrum-dropzone-border-color: CanvasText;
    --spectrum-dropzone-border-color-selected-hover: Highlight;
    --spectrum-dropzone-background-color-selected-hover: Canvas;
    --spectrum-dropzone-banner-border-color: CanvasText;
    --spectrum-dropzone-illustratedmessage-illustration-color-key-focus: Highlight;
  }
}
/*# sourceMappingURL=dropzone_vars.css.map */