*{box-sizing:border-box}body{background-color:#f9f9f9;font-family:Red Hat Display,aktiv-grotesk,Roboto,Inconsolata,Monaco,Arial,Helvetica,sans-serif;margin:0}a{color:#337ab7;text-decoration:none}.container{margin:auto;max-width:650px;width:70vw}#username-input{border-radius:3px;grid-column:1/5;margin:0 6rem;max-height:30px;padding:8px}#progress-tracking{margin:15px auto;max-width:28em}#progress-tracking ul{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0}#progress-tracking ul li{align-items:center;display:flex;flex-direction:row;padding:2px}img.checkmark,img.error{height:26px;margin:auto;width:26px}.grid-wrapper{align-items:center;display:grid;font-size:16px;grid-template-columns:7em 6.4em 6.4em 7em;grid-template-rows:50px 50px 50px 50px}label{font-weight:unset}#results{max-height:70vh;overflow-y:scroll}@media only screen and (max-width:700px){.container{max-width:95vw;width:unset}.grid-wrapper{font-size:13px;grid-template-columns:6.5em 4.2em 4.2em 6.5em}.movie-rec{font-size:14px}#recommendation-list{font-size:14px;padding-left:25px}.predicted-rating-score{font-size:16px}.movie-rec{grid-template-columns:18% 67% 15%}.data-opt-in-label,.model-strength-label,.popularity-filter-label{font-size:12px}#username-input{margin:0 2rem}}@media only screen and (max-width:400px){#recommendation-list{font-size:13px;padding-left:21px}.movie-rec{font-size:13px;grid-template-columns:18% 63% 19%}.predicted-rating-score{font-size:15px}.grid-wrapper{grid-template-columns:6.4em 4em 4em 6.4em}#recommendation-form{padding:1.1em}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-display:swap;font-family:Red Hat Display;font-style:normal;font-weight:300 900;src:url(/static/media/RedHatDisplay-VariableFont_wght.17e621669d45ee5c2345.woff2) format("woff2"),url(/static/media/RedHatDisplay-VariableFont_wght.80af2ba1e6bd4493164f.woff) format("woff")}@font-face{font-display:swap;font-family:Red Hat Display;font-style:italic;font-weight:300 900;src:url(/static/media/RedHatDisplay-Italic-VariableFont_wght.83064372549f2e63e462.woff2) format("woff2"),url(/static/media/RedHatDisplay-Italic-VariableFont_wght.ddfeb523048238dc4c0f.woff) format("woff")}@font-face{font-family:Inconsolata;font-style:normal;font-weight:200 900;src:url(/static/media/Inconsolata-VariableFont_wdth,wght.871740a0d38a707bb77a.woff2) format("woff2"),url(/static/media/Inconsolata-VariableFont_wdth,wght.b99437a6c80a0cf13ccd.woff) format("woff")}@font-face{font-family:Yantramanav;font-style:normal;font-weight:100;src:url(/static/media/yantramanav-thin-webfont.d099bd90f67b86b7e285.woff2) format("woff2"),url(/static/media/yantramanav-thin-webfont.392b80808a1520fa40a6.woff) format("woff")}@font-face{font-family:Yantramanav;font-style:normal;font-weight:300;src:url(/static/media/yantramanav-light-webfont.d4fabb8408139110d591.woff2) format("woff2"),url(/static/media/yantramanav-light-webfont.c52547346065c2c49c23.woff) format("woff")}@font-face{font-family:Yantramanav;font-style:normal;font-weight:400;src:url(/static/media/yantramanav-regular-webfont.9b46e0695cf205f61d49.woff2) format("woff2"),url(/static/media/yantramanav-regular-webfont.f4b984b12de8d287deba.woff) format("woff")}@font-face{font-family:Yantramanav;font-style:normal;font-weight:500;src:url(/static/media/yantramanav-medium-webfont.c972b07b703ea4c71f61.woff2) format("woff2"),url(/static/media/yantramanav-medium-webfont.40a2ea812a608c732199.woff) format("woff")}@font-face{font-family:Yantramanav;font-style:normal;font-weight:700;src:url(/static/media/yantramanav-bold-webfont.75d64e1212a4ac58e124.woff2) format("woff2"),url(/static/media/yantramanav-bold-webfont.ad7be2abf4678736d44a.woff) format("woff")}@font-face{font-family:Yantramanav;font-style:normal;font-weight:900;src:url(/static/media/yantramanav-black-webfont.a55510906ed50338b1e7.woff2) format("woff2"),url(/static/media/yantramanav-black-webfont.58a8f9d231c1ed7341a3.woff) format("woff")}#intro-container{margin-top:96px;max-width:650px;text-align:left}#intro-container .row{max-width:580px;text-align:center}#intro-container .row.intro-paragraph{font-family:Yantramanav,aktiv-grotesk,Inconsolata,Monaco;margin:32px auto 24px;text-align:left}#intro-container .row.intro-paragraph p{font-size:18px;line-height:130%}#intro-container .row.byline{font-size:16px;font-style:italic;line-height:16px;margin:0 auto 32px;max-width:580px;text-align:left}#intro-container .row.byline .icon-img{height:16px;-webkit-transform:translateY(5px);transform:translateY(5px);width:auto}#intro-container h1{font-family:Red Hat Display,aktiv-grotesk,Inconsolata,Monaco;font-size:44px;font-weight:500;line-height:44px}#intro-container span.bolded{font-weight:600}@media only screen and (max-width:700px){#intro-container{margin-top:64px;max-width:85vw}#intro-container .row.intro-paragraph{margin:32px auto 24px;max-width:500px;width:90%}#intro-container .row.intro-paragraph p{font-size:16px;line-height:130%}#intro-container .row.byline{margin:0 auto 24px;max-width:500px;width:90%}#intro-container .row.byline .icon-img{height:14px;-webkit-transform:translateY(4px);transform:translateY(4px);width:auto}#intro-container h1{font-family:Red Hat Display,aktiv-grotesk,Inconsolata,Monaco;font-size:32px;font-weight:500;line-height:32px}}.recommendation-form{background-color:#fff;border:1px solid #444;border-radius:10px;display:flex;flex-direction:column;gap:12px;margin:auto;padding:2rem}.recommendation-form .form-slider label{color:rgba(0,0,0,.8)!important}.data_opt_in_control label span{text-align:left}.recommendation-form .submit-button button{font-size:1rem}.slider-end-label{font-size:14px;line-height:1.3;text-align:left;width:130px}#form-submit-button{border-radius:5px;grid-column:1/5;margin:0 20%;padding:5px 0}.recommendation-form input{font-size:1rem}#body-content-container{min-height:80vh}.recommendation-form td{padding-bottom:5px;padding-right:10px}#model-strength-slider,#popularity-filter-slider{grid-column:2/4;margin:auto;max-width:90%}.model-strength-label,.popularity-filter-label{font-size:14px}.model-strength-label--left{text-align:left}.model-strength-label--right{text-align:right}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#444}.loader,.waiting-loader{height:20px;margin:auto;width:20px}.waiting-loader{border:3px solid #f3f3f3;border-radius:50%}.progress-text{font-size:.9rem;line-height:1.3;margin-left:8px;text-align:left}.progress-container{align-items:center;display:flex;min-height:30px;min-width:30px}#download-container{min-height:70px;text-align:center}#download-button{margin:15px auto 5px;max-width:80%}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.switch{display:inline-block;height:30px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:22px;left:4px;width:22px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(28px);transform:translateX(28px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media only screen and (max-width:700px){.recommendation-form{background-color:unset;border:unset;padding:1.5rem}.data_opt_in_control label{color:rgba(0,0,0,.8);gap:5px}.slider-wrapper{padding-left:0!important}.recommendation-form label,.recommendation-form span{font-size:14px}}#load-user-task-progress a{text-decoration:none}#recommendation-list{font-size:18px;margin-top:0;padding-left:30px}.movie-rec-wrapper{display:inline-block;vertical-align:middle;width:100%}.recommendation-data-wrapper{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.recommendation-data-wrapper div.recommendation-movie-data-wrapper{align-items:start;display:flex;flex-direction:column;gap:12px;justify-content:space-between}.movie-rec{align-items:center;background-color:rgba(173,216,230,.3);border-radius:10px;box-sizing:border-box;display:flex;font-size:17px;gap:16px;justify-content:stretch;margin:4px 8px;min-height:120px;min-width:250px;padding:16px;position:relative}.movie-rec .genre-display{-ms-overflow-style:none;display:flex;flex-direction:row;gap:8px;max-width:410px;overflow-x:scroll;scrollbar-width:none}@media only screen and (max-width:660px){.movie-rec .genre-display{display:none;flex:0 1;max-width:0}}@media only screen and (min-width:661px)and (min-width:950px){.movie-rec .genre-display{max-width:340px}}.movie-rec .genre-display::-webkit-scrollbar{display:none}.poster-container{justify-self:center}.predicted-rating-score{background-color:#fff;font-size:20px;font-weight:700;justify-self:center;max-width:70px;padding:8px;text-align:center}.title-link{justify-self:left;text-align:left;width:100%}.movie-poster{max-height:70px;width:auto}@media only screen and (max-width:660px){.grid-item.title-link{font-size:1rem;padding:0 8px 0 5px;text-align:left}#recommendation-list{padding-left:26px}#recommendation-list li::marker{font-size:14px}.movie-rec .genre-display{bottom:8px}}#genre-filter{background-color:#fff;max-height:3rem}#genre-filter .default-all-display{padding-left:1rem;text-align:left}.list-filter-controls{background-color:#f3f3f3;border-radius:10px;margin-bottom:10px;overflow-x:hidden;padding:2rem 0}#recommendation-list .no-item-message{color:rgba(0,0,0,.8);font-size:1rem;margin-top:2rem}.import-prompt{margin-bottom:8px}.footer{font-family:Roboto,Helvetica,sans-serif;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.85rem;margin:auto;max-width:550px;padding-bottom:60px;padding-top:40px;text-align:left;width:70vw}.footer .heading{font-weight:700}.footer hr,.footer section{margin-bottom:2rem}.footer hr{max-width:80%}.footer a{text-decoration:none}.icon-img{box-sizing:content-box;height:15px;margin:auto auto 2px;padding-left:4px;-webkit-transform:translateY(5px);transform:translateY(5px);width:15px}.spacer{height:60px}@media only screen and (max-width:750px){.footer{width:85vw}}img.kofiimg{content:url(https://storage.ko-fi.com/cdn/cup-border.png);display:inline!important;display:initial!important;height:13px!important;margin-bottom:3px!important;margin-left:0!important;margin-right:5px!important;padding-bottom:0!important;padding-top:0!important;width:20px!important}.kofiimg:after,img.kofiimg{border:none;margin-top:0;vertical-align:middle}.kofiimg:after{content:url(https://storage.ko-fi.com/cdn/whitelogo.svg);height:25px;margin-bottom:4px!important;margin-left:0;margin-right:6px;padding-bottom:0;padding-top:0}.btn-container{display:inline-block!important;min-width:160px;white-space:nowrap}span.kofitext{text-wrap:none;letter-spacing:-.15px!important;line-height:33px!important;padding:0;text-align:center;text-shadow:0 1px 1px rgba(34,34,34,.05);vertical-align:middle}.kofitext a,span.kofitext{color:#fff!important;text-decoration:none!important}.kofitext a:hover{color:#fff!important;text-decoration:none}a.kofi-button{background-color:#29abe0;border:0 #fff!important;border-radius:7px;box-shadow:1px 1px 0 rgba(0,0,0,.2);color:#fff;cursor:pointer;display:inline-block!important;font-family:Quicksand,Helvetica,Century Gothic,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:36px!important;min-width:150px;overflow-wrap:break-word;padding:2px 12px!important;text-align:center!important;text-decoration:none;text-shadow:none;vertical-align:middle}a.kofi-button .kofitext img.kofiimg{display:inline;display:initial;height:15px!important;width:22px!important}a.kofi-button:visited{color:#fff!important;text-decoration:none!important}a.kofi-button:hover{color:#f5f5f5!important;opacity:.85;text-decoration:none!important}a.kofi-button:hover .kofitext img.kofiimg{-webkit-animation:kofi-wiggle 3s infinite;animation:kofi-wiggle 3s infinite}a.kofi-button:active{color:#f5f5f5!important;text-decoration:none!important}@-webkit-keyframes kofi-wiggle{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}60%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}75%{-webkit-transform:rotate(0) scale(1.12);transform:rotate(0) scale(1.12)}80%{-webkit-transform:rotate(0) scale(1.1);transform:rotate(0) scale(1.1)}84%{-webkit-transform:rotate(-10deg) scale(1.1);transform:rotate(-10deg) scale(1.1)}88%{-webkit-transform:rotate(10deg) scale(1.1);transform:rotate(10deg) scale(1.1)}92%{-webkit-transform:rotate(-10deg) scale(1.1);transform:rotate(-10deg) scale(1.1)}96%{-webkit-transform:rotate(10deg) scale(1.1);transform:rotate(10deg) scale(1.1)}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}}@keyframes kofi-wiggle{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}60%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}75%{-webkit-transform:rotate(0) scale(1.12);transform:rotate(0) scale(1.12)}80%{-webkit-transform:rotate(0) scale(1.1);transform:rotate(0) scale(1.1)}84%{-webkit-transform:rotate(-10deg) scale(1.1);transform:rotate(-10deg) scale(1.1)}88%{-webkit-transform:rotate(10deg) scale(1.1);transform:rotate(10deg) scale(1.1)}92%{-webkit-transform:rotate(-10deg) scale(1.1);transform:rotate(-10deg) scale(1.1)}96%{-webkit-transform:rotate(10deg) scale(1.1);transform:rotate(10deg) scale(1.1)}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}}div.down-notice{background-color:hsla(60,37%,77%,.4);border:1px solid hsla(0,0%,8%,.8);border-radius:3px;box-sizing:border-box;margin:1rem auto;max-width:650px;padding:1rem 2rem}@media only screen and (max-width:674px){div.down-notice{border-radius:0;font-size:16px;margin:12px 12px 1rem}}div.down-notice p{text-align:left}
/*# sourceMappingURL=main.a0c51452.css.map*/