/**
* Colors
*/
/* Signal colors */
/* Old colors (TODO: cleanup when not needed anymore) */
/**
 * Base
 */
/**
 * Selection
 */
/**
 * Flyingfocus
 */
/**
 * Icons
 */
/**
 * Link
 */
/**
 * Text
 */
/**
 * Section
 */
/**
 * Header
 */
/**
 * Footer
 */
/**
 * Fieldset
 */
/**
 * Stepper
 */
/**
 * Loader
 */
/**
 * Table
 */
/**
 * Heading
 */
/**
 * Text
 */
/**
 * Menu (Item)
 */
/**
 * Form Elements (Input / Checkbox / Radio / Select / Datepicker)
 */
/**
 * Popover
 */
/**
 * Tooltips
 */
/**
 * Dialogs / Popover
 */
/**
 * Overlays
 */
/**
 * Accordions
 */
/**
 * Timeline
 */
/**
 * Buttons
 */
/**
 * Ratios
 */
/**
 * Pagetitle
 */
/**
 * TopnewsMostsearched
 */
/**
 * Calendar
 */
/**
 * Cta
 */
/**
 * Toasts
 */
/**
 * Uploads
 */
/**
 * Box Shadows
 */
/**
 * Z-Indexes
 * Inspired by https://www.duetds.com/tokens/#z-index
 */
/**
 * Icon sizes
 */
/**
 * Grid
 */
/**
 * Container
 */
/**
 * Breakpoints
 */
/**
 * Ratios
 */
/**
 * Spaces
 */
/**
 * Fonts
 */
:host {
  font-family: var(--stzh-font-family-medium);
  font-weight: var(--stzh-font-weight-medium);
  font-style: var(--stzh-font-style-medium);
  color: var(--stzh-base-color);
  box-sizing: border-box;
  display: block;
}
:host[hidden], :host[stzh-hidden] {
  display: none;
}
:host::selection {
  color: var(--stzh-selection-color);
  background-color: var(--stzh-selection-background-color);
}
:host *,
:host *::before,
:host *::after {
  box-sizing: border-box;
  text-underline-offset: var(--stzh-link-text-underline-offset);
  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);
  -webkit-text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);
          text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);
}
:host {
  /* default outline value, which will be applied to all elements receiving focus
  the .has-focus class is used by the focus target */
}
:host .has-focus {
  outline: var(--stzh-flyingfocus-color) solid 0.125rem;
  outline-offset: 0.125rem;
}
:host .stzh-fylingfocus-focused {
  outline-style: none !important;
}
:host .stzh-fylingfocus-focused::-moz-focus-inner {
  border: 0 !important;
}

stzh-upload {
  font-family: var(--stzh-font-family-medium);
  font-weight: var(--stzh-font-weight-medium);
  font-style: var(--stzh-font-style-medium);
  color: var(--stzh-base-color);
  box-sizing: border-box;
  display: block;
}
stzh-upload[hidden], stzh-upload[stzh-hidden] {
  display: none;
}
stzh-upload::selection {
  color: var(--stzh-selection-color);
  background-color: var(--stzh-selection-background-color);
}
stzh-upload *,
stzh-upload *::before,
stzh-upload *::after {
  box-sizing: border-box;
  text-underline-offset: var(--stzh-link-text-underline-offset);
  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);
  -webkit-text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);
          text-decoration-skip-ink: var(--stzh-link-text-decoration-skip-ink);
}
stzh-upload {
  /* default outline value, which will be applied to all elements receiving focus
  the .has-focus class is used by the focus target */
}
stzh-upload .has-focus {
  outline: var(--stzh-flyingfocus-color) solid 0.125rem;
  outline-offset: 0.125rem;
}
stzh-upload .stzh-fylingfocus-focused {
  outline-style: none !important;
}
stzh-upload .stzh-fylingfocus-focused::-moz-focus-inner {
  border: 0 !important;
}
stzh-upload {
  --label-color: var(--stzh-upload-label-color, var(--stzh-color-primary));
  --list-grid-template-areas: var(
    --stzh-upload-list-grid-template-areas,
    "list list list list"
  );
  --list-grid-template-columns: var(
    --stzh-upload-list-grid-template-columns,
    repeat(4, minmax(0, 1fr))
  );
}
@media screen and (min-width: 600px) {
  stzh-upload {
    --list-grid-template-areas: var(
      --stzh-upload-list-grid-template-areas,
      "list list list ."
    );
  }
}
@media screen and (min-width: 900px) {
  stzh-upload {
    --list-grid-template-areas: var(
      --stzh-upload-list-grid-template-areas,
      "list list list list list . . ."
    );
    --list-grid-template-columns: var(
      --stzh-upload-list-grid-template-columns,
      repeat(8, minmax(0, 1fr))
    );
  }
}
stzh-upload[disabled]:not([disabled=false]) {
  --description-color: var(--stzh-color-grey70);
  --label-color: var(--stzh-color-grey70);
}

.stzh-upload__marker-symbol {
  font-family: var(--stzh-font-family-medium);
  font-weight: var(--stzh-font-weight-medium);
  font-style: var(--stzh-font-style-medium);
}
.stzh-upload__marker-text {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  width: 0.0625rem;
  height: 0.0625rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.stzh-upload__description-wrapper {
  display: flex;
  flex-direction: column-reverse;
  min-height: var(--description-min-height, var(--stzh-description-min-height, none));
}
.stzh-upload__error, .stzh-upload__description {
  font-size: var(--stzh-font-nano-font-size);
  line-height: var(--stzh-font-nano-text-line-height);
}
.stzh-upload__error {
  color: var(--stzh-color-error60);
}
.stzh-upload__error-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.stzh-upload__description {
  display: flex;
  align-items: flex-start;
  color: var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));
  transition: color var(--stzh-base-transition-animation-speed);
}
.stzh-upload__description-long {
  margin-right: var(--stzh-space-xxsmall, 4px);
  margin-top: 0.125rem;
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
  .stzh-upload__description-long {
    margin-top: 0;
  }
}
.stzh-upload__description-long-popover {
  --width: auto;
  --max-width: 27.3125rem;
}
.stzh-upload__description-long-button {
  display: flex;
  justify-content: center;
  align-items: center;
  appearance: none;
  font-family: inherit;
  padding: 0;
  border: none;
  background-color: transparent;
  border-radius: 0.5rem;
  cursor: pointer;
}
.stzh-upload stzh-icon.stzh-upload__description-long-icon {
  --size: var(--stzh-icon-size-xsmall);
}
.stzh-upload--has-error .stzh-upload__error, .stzh-upload--has-description .stzh-upload__description {
  margin-top: var(--stzh-space-xxxsmall, 2px);
}
.stzh-upload {
  font-family: var(--stzh-font-family-medium);
  font-weight: var(--stzh-font-weight-medium);
  font-style: var(--stzh-font-style-medium);
  position: relative;
  color: var(--stzh-color-grey70);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  /*
  &__label-description {
    @include font;
    @include fontSize("nano");
    @include resetTruncate;
    color: $colorGrey70;
    white-space: normal;
  }
  */
}
.stzh-upload__label-wrapper {
  display: flex;
  align-items: center;
  gap: var(--stzh-space-xsmall, 8px);
  width: 100%;
  min-width: 0;
  min-height: 1.375rem;
  margin-bottom: var(--stzh-space-xxxsmall, 2px);
}
.stzh-upload__label {
  font-family: var(--stzh-font-family-heavy);
  font-weight: var(--stzh-font-weight-heavy);
  font-style: var(--stzh-font-style-heavy);
  font-size: var(--stzh-font-micro-font-size);
  line-height: var(--stzh-font-micro-text-line-height);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  color: var(--label-color);
  min-width: 0;
  flex: 0 1 auto;
  max-width: 100%;
  margin-bottom: 0;
}
.stzh-upload__label.no-label-truncate {
  text-overflow: clip;
  white-space: normal;
  overflow: visible;
}
.stzh-upload__label:empty {
  display: none;
}
.stzh-upload__label:not(.no-label-truncate) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stzh-upload__label-wrapper > .stzh-upload__description-wrapper {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: flex-start;
  margin: 0;
  transform: translateY(0.0625rem);
}
.stzh-upload__label-wrapper .stzh-upload__error, .stzh-upload__label-wrapper .stzh-upload__description-text {
  display: none;
}
.stzh-upload__label-wrapper .stzh-upload__description, .stzh-upload__label-wrapper .stzh-upload__description-long {
  display: inline-flex;
  align-items: flex-start;
  margin: 0;
}
.stzh-upload__label-wrapper .stzh-upload__description-long-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  line-height: 1;
}
.stzh-upload__label-wrapper stzh-popover .stzh-upload__description-long-icon {
  --size: var(--stzh-icon-size-small);
  display: block;
  line-height: 0;
  color: var(--stzh-color-primary70);
}
.stzh-upload__marker {
  font-size: var(--stzh-font-nano-font-size);
  line-height: var(--stzh-font-nano-text-line-height);
  margin-left: calc(-0.25em + var(--stzh-space-xsmall, 8px));
}
.stzh-upload__clickarea {
  font-size: var(--stzh-font-milli-font-size);
  line-height: var(--stzh-font-milli-text-line-height);
  letter-spacing: var(--stzh-font-curve---text-letter-spacing);
  padding-top: var(--stzh-space-medium, 16px);
  padding-left: var(--stzh-space-medium, 16px);
  padding-right: var(--stzh-space-medium, 16px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 0.0625rem solid var(--stzh-color-black);
  background-color: var(--stzh-color-grey10);
  border-image-source: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABMSURBVHgB7dexCgAQEIDhO2X2ih7NK5oNTEo3kFI3+L+Z/BnkNMXSZVFbVtmw663b/UGc6Sw6lb82z3W/AQDgJSSAAAIAgP+Afj8dD2mcJJvEMWjkAAAAAElFTkSuQmCC');
  border-image-slice: 8;
  border-image-width: 0.5rem;
  border-image-repeat: round;
  transition: background-color var(--stzh-base-transition-animation-speed);
}
@media (min-resolution: 192dpi) {
  .stzh-upload__clickarea {
    border-image-source: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB5SURBVHgB7dsxCoQwFEXRl4Gp3aJLc4vWFtpbaCGC8M5ZQEIu/CYkY/ovey6s2zzywN36d97e/5dyAqTcOM/I05n7uvN5jUDK1QcAAAAA+rgTTDkBUk6AlBMg5QRIOQFSToCUEyAAAAAAZbwPSDkBUm74O1xOgJQ7AMC9JLtRTkNkAAAAAElFTkSuQmCC');
    border-image-slice: 16;
  }
}
@media (forced-colors: active) {
  .stzh-upload__clickarea {
    border: 0.125rem dashed ButtonBorder;
  }
}
@media screen and (min-width: 600px) {
  .stzh-upload__clickarea {
    padding-left: var(--stzh-space-large, 20px);
    padding-right: var(--stzh-space-large, 20px);
  }
}
.stzh-upload__heading-wrapper {
  width: 100%;
  font-family: var(--stzh-font-family-heavy);
  font-weight: var(--stzh-font-weight-heavy);
  font-style: var(--stzh-font-style-heavy);
  font-size: var(--stzh-font-milli-font-size);
  line-height: var(--stzh-font-milli-text-line-height);
  letter-spacing: var(--stzh-font-curve---text-letter-spacing);
  display: flex;
  align-items: flex-start;
  gap: var(--stzh-space-medium, 16px);
  color: var(--stzh-color-grey90);
  transition: color var(--stzh-base-transition-animation-speed);
}
.stzh-upload__heading-inner-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--stzh-space-xsmall, 8px);
}
.stzh-upload__buttons-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--stzh-space-medium);
  width: 100%;
}
@media screen and (min-width: 900px) {
  .stzh-upload__buttons-wrapper {
    flex-direction: row;
    justify-content: center;
  }
}
.stzh-upload__instructions {
  font-size: var(--stzh-font-nano-font-size);
  line-height: var(--stzh-font-nano-text-line-height);
}
.stzh-upload__instructions p {
  margin-top: var(--stzh-space-medium, 16px);
  margin-bottom: var(--stzh-space-medium, 16px);
}
.stzh-upload stzh-icon.stzh-upload__delete-icon {
  display: none;
}
.stzh-upload__previews-wrapper {
  grid-template-areas: var(--list-grid-template-areas);
  grid-template-columns: var(--list-grid-template-columns);
}
.stzh-upload__previews-inner-wrapper {
  grid-area: list;
}
.stzh-upload__previews-message-wrapper {
  display: block;
}
.stzh-upload__preview {
  padding-top: var(--stzh-space-xxsmall, 4px);
}
@media screen and (min-width: 900px) {
  .stzh-upload__preview {
    padding-top: var(--stzh-space-xsmall, 8px);
  }
}
@media screen and (min-width: 1260px) {
  .stzh-upload__preview {
    padding-top: var(--stzh-space-small, 12px);
  }
}
.stzh-upload__preview {
  padding-bottom: var(--stzh-space-xxsmall, 4px);
}
@media screen and (min-width: 900px) {
  .stzh-upload__preview {
    padding-bottom: var(--stzh-space-xsmall, 8px);
  }
}
@media screen and (min-width: 1260px) {
  .stzh-upload__preview {
    padding-bottom: var(--stzh-space-small, 12px);
  }
}
.stzh-upload__preview {
  display: flex;
  align-items: center;
  opacity: 1;
  transform-origin: center;
  background-color: var(--stzh-color-grey10);
  margin-bottom: var(--stzh-space-xxsmall, 4px);
  padding-left: var(--stzh-space-medium, 16px);
}
@media screen and (min-width: 600px) {
  .stzh-upload__preview {
    padding-left: var(--stzh-space-large, 20px);
  }
}
.stzh-upload__preview.dz-error .stzh-upload__title, .stzh-upload__preview.dz-error .stzh-upload__link[href]:not([href=""]), .stzh-upload__preview.dz-error .stzh-upload__link[href]:not([href=""]):hover {
  color: var(--stzh-color-error60);
}
.stzh-upload__preview.dz-error .stzh-upload__error-message {
  display: block;
}
.stzh-upload__preview.dz-error .stzh-upload__meta {
  display: none;
}
.stzh-upload__preview.dz-complete:not(.dz-error) stzh-icon.stzh-upload__delete-icon-error {
  display: none;
}
.stzh-upload__preview.dz-complete:not(.dz-error) stzh-icon.stzh-upload__delete-icon {
  display: inline-flex;
}
.stzh-upload__preview.dz-complete .stzh-upload__info-wrapper-processing {
  display: none;
}
.stzh-upload__preview.dz-complete .stzh-upload__info-wrapper-complete {
  display: flex;
}
.stzh-upload__preview.dz-empty .stzh-upload__separator {
  display: none;
}
.stzh-upload__preview.dz-empty .stzh-upload__size {
  display: none;
}
.stzh-upload__icon {
  display: none;
  align-content: center;
}
@media screen and (min-width: 900px) {
  .stzh-upload__icon {
    color: var(--stzh-color-grey90);
    display: block;
    padding-right: var(--stzh-space-medium, 16px);
  }
}
.stzh-upload__details {
  flex-grow: 1;
  display: flex;
  overflow: hidden;
}
.stzh-upload__info-wrapper {
  flex-grow: 1;
  display: flex;
  overflow: hidden;
}
.stzh-upload {
  /* Row: Icon on the left, content on the right */
}
.stzh-upload__title-meta-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  min-width: 0;
}
.stzh-upload__info-wrapper-processing .stzh-upload__progress-text {
  margin-top: var(--stzh-space-xsmall, 8px);
}
.stzh-upload__content {
  flex: 1 1 auto;
  min-width: 0;
}
.stzh-upload {
  /* Title + meta: default (mobile) as column */
}
.stzh-upload__title-meta-line {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.stzh-upload__title {
  flex: 1 1 auto;
  min-width: 0;
}
.stzh-upload__meta {
  flex: 0 0 auto;
  margin-left: 0;
  text-align: left;
  white-space: normal;
}
.stzh-upload {
  /* Title + meta: next to eachother as row */
}
@media screen and (min-width: 900px) {
  .stzh-upload__title-meta-line {
    flex-direction: row;
    align-items: center;
  }
  .stzh-upload__meta {
    margin-left: auto;
    text-align: right;
    white-space: nowrap;
  }
}
.stzh-upload__title .stzh-upload__link {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stzh-upload__info-wrapper-processing, .stzh-upload__info-wrapper-complete {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.stzh-upload__info-wrapper-complete {
  display: none;
}
.stzh-upload__actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.stzh-upload__actions:not(:empty) {
  margin-left: var(--stzh-space-xsmall, 8px);
}
.stzh-upload__infos {
  font-size: var(--stzh-font-milli-font-size);
  line-height: var(--stzh-font-milli-text-line-height);
  letter-spacing: var(--stzh-font-curve---text-letter-spacing);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.stzh-upload__title, .stzh-upload__subtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.stzh-upload__title {
  font-size: var(--stzh-font-milli-font-size);
  line-height: var(--stzh-font-milli-text-line-height);
  letter-spacing: var(--stzh-font-curve---text-letter-spacing);
}
.stzh-upload__link[href]:not([href=""]) {
  color: var(--stzh-link-color);
}
.stzh-upload__link[href]:not([href=""]):hover {
  color: var(--stzh-link-hover-color);
}
.stzh-upload__meta {
  font-size: var(--stzh-font-nano-font-size);
  line-height: var(--stzh-font-nano-text-line-height);
  letter-spacing: 0.01em;
  display: flex;
  align-items: center;
  gap: var(--stzh-space-xsmall, 8px);
}
.stzh-upload__info-wrapper-processing .stzh-upload__meta {
  display: flex;
}
.stzh-upload__size strong {
  font-family: var(--stzh-font-family-medium);
  font-weight: var(--stzh-font-weight-medium);
  font-style: var(--stzh-font-style-medium);
}
.stzh-upload__image {
  display: none;
}
.stzh-upload__progress {
  display: block;
  height: 0.375rem;
  background-color: var(--stzh-color-black20op);
  margin-top: var(--stzh-space-xsmall, 8px);
}
.stzh-upload__progress-bar {
  display: block;
  height: 100%;
  width: 0;
  background: var(--stzh-color-secondary40);
}
.stzh-upload__progress-text {
  font-size: var(--stzh-font-nano-font-size);
  line-height: var(--stzh-font-nano-text-line-height);
  letter-spacing: 0.01em;
  margin-left: var(--stzh-space-medium, 16px);
  font-variant-numeric: tabular-nums;
}
.stzh-upload__separator {
  width: 0.0625rem;
  height: 1rem;
  flex: 0 0 0.0625rem;
  background-color: currentColor;
  display: block;
}
.stzh-upload__extension {
  text-transform: uppercase;
}
.stzh-upload__extension:empty + .stzh-upload__separator {
  display: none;
}
.stzh-upload__error-message {
  font-size: var(--stzh-font-nano-font-size);
  line-height: var(--stzh-font-nano-text-line-height);
  letter-spacing: 0.01em;
  color: var(--stzh-color-error60);
  transition: color var(--stzh-base-transition-animation-speed);
  display: none;
}
.stzh-upload {
  /* When upload has started */
}
.stzh-upload.dz-started .stzh-upload__errors, .stzh-upload:has(.stzh-upload__preview) .stzh-upload__errors {
  margin-top: var(--stzh-space-xxsmall, 4px);
}
.stzh-upload {
  /* While draging over dropzone */
}
.stzh-upload.dz-drag-hover .stzh-upload__clickarea {
  background-color: var(--stzh-color-secondary10);
  border-image-source: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABMSURBVHgB7ddBCgAQEEDRGa7iRs7pRq4iVkqzIKVm4b81+VnIaMy1y6KVpLJh11u3+4M401l0Kn9tnut+AwDAS0gAAQQAAP8B/X46HlNzJxHDedWMAAAAAElFTkSuQmCC');
}
@media (min-resolution: 192dpi) {
  .stzh-upload.dz-drag-hover .stzh-upload__clickarea {
    border-image-source: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB5SURBVHgB7dvBCYQwFEXRl5lW7Mg67chWRPcudCGC8M4pICEX/iYk4z+vey5syzTywN36d97e/5dyAqTcOM/I05n7uvN5jUDK1QcAAAAA+rgTTDkBUk6AlBMg5QRIOQFSToCUEyAAAAAAZbwPSDkBUm74O1xOgJQ7AO1EJzEUHPSNAAAAAElFTkSuQmCC');
  }
}
@media (forced-colors: active) {
  .stzh-upload.dz-drag-hover .stzh-upload__clickarea {
    border-color: Highlight;
  }
}
.stzh-upload.dz-drag-hover .stzh-upload__heading-wrapper {
  color: var(--stzh-color-primary70);
}
.stzh-upload {
  /* Max files reached */
}
.stzh-upload {
  /* Hidden progressbar */
}
.stzh-upload--has-hidden-progress .stzh-upload__progress, .stzh-upload--has-hidden-progress .stzh-upload__progress-text, .stzh-upload--has-hidden-progress-while-idle .stzh-upload__preview:not(.dz-processing) .stzh-upload__progress, .stzh-upload--has-hidden-progress-while-idle .stzh-upload__preview:not(.dz-processing) .stzh-upload__progress-text {
  display: none;
}
.stzh-upload--has-hidden-progress .stzh-upload__info-wrapper-processing .stzh-upload__meta, .stzh-upload--has-hidden-progress-while-idle .stzh-upload__preview:not(.dz-processing) .stzh-upload__info-wrapper-processing .stzh-upload__meta {
  display: flex;
}
.stzh-upload {
  /* Invalid */
}
.stzh-upload--is-invalid {
  --label-color: var(--stzh-color-error60);
}
.stzh-upload--has-description > .stzh-upload__description-wrapper {
  margin-top: var(--stzh-space-xxsmall, 4px);
}
.stzh-upload {
  /* Hidden label */
}
.stzh-upload--has-label-hidden .stzh-upload__label {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  width: 0.0625rem;
  height: 0.0625rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.stzh-upload {
  /* Disabled */
}
.stzh-upload--is-disabled .stzh-upload__clickarea {
  cursor: not-allowed;
  background-color: var(--stzh-color-grey10);
}
@media (forced-colors: active) {
  .stzh-upload--is-disabled .stzh-upload__clickarea {
    border-color: GrayText;
  }
}
.stzh-upload {
  /* Photographing */
}
.stzh-upload-photographing__info:not(:last-child) {
  padding-bottom: var(--stzh-space-xxlarge, 32px);
}
@media screen and (min-width: 900px) {
  .stzh-upload-photographing__info:not(:last-child) {
    padding-bottom: var(--stzh-space-xxxlarge, 40px);
  }
}
@media screen and (min-width: 1260px) {
  .stzh-upload-photographing__info:not(:last-child) {
    padding-bottom: var(--stzh-space-xxxxlarge, 48px);
  }
}
.stzh-upload-photographing__text-qrcode {
  display: flex;
  gap: var(--stzh-space-large, 20px);
}
.stzh-upload-photographing-qrlink-container {
  width: 50%;
  flex-grow: 0;
  overflow-x: hidden;
}
.stzh-upload-photographing-qrcode-container {
  width: 50%;
  flex-grow: 1;
}
.stzh-upload-photographing-qrcode {
  width: 7.5rem;
  height: 7.5rem;
}
@media screen and (min-width: 1260px) {
  .stzh-upload-photographing-qrcode {
    width: 8.75rem;
    height: 8.75rem;
  }
}
.stzh-upload-photographing-link {
  margin-top: var(--stzh-space-medium, 16px);
}
@media screen and (min-width: 900px) {
  .stzh-upload-photographing-link {
    margin-top: var(--stzh-space-large, 20px);
  }
}
.stzh-upload-photographing-link {
  word-break: break-all !important;
  width: auto;
}
.stzh-upload-photographing__continue {
  display: flex;
  justify-content: flex-end;
  gap: var(--stzh-space-large, 20px);
}
.stzh-upload-photographing__back-button {
  margin-bottom: var(--stzh-space-medium, 16px);
}
@media screen and (min-width: 600px) {
  .stzh-upload-photographing__back-button {
    margin-bottom: var(--stzh-space-large, 20px);
  }
}
@media screen and (min-width: 900px) {
  .stzh-upload-photographing__back-button {
    margin-bottom: var(--stzh-space-xlarge, 24px);
  }
}
@media screen and (min-width: 1260px) {
  .stzh-upload-photographing__back-button {
    margin-bottom: var(--stzh-space-xxlarge, 32px);
  }
}
.stzh-upload__fade-out {
  opacity: 0;
  transition-duration: 1.8s;
  transition-delay: 0s;
  transition-property: opacity;
  transition-timing-function: ease-out;
}

/* Processing: Meta under title (mobile) */
.stzh-upload__info-wrapper-processing .stzh-upload__title-meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  min-width: 0;
}
.stzh-upload__info-wrapper-processing .stzh-upload__icon {
  flex: 0 0 auto;
}
.stzh-upload__info-wrapper-processing {
  /* Info (title + progress) gets full width */
}
.stzh-upload__info-wrapper-processing .stzh-upload__infos {
  flex: 1 1 100%;
  min-width: 0;
  order: 1;
}
.stzh-upload__info-wrapper-processing {
  /* Meta underneath title */
}
.stzh-upload__info-wrapper-processing .stzh-upload__meta {
  flex: 0 0 100%;
  margin-left: 0;
  order: 2;
  justify-content: flex-start;
  text-align: left;
  white-space: normal;
}
@media screen and (min-width: 900px) {
  .stzh-upload__info-wrapper-processing .stzh-upload__title-meta-row {
    flex-wrap: nowrap;
    align-items: center;
  }
  .stzh-upload__info-wrapper-processing .stzh-upload__infos {
    flex: 1 1 auto;
    order: 1;
  }
  .stzh-upload__info-wrapper-processing .stzh-upload__meta {
    flex: 0 0 auto;
    order: 2;
    margin-left: auto;
    justify-content: flex-end;
    text-align: right;
    white-space: nowrap;
  }
}