.cast-member{display:inline-block;width:75px;height:140px;vertical-align:top;overflow:hidden;margin:0 10px 10px}.cast-member.clickable{cursor:pointer}.cast-avatar{width:75px;height:75px;background-color:#999;background-size:cover;background-position:50%;margin-bottom:10px;border-radius:50%}.icon-container{position:absolute;right:10px;top:calc(50% - 10px)}.loader{position:relative;height:20px;width:20px;display:inline-block;-webkit-animation:around 5.4s infinite;animation:around 5.4s infinite}@-webkit-keyframes around{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes around{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader:after,.loader:before{content:"";background:#fff;position:absolute;display:inline-block;width:100%;height:100%;border-width:2px;border-color:#333 #333 transparent transparent;border-style:solid;border-radius:20px;box-sizing:border-box;top:0;left:0;-webkit-animation:around .7s ease-in-out infinite;animation:around .7s ease-in-out infinite}.loader:after{-webkit-animation:around .7s ease-in-out .1s infinite;animation:around .7s ease-in-out .1s infinite;background:transparent}.movie-item{display:inline-block;vertical-align:top;height:225px;overflow:hidden;width:150px;margin:10px}.movie-item.clickable{cursor:pointer}.movie-avatar{width:150px;height:150px;line-height:150px;font-size:90px;font-weight:500;color:#fff;background-color:#999;background-size:cover;background-position:50%;border-radius:50%;margin-bottom:20px}.tabs-container{margin:0 auto 20px;width:70%}.tabs-container ul{display:flex;justify-content:center}.tabs-container ul li{width:50%;text-align:center;background:#e9ecf1;border-right:1px solid #c1c4c9;padding:13px 15px;cursor:pointer;transition:all .2s ease}.dark .tabs-container ul li{color:#000}.tabs-container ul li:first-child{border-top-left-radius:25px;border-bottom-left-radius:25px}.tabs-container ul li:last-child{border-right:0;border-top-right-radius:25px;border-bottom-right-radius:25px}.tabs-container ul li.active,.tabs-container ul li:hover{background:#666;color:#fff}@media (min-width:600px){.tabs-container{margin:0 auto 20px;width:30%}}.text-drop-down{position:relative}.text-drop-down span{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;cursor:pointer}.text-drop-down ul{display:block;position:absolute;left:0;background:#fff;top:20px}.dark .text-drop-down ul{background:#333}.text-drop-down ul li{padding:2px 5px;cursor:pointer;border-bottom:1px solid #eee}.tutorial-veil{z-index:-1;position:fixed;top:0;left:0;width:100%;height:100%;transition:all .5s ease}.tutorial-veil.enabled{z-index:2;background:rgba(0,0,0,.7)}.tutorial-veil p{color:#fff;font-size:3em;position:absolute;width:100%;text-align:center;bottom:10%}.container{background:#fff;width:100%;min-height:100%;transition:background 1s}.container.dark{background:#333}.dark-mode-switch{position:absolute;top:10px;right:10px;font-size:2em}.dark-mode-switch a{text-decoration:none}.input-container{z-index:3;position:relative;width:70%;margin:0 auto}.input-container img{position:absolute;right:15px;top:10px;width:20px;height:20px;cursor:pointer}.search-input{width:100%;box-sizing:border-box;padding:10px 20px;border-radius:20px}.tutorial .input-container .search-input{border:2px solid #000}.half-width{display:inline-block;vertical-align:top;min-height:20px;width:45%;margin:0 2.5%}.half-width.single{width:95%}.flip-list-move{transition:transform 1s}@media (min-width:600px){.input-container{width:40%}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:100%;height:100%}body,html{height:100%}body,html,ul{margin:0;padding:0}ul{list-style-type:none}h1{margin:0;padding:1em}.dark h1,.dark h2,.dark h3,.dark li,.dark p{color:#fff}