@charset "UTF-8";h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:Roboto-Bold;src:url(/js-project-team-3/assets/Roboto-Bold-39a2f9d2.ttf) format("truetype"),url(/js-project-team-3/assets/Roboto-Bold-e7cbaf29.woff) format("woff"),url(/js-project-team-3/assets/Roboto-Bold-8b84b2ab.woff2) format("woff2");font-style:bold}@font-face{font-family:Roboto-Medium;src:url(/js-project-team-3/assets/Roboto-Medium-ecf88da1.ttf) format("truetype"),url(/js-project-team-3/assets/Roboto-Medium-72841a4c.woff) format("woff"),url(/js-project-team-3/assets/Roboto-Medium-1cd5c4b3.woff2) format("woff2");font-style:normal}@font-face{font-family:Roboto-Regular;src:url(/js-project-team-3/assets/Roboto-Regular-7277cfb8.ttf) format("truetype"),url(/js-project-team-3/assets/Roboto-Regular-dd7110e9.woff) format("woff"),url(/js-project-team-3/assets/Roboto-Regular-b01691f5.woff2) format("woff2");font-style:normal}:root{--orange: #f87719;--black: #111111;--dark-gray: #282828;--gray: #595959;--light-gray: #b7b7b7;--white-smoke: #f8f8f8;--white: #ffffff;--basic-gradient: linear-gradient(141.22deg, #ffc226 9.4%, #f84119 91.91%);--other-gradient: linear-gradient( 141.22deg, #f84119 9.4%, rgba(248, 159, 25, .68) 91.91% );--transition: .25s linear;--gradient320HomeStub: linear-gradient( 86.77deg, #111111 30.38%, rgba(17, 17, 17, 0) 65.61% );--gradient768HomeStub: linear-gradient( 82.55deg, #111111 39.6%, rgba(17, 17, 17, 0) 72.95% );--gradient1280HomeStub: linear-gradient( 83.16deg, #111111 36.85%, rgba(17, 17, 17, 0) 60.05% );--gradient320LibStub: linear-gradient( 79.49deg, #111111 34.1%, rgba(17, 17, 17, 0) 64.67% );--gradient768LibStub: linear-gradient( 77.77deg, #111111 33.58%, rgba(17, 17, 17, 0) 71.57% );--gradient1280LibStub: linear-gradient( 79.39deg, #111111 32.37%, rgba(17, 17, 17, 0) 72.02% )}body{background-color:var(--black);display:flex;flex-direction:column;height:100vh;transition:background-color var(--transition)}.light{background-color:var(--white);transition:background-color var(--transition)}.button-to-header{display:none;width:70px;height:70px;border:1px solid var(--white);border-radius:50%;cursor:pointer;background:var(--white);position:fixed;bottom:6%;right:3%;scale:1;transition:background-color var(--transition),scale var(--transition),border var(--transition)}.light .button-to-header{background-color:var(--black);transition:background-color var(--transition),scale var(--transition),border var(--transition)}.button-to-header:hover,.button-to-header:focus{background-color:inherit;scale:1.2;border:1px solid var(--orange)}.light .button-to-header:hover,.light .button-to-header:focus{scale:1.2;border:1px solid var(--orange)}.button-to-header-icon{fill:var(--black);transition:fill var(--transition)}.light .button-to-header-icon{fill:var(--white);transition:fill var(--transition)}.button-to-header:hover .button-to-header-icon,.button-to-header:focus .button-to-header-icon{fill:var(--orange)}.container{margin:0 auto;padding:0 20px}@media screen and (min-width: 320px){.container{max-width:320px}}@media screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}}@media screen and (min-width: 1280px){.container{max-width:1280px}}.button{display:block;padding:12px 24px;border-radius:74px;cursor:pointer;border:1px solid transparent;font-family:Roboto-Medium,sans-serif;font-size:12px;line-height:1.16;text-align:center}.btn-gradient{border:1px solid var(--black);background:var(--basic-gradient);color:var(--black);transition:var(--transition);transition:color .1s linear}.light .btn-gradient{border:1px solid var(--white)}.light .btn-gradient:hover{border:1px solid var(--orange)}.btn-gradient:hover,.btn-gradient:focus{color:var(--orange);border:1px solid var(--orange);background:var(--white)}.btn-border-dark{background:linear-gradient(var(--black),var(--black)) padding-box,linear-gradient(to right,#ffc226 100%,var(--orange) 100%) border-box;color:var(--white);transition:var(--transition)}.btn-border-dark:hover{background:var(--white);color:var(--orange)}.btn-clicked{background:var(--white);color:var(--orange);transition:var(--transition)}.light .btn-border-dark{background:linear-gradient(var(--white),var(--white)) padding-box,linear-gradient(to right,#ffc226 100%,var(--orange) 100%) border-box;color:var(--black);transition:var(--transition)}.light .btn-border-dark:hover,.light .btn-clicked{background:var(--black);color:var(--orange)}.btn-transparent-dark{background:transparent;border:1px solid var(--white);color:var(--white);transition:var(--transition)}.btn-transparent-dark:hover,.btn-transparent-dark:focus{background:var(--white);color:var(--orange)}.light .btn-transparent-dark{background:transparent;border:1px solid var(--black);color:var(--black);transition:var(--transition)}.light .btn-transparent-dark:hover,.light .btn-transparent-dark:focus{background:var(--black);color:var(--orange)}.theme-transition{transition:background-color var(--transition)}.desktop-header{display:flex;width:100%;height:48px;align-items:center;justify-content:center;padding:8px 20px}.logo-container-link{display:flex;gap:8px}.current-page a{color:var(--orange)}.desktop-header.dark-theme{background-color:var(--black);color:var(--white)}.hover-text2{font-family:Roboto-Medium;font-size:14px;line-height:16px;display:flex;align-items:center;text-align:center;text-transform:uppercase;transition:color var(--transition);color:var(--white)}.hover-text{color:#fff;font-family:Roboto-Medium;font-size:14px;line-height:16px;display:flex;align-items:center;text-align:center;text-transform:uppercase;transition:color var(--transition);padding-bottom:22px;padding-top:22px}.hover-text:hover,.hover-text:focus{color:var(--orange)}.hover-text2:hover,.hover-text2:focus{color:var(--orange)}.mobile-header{display:flex;width:auto;align-items:center;justify-content:space-between}.tablet-menu{display:none}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:#000;font-size:18px}.close-button.dark-theme{color:var(--white-smoke)}.menu-content{padding:8px 20px 262.2px;border-radius:5px;text-align:center;background-color:var(--white);position:relative}.menu-content.dark-theme{background-color:var(--black);background:var(--black);color:var(--white-smoke)}.checkbox input[type=checkbox]{opacity:0}.table-desktop{color:#fff}#menu-toggle{background:none;border:none;cursor:pointer;display:none}.menu-container{display:flex;align-items:center}.mobile-header.dark-theme #menu-toggle,.mobile-header.dark-theme .menu-content a,.mobile-header.dark-theme button{color:var(--white)}#mobile-menu{position:fixed;width:65%;top:0;left:0;bottom:0;right:0;justify-content:center;align-items:center;z-index:9999;transform:translate(-100%);transition:transform .3s ease-out}#backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;transition:background-color .3s ease;pointer-events:none;z-index:999}#backdrop.show-backdrop{background-color:#fff3;pointer-events:auto}.menu-logo{padding-bottom:40px}#mobile-menu.visible{transform:translate(0)}.menu-content{width:100%;height:100vh;border-radius:5px;text-align:left;background-color:var(--black)}.menu-content.dark-theme{color:var();background-color:var(--black)}#mobile-menu ul{list-style:none;padding:0;margin:0}#mobile-menu ul li{padding:12px 0}#mobile-menu ul li a{text-decoration:none}.close-button{transition:color .3s ease;cursor:pointer;color:#fff}.close-button:hover,.close-button:focus{color:var(--orange)}.theme-slider-container{display:flex;align-items:center;width:60px;height:18px}.menu-toggle-label{font-family:Roboto-medium,sans-serif;color:#fff;transition:color var(--transition);cursor:pointer;padding-top:17px;padding-bottom:17px}.menu-toggle-label:hover,.menu-toggle-label:focus{color:var(--orange)}.switch{position:relative;display:inline-block;width:40px;height:20px;margin-top:-8px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(141.22deg,#ffc226 9.4%,#f84119 91.91%);transition:.4s;border-radius:20px;width:60px;height:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:var(--white-smoke);border-radius:50%;transition:transform var(--transition)}.switch input:checked+.slider{background:linear-gradient(141.22deg,#ffc226 9.4%,#f84119 91.91%)}.main-logo{width:100%;height:100%}.logo-text{font-family:Roboto-Medium;font-style:normal;font-weight:400;font-size:24px;line-height:28px;display:flex;align-items:center;text-align:center;color:#fff;transition:color .3s ease}.logo-text:hover{color:var(--orange)}.switch.true .slider:before{transform:translate(36px)}.main-nav.dark-theme{background-color:var(--black)}.space{color:#f0f8ff}@media (min-width: 768px){.hidden{display:none}.table-menu{display:flex;flex-direction:row;margin-right:-70px}.space{padding-right:36px}.menu-toggle-label{display:none}.header{padding-top:12px;padding-bottom:12px}.hover-text{padding:0}.main-nav{display:flex;justify-content:center;align-items:center;position:absolute;left:50%;transform:translate(-50%);top:50%;transform:translateY(-50%)}.menu-list{display:flex;flex-direction:row;align-items:center;padding:0;margin:0}.menu-list li{padding:0 10px}.menu-list li a{color:var(--black)}.logo-container{display:flex;justify-content:center;align-items:center}.mobile-menu{display:flex;margin-left:216px}}@media (max-width: 767px){.table-menu,.table-desktop,.logo-text{display:none}}@media (min-width: 1279px){.hidden{display:none}.table-menu{display:flex;flex-direction:row;margin-right:-350px}.space{padding-right:40px}.menu-toggle-label{display:none}.main-nav{display:flex;justify-content:center;align-items:center;position:absolute;left:50%;transform:translate(-50%);top:50%;transform:translateY(-50%)}.menu-list{display:flex;flex-direction:row;align-items:center;padding:0;margin:0}.menu-list li{padding:0 10px}.menu-list li a{color:var(--black)}.logo-container{display:flex;justify-content:center;align-items:center}.mobile-menu{display:flex;margin-left:216px}}body.light .logo-text,body.light .hover-text{color:var(--black)}body.light .current-page a,.hover-text:hover,.hover-text:focus{color:var(--orange)}body.light .logo-text:hover,.logo-text:focus{color:var(--orange)}body.light .hover-text:hover,.hover-text:focus{color:var(--orange)}body.light .menu-toggle-label{color:var(--black)}body.light .menu-toggle-label:hover,.menu-toggle-label:focus{color:var(--orange)}body.light #backdrop.show-backdrop{background:rgba(0,0,0,.2)}body.light .menu-content{color:var(--black);background-color:var(--white)}body.light .hover-text2{color:var(--black)}body.light .hover-text2:hover,.hover-text2:focus{color:var(--orange)}body.light .close-button{color:var(--black)}body.light .close-button:hover,.close-button:focus{color:var(--orange)}.hero{position:relative;padding-top:40px;padding-bottom:54px;margin:0 auto;min-height:380px;max-width:320px;background-color:var(--black)}.hero-background-img{width:100%;height:100%;position:absolute;top:0;right:0;background-repeat:no-repeat;background-size:contain;background-position:right}.hero-container{position:relative}.hero-stub{background-image:var(--gradient320HomeStub),url(/js-project-team-3/assets/hero-mob-628b2826.jpg)}.hero-library-stub{background-image:var(--gradient320LibStub),url(/js-project-team-3/assets/hero-library-mob-f380d630.jpg)}@media (min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-stub{background-image:var(--gradient320HomeStub),url(/js-project-team-3/assets/hero-mob@2x-b8c3caa5.jpg)}.hero-library-stub{background-image:var(--gradient320LibStub),url(/js-project-team-3/assets/hero-library-mob@2x-71c6e2e8.jpg)}}.hero-title{font-family:Roboto-Bold,sans-serif;font-weight:700;font-size:32px;line-height:1.18;color:var(--white);margin-bottom:14px;width:235px}.reting-stars{margin-bottom:21px}.overview{display:block;margin-bottom:21px;max-width:177px}.hero-lib-text{max-width:249px;font-family:Roboto-Regular,sans-serif;font-weight:400;font-size:14px;line-height:1.14;color:var(--white-smoke)}.overview-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--white-smoke);font-family:Roboto-Regular,sans-serif;font-weight:400;font-size:14px;line-height:1.14}.overview-text-stub{color:var(--white-smoke);font-family:Roboto-Regular,sans-serif;font-weight:400;font-size:14px;line-height:1.14}.thumb-hero-btn{display:flex;gap:8px}.hero-orange-btn{border:1px solid var(--basic-gradient);background:var(--basic-gradient);color:var(--black);transition:var(--transition)}.hero-transparent-btn{background:transparent;border:1px solid var(--white);color:var(--white);transition:var(--transition)}.hero-transparent-btn:hover,.hero-transparent-btn:focus{background:var(--white);color:var(--orange)}@media screen and (min-width: 768px){.hero{padding-top:36px;padding-bottom:63px;max-width:768px;min-height:432px}.hero-background-img{width:480px;background-size:cover}.hero-stub{background-image:var(--gradient768HomeStub),url(/js-project-team-3/assets/hero-tab-098b43f1.jpg)}.hero-library-stub{background-image:var(--gradient768LibStub),url(/js-project-team-3/assets/hero-library-tab-9e21db64.jpg)}@media (min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-stub{background-image:var(--gradient768HomeStub),url(/js-project-team-3/assets/hero-tab@2x-3524a9f7.jpg)}.hero-library-stub{background-image:var(--gradient768HomeStub),url(/js-project-team-3/assets/hero-library-tab@2x-2a7af0df.jpg)}}.hero-title{font-size:44px;line-height:1.18;width:445px}.hero-title-stub,.hero-title-lib-stub{width:332px}.overview{margin-bottom:28px;max-width:none;width:254px}.overview-text{-webkit-line-clamp:3}.hero-lib-text{max-width:357px}.hero-btn{font-size:14px;padding:10px 24px;line-height:1.43}}@media screen and (min-width: 1280px){.hero{padding-top:118px;padding-bottom:181px;max-width:1280px;min-height:720px}.hero-background-img{width:800px;border:2px solid var(--black)}.hero-stub{background-image:var(--gradient1280HomeStub),url(/js-project-team-3/assets/hero-desk-a630210f.jpg)}.hero-library-stub{background-image:var(--gradient1280HomeStub),url(/js-project-team-3/assets/hero-library-desk-5eeaf658.jpg)}@media (min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.hero-stub{background-image:var(--gradient1280HomeStub),url(/js-project-team-3/assets/hero-desk@2x-c5ed4579.jpg)}.hero-library-stub{background-image:var(--gradient1280HomeStub),url(/js-project-team-3/assets/hero-library-desk@2x-9d39bcd5.jpg)}}.hero-container{padding:0 135px}.hero-title{font-size:64px;line-height:1.17;margin-bottom:18px;width:670px}.hero-title-lib-stub{width:464px}.reting-stars{margin-bottom:30px}.overview{font-family:Roboto-Regular,sans-serif;font-weight:400;font-size:16px;line-height:1.19;margin-bottom:36px;width:367px;color:var(--white-smoke)}.overview-text{-webkit-line-clamp:4}.overview-text-stub{width:464px;font-size:16px}.thumb-hero-btn{display:flex;gap:8px}.hero-btn{font-size:16px;padding:12px 24px;line-height:1.5}}.footer{background-color:var(--black);padding-top:40px;padding-bottom:28px;margin-top:auto;transition:background-color var(--transition)}.light .footer{background-color:var(--white)}.footer-container{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-text{font-family:Roboto-Regular;font-size:14px;line-height:1.14;display:inline;text-align:center;color:var(--light-gray)}.orange_heart{margin:0 10px;fill:var(--orange);vertical-align:middle}.footer-btn{margin-left:2px;padding:0;text-decoration:underline;display:inline-block;border:none;background-color:transparent;color:var(--light-gray);transform:scale(1);transition:color var(--transition),transform var(--transition)}.footer-btn:hover{color:var(--orange);transform:scale(1.03)}@media screen and (min-width: 321px){.footer{padding-top:60px;padding-bottom:40px}.footer-container{display:block;text-align:center}.footer-text{font-size:16px;line-height:1.18}}@media screen and (min-width: 768px){.footer{padding-top:100px;padding-bottom:80px}}.modal-film-window{position:absolute;top:50%;left:50%;font-family:Roboto-Medium,sans-serif;font-size:14px;line-height:calc(16 / 14);padding:52px 16px;width:280px;background-color:var(--black);border-radius:14px;transform:translate(-50%,-50%) scale(1);box-shadow:1px 1px 14px 4px #ff6b086b;max-height:99vh;overflow-y:auto}.light .modal-film-window{background-color:var(--white);box-shadow:none}.modal-close-btn{display:block;position:absolute;top:27px;right:22px;width:20px;height:20px;background-color:transparent;border:none;cursor:pointer}.modal-close-icon{width:20px;height:20px;stroke:var(--white)}.light .modal-close-icon{stroke:var(--black)}.modal-close-icon:hover,.modal-close-icon:focus{stroke:var(--orange)}.light .modal-close-icon:hover,.light .modal-close-icon:focus{stroke:var(--orange)}.film-tittle{font-weight:500;font-size:20px;line-height:calc(23 / 20);margin-top:22px;text-align:center;color:var(--white)}.light .film-tittle{color:var(--black)}.film-list-wrapper{display:flex;gap:42px;margin-top:29px}.about-film-item{color:var(--light-gray)}.about-film-item:not(:first-child){margin-top:12px}.second-about-film-list>.about-film-item{color:var(--white);width:120px}.light .second-about-film-list>.about-film-item{color:var(--black)}.about-film-item:first-child>.vote-span{padding:1px 7px;background-color:var(--white);border-radius:5px;color:var(--black)}.light .about-film-item:first-child>.vote-span{background-color:var(--orange)}.about-film-tittle{margin-top:20px;color:var(--light-gray);text-transform:uppercase}.light .about-film-tittle{color:var(--black)}.about-film-story{font-family:Roboto-Regular,sans-serif;font-size:12px;line-height:calc(20 / 12);margin-top:12px;color:var(--white-smoke);width:248px;height:160px;overflow:auto}.light .about-film-story{color:var(--black)}.about-film-story::-webkit-scrollbar{display:none}.about-film-story{-ms-overflow-style:none;scrollbar-width:none}.add-film-btn{margin-top:16px;font-size:12px;line-height:calc(14 / 12)}.film-poster-wrapper{display:flex;justify-content:center;align-items:center;max-width:248px;min-height:315px}.film-poster-img{object-fit:contain;width:100%;height:100%}.picture-class{background-size:contain;margin-left:-40px}.film-poster-img[alt]{color:var(--white)}.light .film-poster-img[alt]{color:var(--black)}@media screen and (min-width: 768px){.modal-film-window{justify-content:center;width:704px;height:488px}.modal-film-window{display:flex;gap:16px;padding:44px}.modal-close-btn{top:29px;right:29px}.film-tittle{margin-top:0;text-align:start}.about-film-tittle{font-size:24px;line-height:calc(28 / 24)}.film-list-wrapper{margin-top:26px}.second-about-film-list>.about-film-item{width:180px}.about-film-story{font-size:14px;line-height:calc(20 / 14);min-width:301px;height:100px;margin-top:16px;overflow-y:auto}.film-poster-wrapper{max-width:294px;min-height:400px}.picture-class{margin-top:-70px}.add-film-btn{margin-top:24px;line-height:calc(16 / 12)}}@media screen and (min-width: 1280px){.modal-film-window{width:846px;height:598px;padding:60px}.modal-close-btn{top:45px;right:45px;margin-bottom:3px}.film-tittle{font-size:24px;line-height:calc(32 / 24)}.about-film-story{width:331px;height:140px}.film-poster-wrapper{max-width:375px;min-height:478px}}.film-image{width:280px;height:402px;object-fit:cover;margin-bottom:24px}.upcoming-film-section>img{padding-bottom:0}.upcoming-film-section-title{font-family:Roboto-Medium;font-weight:500;font-size:16px;line-height:1.18;text-transform:uppercase;color:var(--white);margin-bottom:24px}.upcoming-film-section{padding-top:0;background-color:var(--black);transition:background-color var(--transition)}.light .upcoming-film-section{background-color:var(--white);transition:background-color var(--transition)}.light .upcoming-film-section-title{color:var(--black);transition:color var(--transition)}.light .film-about,.light .film-title,.light .film-release-text,.light .film-vote-text,.light .film-rating-text,.light .film-genre-text{color:var(--black);transition:color var(--transition);font-weight:500}.light .film-description,.light .film-rating,.light .film-votes,.light .film-genre{color:var(--dark-gray);transition:color var(--transition)}.upcoming-wrap{display:block}.film-release-date,.film-rating,.film-votes,.film-genre,.film-release-text,.film-vote-text,.film-rating-text,.film-genre-text{font-family:Roboto-Medium;font-weight:500;font-size:16px;line-height:1.19;color:var(--light-gray);margin-bottom:12px}.film-release-date{color:var(--orange)}.film-vote-wrap,.film-release-wrap,.film-popularity-wrap,.film-genre-wrap{display:flex;gap:57px}.film-vote-wrap{gap:61px}.film-popularity-wrap{gap:77px}.film-genre-wrap{gap:107px;margin-bottom:20px}.film-title{font-family:Roboto-Medium;font-weight:500;font-size:20px;line-height:1.18;color:var(--white);margin-bottom:20px}.film-about{color:var(--white-smoke);margin-bottom:16px;font-family:Roboto-Medium;font-weight:500;font-size:16px;line-height:1.18}.vote-average,.vote-count{background-color:var(--white);border-radius:5px;color:var(--black);padding:1px 8px}.light .vote-average,.light .vote-count{background-color:var(--white-smoke);transition:background-color var(--transition)}.film-description{margin-top:10px;max-width:390px;font-family:Roboto-Regular;font-weight:400;font-size:14px;line-height:20px;color:var(--white-smoke);margin-bottom:20px}.upcoming-btn{font-size:12px;font-weight:500;line-height:calc(14/12)}@media screen and (min-width: 768px){.upcoming-film-section-title{font-size:24px}.film-image{width:704px;height:400px;margin-bottom:32px}.film-title{font-size:28px;margin-bottom:24px}.film-wrap{width:100%;overflow:hidden}.film-wrap>div{width:50%;float:left;box-sizing:border-box}.film-description{max-width:625px}.upcoming-btn{font-size:14px}}@media screen and (min-width: 1280px){.film-wrap>div{width:100%;float:none}.film-info-total-wrap{display:flex}.upcoming-film-section-title{font-size:28px;margin-bottom:28px}.upcoming-wrap{display:flex;gap:16px}.film-title{font-size:32px;margin-bottom:28px}.film-image{width:800px;height:458px;object-fit:cover}.film-wrap{display:block;flex-wrap:wrap}.film-release-date,.film-rating,.film-votes,.film-genre,.film-release-text,.film-vote-text,.film-rating-text,.film-genre-text{font-size:16px;margin-bottom:12px}.film-genres{margin-top:5px}.film-about{color:var(--white-smoke);margin-bottom:16px}.film-description{margin-top:10px;max-width:390px;font-size:14px;margin-bottom:20px}.library-button{margin-top:10px}.film-release-date{color:var(--orange)}.film-vote-wrap,.film-release-wrap,.film-popularity-wrap,.film-genre-wrap{display:flex;gap:56px}.film-vote-wrap{gap:63px}.film-popularity-wrap{gap:75px}.film-genre-wrap{gap:105px;margin-bottom:20px}}.weekly-section{padding-top:40px;padding-bottom:32px;background-color:var(--black);transition:background-color var(--transition)}.light .weekly-section{background-color:var(--white);transition:background-color var(--transition)}.weekly-section .weekly-wrap{display:flex;justify-content:space-between;margin-bottom:24px}.weekly-section-title{font-family:Roboto-Medium;font-style:normal;font-weight:500;font-size:16px;line-height:1.18;text-transform:uppercase;color:var(--white);transition:color var(--transition)}.light .weekly-section-title{color:var(--black);transition:color var(--transition)}.trends-film{font-family:Roboto-Medium;font-style:normal;font-weight:500;font-size:16px;line-height:1.18;color:var(--orange)}.weekly-info{display:flex;flex-wrap:wrap;gap:16px}.weekly-links .catalog-item:not(:first-child){display:none}@media screen and (min-width: 768px){.weekly-section{padding-top:52px;padding-bottom:44px}.weekly-links{display:flex;gap:16px}.weekly-section-title,.trends-film{font-size:24px;line-height:1.16}.weekly-links .catalog-item:not(:first-child){display:block}}@media screen and (min-width: 1280px){.weekly-section{padding-top:80px;padding-bottom:60px}.weekly-wrap{margin-bottom:28px}.weekly-section-title{font-size:28px;line-height:1.17}.trends-film{font-size:24px;line-height:1.17}}.catalog-search{background-color:var(--black);padding-top:80px;padding-bottom:55px;transition:background-color var(--transition)}.catalog-search-form{display:flex;height:40px;justify-content:center;align-items:center;flex-wrap:wrap;row-gap:12px;margin-right:auto;margin-left:auto;background-color:var(--black);transition:background-color var(--transition)}.catalog-search-input{width:173px;height:40px;left:0px;top:0px;border-radius:8px;padding:10px 20px;background-color:var(--black);color:var(--white);border:1px solid var(--white);font-size:14px;line-height:1.14;font-family:Roboto-Medium,sans-serif;font-weight:500;transition:background-color var(--transition),color var(--transition)}.catalog-wrapper-selector{position:relative;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px}.catalog-wrapper-selector-down{column-gap:20px;position:relative}.catalog-selector{display:block;height:40px;border-radius:8px;border:1px solid var(--white);padding:10px 20px;background-color:var(--black);color:var(--white);appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:14px;line-height:1.14;font-family:Roboto-Medium,sans-serif;font-weight:500;transition:background-color var(--transition),color var(--transition)}.catalog-selector option:checked{color:var(--orange)}.catalog-selector.country+label{position:absolute;top:10px;bottom:0;left:180px;pointer-events:none;stroke:var(--white);transition:stroke var(--transition)}.catalog-selector.year+label{position:absolute;top:10px;bottom:0;left:250px;pointer-events:none;stroke:var(--white);transition:stroke var(--transition)}.year{width:95px;height:40px;padding:10px 16px}.country{width:220px;height:40px}.catalog-search-input::placeholder{color:var(--white);font-size:16px;line-height:1.14;font-family:Roboto-Medium,sans-serif;transition:color var(--transition)}.catalog-search-button{display:flex;justify-content:center;align-items:center;border-radius:50%;height:100%;width:40px;padding:12px;fill:var(--orange);stroke:var(--white);transition:fill .1s linear,stroke .1s linear}.catalog-button-reset{padding:5px 7px;border-radius:5px;height:37px;border:1px solid transparent;margin-left:-55px;outline:none;stroke:var(--white);background-color:var(--black);transition:background-color var(--transition),stroke .1s linear}.active{display:block}.icon-search{width:18px;height:18px}.catalog-search-button:hover,.catalog-search-button:focus{stroke:var(--orange);fill:var(--white)}.catalog-button-reset:hover{stroke:var(--orange);transition:stroke var(--transition)}@media screen and (min-width: 768px){.catalog-search{padding-bottom:0}.catalog-search-form{height:44px;gap:16px}.catalog-selector{height:44px}.catalog-search-input{height:44px;width:188px}.catalog-search-button{height:44px;width:44px}.country{width:181px;height:44px}.year{height:44px}.catalog-wrapper-selector-down{column-gap:16px}.catalog-selector.country+label{left:145px}.catalog-selector.year+label{left:260px}}@media screen and (min-width: 1280px){.catalog-search-form,.catalog-selector{height:48px}.catalog-wrapper-selector{column-gap:20px;height:48px}.catalog-wrapper-selector-down{height:48px;column-gap:24px}.catalog-search-input{font-size:16px;height:48px;width:315px;padding:12px 24px}.catalog-selector{font-size:16px}.country{width:281px}.catalog-search-button{width:48px}.icon-search{width:20px;height:20px}.catalog-button-reset{padding-left:10px;padding-right:10px;margin-left:-70px}.catalog-selector.country+label{left:240px;top:12px}.catalog-selector.year+label{top:12px;left:395px}}.light .catalog-search,.light .catalog-search-form{background-color:var(--white);transition:background-color var(--transition)}.light .catalog-search-input{background-color:var(--white);color:var(--grey);border:1px solid var(--gray);transition:background-color var(--transition),color var(--transition)}.light .catalog-button-reset{background-color:var(--white);stroke:var(--black);transition:background-color var(--transition),stroke var(--transition)}.light .catalog-search-button{stroke:var(--black);transition:stroke var(--transition)}.light .catalog-selector{border:1px solid var(--gray);background-color:var(--white);color:var(--black);transition:background-color var(--transition),color var(--transition)}.light .catalog-search-input::placeholder{color:var(--black);transition:color var(--transition)}.light .catalog-button-reset:hover{stroke:var(--orange);transition:stroke var(--transition)}.light .catalog-selector.country+label{stroke:var(--black);transition:stroke var(--transition)}.light .catalog-selector.year+label{stroke:var(--black);transition:stroke var(--transition)}.catalog-film-section{padding-top:16px;background-color:var(--black);transition:background-color var(--transition)}.light .catalog-film-section{background-color:var(--white);transition:background-color var(--transition)}.catalog-list{display:flex;flex-wrap:wrap;gap:16px}.catalog-item{background-repeat:no-repeat;background-position:center center;background-size:contain;position:relative;width:280px;height:406px;background-size:cover;border-radius:5px;cursor:pointer}.catalog-card-rating{align-items:center}.catalog-item:hover,.catalog-item:focus{transform:scale(1.05);box-shadow:1px 1px 24px 2px #01010173;transition:box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.catalog-item:not(:hover):not(:focus){transform:scale(1);box-shadow:1px 1px 24px 2px #01010100;transition:box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.catalog-card-info-container{position:absolute;bottom:0;left:0;margin:12px}.film-info-container{display:flex;width:256px;justify-content:space-between;align-items:center}.catalog-card-title,.catalog-card-description,.rating{font-family:Roboto-Medium,sans-serif;font-style:normal;font-weight:500;font-size:12px;line-height:1.67}.catalog-card-title{text-transform:uppercase;color:var(--white)}.catalog-card-description{color:var(--light-gray)}.rating{color:var(--white)}@media screen and (min-width: 768px){.catalog-film-section{padding-top:36px}.catalog-list{display:flex;flex-wrap:wrap;row-gap:28px}.catalog-item{width:224px;height:325px}.catalog-card-title,.catalog-card-description,.rating{line-height:1.5}.film-info-container{width:200px}}@media screen and (min-width: 1280px){.catalog-film-section{padding-top:48px}.catalog-list{row-gap:32px}.catalog-item{width:394px;height:574px}.catalog-card-title{margin-bottom:10px}.catalog-card-title,.catalog-card-description,.rating{font-size:20px;line-height:1.15}.catalog-card-info-container{margin:20px}.film-info-container{width:355px}}.tui-pagination *{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tui-ico-ellipsis,.tui-ico-first,.tui-ico-last,.tui-ico-next,.tui-ico-prev{overflow:hidden}.tui-pagination{height:24px;margin-top:20px;line-height:normal;text-align:center;font-size:0}.tui-pagination .tui-page-btn{display:inline-block;position:relative;width:24px;height:100%;padding:4px 0 6px;margin:0 4px;color:var(--gray);font-size:10px;font-weight:400;text-decoration:none;vertical-align:middle;border:1px solid var(--gray);border-radius:50%;background-color:transparent;transition:background-color var(--transition)}.tui-pagination .tui-page-btn:before{content:attr(data-zero)}.tui-pagination .tui-page-btn:hover{background-color:var(--light-gray)}.tui-pagination .tui-is-selected,.tui-pagination strong{color:var(--dark-gray);background:var(--basic-gradient);border:none;cursor:default}.tui-pagination .tui-is-selected:hover{background:var(--other-gradient)}.tui-pagination .tui-first-child.tui-is-selected,.tui-pagination strong.tui-first-child{margin-left:0}.tui-pagination .tui-first,.tui-pagination .tui-prev,.tui-pagination .tui-next,.tui-pagination .tui-last,.tui-pagination .tui-prev-is-ellip,.tui-pagination .tui-next-is-ellip{overflow:hidden;padding:0;font-size:0;line-height:26px;white-space:nowrap;font-weight:400}.tui-pagination .tui-first,.tui-pagination .tui-last{display:none}.tui-pagination .tui-ico-first,.tui-pagination .tui-ico-prev,.tui-pagination .tui-ico-next,.tui-pagination .tui-ico-last,.tui-pagination .tui-ico-ellip{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAMAAAAJbCvNAAAAPFBMVEUAAADJycnJyclBQUH29vYzMzPFxcX09PRGRkba2trU1NTOzs68vLy1tbWsrKycnJxCQkLe3t7CwsKkpKRsD7u8AAAAAnRSTlMA/iyWEiMAAABmSURBVDjL1dI5DsAgDARAH0Ag9/H/v6ZBcoPtNCTKSlQ7BbYMdoi9PnXtk/QaIHhDoCugdwI6PX3VC/iJeJAY5QGf9VyDApBnEc1MvFQxKGLcV0eUvNnicEDJl/T2F7Qh7DEba7gBM7QCVR1lRo0AAAAASUVORK5CYII=) no-repeat 0 0;display:inline-block;vertical-align:middle;font-size:0px}.tui-pagination .tui-prev-is-ellip,.tui-pagination .tui-next-is-ellip{padding:0;line-height:1}.tui-pagination .tui-prev,.tui-pagination .tui-next{border:none}.tui-pagination .tui-ico-first{width:11px;height:10px;background-position:0px 0px}.tui-pagination .tui-ico-prev{width:7px;height:11px;background-position:-26px 0px}.tui-pagination .tui-ico-next{width:7px;height:11px;background-position:-13px -24px}.tui-pagination .tui-ico-last{width:11px;height:10px;background-position:0px -12px}.tui-pagination .tui-ico-ellip{width:10px;height:2px;margin-top:10px;vertical-align:top;background-position:0px -24px}.tui-pagination .tui-is-disabled:hover{background:var(--white);cursor:default}.tui-pagination .tui-is-disabled .tui-ico-prev{background-position:-26px -12px}.tui-pagination .tui-is-disabled .tui-ico-first{background-position:-13px 0px}.tui-pagination .tui-is-disabled .tui-ico-next{background-position:-21px -24px}.tui-pagination .tui-is-disabled .tui-ico-last{background-position:-13px -12px}.tui-page-inputs{display:inline-block;vertical-align:top}.tui-page-inputs .tui-page-input{display:inline-block;width:10px;height:12px;padding:8px 0 6px;font-size:12px;text-align:center;color:#333;border:0;outline:none}.tui-page-separator{display:inline-block;font-size:12px;height:12px;padding:8px 0 6px;vertical-align:top}@media screen and (min-width: 768px){.tui-pagination{height:40px;margin-top:44px}.tui-pagination .tui-page-btn{display:inline-block;position:relative;width:40px;height:100%;padding:9px 0 6px;margin:0 8px;color:var(--gray);font-size:14px;font-weight:400;text-decoration:none;vertical-align:middle;border:1px solid var(--gray);border-radius:50%}.tui-pagination .tui-first,.tui-pagination .tui-last{display:none}.tui-pagination .tui-prev{margin-right:10px;border:none}.tui-pagination .tui-next{margin-left:10px;border:none}.tui-pagination .tui-ico-ellip{margin-top:14px}.tui-pagination .tui-ico-prev{width:7px;height:11px;margin-top:-6px;background-position:-26px 0px}.tui-pagination .tui-ico-next{width:7px;height:11px;margin-top:-6px;background-position:-13px -24px}}@media screen and (min-width: 1280px){.tui-pagination{height:40px;margin-top:60px}}.my-library-films{padding-top:40px;background-color:var(--black)}.light .my-library-films{background-color:var(--white);transition:background-color var(--transition)}.my-library-list{display:flex;flex-flow:row wrap;justify-content:start;gap:15px;padding-bottom:40px}.btn-load-more{margin:0 auto;border:0;display:none}.my-library-wrap-select{position:relative;margin-bottom:16px}.select-library{width:173px;height:40px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:8px;border:1px solid var(--white);padding:10px 20px;background-color:var(--black);color:var(--white);font-family:Roboto-Regular,sans-serif;font-weight:400;font-size:14px;line-height:1.14}.light .select-library{border:1px solid var(--black);transition:border var(--transition);background-color:var(--white);transition:background-color var(--transition);color:var(--black);transition:color var(--transition)}.select-library option:checked{border:1px solid var(--white);color:var(--orange)}.select-library option:not(:checked){border:1px solid var(--white);background-color:var(--black)}.light .select-library option:not(:checked){border:1px solid var(--black);transition:border var(--transition);background-color:var(--white);transition:background-color var(--transition)}.select-library+label{position:absolute;top:10px;bottom:0;left:142px;pointer-events:none;stroke:var(--white)}@media screen and (min-width: 768px){.my-library-films{padding-top:60px}.my-library-wrap-select{margin-bottom:36px}}@media screen and (min-width: 1280px){.my-library-films{padding-top:80px}.my-library-wrap-select{margin-bottom:48px}}.errortrailer{position:absolute;left:50%;top:50%;padding:20px;width:280px;min-height:289px;background-color:var(--black);box-shadow:1px 1px 14px 4px #ff6b086b;border-radius:16px;transform:translate(-50%,-50%);transition:background-color var(--transition)}.light .errortrailer{background-color:var(--white);transition:background-color var(--transition)}.errortrailer-text{margin:19px 13px;font-family:Roboto-Regular,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:1.19;color:var(--white);transition:color var(--transition)}.light .errortrailer-text{color:var(--black);transition:color var(--transition)}.trailer-img{margin:auto}.select-icon{display:block;background-color:transparent;border:none;margin-left:auto}.icon{stroke:var(--white);transition:stroke var(--transition)}.light .icon{stroke:var(--black);transition:stroke var(--transition)}.errortext{width:250px;font-family:Roboto-Regular,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:1.4;text-align:center;margin:0 auto;color:var(--white);transition:color var(--transition)}.light .errortext{color:var(--black);transition:color var(--transition)}.hidden{display:none}@media screen and (min-width: 768px){.errortrailer{position:absolute;padding:24px;width:609px;min-height:400px}.errortrailer-text{margin:108px 44px;left:44px;top:132px;font-size:24px;line-height:1.17}.trailer-img{position:absolute;right:10px;bottom:16px}.errortext{width:513px;font-size:24px;line-height:1.33}}@media screen and (min-width: 1280px){.errortrailer{position:absolute;padding:28px;width:700px;border-radius:20px}.errortrailer-text{margin:122px 22px;left:44px;top:132px;font-size:24px;line-height:1.17}.trailer-img{position:absolute;right:0;bottom:5px}.errortext{width:684px;font-size:32px;line-height:1.13}}:root{--color2: #d0d8e0;--color1: rgb(248, 159, 25)}.review-stars{width:calc((var(--size) * 5) + 16px);display:flex;align-items:center;gap:4px;justify-content:center;background:transparent}svg.review-star{width:var(--size);height:var(--size);display:block;overflow:visible}svg.review-star *{pointer-events:none}svg.review-star path.star{stroke:transparent;stroke-width:0}svg.review-star path.star.on{fill:var(--color1);opacity:0}svg.review-star path.star.off{fill:var(--color2)}svg.review-star circle{opacity:0}.loading-skeleton .review-star{fill:var(--color2)}svg.review-star.animate-star .star.on{fill:var(--color1);stroke:none;opacity:1}svg.review-star.animate-star .star.on+circle{stroke:none;fill:lighten(var(--color1),15%)}svg.review-star.filled .star.on{opacity:1;transition:none}.team__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;z-index:998;padding:15px;background-color:#0009;visibility:visible;opacity:1}.light .team__backdrop{background-color:#000000b3}.is-hidden{visibility:hidden;pointer-events:none;opacity:0}.is-hidden .team__wrapper{visibility:hidden;pointer-events:none;opacity:.3;transform:translate(-75%,-90%) scale(3)}.team__wrapper{position:relative;z-index:999;width:320px;padding:25px 15px;background-color:#000c;border-radius:10px;box-shadow:1px 1px 25px 4px #ff6c084d}.light .team__wrapper{background-color:#fffc;transition:background-color var(--transition)}@media screen and (min-width: 321px){.team__wrapper{top:0px;width:320px;padding:30px}}@media screen and (min-width: 768px){.team__wrapper{width:704px;padding:30px 90px}}@media screen and (min-width: 1280px){.team__wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);max-height:99vh;overflow-y:scroll;width:100%;padding:50px 140px}.team__wrapper::-webkit-scrollbar{display:none}.team__wrapper{-ms-overflow-style:none;scrollbar-width:none}}.light .team__wrapper{box-shadow:1px 1px 25px 4px #0000004d}.team__modal-close-btn{display:flex;justify-content:center;align-items:center;position:absolute;top:10px;right:10px;padding:0;border:none;background-color:transparent;border-radius:50%;cursor:pointer}@media screen and (min-width: 321px){.team__modal-close-btn{top:20px;right:20px}}@media screen and (min-width: 768px){.team__modal-close-btn{top:40px;right:40px}}.team__modal-close-icon{fill:var(--white);transition:var(--transition)}.light .team__modal-close-icon{fill:var(--black)}.team__modal-close-icon:hover{fill:var(--orange)}.team__title{text-align:center;text-transform:uppercase;color:var(--white);font-size:24px;margin-bottom:50px}.light .team__title{color:var(--black)}.team__list{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.team__item{box-shadow:none;background:white;position:relative;border-radius:10px;padding-bottom:5px;overflow:hidden;transform:scale(1);transition:box-shadow var(--transition),transform var(--transition)}.team__item:hover{transform:scale(1.1);box-shadow:0 0 10px #ffffff80}.team__wrap{overflow:hidden}.team__img{overflow:hidden;object-fit:cover;margin-bottom:5px;width:240px;height:240px}.team__box{font-family:Roboto-medium,sans-serif;font-size:16px;line-height:1.18;font-weight:500;padding:10px;text-align:center;margin-bottom:3px}.team__member{font-weight:500;font-size:18px;color:var(--black);margin-bottom:10px}.team__role{font-weight:500;font-size:16px;color:var(--orange);margin-bottom:10px}.team__link-linkedin{border:none;width:36px;height:36px;border-radius:10%;margin-right:10px;background-color:transparent;fill:var(--black);display:inline-flex;justify-content:center;align-items:center;transition:var(--transition)}.team__link-github{border:none;width:36px;height:36px;border-radius:50%;background-color:transparent;fill:var(--black);display:inline-flex;justify-content:center;align-items:center;transition:var(--transition)}.team__link-github:hover,.team__link-linkedin:hover{fill:var(--orange)}; .watch-modal{display:flex;position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:9999}.watch-modal__content{margin:15% auto;padding:20px;width:80%;height:60vh;position:relative;overflow:hidden;transition:all .3s ease-out;box-shadow:1px 1px 14px 4px #ff6b086b;border-radius:20px;background-color:var(--page-bgc);z-index:9999}@media screen and (min-width: 321px){.watch-modal__content{width:280px;height:289px;margin:10% auto;padding:10px}}@media screen and (min-width: 768px){.watch-modal__content{width:609px;height:400px;margin:10% auto;padding:20px}}@media screen and (min-width: 1280px){.watch-modal__content{width:700px;height:400px;margin:10% auto;padding:30px}}.watch-modal__content iframe{position:absolute;top:0;left:0;width:100%;height:100%}