#playButton,.pageTitle{letter-spacing:3px;font-family:StarJedi,StarWars,sans-serif;line-height:1.1em}#configForm,#playButton{color:var(--titles-color);z-index:10}#f-episode,#f-logo,#f-title,#logo,#titles .tcenter,.pageTitle{text-align:center}#configForm form,#titles #title,body,html{font-family:'News Cycle',Arial,sans-serif}.center-checkbox,.noselect{user-select:none}#titles,body.runningVideo{overflow:hidden}@font-face{font-family:StarWars;src:url('https://storage.starwarsintrocreator.com/CrawlTitle.ttf') format('truetype');font-display:swap}@font-face{font-family:StarJedi;src:url('https://storage.starwarsintrocreator.com/StarJedi.ttf') format('truetype');font-display:swap}@font-face{font-family:'News Cycle';src:url('https://storage.starwarsintrocreator.com/NewsCycle-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'News Cycle';src:url('https://storage.starwarsintrocreator.com/NewsCycle-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}:root{--intro-color:#4bd5ee;--titles-color:#FFC500;--background-color:#000;--form-background-color:rgba(0, 0, 0, 0.8);--input-border-color:rgba(255, 197, 0, 0.2);--input-border-color-hover:rgba(255, 197, 0, 0.5);--input-border-color-focus:rgba(255, 197, 0, 1);--button-glow-color:rgba(69, 245, 0, 0.8);--time-factor:1.0;--extra-time:0s;--intro-background-duration:calc(9s * var(--time-factor));--intro-text-duration:calc(6s * var(--time-factor));--intro-text-delay:calc(1s * var(--time-factor));--intro-logo-duration:calc(11s * var(--time-factor));--intro-logo-delay:calc(9s * var(--time-factor));--intro-crawl-duration:calc((73s + var(--extra-time)) * var(--time-factor));--intro-crawl-delay:calc(13s * var(--time-factor));--intro-ending-duration:calc(7s * var(--time-factor));--intro-ending-delay:calc((86s + var(--extra-time)) * var(--time-factor))}button,html,input,textarea{line-height:1.25em}body,html{margin:0;padding:0;width:100%;height:100%;background:url('https://storage.starwarsintrocreator.com/bg-stars.webp') #000;color:var(--titles-color);line-height:1.25;overflow-x:hidden}.center-checkbox .regular-checkbox+label,input,textarea{padding:.3em;background-color:var(--form-background-color);transition:border-color .3s ease-out;outline:0}.pageTitle{color:var(--titles-color);font-size:2.5rem;margin:.67em 0}.center-checkbox,input,textarea{margin-top:20px;z-index:5;position:relative}#configForm{display:flex;padding-top:16px;padding-bottom:80px;justify-content:center;position:relative}#configForm form{z-index:5;display:flex;flex-direction:column;align-items:center;width:650px}input,textarea{overflow-x:hidden;margin-bottom:0;width:97%;color:var(--titles-color);word-break:break-word;letter-spacing:.05em;font-size:18px;border:3px solid var(--input-border-color);border-radius:3px}.center-checkbox .regular-checkbox:hover+label,input:hover,textarea:hover{border-color:var(--input-border-color-hover)}.center-checkbox .regular-checkbox:focus+label,input:focus,textarea:focus{border-color:var(--input-border-color-focus)}input:focus,textarea:focus{outline:0}#f-intro{padding:6px 79px;width:480px;color:var(--intro-color)}#f-logo{width:calc(97% - 22px);height:92px;color:#000;text-shadow:-2px -2px 0 var(--titles-color),-2px -1px 0 var(--titles-color),-2px 0 0 var(--titles-color),-2px 1px 0 var(--titles-color),-2px 2px 0 var(--titles-color),-1px -2px 0 var(--titles-color),-1px -1px 0 var(--titles-color),-1px 0 0 var(--titles-color),-1px 1px 0 var(--titles-color),-1px 2px 0 var(--titles-color),0 -2px 0 var(--titles-color),0 -1px 0 var(--titles-color),0 0 0 var(--titles-color),0 1px 0 var(--titles-color),0 2px 0 var(--titles-color),1px -2px 0 var(--titles-color),1px -1px 0 var(--titles-color),1px 0 0 var(--titles-color),1px 1px 0 var(--titles-color),1px 2px 0 var(--titles-color),2px -2px 0 var(--titles-color),2px -1px 0 var(--titles-color),2px 0 0 var(--titles-color),2px 1px 0 var(--titles-color),2px 2px 0 var(--titles-color);font-size:50px;font-family:StarJedi,StarWars,sans-serif;line-height:86%;caret-color:var(--titles-color);letter-spacing:initial}#f-text{height:200px}.center-checkbox{font-family:Arial}#backgroundSpace,#titles,#titles>div,.introBackground{position:absolute}.center-checkbox label{display:inline;margin-left:6px;vertical-align:middle;cursor:pointer;font-size:18px}.center-checkbox .regular-checkbox{display:block;height:0;margin:0;opacity:0}.center-checkbox .regular-checkbox+label{border:3px solid var(--input-border-color);border-radius:3px;display:inline-block;width:9px;height:9px}.center-checkbox .regular-checkbox:checked+label:after{position:relative;top:-7px;color:var(--titles-color);content:'\25A0';letter-spacing:0;cursor:pointer;font-size:18px}#playButton{padding:6px 15px 15px;outline:0;border:4px solid var(--titles-color);border-radius:15px;background:0 0;text-shadow:none;font-size:50px;cursor:pointer;transition:box-shadow .3s ease-out,text-shadow .3s ease-out;margin-top:35px;position:relative}#playButton:focus,#playButton:hover,#requestInteractionButton>div:hover{box-shadow:-1px 1px 8px var(--button-glow-color),1px -1px 8px var(--button-glow-color),inset -3px -2px 8px var(--button-glow-color),inset 2px 3px 8px var(--button-glow-color);text-shadow:-1px 1px 8px var(--button-glow-color),1px -1px 8px var(--button-glow-color)}.starwarsAnimation{letter-spacing:.15em;font-weight:700;font-size:1em;font-family:'News Cycle',sans-serif;line-height:normal;font-variant-ligatures:none}.hidden{display:none!important;pointer-events:none!important}.introBackground{top:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:#000;opacity:0;animation:introBackgroundAnimation var(--intro-background-duration)}.introBackground .intro{padding-right:5%;padding-left:5%;color:var(--intro-color);font-weight:400;font-size:4.5vw;opacity:0;transform:scaleX(1.1);animation:introTextAnimation var(--intro-text-duration) ease-out var(--intro-text-delay);white-space:pre-line}#requestInteractionButton>div,.playing-buttons>.playing-button{letter-spacing:3px;font-family:StarJedi,StarWars,sans-serif;line-height:1.1em;padding:6px 15px 15px;outline:0;background:0 0;text-shadow:none;cursor:pointer;transition:box-shadow .3s ease-out,text-shadow .3s ease-out}#logo{position:static;font-family:StarJedi,StarWars,sans-serif;margin:0 auto;opacity:0;animation:logoAnimation var(--intro-logo-duration) cubic-bezier(.11,.6,.48,.88) var(--intro-logo-delay)}#logo .logoSub{width:100vw}#logo .logoText{display:flex;flex-direction:column;align-items:center;color:#000;text-shadow:-5px -5px 0 var(--titles-color),-5px -4px 0 var(--titles-color),-5px -3px 0 var(--titles-color),-5px -2px 0 var(--titles-color),-5px -1px 0 var(--titles-color),-5px 0 0 var(--titles-color),-5px 1px 0 var(--titles-color),-5px 2px 0 var(--titles-color),-5px 3px 0 var(--titles-color),-5px 4px 0 var(--titles-color),-5px 5px 0 var(--titles-color),-4px -5px 0 var(--titles-color),-4px -4px 0 var(--titles-color),-4px -3px 0 var(--titles-color),-4px -2px 0 var(--titles-color),-4px -1px 0 var(--titles-color),-4px 0 0 var(--titles-color),-4px 1px 0 var(--titles-color),-4px 2px 0 var(--titles-color),-4px 3px 0 var(--titles-color),-4px 4px 0 var(--titles-color),-4px 5px 0 var(--titles-color),-3px -5px 0 var(--titles-color),-3px -4px 0 var(--titles-color),-3px -3px 0 var(--titles-color),-3px -2px 0 var(--titles-color),-3px -1px 0 var(--titles-color),-3px 0 0 var(--titles-color),-3px 1px 0 var(--titles-color),-3px 2px 0 var(--titles-color),-3px 3px 0 var(--titles-color),-3px 4px 0 var(--titles-color),-3px 5px 0 var(--titles-color),-2px -5px 0 var(--titles-color),-2px -4px 0 var(--titles-color),-2px -3px 0 var(--titles-color),-2px -2px 0 var(--titles-color),-2px -1px 0 var(--titles-color),-2px 0 0 var(--titles-color),-2px 1px 0 var(--titles-color),-2px 2px 0 var(--titles-color),-2px 3px 0 var(--titles-color),-2px 4px 0 var(--titles-color),-2px 5px 0 var(--titles-color),-1px -5px 0 var(--titles-color),-1px -4px 0 var(--titles-color),-1px -3px 0 var(--titles-color),-1px -2px 0 var(--titles-color),-1px -1px 0 var(--titles-color),-1px 0 0 var(--titles-color),-1px 1px 0 var(--titles-color),-1px 2px 0 var(--titles-color),-1px 3px 0 var(--titles-color),-1px 4px 0 var(--titles-color),-1px 5px 0 var(--titles-color),0 -5px 0 var(--titles-color),0 -4px 0 var(--titles-color),0 -3px 0 var(--titles-color),0 -2px 0 var(--titles-color),0 -1px 0 var(--titles-color),0 0 0 var(--titles-color),0 1px 0 var(--titles-color),0 2px 0 var(--titles-color),0 3px 0 var(--titles-color),0 4px 0 var(--titles-color),0 5px 0 var(--titles-color),1px -5px 0 var(--titles-color),1px -4px 0 var(--titles-color),1px -3px 0 var(--titles-color),1px -2px 0 var(--titles-color),1px -1px 0 var(--titles-color),1px 0 0 var(--titles-color),1px 1px 0 var(--titles-color),1px 2px 0 var(--titles-color),1px 3px 0 var(--titles-color),1px 4px 0 var(--titles-color),1px 5px 0 var(--titles-color),2px -5px 0 var(--titles-color),2px -4px 0 var(--titles-color),2px -3px 0 var(--titles-color),2px -2px 0 var(--titles-color),2px -1px 0 var(--titles-color),2px 0 0 var(--titles-color),2px 1px 0 var(--titles-color),2px 2px 0 var(--titles-color),2px 3px 0 var(--titles-color),2px 4px 0 var(--titles-color),2px 5px 0 var(--titles-color),3px -5px 0 var(--titles-color),3px -4px 0 var(--titles-color),3px -3px 0 var(--titles-color),3px -2px 0 var(--titles-color),3px -1px 0 var(--titles-color),3px 0 0 var(--titles-color),3px 1px 0 var(--titles-color),3px 2px 0 var(--titles-color),3px 3px 0 var(--titles-color),3px 4px 0 var(--titles-color),3px 5px 0 var(--titles-color),4px -5px 0 var(--titles-color),4px -4px 0 var(--titles-color),4px -3px 0 var(--titles-color),4px -2px 0 var(--titles-color),4px -1px 0 var(--titles-color),4px 0 0 var(--titles-color),4px 1px 0 var(--titles-color),4px 2px 0 var(--titles-color),4px 3px 0 var(--titles-color),4px 4px 0 var(--titles-color),4px 5px 0 var(--titles-color),5px -5px 0 var(--titles-color),5px -4px 0 var(--titles-color),5px -3px 0 var(--titles-color),5px -2px 0 var(--titles-color),5px -1px 0 var(--titles-color),5px 0 0 var(--titles-color),5px 1px 0 var(--titles-color),5px 2px 0 var(--titles-color),5px 3px 0 var(--titles-color),5px 4px 0 var(--titles-color),5px 5px 0 var(--titles-color);letter-spacing:.18em;font-size:200px;line-height:1em}#logo .logoText div{white-space:nowrap}#titles{top:auto;bottom:0;left:50%;margin:0 0 0 -7.325em;width:14.65em;height:50em;text-align:justify;word-wrap:break-word;font-size:350%;transform-origin:50% 100%;transform:perspective(300px) rotateX(25deg)}#titles>div{top:100%;width:100%;animation:titlesAnimation var(--intro-crawl-duration) linear var(--intro-crawl-delay) forwards}#titles>div>p{margin:1.35em 0 1.85em;line-height:1.35em;backface-visibility:hidden}#titles .tcenter{margin:1.35em 0 -1em}#titles #title{transform:scaleY(2);margin-top:3.5em;margin-bottom:1.6em;text-transform:uppercase;font-weight:700;letter-spacing:.1em}#titles #title.SWFont{margin-top:1.35em;margin-bottom:-.1em;transform:scaleY(1);font-weight:400;font-size:210%;font-family:StarJedi,StarWars,sans-serif;text-transform:lowercase}#titles #episode{margin-bottom:-2em}#titles #text{line-height:1.4em}#titles #text p{margin:.25em 0}#backgroundSpace{top:0;left:0;width:100%;height:4100px;background:url('https://storage.starwarsintrocreator.com/bg-stars.webp')}#backgroundSpace #deathstar{position:absolute;right:100px;bottom:1150px;width:655px}.playing-buttons{position:fixed;bottom:0;background-color:var(--form-background-color);width:100%;display:flex;justify-content:center;align-items:center;padding:10px;transition:opacity .5s;z-index:100}.playing-buttons>.playing-button{color:var(--titles-color);border:2px solid var(--titles-color);border-radius:10px;font-size:20px}.playing-buttons>.playing-button:not(:last-child){margin-right:10px}.playing-buttons>.playing-button:focus,.playing-buttons>.playing-button:hover{box-shadow:-1px 1px 4px var(--button-glow-color),1px -1px 4px var(--button-glow-color),inset -3px -2px 4px var(--button-glow-color),inset 2px 3px 4px var(--button-glow-color);text-shadow:-1px 1px 4px var(--button-glow-color),1px -1px 4px var(--button-glow-color)}#requestInteractionButton{display:none;align-items:center;justify-content:center;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background-color:rgba(0,0,0,.8)}#requestInteractionButton>div{color:var(--titles-color);border:4px solid var(--titles-color);border-radius:15px;font-size:50px}#animationContainer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:40;pointer-events:auto}.notification{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);padding:10px 20px;border-radius:4px;color:var(--titles-color);display:none;z-index:2000}.verticalWrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;width:100%;height:100%}@keyframes introTextAnimation{0%,100%{opacity:0}20%,90%{opacity:1}}@keyframes introBackgroundAnimation{0%,100%{opacity:1}}@keyframes logoAnimation{0%{transform:scale(2.2);opacity:1}95%{opacity:1}100%{transform:scale(.01);opacity:0}}@keyframes titlesAnimation{0%{top:100%;opacity:1}95%{opacity:1}100%{top:20%;opacity:0}}@keyframes scrolldown{0%{transform:translateY(0)}100%{transform:translateY(-2200px)}}body.requestInteraction #configForm,body.runningVideo #configForm{display:none}body.requestInteraction #requestInteractionButton,body.runningVideo.showForm #configForm{display:flex}body.runningVideo #animationContainer{display:block}body.runningVideo #backgroundSpace{animation:scrolldown var(--intro-ending-duration) var(--intro-ending-delay) forwards}body.runningVideo.showForm{overflow-y:auto}body.runningVideo.showForm #configForm>form{display:flex;animation:.5s linear forwards fadeinAnimation}body.runningVideo.showForm #deathstar{animation:2s linear 4s forwards fadeoutAnimation}body.runningVideo.showForm .playing-buttons{opacity:0}@keyframes fadeinAnimation{from{visibility:hidden;opacity:0}to{visibility:visible;opacity:1}}@keyframes fadeoutAnimation{from{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}@media (max-width:768px){.pageTitle{font-size:2rem}#configForm form{width:90%;padding:0 1rem}#f-intro{padding:6px;width:90%}#f-logo{font-size:40px;width:85%}#requestInteractionButton>div{font-size:25px}.playing-buttons{padding:5px 0}.playing-buttons>.playing-button{font-size:14px;letter-spacing:1.5px;padding:4px 8px 8px}#logo .logoText{font-size:150px}#titles{width:13em;margin:0 0 0 -6.5em;font-size:200%;transform:perspective(300px) rotateX(23deg)}#titles>div{padding:0;animation:fadeOutTenSecEarly 60s linear var(--intro-crawl-delay) forwards}@keyframes fadeOutTenSecEarly{0%{top:100%;opacity:1}83.33%{top:10%;opacity:1}100%{top:0;opacity:0}}body.runningVideo #backgroundSpace{animation-delay:calc(var(--intro-crawl-delay) + 60s)}#backgroundSpace #deathstar{right:-100px}}