:root{--main-text-cl-light:#000;--main-text-cl-dark:#fff;--secondary-text-cl-light:#545454;--secondary-text-cl-dark:#ababab;--accent-cl:#ff6b08;--main-cl-light:#fff;--main-cl-dark:#000;--logo-cl:#818181;--secondary-bg-cl-light:#f7f7f7;--secondary-bg-cl-dark:#080808;--backdrop-cl-light:rgba(0,0,0,0.2);--backdrop-cl-dark:hsla(0,0%,100%,0.1);--box-shadow-cl-dark:4px 4px 8px 0px rgba(145,137,137,0.625);--box-shadow-cl-light:0px 4px 4px rgba(0,0,0,0.25)}@media (prefers-color-scheme:dark){:root{--main-text-cl:var(--main-text-cl-dark);--secondary-text-cl:var(--secondary-text-cl-dark);--main-cl:var(--main-cl-dark);--secondary-bg-cl:var(--secondary-bg-cl-dark);--backdrop-cl:var(--backdrop-cl-dark);--box-shadow-cl:var(--box-shadow-cl-dark)}}@media (prefers-color-scheme:light){:root{--main-text-cl:var(--main-text-cl-light);--secondary-text-cl:var(--secondary-text-cl-light);--main-cl:var(--main-cl-light);--secondary-bg-cl:var(--secondary-bg-cl-light);--backdrop-cl:var(--backdrop-cl-light);--box-shadow-cl:var(--box-shadow-cl-light)}}html{scroll-behavior:smooth}html[color-scheme=dark]{--main-text-cl:var(--main-text-cl-dark);--secondary-text-cl:var(--secondary-text-cl-dark);--main-cl:var(--main-cl-dark);--secondary-bg-cl:var(--secondary-bg-cl-dark);--backdrop-cl:var(--backdrop-cl-dark);--box-shadow-cl:var(--box-shadow-cl-dark)}html[color-scheme=light]{--main-text-cl:var(--main-text-cl-light);--secondary-text-cl:var(--secondary-text-cl-light);--main-cl:var(--main-cl-light);--secondary-bg-cl:var(--secondary-bg-cl-light);--backdrop-cl:var(--backdrop-cl-light);--box-shadow-cl:var(--box-shadow-cl-light)}body{display:flex;flex-direction:column;min-height:100vh;font-family:Roboto,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:12px;line-height:1.33;font-weight:500;color:var(--main-text-cl);background-color:var(--main-cl)}body.modal-open{overflow:hidden}main{flex-grow:1}a{color:inherit;text-decoration:none}ul{list-style:none;padding-left:0}h1,h2,h3,h4,h5,h6,p,ul{margin-top:0;margin-bottom:0}img{display:block;max-width:100%;height:auto}.btn--trailer,.btn-up__btn,.theme{width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;color:var(--main-cl-light);background-color:transparent;border:1px solid transparent;border-radius:50%;cursor:pointer;transition:color .25s linear}.btn--trailer:focus,.btn--trailer:hover,.btn-up__btn:focus,.btn-up__btn:hover,.theme:focus,.theme:hover{outline:none;color:var(--accent-cl)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}.container{margin:0 auto;max-width:300px;padding-left:10px;padding-right:10px}@media (min-width:768px){.container{max-width:648px;padding-left:15px;padding-right:15px}}@media (min-width:1024px){.container{max-width:912px}}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;margin-left:auto;margin-right:auto;background-color:var(--backdrop-cl);opacity:1;transition:opacity .25s linear,visibility .25s linear;overflow-y:scroll}.backdrop.is-hidden{pointer-events:none;opacity:0;visibility:hidden}.modal-close{position:absolute;top:0;right:0;width:30px;height:30px;transform:translate(50%,-50%);display:flex;justify-content:center;align-items:center;color:var(--main-cl);border:1px solid transparent;border-radius:50%;background-color:var(--accent-cl);cursor:pointer;transition:color .25s linear,background-color .25s linear}.modal-close:focus,.modal-close:hover{outline:none;color:var(--accent-cl);background-color:var(--main-cl)}.header{height:230px;padding-top:40px;background-color:rgba(186,185,189,.56);background-size:cover;transition:background-image .25s linear;background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/team-project-js-tmdb/header-overlay-sm.840d43f0.png);background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),-webkit-image-set(url("/team-project-js-tmdb/header-overlay-sm.f7d4ea2d.webp") 1x)}@media screen and (-moz-min-device-pixel-ratio:2),screen and (-o-min-device-pixel-ratio:2/1),screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx),screen and (min-resolution:192dpi){.header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/team-project-js-tmdb/header-overlay@2x-sm.5a678596.png);background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),-webkit-image-set(url("/team-project-js-tmdb/header-overlay@2x-sm.e4ea1eb8.webp") 2x)}}@media (min-width:768px){.header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/team-project-js-tmdb/header-overlay-md.2a55343a.png);background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),-webkit-image-set(url("/team-project-js-tmdb/header-overlay-md.1216b15b.webp") 1x)}}@media screen and (min-width:768px) and (-moz-min-device-pixel-ratio:2),screen and (min-width:768px) and (-o-min-device-pixel-ratio:2/1),screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:2dppx),screen and (min-width:768px) and (min-resolution:192dpi){.header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/team-project-js-tmdb/header-overlay@2x-md.8f54a3e2.png);background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),-webkit-image-set(url("/team-project-js-tmdb/header-overlay@2x-md.3e31db57.webp") 2x)}}@media (min-width:1024px){.header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/team-project-js-tmdb/header-overlay-lg.d5a84df3.png);background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),-webkit-image-set(url("/team-project-js-tmdb/header-overlay-lg.c9888e7b.webp") 1x)}}@media screen and (min-width:1024px) and (-moz-min-device-pixel-ratio:2),screen and (min-width:1024px) and (-o-min-device-pixel-ratio:2/1),screen and (min-width:1024px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1024px) and (min-device-pixel-ratio:2),screen and (min-width:1024px) and (min-resolution:2dppx),screen and (min-width:1024px) and (min-resolution:192dpi){.header{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(/team-project-js-tmdb/header-overlay@2x-lg.16b33a74.png);background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),-webkit-image-set(url("/team-project-js-tmdb/header-overlay@2x-lg.e237ee68.webp") 2x)}}.header.myLib{background-image:url(/team-project-js-tmdb/myLib-overlay-sm.848fc440.png);background-image:-webkit-image-set(url("/team-project-js-tmdb/myLib-overlay-sm.ca192496.webp") 1x)}@media screen and (-moz-min-device-pixel-ratio:2),screen and (-o-min-device-pixel-ratio:2/1),screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:2dppx),screen and (min-resolution:192dpi){.header.myLib{background-image:url(/team-project-js-tmdb/myLib-overlay@2x-sm.d852291d.png);background-image:-webkit-image-set(url("/team-project-js-tmdb/myLib-overlay@2x-sm.1f51cc45.webp") 2x)}}@media (min-width:768px){.header.myLib{background-image:url(/team-project-js-tmdb/myLib-overlay-md.17d62629.png);background-image:-webkit-image-set(url("/team-project-js-tmdb/myLib-overlay-md.a70ec61a.webp") 1x)}}@media screen and (min-width:768px) and (-moz-min-device-pixel-ratio:2),screen and (min-width:768px) and (-o-min-device-pixel-ratio:2/1),screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:2dppx),screen and (min-width:768px) and (min-resolution:192dpi){.header.myLib{background-image:url(/team-project-js-tmdb/myLib-overlay@2x-md.b92fc9db.png);background-image:-webkit-image-set(url("/team-project-js-tmdb/myLib-overlay@2x-md.9cbdd26c.webp") 2x)}}@media (min-width:1024px){.header.myLib{background-image:url(/team-project-js-tmdb/myLib-overlay-lg.d687fc9a.png);background-image:-webkit-image-set(url("/team-project-js-tmdb/myLib-overlay-lg.aa360a5a.webp") 1x)}}@media screen and (min-width:1024px) and (-moz-min-device-pixel-ratio:2),screen and (min-width:1024px) and (-o-min-device-pixel-ratio:2/1),screen and (min-width:1024px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1024px) and (min-device-pixel-ratio:2),screen and (min-width:1024px) and (min-resolution:2dppx),screen and (min-width:1024px) and (min-resolution:192dpi){.header.myLib{background-image:url(/team-project-js-tmdb/myLib-overlay@2x-lg.d52e1f86.png);background-image:-webkit-image-set(url("/team-project-js-tmdb/myLib-overlay@2x-lg.666914d0.webp") 2x)}}.header__wrap{display:flex;justify-content:space-between;align-items:center}.header__logo-link{display:flex;align-items:center;cursor:pointer}.header__logo-icon{margin-right:10px;stroke:#818181}.header__logo-icon,.header__logo-title{transition:color .25s cubic-bezier(.4,0,.4,1)}.header__logo-title{color:var(--main-cl-light);display:none;font-weight:500;font-size:30px;line-height:1.16}@media (min-width:768px){.header__logo-title{display:block}}.header .container{max-width:440px}@media (min-width:768px){.header .container{max-width:648px}}@media (min-width:1024px){.header .container{max-width:912px}}.theme__svg{fill:currentColor}.theme__choice{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s linear,visibility .25s linear}.theme__choice.active{opacity:1;pointer-events:all;visibility:visible}.header-content{justify-content:center;align-items:center}.header-content,.search__form{position:relative;display:flex}.search__form{width:280px}@media (min-width:768px){.search__form{width:336px}}.search__form.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.search__input{margin-top:40px;width:100%;font-size:14px;color:var(--main-cl-light);outline:none;border:none;background-color:transparent}.search__input::placeholder{font-weight:400;font-size:14px;line-height:1.14;color:var(--main-cl-light)}.search__input:-webkit-autofill{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--main-cl-light)}.search__input:focus~.search__form-strip{background-color:var(--accent-cl)}.search__input:hover~.search__form-strip{background-color:var(--accent-cl)}.search__btn{position:absolute;top:40px;right:0;background-color:transparent;outline:none;border:none;cursor:pointer;transition:transform .25s linear}.search__btn:hover{transform:scale(1.5)}.search__form-strip{position:absolute;bottom:0;width:100%;height:1px;background-color:var(--main-cl-light);transition:background-color .25s cubic-bezier(.4,0,.4,1);margin-top:4px}.navigation{display:flex}.navigation__link{position:relative;font-weight:500;font-size:12px;line-height:1.16;text-transform:uppercase;color:var(--main-cl-light);cursor:pointer;transition:color .25s cubic-bezier(.4,0,.4,1)}.navigation__link:focus,.navigation__link:hover{color:var(--accent-cl)}.navigation__link:first-child{margin-right:40px}.current{color:var(--accent-cl)}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:var(--accent-cl);height:3px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-icon-pulse-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:active .hvr-icon,.hvr-icon-pulse-grow:focus .hvr-icon,.hvr-icon-pulse-grow:hover .hvr-icon{transition:stroke .3s cubic-bezier(.4,0,.4,1);stroke:var(--accent-cl);-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:.5s;animation-duration:.5is;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.hvr-icon-pulse-grow:active .hvr-icon~.header__logo_title,.hvr-icon-pulse-grow:focus .hvr-icon~.header__logo_title,.hvr-icon-pulse-grow:hover .hvr-icon~.header__logo_title{color:var(--accent-cl)}.hvr-icon-pulse-grow:active .hvr-icon .header__logo_title,.hvr-icon-pulse-grow:focus .hvr-icon .header__logo_title,.hvr-icon-pulse-grow:hover .hvr-icon .header__logo_title{color:var(--accent-cl)}.gallery-section{padding-top:20px}@media (min-width:768px){.gallery-section{padding-top:40px}}.gallery-info{font-size:2em;text-align:center}.gallery{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(274px,1fr));gap:20px}@media (min-width:768px){.gallery{gap:30px}}.gallery-categories{opacity:1;display:flex;justify-content:center;text-align:center;margin-bottom:20px;gap:6px;transition:opacity .25s linear}@media (min-width:768px){.gallery-categories{margin-bottom:40px;gap:10px}}@media (min-width:1024px){.gallery-categories{gap:15px}}.gallery-categories__btn{cursor:pointer;width:65px;min-height:30px;padding:0;background-color:var(--accent-cl);color:var(--main-cl);border-radius:5px;font-family:inherit;font-size:100%;line-height:1.15}@media (min-width:768px){.gallery-categories__btn{width:135px;min-height:35px;font-size:140%}}@media (min-width:1024px){.gallery-categories__btn{width:150px;min-height:40px;font-size:150%}}.gallery-categories__btn.btn--off,.gallery-categories__btn.btn-modal--off{color:var(--main-text-cl);border:1px solid var(--main-text-cl)}.gallery-categories.is-hidden{opacity:0;visibility:hidden;pointer-events:none;margin-bottom:0}.card-item{border-radius:5px;cursor:pointer;transition:box-shadow .25s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.12,.48,.93,.35) .45s}.card-item:focus,.card-item:hover{outline:none;transform:scale(1.08);box-shadow:var(--box-shadow-cl)}.movie-card{padding:10px 3px}.container_movie-info{display:flex;flex-wrap:nowrap}.movie-title{text-transform:uppercase;color:var(--main-text-cl);margin-bottom:3px}.movie-info{color:var(--accent-cl)}.movie-rating{display:inline-flex;justify-content:center;margin-left:11px;padding:1px 10px;background-color:var(--accent-cl);color:var(--main-cl);width:36px;height:16px}.movie-img,.movie-rating{border:none;border-radius:5px}.movie-img{height:398px}@media (min-width:768px){.movie-img{width:294px}}@media (min-width:1024px){.movie-img{width:274px}}.pagination{margin-top:40px;padding-bottom:40px;display:flex;justify-content:center;align-items:center;gap:4px}@media (min-width:768px) and (max-width:1023px){.pagination{margin-top:50px;padding-bottom:70px}}@media (min-width:1024px){.pagination{margin-top:46px;padding-bottom:60px}}.pagination.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.pagination__button{width:40px;height:40px;display:inline-flex;justify-content:center;align-items:center;color:var(--main-text-cl);background-color:transparent;border:none;border-radius:5px;cursor:pointer;transition:color .25s linear,background-color .25s linear,opacity .25s linear,visibility .25s linear}.pagination__button--bg{background-color:var(--secondary-bg-cl)}.pagination__button--bg svg{stroke:currentColor;fill:transparent}.pagination__button:disabled{cursor:auto;opacity:.5}.pagination__button:focus,.pagination__button:not(:disabled):hover{outline:none;color:var(--main-cl);background-color:var(--accent-cl)}.pagination__button--active{color:var(--main-cl);background-color:var(--accent-cl)}.pagination__button--active:focus,.pagination__button--active:hover{background-color:transparent;color:var(--main-text-cl);border:1px solid var(--accent-cl)}.pagination__button.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.pagination__container,.pagination__pages{display:flex;gap:4px;align-items:center}.dots{width:40px;height:40px;position:relative;transition:opacity .25s linear,visibility .25s linear}.dots.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.dots:after{content:"...";position:absolute;top:10px;left:15px}.hide{display:none}@media (min-width:768px){.hide{display:inline-flex}}.modal{position:absolute;top:5%;left:50%;transform:translate(-50%,-50%);width:100%;min-height:958px;overflow:auto;padding:48px 20px 40px;background-color:var(--main-cl);color:var(--main-text-cl);transform:translatex(-50%) scale(1);transition:transform .25s linear}.backdrop.is-hidden .modal{transform:translatex(-50%) scale(.5)}@media (min-width:320px){.modal{width:280px}}@media (min-width:768px){.modal{padding-top:42px;padding-left:30px;padding-right:30px;width:618px;min-height:562px}}@media (min-width:1024px){.modal{padding-top:50px;width:882px;min-height:568px}}.modal__close.modal-close{padding:0;transform:translate(-50%,50%);background-color:var(--main-cl);color:var(--main-text-cl)}.modal__close.modal-close:focus,.modal__close.modal-close:hover{background-color:var(--accent-cl)}.modal__icon--close{fill:currentColor;stroke:currentColor}.modal__content{display:flex;flex-wrap:wrap}@media (min-width:768px){.modal__content{flex-wrap:nowrap}}.poster__wrapper{width:100%}@media (min-width:320px){.poster__wrapper{width:240px}}@media (min-width:768px){.poster__wrapper{width:264px}}@media (min-width:1024px){.poster__wrapper{width:396px}}.poster__img{border-radius:5px}.movie{display:flex;flex-wrap:wrap;padding-top:30px;color:var(--main-text-cl);width:100%}@media (min-width:320px){.movie{width:240px}}@media (min-width:768px){.movie{width:264px;padding-top:0;margin-left:30px}}@media (min-width:1024px){.movie{width:396px;flex-direction:column;justify-content:space-between}}.movie__title{font-size:20px;line-height:1.15;margin-bottom:20px}@media (min-width:1024px){.movie__title{font-size:30px;line-height:1.17}}.movie__statistic{text-align:left;font-size:12px;line-height:1.33}.movie__table--row{display:block;vertical-align:text-top;min-width:100px;margin-bottom:10px}.movie__table--head{color:var(--logo-cl);min-width:125px;text-align:left}.movie__table--data{font-weight:500;color:var(--main-text-cl)}.movie__average{background-color:var(--accent-cl);color:var(--main-cl);display:inline-flex;justify-content:center;width:36px;border-radius:5px}.movie__description{font-size:12px;line-height:1.33;padding-top:10px;padding-bottom:10px}.movie__text{margin-top:10px;font-size:12px;line-height:1.67}.movie__btn{padding-top:10px;padding-bottom:10px}.buttons__container.movie__btn{flex-wrap:wrap;gap:15px;justify-content:center;align-items:center;width:100%}@media (min-width:320px){.buttons__container.movie__btn{width:240px}}@media (min-width:768px){.buttons__container.movie__btn{width:264px;gap:10px}}@media (min-width:1024px){.buttons__container.movie__btn{width:396px;gap:10px 20px}}.uppercase{text-transform:uppercase}.trailer{padding-bottom:20px;position:absolute;transform:translateY(20px);transition:visibility .25s linear,opacity .25s linear,transform .25s linear}.trailer.is-hidden{transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none}.trailer__iframe{width:240px;height:135px}@media (min-width:768px) and (max-width:1023px){.trailer__iframe{width:558px;height:347px}}@media (min-width:1024px){.trailer__iframe{width:822px;height:462px}}.footer{padding-top:30px;padding-bottom:30px;background-color:var(--secondary-bg-cl)}.footer__container{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:baseline}@media (min-width:768px){.footer__container{gap:4px}}.footer__text{font-weight:400;font-size:14px;line-height:1.19}@media (min-width:768px){.footer__text{font-size:16px}}.footer__icon{margin-left:10px;margin-right:10px}.footer__link{text-decoration:underline;cursor:pointer;transition:color .25s linear}.footer__link:focus,.footer__link:hover{color:var(--accent-cl);outline:none}.buttons__container{display:flex}.buttons__container--header{position:absolute;margin-top:45px;justify-content:center;transition:opacity .25s linear,visibility .25s linear}.buttons__container--header.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.btn--header,.btn--modal{cursor:pointer;text-transform:uppercase;height:44px;border-radius:5px;padding-left:8px;padding-right:8px;text-align:center}.btn--modal{width:112px}@media (min-width:768px){.btn--modal{width:125px}}@media (min-width:1024px){.btn--modal{width:136px}}.btn--header:first-child{margin-right:15px}.btn--off,.btn-modal--off{background-color:transparent;color:var(--main-text-cl-light);outline:none;border:1px solid var(--main-text-cl-light);transition:border-color .25s linear,color .25s linear,box-shadow .25s linear}.btn--off:focus,.btn--off:hover,.btn-modal--off:focus,.btn-modal--off:hover{border-color:var(--accent-cl);color:var(--accent-cl);box-shadow:0 0 15px 4px rgba(255,107,1,.6)}.btn--header{color:var(--main-cl-light);border:1px solid var(--main-cl-light);width:130px}@media (min-width:1024px){.btn--header{width:136px}}.btn--on{background-color:var(--accent-cl);color:var(--main-cl-light);border:none;transition:box-shadow .25s linear}.btn--on:focus,.btn--on:hover{outline:none;color:var(--main-cl-light);box-shadow:0 0 15px 4px rgba(255,107,1,.6)}.btn-modal--off{color:var(--main-text-cl);border-color:var(--main-text-cl)}.btn--trailer{text-transform:uppercase;border-radius:5px;min-width:239px}@media (min-width:768px){.btn--trailer{min-width:260px}}@media (min-width:1024px){.btn--trailer{min-width:292px}}.btn--trailer:after{margin-left:10px;display:block;content:"";width:32px;height:20px;border-radius:8px;background-color:#fff;background-size:cover;background-position:50%;background-image:url(/team-project-js-tmdb/youtube.56354ffa.svg)}.loader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:30;background-color:var(--backdrop-cl)}.loader.is-hidden{display:none}.loader-wrapper{top:50%;left:50%;transform:translate(-50%,-50%);--size:20px;--parentWidth:120px;--margin:8px;--speed:1.5s;--speedDif:0.05s;margin:20px auto;width:var(--parentWidth)}.loader-wrapper,.loader-wrapper div{position:absolute;height:var(--size)}.loader-wrapper div{top:0;width:var(--size);border-radius:50%;background:var(--accent-cl)}@keyframes move1{0%{left:calc(var(--size)*2 + var(--margin)*2)}to{left:calc(var(--parentWidth) - var(--size))}}@keyframes move2{0%{left:calc(var(--size) + var(--margin))}to{left:calc(var(--parentWidth) - var(--size)*2 - var(--margin))}}@keyframes move3{0%{left:0}to{left:calc(var(--parentWidth) - var(--size)*3 - var(--margin)*2)}}.circle1{left:calc(var(--size)*2 + var(--margin)*2);animation:var(--speed) ease-in-out 0s infinite alternate move1}.circle2{left:calc(var(--size) + var(--margin));animation:var(--speed) ease-in-out var(--speedDif) infinite alternate move2}.circle3{left:0;animation:var(--speed) ease-in-out calc(var(--speedDif)*2) infinite alternate move3}.btn-up{width:50px;height:100px;position:fixed;bottom:55px;right:0;display:flex;gap:10px;flex-direction:column;justify-content:center;align-items:center}.btn-up__btn{color:var(--logo-cl);transition:opacity .25s linear,visibility .25s linear,color .25s linear}.btn-up__btn.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.btn-up__svg{fill:currentColor}.team{overflow:unset}.team__list{display:grid;grid-template-columns:repeat(auto-fill,240px);gap:15px;justify-content:center}.team__card{padding-bottom:10px;display:flex;gap:10px;flex-direction:column;justify-content:center;text-align:center;cursor:pointer;transition:transform .25s linear}.team__card:focus,.team__card:hover{outline:none;transform:scale(1.05)}.team__img{border-radius:10px;overflow:hidden}.team__title{font-size:16px}.team__text{font-size:14px;font-weight:400}
/*# sourceMappingURL=/team-project-js-tmdb/src.8a5819ad.css.map */