/* Rings are confined to the product area, below the model, labels and controls. */
.editorial #product #product-stage{isolation:isolate}
.editorial #product #product-stage>.explorer-magic-rings{position:absolute;inset:0 0 65px;z-index:0;overflow:hidden;pointer-events:none;opacity:1;mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 30%,#000b 62%,transparent 100%)}
.editorial #product #product-stage>.explorer-magic-rings .magic-rings{width:100%;height:100%;pointer-events:none}
.editorial #product #product-stage>.explorer-magic-rings canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.editorial #product #product-stage>canvas{position:relative;z-index:1}
.editorial #product #product-stage>.model-fallback{z-index:1}
.editorial #product #product-stage>.view-tools{z-index:2}
@media(max-width:800px){.editorial #product #product-stage>.explorer-magic-rings{bottom:58px;opacity:1}}