.open-arch-icon-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.open-arch-icon-component {
  width: 100%;
  height: 100%;
  display: block;
  color: rgba(232, 240, 255, 0.55);
  transition: color 0.35s ease;
}

.open-arch-icon-component svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.open-arch-icon-component.open-arch-icon-active {
  color: rgba(244, 228, 190, 0.95);
}

.open-arch-icon-portal-glow {
  opacity: 0;
  filter: drop-shadow(0 0 0.18rem rgba(255, 205, 120, 0.12));
  will-change: opacity, filter;
}

.open-arch-icon-graving {
  opacity: 0.12;
  stroke: currentColor;
}

circle.open-arch-icon-graving {
  stroke: none;
  fill: currentColor;
  opacity: 0.18;
}

.open-arch-icon-keystone-shape {
  fill: rgba(232, 240, 255, 0.28);
  stroke: rgba(232, 240, 255, 0.45);
  stroke-width: 0.6;
}