.rk-icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 auto;
  vertical-align: middle;
  color: var(--rk-icon-fg, #a5f3fc);
  overflow: visible;
  forced-color-adjust: auto;
}

.rk-icon-plate {
  --rk-plate-size: 3.25rem;
  position: relative;
  isolation: isolate;
  contain: layout;
  display: inline-grid;
  place-items: center;
  width: var(--rk-plate-size);
  height: var(--rk-plate-size);
  box-sizing: border-box;
  flex: 0 0 auto;
  vertical-align: middle;
  overflow: visible;
  border: 1px solid #56606f;
  border-color: color-mix(
    in srgb,
    var(--rk-icon-plate-accent, #94a3b8) 28%,
    #4b5563
  );
  border-radius: 1rem;
  background:
    linear-gradient(
      145deg,
      color-mix(
        in srgb,
        var(--rk-icon-plate-accent, #94a3b8) 12%,
        #3a404b
      ),
      transparent 42%
    ),
    linear-gradient(
      160deg,
      color-mix(
        in srgb,
        var(--rk-icon-plate-accent, #94a3b8) 5%,
        #20242c
      ),
      #11141a 68%
    );
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.12),
    0 14px 32px rgba(0, 0, 0, 0.24);
}

.rk-icon-plate--feature {
  --rk-plate-size: 3.25rem;
}

.rk-icon-plate--feature .rk-icon {
  width: 1.75rem;
  height: 1.75rem;
}

.rk-icon-plate--compact {
  --rk-plate-size: 2.375rem;
  border-radius: 0.75rem;
  background: linear-gradient(
    160deg,
    color-mix(
      in srgb,
      var(--rk-icon-plate-accent, #94a3b8) 7%,
      #1c2027
    ),
    #11141a 72%
  );
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.rk-icon-plate--compact .rk-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.rk-icon--bare {
  width: 1.125rem;
  height: 1.125rem;
}

.rk-icon[data-icon-tone="assurance"] {
  --rk-icon-fg: #a5f3fc;
}

.rk-icon[data-icon-tone="evidence"] {
  --rk-icon-fg: #c4b5fd;
}

.rk-icon[data-icon-tone="reasoning"] {
  --rk-icon-fg: #fde68a;
}

.rk-icon[data-icon-tone="structure"] {
  --rk-icon-fg: #93c5fd;
}

.rk-icon[data-icon-tone="platform"] {
  --rk-icon-fg: #86efac;
}

.rk-icon[data-icon-tone="action"] {
  --rk-icon-fg: #fda4af;
}

.rk-icon[data-icon-tone="content"] {
  --rk-icon-fg: #e5e7eb;
}

.rk-icon-plate[data-icon-tone="assurance"] {
  --rk-icon-plate-accent: #a5f3fc;
}

.rk-icon-plate[data-icon-tone="evidence"] {
  --rk-icon-plate-accent: #c4b5fd;
}

.rk-icon-plate[data-icon-tone="reasoning"] {
  --rk-icon-plate-accent: #fde68a;
}

.rk-icon-plate[data-icon-tone="structure"] {
  --rk-icon-plate-accent: #93c5fd;
}

.rk-icon-plate[data-icon-tone="platform"] {
  --rk-icon-plate-accent: #86efac;
}

.rk-icon-plate[data-icon-tone="action"] {
  --rk-icon-plate-accent: #fda4af;
}

.rk-icon-plate[data-icon-tone="content"] {
  --rk-icon-plate-accent: #e5e7eb;
}

@media (prefers-contrast: more) {
  .rk-icon-plate {
    border-color: var(--rk-icon-plate-accent, #94a3b8);
    background: #080a0e;
    box-shadow: none;
  }
}

@media (forced-colors: active) {
  .rk-icon-plate {
    border-color: ButtonText;
    background: Canvas;
    box-shadow: none;
  }

  .rk-icon {
    color: ButtonText;
    forced-color-adjust: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rk-icon, .rk-icon-plate {
    animation: none !important;
    transition: none !important;
  }
}