#root,html{height:100%}.app,body{min-height:100%;min-width:325px;font-family:"Nunito"}.app{width:100%;padding-top:50px;box-sizing:border-box}.MuiTooltip-tooltip{font-size:16px!important}body{background-color:#f4f4f4}body,h1,h2{margin:0}.login-page{position:fixed;background:radial-gradient(#9b0404,#000);width:100%}@media screen and (min-width:901px){.login-page{display:flex;justify-content:space-around;align-items:center;margin:auto;height:100%;padding:1rem;box-sizing:border-box}.login-page.hide #firebaseui_container{display:none}.login-page .landing-header{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem}.login-page .landing-header svg{width:575px;height:172.5px}.login-page .landing-header h2{font-size:30px;text-align:center;margin:1rem 0;color:#fff;font-weight:700}.login-page .offline-disclaimer{color:#fff}}@media screen and (max-width:900px){.login-page{display:flex;justify-content:space-around;align-items:center;margin:auto;height:100%;padding:1rem;box-sizing:border-box}.login-page.hide #firebaseui_container{display:none}.login-page .landing-header{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem}.login-page .landing-header svg{width:300px;height:90px}.login-page .landing-header h2{font-size:20px;text-align:center;margin:1rem 0;color:#fff;font-weight:700}.login-page .offline-disclaimer{color:#fff}.login-page{flex-direction:column;justify-content:center}}.firebaseui-button{background:#fff88b!important;color:#000!important;font-family:"Nunito"!important}.firebaseui-button.firebaseui-id-secondary-link{background:#f4f4f4!important}.firebaseui-textfield.mdl-textfield .firebaseui-label:after{background-color:#000!important}.firebaseui-link{color:#000!important}.home-page,.view-list-page{height:100%;width:100%;min-height:600px;display:flex;flex-direction:column;box-sizing:border-box}.home-page .upper,.view-list-page .upper{height:120px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;box-sizing:border-box;background-color:#fff}.home-page .upper .profile,.home-page .upper .suggestions,.view-list-page .upper .profile,.view-list-page .upper .suggestions{width:50%}.home-page .lower,.view-list-page .lower{display:flex;background-color:#f4f4f4;height:calc(100% - 120px)}.home-page .lower .left,.home-page .lower .right,.view-list-page .lower .left,.view-list-page .lower .right{height:100%;width:50%;padding:1rem;box-sizing:border-box;overflow-y:auto;background-color:#f4f4f4}.home-page .lower .left,.view-list-page .lower .left{padding:0}.home-page .lower .right,.view-list-page .lower .right{border-top:2px solid #000}@media screen and (max-width:900px){.home-page .lower .right,.view-list-page .lower .right{border-top:none}}.home-page .lower .sticky-header,.view-list-page .lower .sticky-header{position:sticky;padding-bottom:.5rem;top:0;background-color:#f4f4f4;z-index:1;display:flex;flex-direction:column;height:5.5rem;box-shadow:6px -2px 20px 1px grey}.home-page .lower .sticky-header .search-wrapper,.view-list-page .lower .sticky-header .search-wrapper{margin-top:.5rem;padding:0 1rem}.home-page .lower .list-wrapper,.view-list-page .lower .list-wrapper{margin:1rem}.home-page .lower .list-wrapper .top-tiles,.view-list-page .lower .list-wrapper .top-tiles{position:absolute;z-index:-1;opacity:0;top:0;left:0;padding:1rem;box-sizing:border-box;background-color:#000;width:100%}.home-page .lower .list-wrapper .top-tiles.show,.view-list-page .lower .list-wrapper .top-tiles.show{opacity:1}.home-page .lower .list-wrapper .top-tiles .top-tiles-header,.view-list-page .lower .list-wrapper .top-tiles .top-tiles-header{margin-bottom:.5rem;text-align:center}.home-page .lower .list-wrapper .top-tiles .top-tiles-header .logo-screenshot,.view-list-page .lower .list-wrapper .top-tiles .top-tiles-header .logo-screenshot{height:70px}.home-page .lower .list-wrapper .top-tiles .top-tiles-header .top-tiles-profile-pic,.view-list-page .lower .list-wrapper .top-tiles .top-tiles-header .top-tiles-profile-pic{height:62px;width:62px;border-radius:50%;padding:4px 0;margin-left:1rem;object-fit:cover}.home-page .lower .list-wrapper .top-tiles .movie-tile,.view-list-page .lower .list-wrapper .top-tiles .movie-tile{margin-bottom:0;width:100%;max-width:500px;box-shadow:none}.home-page .lower .list-wrapper .top-tiles .movie-tile .rank,.view-list-page .lower .list-wrapper .top-tiles .movie-tile .rank{font-size:2rem}.home-page .lower .list-wrapper .top-tiles .spacer,.view-list-page .lower .list-wrapper .top-tiles .spacer{width:100%;height:.5rem}.home-page .lower .list-wrapper .top-tiles .top-tiles-footer,.view-list-page .lower .list-wrapper .top-tiles .top-tiles-footer{margin-top:1rem;text-align:center;color:#fff;font-size:1.5rem;font-weight:700}.home-page .lower .watch-later-list .movie-tile,.view-list-page .lower .watch-later-list .movie-tile{padding-left:4rem}.home-page .lower .watch-later-list .movie-tile .left-content,.view-list-page .lower .watch-later-list .movie-tile .left-content{width:4rem}.home-page .lower .empty-list-placeholder,.view-list-page .lower .empty-list-placeholder{text-align:center;margin:1rem}@media screen and (max-width:900px){.home-page,.view-list-page{height:auto}.home-page .upper,.view-list-page .upper{flex-direction:column;height:auto}.home-page .upper .profile,.view-list-page .upper .profile{width:100%}.home-page .upper .suggestions,.view-list-page .upper .suggestions{display:none}.home-page .lower,.view-list-page .lower{flex-direction:column;height:auto}.home-page .lower .left,.home-page .lower .right,.view-list-page .lower .left,.view-list-page .lower .right{height:auto;width:100%}.home-page .lower .charts,.view-list-page .lower .charts{border-top:1px solid #c7c7c7;margin-bottom:2rem}.home-page.threshold .sticky-header,.view-list-page.threshold .sticky-header{position:fixed;top:50px;left:0;right:0}.home-page.threshold .list-wrapper,.view-list-page.threshold .list-wrapper{padding-top:6rem}}.profile{display:flex;align-items:center;height:100%}.profile .profile-pic-wrapper{cursor:pointer}.profile .profile-pic{height:100px;width:100px}.profile .profile-right{height:100%;width:calc(100% - 100px);display:flex;flex-direction:column;justify-content:space-around;padding-left:.5rem;box-sizing:border-box}.profile .profile-right .name.display-mode{font-weight:700;font-size:1.2rem}@media screen and (max-width:900px){.profile .profile-right .name.display-mode{font-size:1rem}}.profile .profile-right .buttons{display:flex;margin-top:4px;margin-left:1rem}@media screen and (max-width:900px){.profile .profile-right .buttons{justify-content:space-between}}.profile .profile-right .buttons button{border-radius:10px;border-width:2px;border-color:#000;font-family:"Nunito";font-weight:700;padding:3px 6px}.profile .profile-right .buttons button.disabled{opacity:.5}@media screen and (max-width:900px){.profile .profile-right .buttons button{font-size:.8rem;margin-right:.5rem}}.profile .profile-right .buttons button svg{margin-right:7px}@media screen and (max-width:900px){.profile .profile-right .buttons button svg{font-size:1.1rem}}.profile .profile-right .buttons button{flex-grow:1;margin-right:1rem;max-width:50%}.profile .profile-right .buttons button.disabled{border-color:#f4f4f4}@media screen and (max-width:900px){.profile .profile-right .buttons button{font-size:.7rem;padding:3px 6px;margin-right:.5rem}}.profile .profile-right .buttons .MuiBadge-badge{font-weight:700}.editable-label.edit-mode{display:flex;align-items:center;padding-left:1rem}.editable-label.edit-mode .MuiTextField-root{width:100%}.editable-label.edit-mode .MuiTextField-root .MuiOutlinedInput-input{padding:5px 10px}.editable-label.display-mode{font-size:18px;padding:.5rem 1rem;box-sizing:border-box;border-radius:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;width:-moz-fit-content;width:fit-content}.editable-label.display-mode.can-edit{cursor:pointer}.editable-label.display-mode.can-edit:hover{background-color:#f4f4f4}.modal{padding:1rem;box-sizing:border-box;max-width:calc(100vw - 2rem)}.modal .modal-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;box-sizing:border-box;padding-right:2rem}.modal .modal-header .MuiDialogTitle-root{padding:0;margin-right:1rem;min-width:0;width:100%}.modal .modal-header .MuiDialogTitle-root positio h2{overflow-wrap:break-word}.modal .modal-header .close-icon{margin:-12px;flex-shrink:0;position:absolute;top:0;right:0}.share-modal .modal-content{display:flex;align-items:center;justify-content:space-between}.share-modal .modal-content .copy-button{margin-right:1rem}.share-modal .copy-message{width:100%;text-align:center;margin-top:1rem;font-weight:700}.charts{display:flex;flex-direction:column;justify-content:space-around;overflow:hidden;height:100%;width:100%}.charts.disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}@media screen and (max-width:900px){.charts{height:600px}.charts.disabled{display:none}}.custom-tooltip{background-color:hsla(0,0%,100%,.9);border:2px solid #000;border-radius:5px;padding:5px;font-size:1rem}.custom-tooltip .genre-name{font-weight:700;font-size:1.1rem}.search-wrapper{display:flex;position:relative}.search-wrapper .MuiOutlinedInput-notchedOutline{border-color:#bebebe}.search-wrapper .media-type-picker{height:40px;border-top-left-radius:10px;border-bottom-left-radius:10px;border-top-right-radius:0;border-bottom-right-radius:0;width:10rem;position:absolute;z-index:1;top:0;left:1rem}.search-wrapper .media-type-picker .MuiOutlinedInput-notchedOutline{border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.search-wrapper .media-type-picker .MuiSelect-root{display:flex;align-items:center;text-transform:uppercase;font-size:.9rem;font-weight:700;padding-top:0;padding-bottom:0}.search-wrapper .media-type-picker .MuiSelect-root svg{font-size:1.5rem;margin-right:8px}.search-wrapper .search{flex-grow:1}.search-wrapper .search .search-text-field{margin:0}.search-wrapper .search .search-text-field .search-placeholder{display:flex;align-items:center;color:#000}.search-wrapper .search .search-text-field .search-placeholder .MuiSvgIcon-root{padding-right:.5rem;height:1rem;width:1rem}.search-wrapper .search .search-text-field .MuiButtonBase-root{color:#000}.search-wrapper .search .search-text-field .MuiInputBase-root{background-color:#fff}.search-wrapper .search .search-text-field .MuiInputBase-root input{padding-left:10rem}.search-wrapper .search .search-text-field .Mui-disabled .MuiSvgIcon-root,.search-wrapper .search .search-text-field .Mui-disabled .search-placeholder{color:#c7c7c7}.search-wrapper .search .search-text-field .MuiOutlinedInput-root{border-radius:10px}.search-option{display:flex;align-items:center;height:100px;width:100%;font-family:"Nunito";overflow:hidden}@media screen and (max-width:900px){.search-option{font-size:12px}}.search-option .poster{aspect-ratio:47/70;object-fit:cover;height:100%;margin-right:1rem;border-radius:8px}.search-option .title{margin-right:1rem}.media-type-option svg{margin-right:.5rem}.MuiAutocomplete-paper{border:2px solid #000;border-top:0}.chip{display:flex;align-items:center;background-color:#c60000;color:#fff;border-radius:10px;padding:.25rem .5rem;white-space:nowrap;margin-left:auto}.chip .MuiSvgIcon-root{margin-right:.25rem}.email-verification-page{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width:900px){.email-verification-page{margin-top:4rem}}.email-verification-page .icons{display:flex}.email-verification-page .message{margin-top:.5rem}.email-verification-page .email-address{font-weight:700;margin-bottom:1rem}.email-verification-page .send-again-wrapper{display:flex;flex-direction:column;align-items:center}.email-verification-page .send-again-wrapper button{width:8rem}.email-verification-page .send-again-wrapper .spam-warning{margin-top:5px;font-size:.9rem}.tabs-container .MuiTabs-root{height:40px;min-height:40px}@media screen and (max-width:900px){.tabs-container .MuiTabs-root{height:auto}}.tabs-container .MuiTabs-root .MuiTab-root{min-height:40px}@media screen and (max-width:900px){.tabs-container .MuiTabs-root .MuiTab-root .MuiTab-wrapper{font-size:11px}.tabs-container .MuiTabs-root .MuiTab-root .MuiTab-wrapper svg{height:1rem;width:1rem}}.tabs-container .tab-panel{padding:1rem 1rem 0;box-sizing:border-box;width:100%;background-color:#f4f4f4;height:100%}@media screen and (max-width:900px){.tabs-container .tab-panel{height:auto;overflow:unset}}.tabs-container .tab-panel>*{width:100%}.tabs-container .tab-panel{height:calc(100% - 40px)}.media-type-tabs .tab-wrapper{display:flex;align-items:center}.media-type-tabs .tab-wrapper .tab-name{padding-left:.5rem}.media-type-tabs .MuiTab-wrapper{font-size:.9rem!important}.media-type-tabs .MuiTab-root{transition:all .3s ease-in-out;transition-property:background-color,border-top,border-bottom,border-left,border-right;background-color:#fff}.media-type-tabs .MuiTab-root .MuiTab-wrapper{transition:color .3s ease-in-out;color:#616161}.media-type-tabs .MuiTab-root.Mui-selected{background-color:#f4f4f4;border-top:2px solid #000}.media-type-tabs .MuiTab-root.Mui-selected:first-child{border-right:2px solid #000;border-top-right-radius:10px}.media-type-tabs .MuiTab-root.Mui-selected:last-child{border-left:2px solid #000;border-top-left-radius:10px}.media-type-tabs .MuiTab-root.Mui-selected .MuiTab-wrapper{color:#000}.media-type-tabs .MuiTab-root:not(.Mui-selected){border-bottom:2px solid #000}.media-type-tabs .MuiTabs-indicator{display:none}.movie-tile{background-color:#fff;padding:.25rem .5rem;margin-bottom:.5rem;border:1px solid #c7c7c7;border-radius:10px;box-shadow:0 4px 8px 0 #c7c7c7;max-width:600px;margin-left:auto;margin-right:auto;font-size:16px}@media screen and (max-width:900px){.movie-tile{font-size:14px}}.movie-tile{position:relative;padding-left:5.25rem;box-sizing:border-box;display:flex;align-items:center;height:80px}.movie-tile.single .rank{font-size:1.5rem}.movie-tile.double .rank{font-size:1.25rem}.movie-tile.triple .rank{font-size:1rem}.movie-tile .left-content{position:absolute;top:0;left:0;height:100%;width:5.25rem;padding-left:.5rem;padding-right:1rem;box-sizing:border-box;text-align:center;border-left:.5rem solid transparent;border-radius:10px}.movie-tile .left-content>div{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.movie-tile.top-ten .left-content{border-left-color:#fff88b}@media screen and (min-width:901px){.movie-tile:hover{background-color:#f4f4f4}}.movie-tile .poster,.movie-tile .rank,.movie-tile .title{-webkit-user-select:none;user-select:none}.movie-tile .tile-content{display:flex;align-items:center;height:100%;flex:1 1;min-width:0;cursor:pointer}.movie-tile .title{margin:auto 0;font-size:1.1rem}@media screen and (max-width:900px){.movie-tile .title{font-size:1rem}}.movie-tile .title.long{font-size:.8rem}.movie-tile .drag-handle svg{padding-right:.25rem;color:#616161}.movie-tile .drag-handle.hidden svg{display:none}.movie-tile .rank{font-weight:700;font-size:20px;margin:auto}.movie-tile .poster{aspect-ratio:47/70;object-fit:cover;height:100%;margin-right:1rem;border-radius:8px}.movie-tile .custom-menu{margin-left:auto}.movie-tile .custom-menu .MuiButton-root{border:2px solid #000;border-radius:10px;padding:.25rem .5rem;font-weight:700}.movie-tile .custom-menu .MuiIconButton-root{color:#000;padding:4px}.detail-modal{max-width:500px}.detail-modal .detail-modal-content{display:flex;flex-direction:row;align-items:flex-start;-webkit-animation-name:fadein;-webkit-animation-duration:.75s;-webkit-animation-delay:0;-webkit-animation-fill-mode:forwards;animation-name:fadein;animation-duration:.75s;animation-delay:0;animation-fill-mode:forwards}.detail-modal .detail-modal-content .poster-large{aspect-ratio:47/70;object-fit:cover;flex:0 0 auto;max-height:220px;max-width:150px;border-radius:8px;margin-right:1rem}@media screen and (max-width:900px){.detail-modal .detail-modal-content .poster-large{max-width:100px;max-height:150px}}.detail-modal .detail-modal-content .plot{flex:1 1;min-width:0;max-height:220px;overflow-y:auto;text-align:left;font-family:"Nunito";line-height:1.4}@media screen and (max-width:900px){.detail-modal .detail-modal-content .plot{max-height:150px}}.suggestions{margin-left:1rem;padding:0 1rem;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.suggestions .suggestions-overlay{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.suggestions .suggestions-overlay .try-again-button{margin-top:.5rem}.suggestions .section-title{font-weight:700;font-size:16px;margin-bottom:.25rem}.suggestions .carousel{height:100%;width:100%}.suggestions .carousel .react-multiple-carousel__arrow--left{left:0}.suggestions .carousel .react-multiple-carousel__arrow--right{right:0}.suggestions .carousel .react-multi-carousel-track{height:100%}.suggestions .carousel .react-multi-carousel-track .suggestion{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.suggestions .carousel .react-multi-carousel-track .suggestion:hover .poster{opacity:.5}.suggestions .carousel .react-multi-carousel-track .suggestion:hover .hover-overlay{opacity:1}.suggestions .carousel .react-multi-carousel-track .suggestion .poster{aspect-ratio:47/70;object-fit:cover;max-height:100%;width:100px;border-radius:8px}.suggestions .carousel .react-multi-carousel-track .suggestion .hover-overlay{cursor:pointer;opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;display:flex;justify-content:center;align-items:center}.suggestions .carousel .react-multi-carousel-track .suggestion .hover-overlay .add-icon{font-size:2rem;color:#000}.view-friends-modal .view-list-friends{min-width:300px;max-height:400px;overflow:auto}.view-friends-modal .view-list-friends .friend{background-color:#fff;padding:.25rem .5rem;box-sizing:border-box;margin-bottom:.5rem;border:1px solid #c7c7c7;border-radius:10px;box-shadow:0 4px 8px 0 #c7c7c7;max-width:600px;margin-left:auto;margin-right:auto;font-size:16px}@media screen and (max-width:900px){.view-friends-modal .view-list-friends .friend{font-size:14px}}.view-friends-modal .view-list-friends .friend{display:flex;align-items:center;justify-content:space-between}.view-friends-modal .view-list-friends .friend .profile-info{display:flex;align-items:center}.view-friends-modal .view-list-friends .friend .profile-info .profile-pic{margin-right:1rem;height:50px;width:50px}.view-list-page button.send-request-button.disabled{max-width:100%}.view-list-page .view-list-container{padding:1rem;box-sizing:border-box}.view-list-page .view-list-container .movie-tile{padding-left:4rem}.view-list-page .view-list-container .movie-tile .left-content{width:4rem}.find-friends{display:flex;flex-direction:column;align-items:center;width:100%}.find-friends .instructions{margin-bottom:.5rem;text-align:center}.find-friends .upper{display:flex;align-items:center;justify-content:center;width:100%}.find-friends .upper .search-box{width:50%;margin-right:.5rem;background-color:#fff}.find-friends .num-results{margin-top:1rem}.find-friends .search-results{margin-top:1rem;height:100%;width:100%;overflow:auto}.find-friends .search-results .result{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#fff;padding:.25rem .5rem;box-sizing:border-box;margin-bottom:.5rem;border:1px solid #c7c7c7;border-radius:10px;box-shadow:0 4px 8px 0 #c7c7c7;max-width:600px;margin-left:auto;margin-right:auto;font-size:16px}@media screen and (max-width:900px){.find-friends .search-results .result{font-size:14px}}.find-friends .search-results .result .profile-info{display:flex;align-items:center}.find-friends .search-results .result .profile-info .profile-pic{margin-right:1rem;height:75px;width:75px}.find-friends .search-results .result .profile-info .name{margin-right:1rem}.find-friends .search-results .result .add-button{align-content:flex-end}@media screen and (max-width:900px){.find-friends .search-results .result .add-button{font-size:12px}}.find-friends .search-results .result .sent-message{margin:0 1rem}.friends-page{height:100%;width:100%}.friends-page .friend,.friends-page .request{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:900px){.friends-page .friend,.friends-page .request{font-size:12px}}.friends-page .friend .profile-info,.friends-page .request .profile-info{display:flex;align-items:center;margin-right:1rem}.friends-page .friend .profile-info .profile-pic,.friends-page .request .profile-info .profile-pic{margin-right:1rem;height:100px;width:100px}@media screen and (max-width:900px){.friends-page .friend .profile-info .profile-pic,.friends-page .request .profile-info .profile-pic{height:50px;width:50px}}.friends-page .friend .button-section,.friends-page .request .button-section{display:flex;align-items:center}@media screen and (max-width:900px){.friends-page .friend .button-section .remove-button,.friends-page .request .button-section .remove-button{display:none}}.friends-page .friend .button-section .accept-button,.friends-page .friend .button-section .view-button,.friends-page .request .button-section .accept-button,.friends-page .request .button-section .view-button{margin-left:1rem}@media screen and (max-width:900px){.friends-page .friend .button-section .accept-button,.friends-page .friend .button-section .view-button,.friends-page .request .button-section .accept-button,.friends-page .request .button-section .view-button{font-size:12px;padding:5px 10px;line-height:unset}}.friends-page .friend,.friends-page .request{background-color:#fff;padding:.25rem .5rem;box-sizing:border-box;margin-bottom:.5rem;border:1px solid #c7c7c7;border-radius:10px;box-shadow:0 4px 8px 0 #c7c7c7;max-width:600px;margin-left:auto;margin-right:auto;font-size:16px}@media screen and (max-width:900px){.friends-page .friend,.friends-page .request{font-size:14px}}.friends-page .MuiBadge-badge{font-weight:700}.remove-modal .button-section .confirm-button{margin-left:1rem}.header{height:100%;width:100%;position:fixed;top:0;z-index:100;padding:0 12px;box-sizing:border-box;background-color:#000}.header,.header .logo-wrapper{transition:all .8s cubic-bezier(.58,.08,.26,.88);display:flex;align-items:center}.header .logo-wrapper{position:absolute;transform-origin:center;top:50%;left:50%;transform:translate(-50%,-50%) scale(2)}.header .logo-wrapper text{-webkit-user-select:none;user-select:none}.header .logo-wrapper.can-click{cursor:pointer}.header.header-mode{height:50px}.header.header-mode .logo-wrapper{top:0;bottom:0;left:12px;transform:translate(0) scale(1)}.header .back-icon{color:#fff}.header .settings-icon{padding-right:0}.header .action-button{display:block;margin-left:auto;opacity:0;-webkit-animation-name:fadein;-webkit-animation-duration:.75s;-webkit-animation-delay:.8s;-webkit-animation-fill-mode:forwards;animation-name:fadein;animation-duration:.75s;animation-delay:.8s;animation-fill-mode:forwards}.header .action-button svg{color:#fff}.header .action-button.refresh-button{display:flex;margin-right:12px}.header .action-button.refresh-button svg{color:#000;margin-right:4px}.settings-modal{min-width:200px;max-width:400px}.settings-modal .settings{display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-animation-name:fadein;-webkit-animation-duration:.75s;-webkit-animation-delay:0;-webkit-animation-fill-mode:forwards;animation-name:fadein;animation-duration:.75s;animation-delay:0;animation-fill-mode:forwards}.settings-modal .settings .error-message,.settings-modal .settings .MuiButtonBase-root,.settings-modal .settings .MuiTextField-root{margin-bottom:1rem}.settings-modal .settings .error-message{color:#c60000;font-family:"Nunito"}.settings-modal .settings .about{text-align:center}.settings-modal .settings .about .about-section{margin-bottom:1rem}.settings-modal .settings .about .about-section:first-child,.settings-modal .settings .about .about-section a{font-size:1.15rem}.settings-modal .settings .about .about-section a{margin:0 .5rem}.settings-modal .settings .about .signature{margin-top:2rem;display:flex;align-items:center;justify-content:center;width:100%;font-weight:700;font-size:1.25rem}.settings-modal .settings .about .signature .profile-pic{height:80px;width:80px;margin-left:1rem}.guide-tooltip{background-color:#fff;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px}.guide-tooltip .action-button{margin-left:.5rem}.guide-tooltip .footer{display:flex;align-items:center;justify-content:flex-end;width:100%;margin-top:1rem}.add-to-home-popup{position:fixed;bottom:1em;left:1.1em;right:1.1em;z-index:1;background-color:#f4f4f4;padding:.5em 2.5em .8em .8em;border-radius:10px;box-shadow:2px 2px 9px 0 grey;display:flex;align-items:center;justify-content:space-around;font-size:.9em;background-color:#000;color:#fff}@keyframes fadein{0%{opacity:0}to{opacity:1}}.add-to-home-popup{-webkit-animation-name:fadein;-webkit-animation-duration:.75s;-webkit-animation-delay:0;-webkit-animation-fill-mode:forwards;animation-name:fadein;animation-duration:.75s;animation-delay:0;animation-fill-mode:forwards}.add-to-home-popup .popup-arrow{position:absolute;font-size:7px;bottom:0;left:50%;transform:translate(-50%);margin-bottom:-.9em;width:3em;height:1em;z-index:1}.add-to-home-popup .popup-arrow:before{content:"";margin:auto;display:block;width:0;height:0;border-color:#000 transparent transparent;border-style:solid;border-width:1em 1em 0}.add-to-home-popup .app-icon{height:5.4em;width:5.4em;margin-right:1em}.add-to-home-popup .instructions .title{font-weight:600;font-size:1.08em}.add-to-home-popup .instructions .title .wyl{font-weight:700;font-size:1.26em}.add-to-home-popup .instructions .step{display:flex;align-items:center;margin-top:.5em}.add-to-home-popup .instructions .step .bullet-point{margin-left:.5em;margin-right:.2em}.add-to-home-popup .instructions .step .share-icon{margin:0 .2em}.add-to-home-popup .instructions .step b{margin:0 .3em}.add-to-home-popup .close-icon-wrapper{position:absolute;top:.6em;right:.8em}.switch-chrome-popup{position:fixed;left:0;right:0;top:50px;background-color:#fff88b;z-index:1;display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;height:3.6em;border:2px solid #000}.switch-chrome-popup .safari-icon{position:absolute;left:.8rem;height:3.6em;width:3.6em;border-radius:.9em;border:2px solid #000}.switch-chrome-popup .message{font-size:.9em;text-align:center}.switch-chrome-popup .message .emoji{margin-left:4px}.switch-chrome-popup .close-icon-wrapper{position:absolute;top:.6em;right:.8em}@font-face{font-family:"Nunito";src:local("Nunito"),url(../../static/media/Nunito-Regular.e4eb7682.ttf) format("truetype")}@font-face{font-family:"Nunito";font-weight:600;src:local("Nunito"),url(../../static/media/Nunito-SemiBold.06337b2e.ttf) format("truetype")}@font-face{font-family:"Nunito";font-weight:700;src:local("Nunito"),url(../../static/media/Nunito-ExtraBold.e2978b0f.ttf) format("truetype")}@font-face{font-family:"BebasNeue-Regular";src:local("Bebas-Neue"),url(../../static/media/BebasNeue-Regular.c501e16f.ttf) format("truetype")}