*,*::before,*::after{box-sizing:border-box;padding:0;margin:0}body{font-family:'Poppins', sans-serif;font-size:15px;background:var(--color-primary);color:white}a{text-decoration:none;color:var(--color-links)}p{font-size:1rem;margin:5px 0}button.button_to{background:none;border:none}form button,input[type='submit'],.btn{border:1px solid var(--color-links);padding:5px 10px;border-radius:5px;background:none;color:var(--color-links)}.btn-sm{font-size:0.7rem}.cast-container{display:grid;grid-template-columns:repeat(auto-fit, 125px);grid-template-rows:repeat(auto-fit, 225px);gap:10px;justify-content:center}.season-cast .cast-container{grid-template-rows:repeat(auto-fit, 275px)}.headshot-container img{width:125px}.headshot-container{width:125px}.name-block{position:relative;width:125px;top:-60px;min-height:60px;padding:5px;background:rgba(0,0,0,0.7)}.name-block p{font-size:0.85rem}.seasons-container *:not(h2){font-size:1.2rem}.episode-container{display:flex;gap:100px;padding:10px;border-bottom:1px solid white}.episode-image-overview-container{flex:0 0 50%}.guest-stars-container{flex-grow:3}.guest-stars-container ul{padding-left:15px}.episode-container img{display:block;margin-bottom:10px;max-width:100%}ul.common-actor-results li{list-style:none;padding-left:5px;line-height:1.5rem}.full-cast-container{display:flex}.full-cast-actors{flex:1 1 75%}.full-cast-directors-editors{flex:1 1 25%;display:flex;flex-direction:column}.other-search-options{display:flex;gap:5px}@media (max-width: 768px){.episode-container{display:block}.full-cast-container{flex-direction:column}}@media (max-width: 415px){.headshot-container img{width:170px}.cast-container{grid-template-columns:170px 170px;column-gap:20px;row-gap:5px}.name-block{width:170px}}@media (max-width: 354px){.headshot-container img{width:140px}.cast-container{column-gap:20px;row-gap:5px;grid-template-columns:140px 140px}.name-block{width:140px}}.person-more{margin:auto;width:80%}.image-and-bio{border-radius:5px;background-color:#507b9a;display:flex;gap:10px;padding:0 1rem 1rem 1rem}.person-more img{height:298px}.person-more h2{font-size:1.1rem}.bio{font-size:0.9rem}.credits ul{padding-top:10px}.credits ul li{list-style:none;line-height:1.2rem;font-size:0.85rem}.credits h3{border-bottom:2px solid white;margin-top:10px}.credits-heading-container{display:flex;justify-content:space-between;padding-bottom:5px}.credits-container{display:flex;flex-wrap:wrap}.credits-section{flex:0 0 48%;margin:0 5px}.credits .material-symbols-outlined.videocam{font-size:1rem;position:relative;top:3px}@media (max-width: 768px){.credits{width:100%}.image-and-bio{display:block}.credits-container{flex-direction:column}.seen-movies{order:-1}}form.small-x{display:inline-block}form.small-x button{background:none;border:none;color:var(--color-links);padding:0}form input[type='text']{height:1.7rem;border:1px solid grey;border-radius:3px;padding:5px;margin:5px 0}form select{height:1.7rem;border:1px solid grey;border-radius:3px;margin:5px 0}.manage-screenings form{background:none}.manage-screenings form button{background:none;border:none;color:var(--color-links);padding:0;text-align:left;font-size:0.9rem}.screenings-providers-container span.material-symbols-outlined{font-size:1rem}form.form input,textarea,select{width:25%;margin-bottom:1rem;height:2rem}form.form input[type='text'],form.form input[type='email'],form.form input[type='password']{padding:10px}form.form input[type='checkbox']{width:25px}form.form textarea{height:200px;padding:10px;font-family:inherit;font-size:1rem}form.form label{font-weight:500;color:var(--color-secondary);display:block}form.form input[type='submit']{display:block}@media (max-width: 768px){form.form input,textarea,select{width:85%}}:root{--nav-bar-height: 56px}.main-nav{background:var(--color-secondary);color:var(--color-primary);overflow:auto;padding:0 .75rem;height:var(--nav-bar-height)}.main-nav ul{display:flex;height:inherit;justify-content:space-between;align-items:center}.main-nav ul li{list-style:none}.main-nav a{text-decoration:none;color:var(--color-primary)}.main-nav #sign_out_nav_link{color:white}.main-nav form.header-movie-search input{border:1px solid lightgray;border-radius:3px;padding:5px}.dropdown-header{width:auto}.dropdown-header input,ul.dropdown-items{display:none;position:absolute;width:inherit}.dropdown-header ul.dropdown-items li{padding:.75rem}.dropdown-header .dropdown-items hr{border-color:var(--color-secondary)}.dropdown-header input,ul.dropdown-items li:hover{background:var(--color-secondary-lighter)}.dropdown-header label{position:relative;display:block;cursor:pointer}.dropdown-header input:checked~ul.dropdown-items{display:block;background:var(--color-secondary-darker);top:var(--nav-bar-height)}.lists-container{padding:10px}.list{border:1px solid var(--color-secondary);padding:5px}select.list-sort{width:70px}.media-show-page .media-flex{gap:3rem;width:60%;margin:auto}.media-show-page form input[type='text'],.media-show-page form select{width:85%}.modal form input[type='text'],.modal form select{width:280px}.embed-container iframe{border:1px solid grey;aspect-ratio:4 / 3}.modal .embed-container iframe{width:280px}.media-show-page .embed-container iframe{width:85%}.media-show-page .headshot-container,.media-show-page .headshot-container img{width:125px}.manage-screenings .material-symbols-outlined.edit-note{position:relative;top:7px}.media-show-page{padding:0 2rem}.media-show-page .backdrop-image{display:flex;justify-content:center}.backdrop-image img{width:60%}@media (min-width: 768px){.watch-info{max-width:190px}}@media (max-width: 768px){.media-show-page .backdrop-image{display:none}.media-show-page .media-flex{flex-direction:column;width:100%;gap:10px}.media-show-page .image-screenings-providers-container{display:flex;gap:20px}.media-show-page .material-symbols-outlined{font-size:10px;line-height:1.5rem}.media-show-page .watch-info img{width:133px}.media-show-page .txt-sm{margin-top:5px}}.modal{position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.7);display:flex;justify-content:center}.modal-content{background-color:#071d34;color:white;padding:0 20px 5px 20px;border:2px solid var(--color-secondary);border-radius:5px;width:350px;overflow:auto}.modal .streaming-providers .material-symbols-outlined{font-size:0.7rem;position:relative;top:1px}.modal.hidden{display:none}.close{color:#aaa;display:inline-block;position:relative;top:0px;left:-18px;font-size:1.5rem}.close:hover,.close:focus{opacity:0.8;text-decoration:none;cursor:pointer}.modal .movie-flex{margin-top:-20px}.modal .movie-flex{flex-direction:column}.modal .trailer-placeholder{width:278px;height:208px;background:black}.modal .screening-placeholder{width:278px;height:100px;background:#071d34}.modal .placeholder-content h2{color:var(--color-links)}@media (max-width: 354px){.modal-content{width:315px}}.movies-container{padding:30px 50px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit, 187px);gap:20px;justify-content:center}.movies-container__poster{transition:all 0.3s ease}.movies-container__poster img{width:100%;border-radius:5px}.movies-container__poster:hover{cursor:pointer}.movies-container__labels{list-style:none;margin:4px 0 0;padding:0;font-size:0.8em;opacity:0.8}button.modal-linker{background:none;border:none;padding:0}.media-flex{display:flex}@media (min-width: 768px){.movies-container__poster:hover{transform:scale(1.2);transition-delay:0.4s}}@media (max-width: 415px){.movies-container{gap:10px;grid-template-columns:170px 170px}}@media (max-width: 354px){.movies-container{gap:10px;grid-template-columns:150px 150px}}@media (max-width: 768px){table.highest-rated-movies{width:100%}}.pseudo-header{text-transform:uppercase;margin-bottom:5px}.container{padding:0 20px 20px}h1{margin:20px 0}h2{margin:1rem 0}.devise-account-links a{display:block;margin-bottom:5px}.pagination{padding-bottom:10px}table{margin:1.5rem 0;border-collapse:collapse}table,th,td{border:1px solid white}table td{padding:1rem .5rem}table th{padding:5px}ul.ui-autocomplete{list-style:none;max-width:450px;padding:0}ul.ui-autocomplete li{text-align:left;background:white;color:black;cursor:pointer;font-size:0.8rem;padding:5px}ul.ui-autocomplete li:hover{background:darkgrey;color:white}.ui-helper-hidden-accessible{display:none}@media (max-width: 768px){.container{padding:0 10px}.mobile-hidden{display:none}}.streaming-service-providers-container span.material-symbols-outlined{font-size:.85rem}.streaming-providers-list>:nth-of-type(n):not(:last-child)::after{content:", "}.suggestions .form select,.suggestions .form textarea,.suggestions .form input[type='submit']{width:100%;max-width:500px;box-sizing:border-box}.suggestions .form textarea{height:7rem}.suggestions__collapsible summary{display:flex;justify-content:center;align-items:baseline;gap:12px;padding:10px 20px;cursor:pointer;list-style:none}.suggestions__collapsible summary::-webkit-details-marker{display:none}.suggestions__summary{font-size:1.2em}.suggestions__change{color:var(--color-links);text-decoration:underline}.suggestions__collapsible[open] .suggestions__change{display:none}.suggestions__loading{display:none;flex-direction:column;align-items:center;gap:20px;padding:60px 20px;text-align:center}.suggestions.is-loading .suggestions__form,.suggestions.is-loading .suggestions__results{display:none}.suggestions.is-loading .suggestions__loading{display:flex}.suggestions__spinner{width:48px;height:48px;border:4px solid var(--color-secondary);border-right-color:transparent;border-radius:50%;animation:suggestions-spin 0.9s linear infinite}@keyframes suggestions-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.suggestions__spinner{animation-duration:3s}}.mt-0{margin-top:0px}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mb-5{margin-bottom:5px}.mb-0{margin-bottom:0px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mr-5{margin-right:5px}.ml-5{margin-left:5px}.inline-block{display:inline-block}.block{display:block}.inline{display:inline}.flex{display:flex}.justify-center{justify-content:center}.text-center{text-align:center}.hidden{display:none}.text-xs{font-size:0.75rem;line-height:1rem}:root{--yellow: hsl(48, 89%, 50%);--lighter-yellow: hsl(48, 89%, 60%);--darker-yellow: hsl(48, 89%, 45%);--color-primary: #020d18;--color-secondary: var(--yellow);--color-secondary-lighter: var(--lighter-yellow);--color-secondary-darker: var(--darker-yellow);--color-links: lightblue}
