.btn{text-transform:uppercase;cursor:pointer;border-radius:5px;width:112.58px;height:44px;margin:0;font-size:12px;font-weight:500;line-height:1.33;display:block}.btn__addToWatched{color:#fff;transition:box-shadow 500 ease-in-out,scale 500 ease-in-out;background:#ff6b01;border:1px solid #ff6b01}.btn__addToWatched:hover{scale:1.1;box-shadow:2px 4px 14px -2px #d47719}.btn__addToQue{transition:box-shadow 500 ease-in-out,scale 500 ease-in-out;background:#fff}.btn__addToQue:hover{scale:1.1;box-shadow:2px 4px 24px -2px #d47719}.btn--close{background-color:#0000;border:none;justify-content:center;align-items:center;width:30px;height:30px;margin:0;padding:0;font-size:14px;transition:transform .5s;display:flex;position:absolute;top:10px;right:10px;transform:rotate(0)}.btn--close:hover{transform:rotate(-90deg)}.btn__icon-close{stroke:#000;width:30px;height:30px}.btn--play{background-color:#ffffffb3;border:0;border-radius:50%;justify-content:center;align-self:baseline;align-items:center;width:40px;height:40px;margin-top:10px;padding:4px;display:flex;position:absolute;left:calc(7vw + 10px)}.btn__icon-play{fill:green;width:50px;height:50px}@media screen and (width>=400px){.btn--play{left:30px}}@media screen and (width>=600px){.btn--play{left:40px}}@media screen and (width>=650px){.btn--play{left:50px}}.cards-container{flex-wrap:wrap;justify-content:center;gap:30px;max-width:280px;margin:20px auto;display:flex}.movie-card{flex-direction:column;width:280px;font-size:12px;font-weight:500;line-height:1.5;transition:transform .25s;display:flex;position:relative}.movie-card__img{object-fit:cover;border-radius:5px;width:100%;height:400px;display:block;overflow:hidden;box-shadow:5px 5px 20px #6b6662}.movie-card__title{text-transform:uppercase;flex-grow:1;padding-top:8px;font-size:12px}.movie-card__info{color:#ff6b08}.movie-card__rating{color:#fff;background-color:#ff6b08;border-radius:5px;padding:0 5px;position:absolute;bottom:0;right:0}.movie-card:hover{cursor:pointer;transform:scale(1.05)}@media (width>=768px){.cards-container{max-width:617px;margin-top:60px}.movie-card{width:290px}}@media (width>=1024px){.cards-container{max-width:882px}.movie-card{width:274px}}:root{--grow_title:1;--grow_genres:0}.is-hidden{display:none}.modal-container{background-color:#00000040;position:fixed;inset:0}.modal-card{background-color:#fff;flex-direction:column;align-items:center;min-width:280px;max-height:95vh;padding:48px 20px 20px;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0006,0 7px 13px -3px #0000004d,inset 0 -3px #0003}.modal-card__img{border-radius:5px;min-width:240px;max-height:356.57px;display:block}.modal-card__title{margin-bottom:20px;padding-top:30px;font-size:20px;font-weight:500;line-height:1.15}.modal-card__list{flex-direction:column;row-gap:10px;margin-bottom:10px;list-style:none;display:flex}.modal-card__list-container{column-gap:41px;display:flex}.modal-card__list-item{color:#8c8c8c;width:71px;font-size:12px;font-weight:500;line-height:1.33}.modal-card__list-details{color:#000;font-size:12px;font-weight:500;line-height:1.33;display:inline-block}.modal-card__list-details--avg-color{color:#fff;text-align:center;background:#ff6b01;border-radius:5px;width:36px;height:16px;font-size:12px;font-weight:500;line-height:1.17;display:inline-block}.modal-card__buttons{justify-content:center;gap:14.85px;display:flex}.modal-card__skew-line{color:#8c8c8c;margin-left:2px}.modal-card__votes{text-align:center;background:#f7f7f7;border-radius:5px;min-width:36px;height:16px;margin-left:13px;display:inline-block}.modal-card__list-item:nth-child(3){flex-grow:var(--grow_title)}.modal-card__list-item:nth-child(4){flex-grow:var(--grow_genres)}.modal-card__list-details:nth-child(3){text-transform:uppercase}.modal-card__movie-about{text-transform:uppercase;margin:10px 0;font-size:12px;font-weight:500;line-height:1.33}.modal-card__movie-desc{margin-bottom:21px;font-size:12px;font-weight:500;line-height:1.67}@media screen and (width>=768px){.modal-card{flex-direction:row;align-items:flex-start;gap:32px;min-width:618px;max-height:562px;padding:42px 30px 40px 28px;display:flex}.modal-card__movie-data{flex-direction:column;align-items:flex-start;display:flex}.modal-card__img{min-width:264px;max-height:373.55px;margin-top:0}.modal-card__movie-desc{max-height:-moz-fit-content;max-height:fit-content;overflow-y:visible}.modal-card__title{padding-top:0}}@media screen and (width>=1024px){.modal-card{flex-direction:row;gap:32px;width:882px;max-height:568px;padding:50px 30px 40px;display:flex}.modal-card__img{object-fit:cover;max-width:394px;max-height:477.8px}.modal-card__list-container{column-gap:85px}}.header-library{color:#fff;background-image:url(Rectangle-1x-desktop.e3cc19a0.jpg);background-repeat:no-repeat;background-size:cover;max-width:100%;height:230px;margin:0 auto;font-family:Roboto,sans-serif;position:relative}.header__btn-wrapper{justify-content:center;align-items:center;gap:20px;display:flex}.header__btn{text-transform:none;width:130px;height:44px}.btn-lib{text-transform:uppercase;background-color:#0000;border:1px solid;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.btn-lib:hover{animation:.7s ease-in-out 40ms both rotate}.btn-lib--white{color:#fff;border-color:#fff}.btn-lib--white:hover{color:#fff;background-color:#ff6b08;border-color:#ff6b08}.btn-lib-js-active{color:#fff;background-color:#ff6b08;border-color:#ff6b08;box-shadow:0 8px 43px #ff6b0199}.btn-lib--black{color:#000;opacity:1;border-color:#000}.btn-lib--black:hover{color:#fff;background-color:#ff6b08;border-color:#ff6b08}.btn-wrapper{display:flex}.switch__btn{opacity:.4;margin-top:-33px;margin-left:90px;transition:opacity .5s cubic-bezier(.4,0,.2,1);position:absolute}.switch__btn:hover{opacity:1}.switch__btn__icon-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.switch__btn__icon{color:#ff6b08;font-size:25px}@media screen and (width>=768px){.header__btn-wrapper{gap:32px}.switch__btn{margin-left:500px}.header__btn{width:136px;height:44px}}@media screen and (width>=1280px){.switch__btn{margin-left:1000px}.header__btn-wrapper{gap:16px}}.header-home{color:#fff;background-image:url(bg-image.c1c45b5a.jpg);background-repeat:no-repeat;background-size:cover;max-width:100%;height:230px;margin:0 auto;font-family:Roboto,sans-serif;position:relative}.header-home__bg{background-color:#0000008f;width:100%;height:100%;position:absolute}.header-home__container{flex-direction:column;gap:30px;max-width:280px;margin:0 auto;display:flex}.logo{align-items:baseline;gap:10px;display:flex}.logo:hover .logo__icon{transform:rotate(180deg)}.logo__icon{transition:transform .5s ease-out}.logo__text{color:#0000;background-color:#0000;background-image:linear-gradient(225deg,#ff6b08,#fff,#ff6b08),none;background-position:0 0,100%;background-repeat:repeat,repeat;background-size:400%,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:text;animation:8s linear infinite move-bg;display:none}.menu{justify-content:space-between;align-items:baseline;margin-top:40px;display:flex}.nav__list{align-items:center;gap:20px;display:flex}.nav__item{text-transform:uppercase;font-size:12px;font-weight:500}.nav__link{transition:color .25s}.nav__link--active{border-bottom:3px solid #ff6b08}.nav__link:hover{color:#ff6b08}.search-form{border-bottom:1px solid #fff;justify-content:space-between;align-items:center;width:100%;max-width:336px;margin:0 auto;display:flex}.search-form input{color:inherit;background-color:#0000;border:none;outline:none;width:100%;padding:5px;font-size:14px}.search-form input:focus::placeholder{color:#0000}.search-form__icon{transition:transform .25s}.search-form button{cursor:pointer;background-color:#0000;border:none}.search-form button:hover .search-form__icon{transform:scale(1.5)}.warning{color:#ff001b;text-align:center;font-size:14px}@media (width>=768px){.header-home__container{max-width:617px}.logo__text{font-size:30px;font-weight:500;display:inline-block}.nav__list{gap:40px}}@media (width>=1024px){.header-home__container{max-width:882px}}@keyframes move-bg{to{background-position:400%}}
/*# sourceMappingURL=index.8a157d6a.css.map */