@import"https://fonts.googleapis.com/css2?family=Antonio:wght@500&display=swap";.burgericon{position:relative;height:28px;width:36px;cursor:pointer}.burgericon .line-top,.burgericon .line-middle,.burgericon .line-bottom{position:absolute;display:block;height:4px;width:36px;border-radius:2px;background:hsl(0deg,0%,100%)}.burgericon .line-top{top:0;transform-origin:34px 2px}.burgericon .line-middle{top:12px;transition:opacity .2s linear}.burgericon .line-bottom{bottom:0;transform-origin:34px 2px}.burgericon.is-open .line-top{animation:line-top-out .6s linear normal;animation-fill-mode:forwards}.burgericon.is-open .line-middle{opacity:0}.burgericon.is-open .line-bottom{animation:line-bot-out .6s linear normal;animation-fill-mode:forwards}.burgericon.is-closed .line-top{animation:line-top-in .6s linear normal;animation-fill-mode:forwards}.burgericon.is-closed .line-middle{transition-delay:.2s}.burgericon.is-closed .line-bottom{animation:line-bot-in .6s linear normal;animation-fill-mode:forwards}@keyframes line-top-in{0%{left:-5px;bot:0;transform:rotate(-45deg)}20%{left:-5px;bot:0;transform:rotate(-60deg)}80%{left:0;bot:0;transform:rotate(15deg)}to{left:0;bot:1px;transform:rotate(0)}}@keyframes line-top-out{0%{left:0;top:0;transform:rotate(0)}20%{left:0;top:0;transform:rotate(15deg)}80%{left:-5px;top:0;transform:rotate(-60deg)}to{left:-5px;top:1px;transform:rotate(-45deg)}}@keyframes line-bot-in{0%{left:-5px;transform:rotate(45deg)}20%{left:-5px;bot:0;transform:rotate(60deg)}80%{left:0;bot:0;transform:rotate(-15deg)}to{left:0;transform:rotate(0)}}@keyframes line-bot-out{0%{left:0;transform:rotate(0)}20%{left:0;transform:rotate(-15deg)}80%{left:-5px;transform:rotate(60deg)}to{left:-5px;transform:rotate(45deg)}}.header{width:100%}.header [data-searched=People]{--active-color: #419ebb}.header [data-searched=Planets]{--active-color: #d83a34}.header [data-searched=Films]{--active-color: #6f2ed6}.header [data-searched=Species]{--active-color: #eda249}.header [data-searched=Starships]{--active-color: #1ec2a4}.header [data-searched=Vehicles]{--active-color: #d14c32}.header__main{display:flex;align-items:center;justify-content:space-between;padding:0 2em;border-bottom:.2em solid #38384f;height:5rem}.header__secondary{display:none}.header__secondary--small{display:flex;justify-content:space-between;padding:0 2em;border-bottom:1px solid #38384f;height:4rem;align-items:stretch}.header__secondary__title{color:#838390;cursor:pointer}.header__secondary__title--active{color:#fff;border-bottom:5px solid var(--active-color)}.header__mobile{position:fixed;top:6em;width:100%;height:100vh;background-color:#070724;padding:2em;transform:translate(0);transition:transform .2s ease-in-out;z-index:999}.header__mobile--hidden{transform:translate(100%)}.header__mobile__link{display:flex;align-items:center;justify-content:flex-start;padding:1em 0;border-bottom:.2em solid #38384f;cursor:pointer}.header__mobile__link__dot{height:1.5em;width:1.5em;border-radius:.75em;background-color:var(--active-color)}.header__mobile__link__title{margin-left:2em;padding-top:3px}.header__mobile__link__icon{margin-left:auto}@media (min-width: 730px){.header__main{justify-content:center;border:none;flex-direction:column;width:100%;height:9rem;padding:unset}.header__main__burger{display:none}.header__secondary{display:flex;justify-content:space-between;padding:0 2em;border-bottom:1px solid #38384f;height:4rem;align-items:stretch;width:100%}.header__secondary__title{cursor:pointer;color:#838390}.header__secondary__title--active{color:#fff;border-bottom:5px solid var(--active-color)}.header__secondary--small{display:none}}@media (min-width: 1024px){.header__main{height:5rem;padding-inline:2em;flex-direction:row;justify-content:space-between;border-bottom:1px solid #38384f}.header__secondary{margin-left:auto;display:flex;border:none;justify-content:flex-end;line-height:5rem;height:5rem;width:auto}.header__secondary__title{color:#838390;margin-left:2em;height:5rem;line-height:5rem}.header__secondary__title--active{color:#fff;border-top:5px solid var(--active-color);border-bottom:none;line-height:4.4rem}}.searchbar{width:95%;height:2.5em;display:flex;margin:1em .5em .5em;align-items:center;justify-content:center;gap:.25em}.searchbar__search{width:60%;height:100%;position:relative;border:1px solid #38384f;display:flex;align-items:center}.searchbar__search__icon{position:absolute;width:2em;height:2em;padding:.2em;color:#838390}.searchbar__search__input{height:100%;width:100%;padding-left:2em;background-color:unset;border:none;color:#fff}.searchbar__button{width:20%;font-size:.9em;background:none;color:#838390;border:1px solid #38384f;height:100%;padding:.25em;cursor:pointer}.searchbar__button:hover{border:2px solid hsl(0deg,0%,100%);color:#fff;transition:all .2s}@media (min-width: 730px){.searchbar{width:80%}}@media (min-width: 1024px){.searchbar{width:60%}}.loader{position:relative}#bars3{display:block;position:absolute;top:0;left:2.4em;height:50px;width:50px;margin:-25px 0 0 -25px}#bars3 span{position:absolute;display:block;bottom:10px;width:9px;height:15px;background:rgba(255,255,255,.25);-webkit-animation:bars3 2.2s infinite ease-in;animation:bars3 2.2s infinite ease-in}#bars3 span:nth-child(2){left:11px;-webkit-animation-delay:.2s;animation-delay:.2s}#bars3 span:nth-child(3){left:22px;-webkit-animation-delay:.4s;animation-delay:.4s}#bars3 span:nth-child(4){left:33px;-webkit-animation-delay:.6s;animation-delay:.6s}#bars3 span:nth-child(5){left:44px;-webkit-animation-delay:.8s;animation-delay:.8s}#bars3 span:nth-child(6){left:55px;-webkit-animation-delay:.95s;animation-delay:.95s}@media (min-width: 730px){#bars3{left:2.2em}}@keyframes bars3{0%{background:rgba(255,255,255,.25)}25%{background:#ffffff}50%{background:rgba(255,255,255,.25)}to{background:rgba(255,255,255,.25)}}@-webkit-keyframes bars3{0%{background:rgba(255,255,255,.25)}25%{background:#ffffff}50%{background:rgba(255,255,255,.25)}to{background:rgba(255,255,255,.25)}}@keyframes cursorBlink{0%{opacity:0}}.resultpanel{width:95%;height:80vh;border:1px solid #38384f;margin:1em;padding:1em}.resultpanel__search{display:flex;align-items:flex-end}.resultpanel__search--animate:after{content:"";width:3px;height:1.25em;background:hsl(0deg,0%,100%);display:inline-block;animation:cursorBlink 1.5s steps(2) infinite}.resultpanel__navigation span{padding-left:1em;font-weight:700;text-decoration:underline;cursor:pointer}.resultpanel__navigation span:hover{letter-spacing:.02em}.resultpanel__navigation span:nth-child(2){padding-left:5em}.resultpanel__result{padding-left:2em}.resultpanel__result__list{list-style:inside;cursor:pointer}.resultpanel__result__list:hover{font-weight:700;text-decoration:underline}.resultpanel__result__list--active{font-weight:700}.resultpanel .resultdetails{position:relative}.resultpanel .resultdetails__separator{display:flex}.resultpanel .resultdetails__separator:after{content:"";position:absolute;left:1em;top:.3em;width:40%;height:1px;background-color:#fff}.resultpanel .resultdetails__list{padding-left:1em}.resultpanel .resultdetails__list li{list-style:inside}@media (min-width: 730px){.resultpanel{width:80%;font-size:1.2em}}@media (min-width: 1024px){.resultpanel{width:60%}}.app{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a,del,ins{text-decoration:none}a{color:inherit}input,button{outline:0}*,*:before,*:after{font-size:1em;line-height:1.2;margin:0;padding:0;box-sizing:border-box;border:none;text-decoration:none}@font-face{font-family:League Spartan;src:local("League Spartan"),url(/assets/LeagueSpartan-VariableFont_wght.e8298f80.ttf) format("truetype");font-display:swap}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;background-color:#070724;color:#fff;font-family:League Spartan,sans-serif;background-image:url(/assets/background-stars.00f213fd.svg);background-size:cover}h2{font-family:Antonio,sans-serif;font-size:2.5em;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:-1.5px}h3{text-transform:uppercase;font-size:.9em;font-weight:700;line-height:5;letter-spacing:2.6px}h4{text-transform:uppercase;font-size:1.2em;font-weight:700;line-height:2;letter-spacing:1px}