.layout{width:100vw;height:100vh;background:url(/assets/BKGND-indycar-01-Bkd1eLh6.png) no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center;position:relative;z-index:0;padding:5vh 5vw;box-sizing:border-box}.menu-container{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1em;padding:.5em;background:#ffffff1a;border-radius:50px;border:2px solid white;box-shadow:0 0 10px #ffffff4d;z-index:100}.left-menu{left:1.5%;width:auto}.right-menu{right:1.5%;width:auto}.menu-button{width:3.5em;height:3.5em;max-width:45px;max-height:45px;min-width:28px;min-height:28px;border-radius:50%;border:4px solid #ccc;background:radial-gradient(circle,red 30%,#8b0000 70%);cursor:pointer;transition:background-color .3s ease,transform .1s ease,box-shadow .2s;box-shadow:inset 2px 2px 5px #0009,0 4px 8px #fff3}.menu-button:hover{background:radial-gradient(circle,#fc0 30%,#b8860b 70%)}.menu-button.active{background:radial-gradient(circle,#0f0 30%,#006400 70%)}.menu-button:active{transform:scale(.95)}.eclipse-wrapper{position:absolute;top:50%;left:50%;width:80vw;height:46vw;max-width:1572px;max-height:928px;transform:translate(-50%,-50%) scale(.9);z-index:1}.eclipse-background{position:absolute;top:43%;left:50%;width:105%;height:105%;transform:translate(-50%,-50%) scale(1.25);background-image:url(/assets/eclipse-border-nd-0HvRO.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:0}.eclipse-container{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);overflow:hidden;z-index:1;mask:url("data:image/svg+xml,%3c!--%20%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201572%20928'%3e%3cdefs%3e%3cclipPath%20id='rounded-rect-mask'%3e%3crect%20x='0'%20y='0'%20width='1572'%20height='928'%20rx='449'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1572'%20height='928'%20viewBox='0%200%201572%20928'%3e%3cg%20id='Rectangle_25632'%20data-name='Rectangle%2025632'%20fill='%23fff'%20stroke='%23707070'%20stroke-width='1'%3e%3crect%20width='1572'%20height='928'%20rx='449'%20stroke='none'/%3e%3crect%20x='0.5'%20y='0.5'%20width='1571'%20height='927'%20rx='448.5'%20fill='none'/%3e%3c/g%3e%3c/svg%3e");-webkit-mask:url("data:image/svg+xml,%3c!--%20%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201572%20928'%3e%3cdefs%3e%3cclipPath%20id='rounded-rect-mask'%3e%3crect%20x='0'%20y='0'%20width='1572'%20height='928'%20rx='449'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1572'%20height='928'%20viewBox='0%200%201572%20928'%3e%3cg%20id='Rectangle_25632'%20data-name='Rectangle%2025632'%20fill='%23fff'%20stroke='%23707070'%20stroke-width='1'%3e%3crect%20width='1572'%20height='928'%20rx='449'%20stroke='none'/%3e%3crect%20x='0.5'%20y='0.5'%20width='1571'%20height='927'%20rx='448.5'%20fill='none'/%3e%3c/g%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.eclipse-video{position:absolute;top:50%;left:50%;width:110%;height:110%;transform:translate(-50%,-50%);object-fit:cover}.car-model-container{position:absolute;top:50%;left:50%;width:80vw;height:44vw;max-width:1660px;max-height:860px;transform:translate(-46%,-50%);display:flex;justify-content:center;align-items:center;z-index:2;pointer-events:none;opacity:0;transition:opacity 1s ease-in-out}.car-model-container.fade-in{opacity:1}.car-viewer-wrapper{position:absolute;top:50%;left:50%;width:75vw;height:44vw;max-width:1450px;max-height:850px;transform:translate(-50%,-50%) scale(.9);display:flex;justify-content:center;align-items:center}.sensors-container{position:absolute;top:50%;left:50%;width:70%;height:80%;max-width:1272px;max-height:928px;transform:translate(-50%,-50%);pointer-events:none;z-index:3}.sensor-point{position:absolute;width:5vw;aspect-ratio:1;background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(-50%,-50%);z-index:4;pointer-events:none}.sensor-invisible{opacity:0;transform:scale(.7);transition:opacity 2s ease-out,transform 2s ease-out}.sensor-delay-visible{opacity:0;transform:translateY(20px) scale(.7);animation:fancyEntrance 4s ease-out 3s forwards}@keyframes fancyEntrance{0%{opacity:0;transform:scale(.7) rotate(-5deg) translateY(30px)}50%{opacity:1;transform:scale(1.05) rotate(2deg) translateY(-5px)}to{opacity:1;transform:scale(1) rotate(0) translateY(0)}}.sensor-12,.sensor-22,.sensor-32,.sensor-42{transform:translate(-50px) rotate(-8deg) scale(.7)}.sensor-12.sensor-visible,.sensor-22.sensor-visible,.sensor-32.sensor-visible,.sensor-42.sensor-visible{animation:slideInLeft 2s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px) rotate(-8deg) scale(.7)}50%{transform:translate(5px) rotate(3deg) scale(1.05)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}.sensor-11,.sensor-21,.sensor-31,.sensor-41{transform:translate(50px) rotate(8deg) scale(.7)}.sensor-11.sensor-visible,.sensor-21.sensor-visible,.sensor-31.sensor-visible,.sensor-41.sensor-visible{animation:slideInRight 2s ease-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(50px) rotate(8deg) scale(.7)}50%{transform:translate(-5px) rotate(-3deg) scale(1.05)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}.sensor-13,.sensor-23,.sensor-33,.sensor-43{transform:translateY(50px) scale(.7)}.sensor-13.sensor-visible,.sensor-23.sensor-visible,.sensor-33.sensor-visible,.sensor-43.sensor-visible{animation:slideUpWobble 2s ease-out forwards}@keyframes slideUpWobble{0%{opacity:0;transform:translateY(50px) scale(.7)}50%{transform:translateY(-5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.sensor-14,.sensor-24,.sensor-34,.sensor-44{transform:translateY(50px) scale(.7)}.sensor-14.sensor-visible,.sensor-24.sensor-visible,.sensor-34.sensor-visible,.sensor-44.sensor-visible{animation:stretchUp 2s ease-out forwards}@keyframes stretchUp{0%{opacity:0;transform:translateY(50px) scale(.7)}50%{transform:scale(1.2)}to{opacity:1;transform:translateY(0) scale(1)}}.sensor-fade-out{opacity:0;transform:scale(.8);transition:opacity 1.83s ease-out,transform 1.83s ease-in}.sensor-11{top:-10%;left:-1%;width:38%;background-image:url(/assets/sensor-11-_mzgQlXT.png)}.sensor-12{top:-15%;right:2%;width:43%;background-image:url(/assets/sensor-12-Dtackzrr.png)}.sensor-13{bottom:0;left:-5%;width:38%;background-image:url(/assets/sensor-13-qnwpwIF8.png)}.sensor-14{bottom:-8%;right:-2%;width:50%;background-image:url(/assets/sensor-14-AX0KLX7T.png)}.sensor-21{top:-21%;left:-10%;width:58%;background-image:url(/assets/sensor-21-D5PvsicQ.png)}.sensor-22{top:-19%;right:-6%;width:55%;background-image:url(/assets/sensor-22-tGLkQzo_.png)}.sensor-23{bottom:-16%;left:-6%;width:55%;background-image:url(/assets/sensor-23-No9DG4ze.png)}.sensor-24{bottom:-18%;right:-5%;width:55%;background-image:url(/assets/sensor-24-140ZOQC2.png)}.sensor-31{top:-14%;left:-2%;width:40%;background-image:url(/assets/sensor-31-iVQQT-NU.png)}.sensor-32{top:-11%;right:-3%;width:35%;background-image:url(/assets/sensor-32-CkGkt5m1.png)}.sensor-33{bottom:-10%;left:-1%;width:44%;background-image:url(/assets/sensor-33-Dc0TbgRz.png)}.sensor-34{bottom:2%;right:8%;width:37%;background-image:url(/assets/sensor-34-DH-vSeDC.png)}.sensor-41{top:-9%;left:-5%;width:44%;background-image:url(/assets/sensor-41-C2dC8JM5.png)}.sensor-42{top:-20%;right:-5%;width:50%;background-image:url(/assets/sensor-42-BseXp7lW.png)}.sensor-43{bottom:-11%;left:2%;width:44%;background-image:url(/assets/sensor-43-9zGJgZC4.png)}.sensor-44{bottom:-17%;right:-8%;width:55%;background-image:url(/assets/sensor-44-CePl70IW.png)}.loading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15vw;height:15vw;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.blocks-container{position:relative;width:13vw;height:13vw;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0px 0px 10px rgba(255,255,255,.8))}.loading-block{position:absolute;width:1.4vw;height:1.4vw;border-radius:50%;opacity:0;animation:orbit 1.5s linear infinite,fadeIn .5s ease-in-out forwards}@keyframes orbit{0%{transform:rotate(0) translate(6vw)}to{transform:rotate(360deg) translate(6vw)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.block-1,.block-4,.block-7{background:linear-gradient(145deg,#00aeef,#003b6f);box-shadow:0 0 12px #00aeef99}.block-2,.block-5,.block-8{background:linear-gradient(145deg,#f7941d,#aa6200);box-shadow:0 0 12px #f7941d99}.block-3,.block-6{background:linear-gradient(145deg,#fff,#ccc);box-shadow:0 0 12px #fff9}.block-1{animation-delay:0s;transform:rotate(0) translate(6vw)}.block-2{animation-delay:.15s;transform:rotate(45deg) translate(6vw)}.block-3{animation-delay:.3s;transform:rotate(90deg) translate(6vw)}.block-4{animation-delay:.45s;transform:rotate(135deg) translate(6vw)}.block-5{animation-delay:.6s;transform:rotate(180deg) translate(6vw)}.block-6{animation-delay:.75s;transform:rotate(225deg) translate(6vw)}.block-7{animation-delay:.9s;transform:rotate(270deg) translate(6vw)}.block-8{animation-delay:1.05s;transform:rotate(315deg) translate(6vw)}.loading-text{position:absolute;font-family:"Press Start 2P",monospace;font-size:1.5vw;color:#fff;text-align:center;text-transform:uppercase;animation:blink 1.5s infinite alternate}.loading-dots:after{content:".";display:inline-block;animation:dots-animation 1.5s infinite steps(4)}@keyframes dots-animation{0%{content:"."}25%{content:".."}50%{content:"..."}75%{content:"...."}to{content:""}}.fade-in{opacity:1;transition:opacity 1s ease-in-out}.fade-out{opacity:0;transition:opacity 1s ease-in-out;pointer-events:none}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000}
