@import url(https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap);.cast-member{display:inline-block;width:75px;height:140px;vertical-align:top;overflow:hidden;padding:10px}.cast-member.search-result{height:50px;width:calc(100% - 20px);display:block;text-align:left;white-space:nowrap}.cast-member.search-result:hover{background:#eee}.cast-member.clickable{cursor:pointer}.cast-member .cast-avatar{width:75px;height:75px;background-color:#999;background-size:cover;background-position:50%;margin-bottom:10px;border-radius:50%}.cast-member.search-result .cast-avatar{color:#fff;display:inline-block;margin-bottom:20px;width:50px;height:50px;line-height:150px}.cast-member.search-result .cast-title{display:inline-block;vertical-align:top;color:#000;height:50px;margin:0 0 0 10px;line-height:50px}.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{vertical-align:top;overflow:hidden;height:225px;width:150px;padding:10px;display:inline-block}.movie-item.search-result{height:50px;width:calc(100% - 20px);display:block;text-align:left;white-space:nowrap}.movie-item.search-result:hover{background:#eee}.movie-item.clickable{cursor:pointer}.movie-item .movie-avatar{width:150px;height:150px;line-height:150px;font-size:90px;font-weight:500;background-color:#999;background-size:cover;background-position:50%;border-radius:50%}.movie-item .movie-title{margin:20px 0 0}.movie-item.search-result .movie-avatar{color:#fff;display:inline-block;margin-bottom:20px;width:50px;height:50px;line-height:150px}.movie-item.search-result .movie-title{display:inline-block;vertical-align:top;color:#000;height:50px;margin:0 0 0 10px;line-height:50px}.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-family:Shadows Into Light,cursive;font-size:3em;position:absolute;width:100%;text-align:center;bottom:10%}.container{max-width:960px;min-height:100%;margin:0 auto;transition:all 1s ease}.input-container{z-index:3;position:relative;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}.flip-list-move{transition:transform 1s}.search-dropdown{position:relative;width:90%;margin:0 auto}.dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:20px;z-index:10;overflow:hidden}.dropdown-scroll{max-height:400px;overflow-y:auto}.dropdown ul{margin:0;padding:0;list-style:none}.overview{margin-top:20px}.word{display:inline-block;margin:0 .2em}.swap-enter-active,.swap-leave-active{transition:all .4s ease;position:relative;display:inline-block}.swap-enter-from{opacity:0;transform:translateY(-.5em)}.swap-enter-to,.swap-leave-from{opacity:1;transform:translateY(0)}.swap-leave-to{opacity:0;transform:translateY(.5em)}@media (min-width:768px){.container.init{padding-top:30vh}}#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;font-family:Shadows Into Light,cursive;font-weight:700;font-style:normal}h1 span{color:red;cursor:pointer}.dark h1,.dark h2,.dark h3,.dark li,.dark p{color:#fff}.vue-app{background:#fff;transition:background 1s;min-height:100%}.vue-app.dark{background:#333}.dark-mode-switch{position:absolute;top:10px;right:10px;font-size:2em}.dark-mode-switch a{text-decoration:none}