.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{color:#fff;white-space:normal;background-color:#333;border-radius:4px;outline:0;font-size:14px;line-height:1.4;transition-property:transform,visibility,opacity;position:relative}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-width:8px 8px 0;border-top-color:initial;transform-origin:top;bottom:-7px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-width:0 8px 8px;border-bottom-color:initial;transform-origin:bottom;top:-7px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:0;right:-7px}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:100%;left:-7px}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;width:16px;height:16px}.tippy-arrow:before{content:"";border-style:solid;border-color:#0000;position:absolute}.tippy-content{z-index:1;padding:5px 9px;position:relative}
.flip-timer-card{perspective:600px}.flip-card-flip{color:#fff;flex-direction:column;justify-content:center;align-items:stretch;width:48px;height:64px;font-family:Poppins,Arial,sans-serif;font-size:2rem;font-weight:700;display:flex;position:relative}.flip-card-top,.flip-card-bottom{z-index:1;background:#23272f;border-left:2px solid #a78bfa;border-right:2px solid #a78bfa;justify-content:center;align-items:center;width:100%;height:50%;display:flex;position:relative;overflow:hidden}.flip-card-top{border-top:2px solid #a78bfa;border-bottom:1.5px solid #444cf7;border-radius:8px 8px 0 0}.flip-card-bottom{border-top:1.5px solid #444cf7;border-bottom:2px solid #a78bfa;border-radius:0 0 8px 8px}.flip-card-top-flip,.flip-card-bottom-flip{pointer-events:none;z-index:2;background:#23272f;justify-content:center;align-items:center;width:100%;height:50%;display:flex;position:absolute;left:0;overflow:hidden}.flip-card-top-flip{transform-origin:bottom;border-bottom:1.5px solid #444cf7;border-radius:8px 8px 0 0;top:0;transform:rotateX(0)}.flip-card-top-flip.flipping{animation:.6s forwards flipTop}.flip-card-bottom-flip{transform-origin:top;border-top:1.5px solid #444cf7;border-radius:0 0 8px 8px;bottom:0;transform:rotateX(90deg)}.flip-card-bottom-flip.flipping{animation:.6s forwards flipBottom}@keyframes flipTop{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flipBottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}
.star-wars-intro{perspective:400px;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.intro-text{color:#4bd5ee;opacity:0;text-align:center;z-index:1;justify-content:center;align-items:center;width:100%;height:30vh;font-size:200%;animation:6s ease-out 1s intro;display:flex}.main-logo{opacity:0;z-index:1;text-align:center;width:100%;animation:9s ease-out 9s logo;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.logo-text{color:gold;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 5px gold,0 0 10px gold,0 0 20px gold;text-align:center;box-sizing:border-box;white-space:nowrap;max-width:100%;margin:0 auto;padding:0 20px;font-family:Pathway Gothic One,sans-serif;font-size:clamp(1.5em,6vw,3em);font-weight:600;display:block;overflow:hidden}.main-content{color:#ff6;letter-spacing:6px;text-align:center;transform-origin:50% 100%;background:#ff00001a;width:100%;max-width:800px;padding-top:-500px;font-size:200%;font-weight:600;line-height:150%;animation:60s linear 1s crawl;position:absolute;top:100%;left:50%;transform:translate(-50%)}.content-header{text-align:center;width:100%;margin-bottom:50px}.content-body{white-space:pre-line;text-align:center;width:100%;margin-bottom:100px}@keyframes intro{0%{opacity:0}20%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes logo{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.1)}}@keyframes crawl{0%{top:70%;transform:translate(-50%)rotateX(20deg)translateZ(0)}to{top:-100%;transform:translate(-50%)rotateX(25deg)translateZ(-2500px)}}