.not-found-page{flex-direction:column;grid-gap:40px;gap:40px;padding:20px 0}.not-found-page,.not-found-page__desc-wrap{display:flex;margin:0 auto;width:100%;max-width:800px}.not-found-page__desc-wrap{position:relative;height:500px;max-height:500px;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent),url(https://starwars-visualguide.com/assets/img/characters/4.jpg) no-repeat 50%;background-size:contain}.not-found-page__desc{display:flex;margin:auto auto 0;justify-content:center;font-size:44px;font-style:italic;color:#e6e6e6;background-color:#000}.not-found-page__control--home{font-size:22px!important;margin:auto}.error-message{position:absolute;top:0;left:0;z-index:50;display:flex;width:100%;min-height:150px;height:100%;background-color:rgba(0,0,0,.9)}.error-message-text{margin:auto;color:#fff}.spinner{position:absolute;top:0;left:0;z-index:10;display:flex;width:100%;min-height:150px;height:100%}.spinner-icon{width:50%;height:auto;max-height:70%;margin:auto;-webkit-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.item-details{position:relative;display:flex;flex-direction:row;min-height:235px;background-color:initial}.item-details-image{width:40%;margin-bottom:auto;height:auto;max-height:300px;object-fit:contain}.item-details-content{background:linear-gradient(90deg,#000,50%,#222)}.item-details-title{margin-bottom:16px;text-align:center}.item-details-item{display:flex;justify-content:space-between;grid-gap:16px;gap:16px;padding-left:.5rem;padding-right:.5rem;background-color:initial}.item-details-term{font-style:italic}.item-details-term-desc{text-align:right;white-space:pre-wrap}.item-list{position:relative;min-height:490px;background:linear-gradient(180deg,#000,50%,#222)}.item-list-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:initial}.item-list-item:active,.item-list-item:focus,.item-list-item:hover{background-color:#444;border-left:3px solid #00bc8c;box-shadow:inset 0 -1px #777}.item-list-id{font-size:.8em;font-style:italic;color:#ddd}.header{grid-gap:40px;gap:40px;align-items:center;padding:16px 20px;margin-bottom:10px}.header-list{grid-gap:12px;gap:12px}.header-list-item{display:flex;align-items:center}.header-list-item-link{font-size:18px;padding:.5rem 1rem;border-radius:3px}.header-list-item-link--selected,.header-list-item-link:active,.header-list-item-link:focus,.header-list-item-link:hover{color:#00bc8c;background-color:#333}.header a:hover{text-decoration:none}.header-title{display:flex}.header-title a{font-size:28px;background:linear-gradient(90deg,#ff0,#ddd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.random-planet{position:relative;display:flex;justify-content:space-between;align-items:center;grid-gap:20px;gap:20px;min-height:214px;margin-bottom:50px;padding:0;background-color:initial}.random-planet-image-wrapper{display:flex;flex-shrink:0;object-fit:cover}.random-planet-image{width:200px;height:200px;border-radius:50%;box-shadow:10px 5px 25px #00bc8c;-webkit-animation:rotate-reverse 20s linear infinite;animation:rotate-reverse 20s linear infinite}@media (min-width:900px){.random-planet-image{width:240px;height:240px}}.random-planet-content{flex-grow:1;padding:20px 28px;background-color:#303030;background:linear-gradient(90deg,#000,50%,#222);border-radius:8px}.random-planet-title{margin-bottom:20px;text-align:center}.random-planet-id{font-size:.7em;font-style:italic;color:#ccc}.random-planet-list-item{display:flex;justify-content:space-between;grid-gap:50px;gap:50px;padding:.5rem;background-color:initial}.random-planet .list-group-item .term{font-style:italic}@-webkit-keyframes rotate-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes rotate-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.welcome-message{display:flex;margin:0 auto 28px;padding:0 12px 12px;justify-content:center;align-items:center}.welcome-message__title{margin:0;font-size:18px;text-align:center;color:#61dafb}.welcome-story{position:relative;display:flex;height:500px;perspective:450px;padding:20px;justify-content:center;align-items:center;overflow:hidden}.welcome-story__wrap{position:relative;top:-10000px;transform-origin:50% 100%;-webkit-animation:sw-transform-story 80s linear infinite;animation:sw-transform-story 80s linear infinite}.welcome-story__content{margin-bottom:80px;font-size:80px;background:linear-gradient(180deg,#ff0,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic;text-align:center}@-webkit-keyframes sw-transform-story{0%{top:2200px;transform:rotateX(20deg) translateZ(0)}to{top:-6200px;transform:rotateX(25deg) translateZ(-2500px)}}@keyframes sw-transform-story{0%{top:2200px;transform:rotateX(20deg) translateZ(0)}to{top:-6200px;transform:rotateX(25deg) translateZ(-2500px)}}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{min-width:320px;min-height:100vh;margin:0;padding:0;font-size:16px;line-height:1.5;font-weight:400;font-style:normal;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#ddd}img{display:block;max-width:100%;height:auto}.visually-hidden:not(:focus):not(:active),input[type=checkbox].visually-hidden,input[type=radio].visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);overflow:hidden}h2{font-size:2.2rem}h2,h3{color:#00bc8c}h3{font-size:1.7rem}body{background:url(/static/media/bg.cafdbda7.webp) 50%/cover no-repeat}
/*# sourceMappingURL=main.45b7dc08.chunk.css.map */