@font-face{font-family:Montserrat;src:url(/assets/Montserrat-DbzI1qGp.woff2)}:root,:root[data-theme=dark],body[data-theme=dark]{--body_background: #101010;--body_color: #fff;--heading_color: #ffe400}[data-theme=light],body[data-theme=light]{--body_background: #fff;--body_color: #000;--heading_color: #000}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--body_background);color:var(--body_color);font-family:Montserrat,sans-serif}.align_center{display:flex;align-items:center}.app{display:grid;grid-template-rows:80px auto}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 30px;border-bottom:1px solid #e6e6e6}.navbar h1{font-size:30px;color:var(--heading_color)}.navbar a{text-decoration:none;margin-right:auto}.navbar_links{display:flex;align-items:center}.navbar_links>a{font-size:20px;color:var(--body_color);font-weight:500;display:flex;align-items:center;text-decoration:none;padding:0 15px;transition:color .3s ease-in-out}.navbar_links>a:hover{color:var(--heading_color)}.navbar_links>a.active{color:var(--heading_color);font-weight:600}.navbar>a{text-decoration:none}.dark_mode{margin-top:-20px;margin-left:10px}.dark_mode_label{width:65px;height:30px;position:relative;display:block;background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6;cursor:pointer;transition:.3s}.dark_mode_label:after{content:"";width:25px;height:25px;position:absolute;top:3px;left:3px;background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px #0003;transition:.3s}.dark_mode_input{width:0;height:0;visibility:hidden}.dark_mode_input:checked+.dark_mode_label{background:#242424}.dark_mode_input:checked+.dark_mode_label:after{left:62px;transform:translate(-100%);background:linear-gradient(180deg,#777,#3a3a3a)}.dark_mode_label:active:after{width:30px}.dark_mode_label img{position:absolute;width:20px;top:5px;z-index:100}.dark_mode_label img.sun{left:5px;fill:#fff;transition:.3s}.dark_mode_label img.moon{left:40px;fill:#7e7e7e;transition:.3s}.dark_mode_input:checked+.dark_mode_label img.sun{fill:#7e7e7e}.dark_mode_input:checked+.dark_mode_label img.moon{fill:#fff}.movie_list_header{padding:10px 30px;justify-content:space-between;margin-bottom:5px}.movie_list_heading{font-size:26px;color:var(--heading_color)}.movie_filter{list-style:none;font-size:16px}.movie_filter_item{padding:5px 10px;cursor:pointer}.movie_filter_item.active{border-bottom:1px solid #e6e6e6;font-weight:600}.movie_sorting{border:none;outline:none;border-radius:5px;font-size:16px;font-weight:500;font-family:inherit;height:30px;padding:0 5px;margin:0 10px}.movie_cards{display:flex;flex-wrap:wrap;justify-content:space-evenly}.movie_card{width:200px;height:300px;margin:15px;overflow:hidden;border-radius:10px;color:#fff;box-shadow:0 3px 8px #00000040;position:relative;transition:all .2s ease-in-out}.movie_card:hover{transform:scale(1.08)}.movie_poster{width:100%;height:100%}.movie_details{position:absolute;top:0;height:100%;width:100%;padding:10px;background-image:linear-gradient(#0000,#000);display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:all .2s ease-in-out}.movie_card:hover .movie_details{opacity:1}.movie_details_heading{font-size:16px;color:#ffe400}.movie_date_rate{justify-content:space-between;font-size:12px;font-weight:500;margin:5px 0;color:#ffe400}.movie_description{font-size:12px;font-style:italic}