.fic {
  --fic-bg: #080a10;
  --fic-surface: rgba(10, 12, 18, 0.88);
  --fic-border: rgba(255, 255, 255, 0.1);
  --fic-text: #f7f8fc;
  --fic-muted: rgba(247, 248, 252, 0.64);
  --fic-purple: #7b5cff;
  --fic-purple-2: #9a79ff;
  --fic-purple-soft: rgba(123, 92, 255, 0.18);
  --fic-danger: #ff8f8f;
  --fic-shadow: 0 28px 90px rgba(0, 0, 0, 0.4);
  --fic-radius-xl: 28px;
  --fic-radius-lg: 22px;
  --fic-radius-md: 16px;
  font-family: "Exo", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--fic-text);
  width: min(100vw - 12px, 1920px);
  max-width: none;
  height: calc(100vh - 12px);
  min-height: 0;
  margin: 6px auto;
  padding: 12px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at top center, rgba(123, 92, 255, 0.16), transparent 30%),
    linear-gradient(180deg, #0a0c13, #07080b 58%, #090a0e);
  box-shadow: var(--fic-shadow);
}

.fic::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.02) 0, rgba(255, 255, 255, 0.02) 36px, rgba(255, 255, 255, 0.04) 36px, rgba(255, 255, 255, 0.04) 72px),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0, rgba(255, 255, 255, 0.02) 36px, rgba(255, 255, 255, 0.04) 36px, rgba(255, 255, 255, 0.04) 72px);
  opacity: 0.46;
  pointer-events: none;
}

.fic,
.fic * {
  box-sizing: border-box;
}

.fic > * {
  position: relative;
  z-index: 1;
}

.fic :where(button, input, select, textarea) {
  font: inherit;
  color: inherit;
  letter-spacing: 0;
}

.fic :where(div, span, p, label, small, strong, button, input, select, textarea) {
  font-family: "Exo", sans-serif;
  text-transform: none;
}

.fic :where(strong, .fic__panel-head strong, .fic__title, .fic__brand strong, .fic__control span) {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
}

.fic :where(small, p, label, button, input, select, textarea, .fic__hint, .fic__msg, .fic__badge) {
  font-size: 12px;
  font-weight: 500;
}

.fic .cropper-container {
  background: transparent !important;
}

.fic .cropper-view-box,
.fic .cropper-face {
  border-radius: 0;
}

.fic .cropper-modal {
  background: rgba(0, 0, 0, 0.15);
}