.wp-block-arc-editing-arc-group {
  position: relative;
  box-sizing: border-box;
  margin-top: var(--arc-group-block-gap-top, clamp(1.5rem, 4vw, 2.75rem));
  margin-bottom: var(--arc-group-block-gap-bottom, clamp(1.5rem, 4vw, 2.75rem));
}

/*
 * 連続 ARCグループ — 二重 margin でページ背景が見える隙間を防ぐ
 * CSS 変数のみ変更（HTML・本文・構造化データには非影響）
 */
:is(
  .wp-block-arc-editing-arc-group + .wp-block-arc-editing-arc-group,
  .row:has(.wp-block-arc-editing-arc-group) + .row:has(.wp-block-arc-editing-arc-group) .wp-block-arc-editing-arc-group
) {
  --arc-group-block-gap-top: 0;
}

:is(
  .wp-block-arc-editing-arc-group:has(+ .wp-block-arc-editing-arc-group),
  .row:has(.wp-block-arc-editing-arc-group):has(+ .row .wp-block-arc-editing-arc-group) .wp-block-arc-editing-arc-group
) {
  --arc-group-block-gap-bottom: 0;
}

/* デフォルト：内容幅に合わせた角丸枠（背景は外側へ広がる） */
.wp-block-arc-editing-arc-group:not(:has(> .is-arc-group-full-width)) {
  width: fit-content;
  max-width: 100%;
}

.arc-editing-arc-group {
  --arc-group-radius: 1.75rem;
  --arc-group-inner-padding: 1.75rem;
  --arc-group-bg-inset: calc(-1 * var(--arc-group-inner-padding));
  --arc-group-section-pad-top: clamp(1rem, 2.5vw, 1.625rem);
  --arc-group-section-pad-bottom: clamp(0.625rem, 1.65vw, 1.05rem);
  --arc-group-edge-fade-size: clamp(2.5rem, 7vh, 5.5rem);
  --arc-group-solid: rgba(250, 248, 237, 1);
  --arc-group-orb-color: #009ace;
  --arc-group-orb-speed: 16s;
  --arc-group-glow-edge: rgba(102, 106, 186, 0.42);
  --arc-group-glow-edge-soft: rgba(102, 106, 186, 0.18);
  --arc-group-scroll-progress: 0;
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  overflow: visible;
  padding-top: var(--arc-group-section-pad-top);
  padding-bottom: var(--arc-group-section-pad-bottom);
}

.arc-editing-arc-group:not(.is-arc-group-full-width):not(.is-mode-gradient-scroll):not(.is-mode-gradient-orb) {
  width: fit-content;
  max-width: 100%;
  --arc-group-outer-pad: clamp(1rem, 3vw, 1.75rem);
  padding-left: var(--arc-group-outer-pad);
  padding-right: var(--arc-group-outer-pad);
}

/* 全幅：角丸は維持したままビューポート幅へ */
.wp-block-arc-editing-arc-group:has(> .is-arc-group-full-width),
.wp-block-arc-editing-arc-group:has(> .is-mode-gradient-scroll),
.wp-block-arc-editing-arc-group:has(> .is-mode-gradient-orb),
.arc-editing-arc-group.is-arc-group-full-width,
.arc-editing-arc-group.is-mode-gradient-scroll,
.arc-editing-arc-group.is-mode-gradient-orb {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.wp-block-arc-editing-arc-group:has(> .is-arc-group-full-width) > .arc-editing-arc-group,
.wp-block-arc-editing-arc-group:has(> .is-mode-gradient-scroll) > .arc-editing-arc-group,
.wp-block-arc-editing-arc-group:has(> .is-mode-gradient-orb) > .arc-editing-arc-group {
  width: 100%;
  max-width: none;
}

.arc-editing-arc-group .arc-group__content {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  display: flow-root;
}

/* 内側ブロックの余白で下だけ広く見えるのを防ぐ */
.arc-editing-arc-group .arc-group__content > :first-child {
  margin-block-start: 0;
}

.arc-editing-arc-group .arc-group__content > :last-child {
  margin-block-end: 0;
}

.arc-editing-arc-group .arc-group__bg {
  position: absolute;
  inset: var(--arc-group-bg-inset);
  z-index: 0;
  pointer-events: none;
  border-radius: var(--arc-group-radius);
  overflow: hidden;
}

/* ── 単色 ── */
.arc-editing-arc-group.is-mode-solid .arc-group__bg {
  background: var(--arc-group-solid);
}

/* ── スクロール：ベース色は指定しない（光の玉のみ） ── */
.arc-editing-arc-group.is-mode-gradient-scroll .arc-group__bg {
  background: transparent;
}

.arc-editing-arc-group .arc-group__scroll-blobs {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.arc-editing-arc-group .arc-group__scroll-blob {
  position: absolute;
  width: min(92vw, 52rem);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  filter: blur(clamp(56px, 9vw, 110px));
  opacity: 0;
  will-change: opacity, left, top;
  transition: opacity 0.95s ease, left 1.15s ease, top 1.15s ease;
  pointer-events: none;
}

.arc-editing-arc-group .arc-group__scroll-blob:nth-child(1) {
  left: var(--arc-scroll-blob-1-x, 22%);
  top: var(--arc-scroll-blob-1-y, 38%);
  opacity: var(--arc-scroll-blob-1-o, 0);
  background: radial-gradient(
    circle at 50% 50%,
    var(--arc-group-scroll-c-1, rgba(0, 95, 176, 0.55)) 0%,
    var(--arc-group-scroll-c-1-soft, rgba(0, 95, 176, 0.2)) 38%,
    transparent 78%
  );
}

.arc-editing-arc-group .arc-group__scroll-blob:nth-child(2) {
  left: var(--arc-scroll-blob-2-x, 72%);
  top: var(--arc-scroll-blob-2-y, 28%);
  opacity: var(--arc-scroll-blob-2-o, 0);
  background: radial-gradient(
    circle at 50% 50%,
    var(--arc-group-scroll-c-2, rgba(0, 154, 206, 0.55)) 0%,
    var(--arc-group-scroll-c-2-soft, rgba(0, 154, 206, 0.2)) 38%,
    transparent 78%
  );
}

.arc-editing-arc-group .arc-group__scroll-blob:nth-child(3) {
  left: var(--arc-scroll-blob-3-x, 48%);
  top: var(--arc-scroll-blob-3-y, 62%);
  opacity: var(--arc-scroll-blob-3-o, 0);
  background: radial-gradient(
    circle at 50% 50%,
    var(--arc-group-scroll-c-3, rgba(102, 106, 186, 0.55)) 0%,
    var(--arc-group-scroll-c-3-soft, rgba(102, 106, 186, 0.2)) 38%,
    transparent 78%
  );
}

.arc-editing-arc-group .arc-group__scroll-blob:nth-child(4) {
  left: var(--arc-scroll-blob-4-x, 85%);
  top: var(--arc-scroll-blob-4-y, 55%);
  opacity: var(--arc-scroll-blob-4-o, 0);
  background: radial-gradient(
    circle at 50% 50%,
    var(--arc-group-scroll-c-4, rgba(252, 146, 0, 0.5)) 0%,
    var(--arc-group-scroll-c-4-soft, rgba(252, 146, 0, 0.18)) 38%,
    transparent 78%
  );
}

.arc-editing-arc-group .arc-group__scroll-blob:nth-child(5) {
  left: var(--arc-scroll-blob-5-x, 18%);
  top: var(--arc-scroll-blob-5-y, 72%);
  opacity: var(--arc-scroll-blob-5-o, 0);
  background: radial-gradient(
    circle at 50% 50%,
    var(--arc-group-scroll-c-5, rgba(249, 66, 58, 0.5)) 0%,
    var(--arc-group-scroll-c-5-soft, rgba(249, 66, 58, 0.18)) 38%,
    transparent 78%
  );
}

.arc-editing-arc-group[data-scroll-colors="3"] .arc-group__scroll-blob:nth-child(n + 4) {
  display: none;
}

.arc-editing-arc-group[data-scroll-colors="4"] .arc-group__scroll-blob:nth-child(n + 5) {
  display: none;
}

/* ── 光の玉（円軌道） ── */
.arc-editing-arc-group.is-mode-light-orbs .arc-group__bg {
  background: transparent;
}

.arc-editing-arc-group .arc-group__orbit-holder {
  position: absolute;
  inset: var(--arc-group-bg-inset);
  z-index: 1;
  pointer-events: none;
  border-radius: var(--arc-group-radius);
  overflow: hidden;
}

.arc-editing-arc-group.is-mode-light-orbs .arc-group__orbit-holder {
  overflow: visible;
  inset: calc(var(--arc-group-bg-inset) - clamp(2rem, 6vw, 5rem));
}

.arc-editing-arc-group .arc-group__orbit-track {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(84vw, 40rem);
  aspect-ratio: 1 / 1;
  margin-left: calc(-0.5 * min(84vw, 40rem));
  margin-top: calc(-0.5 * min(84vw, 40rem));
  transform-origin: center center;
  animation: arc-group-orbit-rotate var(--arc-group-orb-speed, 16s) linear infinite;
}

.arc-editing-arc-group .arc-group__orbit-track--2 {
  width: min(64vw, 29rem);
  margin-left: calc(-0.5 * min(64vw, 29rem));
  margin-top: calc(-0.5 * min(64vw, 29rem));
  animation-duration: calc(var(--arc-group-orb-speed, 16s) * 0.82);
  animation-direction: reverse;
}

.arc-editing-arc-group .arc-group__orbit-track--3 {
  width: min(54vw, 22rem);
  margin-left: calc(-0.5 * min(54vw, 22rem));
  margin-top: calc(-0.5 * min(54vw, 22rem));
  animation-duration: calc(var(--arc-group-orb-speed, 16s) * 1.24);
}

.arc-editing-arc-group .arc-group__orbit-track--4 {
  left: 18%;
  top: 26%;
  width: min(42vw, 17rem);
  margin-left: calc(-0.5 * min(42vw, 17rem));
  margin-top: calc(-0.5 * min(42vw, 17rem));
  animation-duration: calc(var(--arc-group-orb-speed, 16s) * 0.72);
}

.arc-editing-arc-group .arc-group__orbit-track--5 {
  left: 82%;
  top: 24%;
  width: min(44vw, 18rem);
  margin-left: calc(-0.5 * min(44vw, 18rem));
  margin-top: calc(-0.5 * min(44vw, 18rem));
  animation-duration: calc(var(--arc-group-orb-speed, 16s) * 0.94);
  animation-direction: reverse;
}

.arc-editing-arc-group .arc-group__orbit-track--6 {
  left: 16%;
  top: 72%;
  width: min(40vw, 16rem);
  margin-left: calc(-0.5 * min(40vw, 16rem));
  margin-top: calc(-0.5 * min(40vw, 16rem));
  animation-duration: calc(var(--arc-group-orb-speed, 16s) * 1.12);
}

.arc-editing-arc-group .arc-group__orbit-track--7 {
  left: 84%;
  top: 74%;
  width: min(38vw, 15rem);
  margin-left: calc(-0.5 * min(38vw, 15rem));
  margin-top: calc(-0.5 * min(38vw, 15rem));
  animation-duration: calc(var(--arc-group-orb-speed, 16s) * 0.86);
  animation-direction: reverse;
}

.arc-editing-arc-group .arc-group__orbit-track--8 {
  left: 50%;
  top: 14%;
  width: min(36vw, 14rem);
  margin-left: calc(-0.5 * min(36vw, 14rem));
  margin-top: calc(-0.5 * min(36vw, 14rem));
  animation-duration: calc(var(--arc-group-orb-speed, 16s) * 1.38);
}

.arc-editing-arc-group .arc-group__orbit-track--9 {
  left: 48%;
  top: 88%;
  width: min(34vw, 13rem);
  margin-left: calc(-0.5 * min(34vw, 13rem));
  margin-top: calc(-0.5 * min(34vw, 13rem));
  animation-duration: calc(var(--arc-group-orb-speed, 16s) * 1.18);
  animation-direction: reverse;
}

.arc-editing-arc-group .arc-group__orbit-track--10 {
  left: 8%;
  top: 48%;
  width: min(32vw, 12rem);
  margin-left: calc(-0.5 * min(32vw, 12rem));
  margin-top: calc(-0.5 * min(32vw, 12rem));
  animation-duration: calc(var(--arc-group-orb-speed, 16s) * 0.98);
}

.arc-editing-arc-group .arc-group__orbit-track--11 {
  left: 92%;
  top: 50%;
  width: min(32vw, 12rem);
  margin-left: calc(-0.5 * min(32vw, 12rem));
  margin-top: calc(-0.5 * min(32vw, 12rem));
  animation-duration: calc(var(--arc-group-orb-speed, 16s) * 0.88);
  animation-direction: reverse;
}

.arc-editing-arc-group .arc-group__orbit-track--12 {
  left: 28%;
  top: 10%;
  width: min(28vw, 11rem);
  margin-left: calc(-0.5 * min(28vw, 11rem));
  margin-top: calc(-0.5 * min(28vw, 11rem));
  animation-duration: calc(var(--arc-group-orb-speed, 16s) * 1.46);
}

.arc-editing-arc-group .arc-group__orbit-track--13 {
  left: 72%;
  top: 9%;
  width: min(30vw, 11.5rem);
  margin-left: calc(-0.5 * min(30vw, 11.5rem));
  margin-top: calc(-0.5 * min(30vw, 11.5rem));
  animation-duration: calc(var(--arc-group-orb-speed, 16s) * 1.34);
  animation-direction: reverse;
}

.arc-editing-arc-group .arc-group__orbit-track--14 {
  left: 70%;
  top: 92%;
  width: min(28vw, 10.5rem);
  margin-left: calc(-0.5 * min(28vw, 10.5rem));
  margin-top: calc(-0.5 * min(28vw, 10.5rem));
  animation-duration: calc(var(--arc-group-orb-speed, 16s) * 1.12);
}

.arc-editing-arc-group .arc-group__orbit-track--10,
.arc-editing-arc-group .arc-group__orbit-track--11,
.arc-editing-arc-group .arc-group__orbit-track--12,
.arc-editing-arc-group .arc-group__orbit-track--13,
.arc-editing-arc-group .arc-group__orbit-track--14 {
  transform: scale(1.12);
}

.arc-editing-arc-group .arc-group__orbit-blob {
  position: absolute;
  left: 50%;
  top: 0;
  border-radius: 50%;
  transform: translateX(-50%);
  filter: blur(clamp(24px, 3.3vw, 44px));
  opacity: 0.92;
}

.arc-editing-arc-group .arc-group__orbit-track--edge .arc-group__orbit-blob {
  opacity: 1;
  filter: blur(clamp(26px, 3.8vw, 52px));
}

.arc-editing-arc-group .arc-group__orbit-blob--1 {
  width: clamp(5.8rem, 10vw, 9rem);
  aspect-ratio: 1 / 1;
  background: radial-gradient(
    circle at 50% 50%,
    var(--arc-group-orbit-c-1, rgba(0, 95, 176, 0.58)) 0%,
    var(--arc-group-orbit-c-1-soft, rgba(0, 95, 176, 0.22)) 45%,
    transparent 78%
  );
}

.arc-editing-arc-group .arc-group__orbit-blob--2 {
  width: clamp(4.4rem, 8vw, 7rem);
  aspect-ratio: 1 / 1;
  background: radial-gradient(
    circle at 50% 50%,
    var(--arc-group-orbit-c-2, rgba(0, 154, 206, 0.52)) 0%,
    var(--arc-group-orbit-c-2-soft, rgba(0, 154, 206, 0.2)) 44%,
    transparent 78%
  );
}

.arc-editing-arc-group .arc-group__orbit-blob--3 {
  width: clamp(3.9rem, 6.8vw, 6rem);
  aspect-ratio: 1 / 1;
  background: radial-gradient(
    circle at 50% 50%,
    var(--arc-group-orbit-c-3, rgba(102, 106, 186, 0.48)) 0%,
    var(--arc-group-orbit-c-3-soft, rgba(102, 106, 186, 0.18)) 42%,
    transparent 78%
  );
}

/* ── 中央グラデーション円 ── */
.arc-editing-arc-group.is-mode-gradient-orb .arc-group__bg {
  background: transparent;
}

.arc-editing-arc-group.is-mode-gradient-orb .arc-group__orb-holder {
  overflow: visible;
}

.arc-editing-arc-group .arc-group__orb-holder {
  position: absolute;
  inset: var(--arc-group-bg-inset);
  z-index: 1;
  pointer-events: none;
  border-radius: var(--arc-group-radius);
  overflow: hidden;
}

.arc-editing-arc-group .arc-group__orb-sticky {
  position: sticky;
  top: 50vh;
  height: 0;
}

.arc-editing-arc-group .arc-group__orb-pulse {
  position: absolute;
  left: 50%;
  top: 0;
  width: max(72vw, 40rem);
  aspect-ratio: 1 / 1;
  opacity: 1;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
  backface-visibility: hidden;
}

.arc-editing-arc-group .arc-group__orb-anim {
  display: block;
  width: 100%;
  height: 100%;
}

.arc-editing-arc-group .arc-group__orb-pulse:has(.arc-group__orb-anim) .arc-group__orb {
  animation: none;
  opacity: 1;
}

.arc-editing-arc-group .arc-group__orb,
.arc-editing-arc-group .arc-group__orb-anim {
  will-change: opacity;
  animation-name: arc-group-orb-pulse;
  animation-duration: var(--arc-group-orb-speed, 16s);
  animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
  animation-iteration-count: infinite;
}

.arc-editing-arc-group .arc-group__orb {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform: translateZ(0);
  background: radial-gradient(
    circle at 50% 50%,
    var(--arc-group-orb-rgba, rgba(0, 154, 206, 0.34)) 0%,
    var(--arc-group-orb-rgba-soft, rgba(0, 154, 206, 0.19)) 28%,
    transparent 72%
  );
  filter: blur(clamp(48px, 7vw, 88px));
}

/* ── 外周グロー：色は editor.js の inline box-shadow で指定（中央は白） ── */
.arc-editing-arc-group.is-mode-glow-border .arc-group__bg--glow {
  background-color: #ffffff;
}

/* 非全幅：角丸カード＋軽い下影（理想スクショ寄せ） */
.wp-block-arc-editing-arc-group:has(> .arc-editing-arc-group.is-mode-glow-border):not(
    :has(> .is-arc-group-full-width)
  ) {
  filter: drop-shadow(0 10px 28px rgba(15, 23, 42, 0.08));
}

@keyframes arc-group-orb-pulse {
  0%,
  100% {
    opacity: 0;
  }
  22% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  78% {
    opacity: 0.4;
  }
}

@keyframes arc-group-orbit-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* 全幅：背景をセクション全体に合わせる */
.arc-editing-arc-group.is-arc-group-full-width .arc-group__bg,
.arc-editing-arc-group.is-mode-gradient-scroll .arc-group__bg,
.arc-editing-arc-group.is-mode-gradient-orb .arc-group__bg,
.arc-editing-arc-group.is-mode-light-orbs .arc-group__bg,
.arc-editing-arc-group.is-arc-group-full-width .arc-group__orb-holder,
.arc-editing-arc-group.is-mode-gradient-orb .arc-group__orb-holder,
.arc-editing-arc-group.is-arc-group-full-width .arc-group__orbit-holder,
.arc-editing-arc-group.is-mode-light-orbs .arc-group__orbit-holder {
  inset: 0;
}

.arc-editing-arc-group.is-mode-light-orbs.is-arc-group-full-width .arc-group__orbit-holder {
  inset: clamp(-3rem, -6vw, -1.75rem);
}

/* 全幅＋ぼかし：上下端を外側へフェード（外周グロー風の柔らかさ） */
.arc-editing-arc-group.is-arc-group-full-width.is-blur-top .arc-group__bg,
.arc-editing-arc-group.is-arc-group-full-width.is-blur-top .arc-group__orb-holder,
.arc-editing-arc-group.is-arc-group-full-width.is-blur-top .arc-group__orbit-holder,
.arc-editing-arc-group.is-mode-gradient-scroll.is-blur-top .arc-group__bg,
.arc-editing-arc-group.is-mode-gradient-orb.is-blur-top .arc-group__orb-holder,
.arc-editing-arc-group.is-mode-light-orbs.is-blur-top .arc-group__orbit-holder {
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 var(--arc-group-edge-fade-size),
    #000 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 var(--arc-group-edge-fade-size),
    #000 100%
  );
}

.arc-editing-arc-group.is-arc-group-full-width.is-blur-bottom .arc-group__bg,
.arc-editing-arc-group.is-arc-group-full-width.is-blur-bottom .arc-group__orb-holder,
.arc-editing-arc-group.is-arc-group-full-width.is-blur-bottom .arc-group__orbit-holder,
.arc-editing-arc-group.is-mode-gradient-scroll.is-blur-bottom .arc-group__bg,
.arc-editing-arc-group.is-mode-gradient-orb.is-blur-bottom .arc-group__orb-holder,
.arc-editing-arc-group.is-mode-light-orbs.is-blur-bottom .arc-group__orbit-holder {
  -webkit-mask-image: linear-gradient(
    to bottom,
    #000 0,
    #000 calc(100% - var(--arc-group-edge-fade-size)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    #000 0,
    #000 calc(100% - var(--arc-group-edge-fade-size)),
    transparent 100%
  );
}

.arc-editing-arc-group.is-arc-group-full-width.is-blur-both .arc-group__bg,
.arc-editing-arc-group.is-arc-group-full-width.is-blur-both .arc-group__orb-holder,
.arc-editing-arc-group.is-arc-group-full-width.is-blur-both .arc-group__orbit-holder,
.arc-editing-arc-group.is-mode-gradient-scroll.is-blur-both .arc-group__bg,
.arc-editing-arc-group.is-mode-gradient-orb.is-blur-both .arc-group__orb-holder,
.arc-editing-arc-group.is-mode-light-orbs.is-blur-both .arc-group__orbit-holder {
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 var(--arc-group-edge-fade-size),
    #000 calc(100% - var(--arc-group-edge-fade-size)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0,
    #000 var(--arc-group-edge-fade-size),
    #000 calc(100% - var(--arc-group-edge-fade-size)),
    transparent 100%
  );
}

@media (min-width: 768px) {
  .arc-editing-arc-group {
    --arc-group-section-pad-top: clamp(1.5rem, 3.25vw, 2.5rem);
    --arc-group-section-pad-bottom: clamp(1rem, 2.45vw, 1.65rem);
    --arc-group-edge-fade-size: clamp(3rem, 8vh, 6.5rem);
  }
}

@media (max-width: 767px) {
  .arc-editing-arc-group .arc-group__orbit-track {
    width: min(96vw, 26rem);
    margin-left: calc(-0.5 * min(96vw, 26rem));
    margin-top: calc(-0.5 * min(96vw, 26rem));
  }

  .arc-editing-arc-group .arc-group__orbit-track--2 {
    width: min(76vw, 20rem);
    margin-left: calc(-0.5 * min(76vw, 20rem));
    margin-top: calc(-0.5 * min(76vw, 20rem));
  }

  .arc-editing-arc-group .arc-group__orbit-track--3 {
    width: min(64vw, 16.5rem);
    margin-left: calc(-0.5 * min(64vw, 16.5rem));
    margin-top: calc(-0.5 * min(64vw, 16.5rem));
  }

  .arc-editing-arc-group .arc-group__orbit-track--4 {
    left: 22%;
    top: 25%;
  }

  .arc-editing-arc-group .arc-group__orbit-track--5 {
    left: 78%;
    top: 22%;
  }

  .arc-editing-arc-group .arc-group__orbit-track--6 {
    left: 20%;
    top: 76%;
  }

  .arc-editing-arc-group .arc-group__orbit-track--7 {
    left: 80%;
    top: 78%;
  }

  .arc-editing-arc-group .arc-group__orbit-track--8 {
    left: 50%;
    top: 12%;
  }

  .arc-editing-arc-group .arc-group__orbit-track--9 {
    left: 48%;
    top: 90%;
  }

  .arc-editing-arc-group .arc-group__orbit-track--10 {
    left: 10%;
    top: 52%;
  }

  .arc-editing-arc-group .arc-group__orbit-track--11 {
    left: 90%;
    top: 50%;
  }

  .arc-editing-arc-group .arc-group__orbit-track--12 {
    left: 30%;
    top: 10%;
  }

  .arc-editing-arc-group .arc-group__orbit-track--13 {
    left: 70%;
    top: 9%;
  }

  .arc-editing-arc-group .arc-group__orbit-track--14 {
    left: 68%;
    top: 92%;
  }

  .arc-editing-arc-group .arc-group__orb-pulse {
    width: max(92vw, 24rem);
  }

  .arc-editing-arc-group .arc-group__orb {
    filter: blur(44px);
  }

  .arc-editing-arc-group .arc-group__scroll-blob {
    width: min(96vw, 34rem);
    filter: blur(52px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .arc-editing-arc-group .arc-group__orbit-track {
    animation: none !important;
  }

  .arc-editing-arc-group .arc-group__orb,
  .arc-editing-arc-group .arc-group__orb-anim {
    animation: none !important;
    opacity: 0.55;
  }

  .arc-editing-arc-group .arc-group__orb-pulse {
    transform: translate3d(-50%, -50%, 0);
  }

  .arc-editing-arc-group .arc-group__scroll-blob {
    transition: none;
  }
}