.service-scene{position:relative;isolation:isolate;overflow:hidden}
.service-scene .service-poster,.service-scene .service-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;background:#101013;opacity:0}
.service-scene.has-service-poster .service-poster{opacity:1}
.service-scene.has-service-video-frame .service-video{opacity:1}
.service-scene.has-service-video-frame .service-poster{opacity:0}
.service-scene.has-service-stage>svg{display:none}
.discipline:has(.service-scene){position:relative}
.service-replay{position:absolute;right:16px;top:16px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff12;border-radius:50%;background:#17191a99;color:#8b8e96;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.service-replay svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.service-replay:hover,.service-replay:focus-visible{color:#f3b0b7;border-color:#d8282f66;background:#201519}
.service-replay:focus-visible{outline:2px solid #ef5b65;outline-offset:3px}
.service-replay[hidden]{display:none}
.service-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 65%,#d8282f09,transparent 62%);pointer-events:none}
.service-loading-icon{animation:service-loading-turn 1.2s linear infinite}
@keyframes service-loading-turn{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){.discipline:has(.service-scene):hover{border-color:#d8282f66}}
@media(prefers-reduced-motion:reduce){
  .service-scene{contain:paint}
  .service-scene .service-video{display:none}
  .service-scene.has-service-poster .service-poster{opacity:1}
  .service-scene>svg *{animation:none!important;transition:none!important}
  .service-replay{display:none}
}