html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body,h1,h2,h3,h4,h5,p,figure,picture{margin:0}h1,h2,h3,h4,h5,h6,p{font-weight:400}body{font-family:var(--font-sans);background-color:var(--clr-brand-primary);background:rgb(0,13,34);background:-moz-linear-gradient(0deg,rgb(0,13,34) 0%,rgb(4,21,48) 100%);background:-webkit-linear-gradient(0deg,rgb(0,13,34) 0%,rgb(4,21,48) 100%);background:linear-gradient(0deg,rgb(0,13,34) 0%,rgb(4,21,48) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000d22",endColorstr="#041530",GradientType=1);color:var(--clr-text-light);line-height:1.5;min-height:100vh}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.header h1{font-weight:700;text-transform:uppercase;font-size:var(--fs-900)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dot{height:8px;width:8px;background-color:var(--clr-gray);border-radius:50%;text-align:center}@media (min-width: 55em){.dot{display:inline-block}}.mt-80{margin-top:80px}.mr{margin-right:8px}.flex{display:flex}.space-between{justify-content:space-between}.color-brand{color:var(--clr-brand-secondary)}.card-link{text-decoration:none}.alignCenter,.center-items{display:flex;align-items:center}.center{display:flex;justify-content:center}.link,.link-light{text-decoration:none;font-weight:600}.link{color:var(--clr-text-link)}.link-light{color:var(--clr-brand-secondary);transition:.2s ease}.link-light:hover{color:var(--clr-brand-secondary-op)}.number{color:var(--clr-brand-secondary);font-weight:700}:root{--font-sans: "General Sans", sans-serif;--width-container: 1400px;--fs-900: clamp(2rem, 4vw, 3rem);--fs-800: 1.8rem;--fs-700: 1.5rem;--fs-600: 1rem;--fs-500: 1rem;--fs-400: .9375rem;--fs-300: 1rem;--fs-200: .875rem;--clr-brand-primary: #000d22;--clr-brand-secondary: rgb(250, 173, 28);--clr-brand-tertiary: #041734;--clr-brand-primary-op: rgba(0, 13, 34, .524);--clr-brand-primary-mobile-nav: rgba(0, 13, 34, .764);--clr-brand-primary-nav: rgb(0, 13, 34);--clr-text-dark:#030d1c;--clr-text-light:#e6e6e6;--clr-text-grey: #d8d8d8;--clr-text-dark-grey: rgba(180, 180, 180, .814);--clr-text-dark-ui: rgba(170, 184, 255, .8);--clr-text-link: rgb(82, 111, 255);--clr-ui-item-dark:#09172D ;--clr-ui-item: rgb(7, 31, 81);--clr-ui-item-light: rgb(82, 111, 255);--clr-ui-item-lighter: rgb(170, 184, 255);--clr-ui-item-grey: rgba(222, 222, 222, .341);--clr-ui-nav-badge: rgb(13, 32, 63);--clr-brand-secondary-op: rgba(250, 172, 28, .772)}@media (min-width: 35em){:root{--fs-800: 2rem;--fs-700: 1.9rem;--fs-600: 1.5rem;--fs-500: 1.25rem;--fs-400: 1rem;--fs-300: 1rem}}@media (min-width: 45em){:root{--fs-800: 2.4rem;--fs-700: 2.2rem;--fs-600: 2rem;--fs-500: 1.35rem;--fs-400: 1.125rem;--fs-300: 1rem}}.btn-default{padding:8px 18px;border-radius:8px;background-color:var(--clr-brand-secondary);border:none;font-weight:500;transition:.3s ease;cursor:pointer}.btn-default:hover{background-color:var(--clr-ui-item);color:var(--clr-text-grey)}.btn-wrap{text-align:center}.watch-trailer{display:flex;align-items:center}.watch-trailer svg{margin-left:4px;stroke-width:1.2px}.btn-icon{background:none;position:absolute;border:none;color:var(--clr-text-grey);padding:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;top:0px;right:0px}.btn-icon .clear-icon,.btn-icon .search-icon{width:1.375rem;height:1.375rem}.watch-trailer div{margin-top:20px}@media (max-width: 640px){.watch-trailer{justify-content:center}}.watch-trailer .youtube-close{position:absolute;z-index:11;bottom:60px;right:10px}.card{background-color:var(--clr-brand-tertiary);padding:20px;border-radius:8px;transition:.3s ease;position:relative;height:100%;margin:0 auto}.card .card-img{border-radius:8px}.card:hover{box-shadow:0 2px 6px 2px #0003;-webkit-box-shadow:0px 2px 6px 2px rgba(0,0,0,.2);-moz-box-shadow:0px 2px 6px 2px rgba(0,0,0,.2);transform:translateY(-6px)}.card__img-wrap{position:relative}.card .card-img{object-fit:cover}@media (min-width: 55em){.card .card-img{height:320px}}.card .rating{position:absolute;top:-1px;right:-1px;align-items:center;border-radius:0 8px;padding:5px 15px;background-color:var(--clr-brand-tertiary);border:2px solid var(--clr-ui-item)}.card .rating .rating-icon{margin-right:4px;color:var(--clr-brand-secondary)}.card .rating p{font-weight:400;color:var(--clr-text-grey)}.card .card-body{padding-top:10px}.card .card-body__title{color:var(--clr-text-light)}.card .card-body__date,.card .card-body__name,.card .card-body__about{color:var(--clr-text-grey);opacity:.8}*{scrollbar-width:auto;scrollbar-color:rgb(3,13,28)}*::-webkit-scrollbar{width:13px}*::-webkit-scrollbar-track{background:var(--clr-brand-tertiary)}*::-webkit-scrollbar-thumb{background-color:var(--clr-ui-item);border-radius:0;border:0px none rgb(3,13,28)}.searchlist::-webkit-scrollbar{width:5px}.searchlist::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgb(11,11,11);border-radius:5px}.searchlist::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 6px var(--clr-brand-secondary)}.selected-genres{max-width:100%;display:flex;flex-wrap:wrap}.selected-genres .genre-badge{margin:20px 10px 0 0;border-radius:4px;background-color:var(--clr-ui-item);padding:5px 10px;cursor:pointer}.selected-genres .active{background-color:var(--clr-brand-secondary);color:var(--clr-brand-primary)}.select-wrapper,.select-wrapper-multi{max-width:100%;width:350px}.sorting-wrap{display:flex;justify-content:space-evenly;flex-direction:column}@media (min-width: 55em){.sorting-wrap{flex-direction:row;display:flex}}.badge{padding:8px 15px;border-radius:8px}.badge-default{background-color:var(--clr-ui-item-dark);border:1px solid var(--clr-ui-item)}.badge-outline{background-color:transparent;border:1px solid var(--clr-ui-item-grey)}.links{display:flex;padding-bottom:50px}.links a{text-decoration:none;color:var(--clr-text-grey);margin-right:10px;font-weight:500}.badge-link{background-color:var(--clr-ui-item);border:1px solid var(--clr-ui-item-light);transition:.3s ease}.badge-link:hover{background-color:var(--clr-ui-item-light);color:var(--clr-text-grey)}.content-container{width:100%}@media (max-width: 55em){.review-list>.review-card{margin-bottom:40px}}@media (min-width: 55em){.review-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px}.review-card{width:48.5%}}.review-card{display:flex;flex-direction:column;background-color:var(--clr-ui-item);padding:1rem;border-radius:.5rem;height:100%}.review-card h4{font-size:var(--fs-500);font-weight:500}.review-card h5{font-size:var(--fs-400)}.review-card .review-content{padding:20px 0}.review-card .link{color:var(--clr-ui-item-light);font-weight:500}.review-card .review-footer{margin-top:auto}.details-person .page-nav{padding-top:30px}.page-nav{display:flex;flex-wrap:wrap;padding:10px 10px 30px}@media (min-width: 55em){.page-nav{flex-direction:row}}.page-nav a{text-decoration:none;color:var(--clr-text-light);font-weight:500;margin-right:10px}.searchbar{position:relative;max-width:100%;z-index:99;width:250px;align-items:center}@media (min-width: 55em){.searchbar{width:350px}}@media (max-width: 55em){.searchbar{margin-right:55px}}.input-field{color:var(--clr-text-light);width:100%;padding:10px;border-radius:8px;background-color:var(--clr-ui-item);border:none;float:right;overflow:hidden;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s}.input-field::placeholder{color:var(--clr-text-gray)}.container{min-height:calc(100vh - 100px)}.loader,.error-wrap{width:100px;height:100px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px}main,.content-container{max-width:var(--width-container);margin:0 auto;padding:10px}.page-wrap{margin-top:80px}.header{text-align:center}.line{margin-top:20px;border-left:2px solid var(--clr-text-grey);opacity:.5;height:150px;position:absolute;left:50%}.h-line{width:100%;height:1px;background-color:var(--clr-ui-item-grey);border:none}.row{margin-bottom:100px}.row h2{font-weight:500}.list-wrap{padding-top:220px}.list,.img-list{width:100%;display:grid;grid-gap:30px;margin:20px 0;grid-template-columns:repeat(1,1fr)}.img-list{grid-template-columns:repeat(2,1fr)}@media (min-width: 600px){.list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 800px){.list,.img-list{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1000px){.list,.img-list{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1300px){.list,.img-list{grid-template-columns:repeat(5,1fr)}}.dot{height:8px;width:8px;background-color:var(--clr-text-grey);border-radius:50%;display:inline-block;text-align:center}@media (max-width: 55em){.dot{display:none}}section h2{font-size:var(--fs-800);font-weight:500;text-transform:capitalize}footer{margin-top:0;padding-bottom:5px;height:300px}.footer{margin-top:auto}.footer__content{height:100%;max-width:1400px;margin:0 auto;padding:10px;display:flex;align-items:flex-end}.footer__logo{padding-right:30px}.footer__logo .db-logo{width:70px}nav{z-index:99;transition:.3s ease;position:fixed;top:0;width:100%;height:80px}.nav-wrap,.nav-extra,.nav-items{display:flex;align-items:center}.nav-wrap{max-width:var(--width-container);margin:0 auto;justify-content:space-between;padding:10px}.logo-wrap,.logo-img{display:flex;align-items:center}.logo-small{display:none}@media (max-width: 55em){.logo-small{display:block}.logo-big{display:none}.nav-wrap{width:100%}}@media (min-width: 55em){.logo-big{display:block}}.logo-img{width:100px}.nav-item{list-style:none;font-weight:600;margin:0 10px}.nav-link{text-decoration:none;color:var(--clr-text-gray);font-weight:400;transition:.3s ease;font-size:var(--fs-400)}.nav-link:hover,.nav-link.active{color:var(--clr-brand-secondary)}button.nav-toggle{display:none}@media (max-width: 69.375em){nav{display:flex;height:70px;align-items:center;background:var(--clr-brand-primary-nav)}.nav-items{--gap: 2em;position:fixed;inset:0 0 0 30%;z-index:998;flex-direction:column;padding:min(30vh,10rem) 2em;margin:0;transform:translate(100%);transition:transform .35s ease-out;background:var(--clr-brand-primary-mobile-nav);backdrop-filter:blur(1.5rem)}.nav-items.showMenu{transform:translate(0)}.nav-extra{flex-direction:column}button.nav-toggle{display:block;background:none;cursor:pointer}.nav-icon{color:var(--clr-brand-secondary);font-size:1.5rem}.nav-toggle{z-index:999;position:absolute;background-repeat:no-repeat;width:2rem;border:0;aspect-ratio:1;top:1.5rem;right:.6rem}}@media (min-width: 35em) and (max-width: 55em){.nav-items a>span[aria-hidden]{display:none}}@media (min-width: 70em){.navbar.colorChange,.navbar:hover{background-color:var(--clr-brand-primary-op);backdrop-filter:blur(6px)}.nav-item{padding:0 0 0 10px}}.header{padding-top:200px;margin:0 auto;max-width:80ch}.header h1,.header p{color:var(--clr-text-grey)}.header p{font-size:var(--fs-400)}.header .header-scroll{margin-top:100px;opacity:.5}.media-section{display:flex}@media (min-width: 45em){.media-section{min-height:100vh}}.cast-section{padding:100px 0}@media (max-width: 55em){.cast-section{padding:280px 0 100px}}.media-header,.media-bg-img{width:100%;height:100%}.media-header{margin-top:-80px;display:grid;grid-template-columns:1fr;grid-column-gap:0px;grid-row-gap:0px;align-content:center;justify-content:center;z-index:1;height:100%}.media-header .media-bg{grid-area:1/1/2/2}.media-header .media-bg .media-bg-img{width:100%;z-index:4;opacity:.08;display:grid;background-repeat:no-repeat;background-position:bottom center;object-fit:cover}@media (min-width: 55em){.media-header .media-bg .media-bg-img{min-height:100vh}}.media-header .media-content{z-index:5;grid-area:1/1/2/2}.grid-container{text-align:center;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:.3fr auto auto auto;gap:0px 10px;grid-template-areas:"links" "first-column" "middle-column" "last-column"}.links{grid-area:links}.first-column{grid-area:first-column}.middle-column{grid-area:middle-column}.last-column{grid-area:last-column}@media (min-width: 55em){.media-header .media-content{margin-top:170px}.grid-container{width:100%;text-align:left;height:800px;display:grid;grid-template-columns:1fr 1.8fr 1fr;grid-template-rows:1fr 10fr;gap:0px 20px;grid-auto-flow:row;grid-template-areas:"links links links" "first-column middle-column last-column"}.links{grid-area:links;width:100%}.first-column{grid-area:first-column}.middle-column{grid-area:middle-column}.last-column{grid-area:last-column}}.media-content .header-info{position:relative}.media-content .header-info__media-poster{border-radius:8px;max-width:100%;width:250px;box-shadow:0 4px 8px #0d203f66;-webkit-box-shadow:0px 4px 8px 0px rgba(13,32,63,.4);-moz-box-shadow:0px 4px 8px 0px rgba(13,32,63,.4)}@media (max-width: 55em){.media-content .header-info__media-poster{margin:0 auto}}@media (min-width: 55em){.media-content .header-info__media-poster{max-width:100%;width:430px}}.media-content .overview,.media-content .media-stats .badge,.media-content .media-stats .dot-group{margin:0 5px}.media-content .group-genres{padding:20px 0}.media-content .group-genres .badge{margin:0 5px}.media-content .info-group{width:100%}@media (max-width: 45em){.media-content .info-group{display:flex;justify-content:center;flex-wrap:wrap;row-gap:1rem}}.media-content .info-group .badge{font-weight:500}.media-content .title{margin:0 5px;padding-bottom:20px}.media-content .title h1{font-size:var(--fs-800);text-transform:uppercase;font-weight:600}.media-content .title p{font-size:16px;opacity:.8}.media-content .production{margin-top:12px}.media-content .production .column-group{display:flex;flex-direction:column;height:71%}.media-content .production .column-group>.pd-group{margin-bottom:40px}.media-content .production .watch-trailer{margin-top:auto}.media-content .production h4{font-size:var(--fs-500);color:var(--clr-text-dark-grey);font-weight:500}.media-content p{font-size:var(--fs-400)}.media-content .overview p{line-height:1.8}@media (max-width: 55em){.media-content .overview p{max-width:50ch;margin:0 auto;padding:10px 0 20px}}.media-content #cast{font-size:var(--fs-600)}.viewmore{cursor:pointer;color:var(--clr-brand-secondary);font-weight:600}.viewmore:hover{text-decoration:underline}@media (max-width: 55em){.links{padding-top:80px;margin:0 auto}}.details-person{max-width:1000px}.biography-section{padding:20px 0}.header-section{min-height:80vh;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:.6fr 1.4fr;gap:0px 24px;grid-template-areas:"profile-poster" "profile-info"}@media (min-width: 55em){.header-section{grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-auto-columns:1fr;grid-auto-flow:row;grid-template-areas:"profile-poster profile-info"}}.profile-poster{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:".";grid-area:profile-poster}.profile-poster{grid-area:profile-poster}.profile-info{grid-area:profile-info}.details-section{height:auto}.details-section h2{text-transform:capitalize;margin:40px 0}.details-section article{margin:0 auto;max-width:1000px}.details-section article p{margin:0 0 2.5em;font-size:var(--fs-400);line-height:1.8;font-weight:500}.details-person h1{font-size:var(--fs-900);font-weight:600;padding-bottom:10px}@media (min-width: 55em){.details-person h1{margin-top:-18px}}@media (max-width: 55em){.details-person h1{text-align:center}}.details-person img{border-radius:8px;box-shadow:0 4px 8px #0d203f66;-webkit-box-shadow:0px 4px 8px 0px rgba(13,32,63,.4);-moz-box-shadow:0px 4px 8px 0px rgba(13,32,63,.4)}.profile-info .profile-group{border-radius:8px;margin:0 0 20px}.profile-info .profile-group div{padding:10px 0}.profile-info .profile-group{background-color:var(--clr-ui-item)}@media (min-width: 55em){.profile-info .profile-group{width:80%}}.profile-info h4{font-size:var(--fs-400);font-weight:600}.profile-group{padding:5px 0 5px 10px}.profile-poster img{max-width:100%;width:250px;margin:0 auto}@media (min-width: 55em){.profile-poster img{width:450px}}.credits-section h2{margin-bottom:20px}.credits-section .crew-wrap,.credits-section .casting-wrap{background-color:var(--clr-ui-item);border-radius:8px;padding:20px;margin-bottom:40px}.credits-section .crew-wrap h4{margin-bottom:5px}.credits-section .casting-wrap{display:flex}.credits-section .casting-wrap h3{color:var(--clr-brand-secondary);font-weight:600;font-size:var(--fs-600)}.credits-section .casting-wrap>.casting-list{margin-left:30px}.credits-section .casting__content,.credits-section .crew-wrap{padding-bottom:10px}.credits-section .casting__content a,.credits-section .crew-wrap a{color:var(--clr-ui-item-lighter);transition:.2s ease}.credits-section .casting__content a:hover,.credits-section .crew-wrap a:hover{color:var(--clr-brand-secondary)}.credits-section .casting__content p,.credits-section .crew-wrap p{color:var(--clr-text-dark-ui)}.credits-section .casting__content h4,.credits-section .crew-wrap h4{font-weight:600;font-size:var(--fs-400);margin-right:10px}.trailer-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none}.trailer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);backdrop-filter:blur(4px);pointer-events:auto}.trailer-modal{position:relative;width:90%;max-width:1200px;z-index:10000;pointer-events:none}.trailer-modal .video-responsive-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;box-shadow:0 0 50px #00000080;pointer-events:auto}.trailer-modal .video-responsive-container .youtube-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.trailer-modal .youtube-close{position:absolute;top:-50px;right:0;background:none;border:none;border-radius:6px;color:#0c0c0c;background-color:var(--clr-brand-secondary);height:fit-content;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:500;padding:5px 10px;transition:opacity .3s;pointer-events:auto;z-index:10001}.trailer-modal .youtube-close:hover{opacity:.7}.trailer-modal .youtube-close:active{opacity:.5}.trailer-modal .youtube-close .close-icon{font-size:2rem;line-height:1}@media (max-width: 768px){.trailer-modal{width:100%;height:auto;max-width:none;display:flex;flex-direction:column;justify-content:center;background:#000}.trailer-modal .video-responsive-container{width:100%;padding-bottom:56.25%}.trailer-modal .youtube-close{top:50px;right:20px;background:rgba(255,255,255,.1);padding:5px 15px;border-radius:50px;backdrop-filter:blur(10px)}.trailer-modal .youtube-close .close-text{display:none}}