*,:before,:after{box-sizing:border-box}html{tab-size:4;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0;font-family:system-ui,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}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}::-webkit-scrollbar-track{background-color:#fff;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar{width:6px;background-color:#fff}::-webkit-scrollbar-thumb{background-color:#ff6b01}body,html{width:100%;height:100%}html{box-sizing:border-box;overflow-x:clip}*,:before,:after{box-sizing:inherit}body{color:#000;letter-spacing:.04em;background-size:contain;background-attachment:fixed;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:1.66667;overflow-x:clip}h1,h2,h3,h4,h5,h6,p{margin:0}img{max-width:100%;height:auto;display:block}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none;display:block}textarea{resize:none}.visually-hidden{width:1px;height:1px;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);pointer-events:none;border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden-modal{opacity:0;pointer-events:none;scale:.8}.preload *{-o-transition:none!important;transition:none!important}.no-scroll{position:fixed}.container{width:100%;max-width:280px;margin:0 auto}@media screen and (min-width:768px){.container{max-width:704px}}@media screen and (min-width:1280px){.container{max-width:1215px}}.interactive-button{text-align:center;text-transform:uppercase;background-color:rgba(0,0,0,0);border:1px solid #000;border-radius:5px;padding:13px 8px;font-size:12px;font-weight:500;line-height:1.33333;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.interactive-button.header-btns{width:130px;color:#fff;border:1px solid #fff}.interactive-button:hover,.interactive-button:focus,.interactive-button.header-btns.active,.active{color:#f7f7f7;background-color:#ff6b01;border-color:#ff6b01;box-shadow:0 4px 4px rgba(0,0,0,.25)}.header{color:#fff;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;padding:40px 20px 92px}@media screen and (min-width:768px){.header{padding:40px 32px 81px}}.home{background-image:linear-gradient(rgba(0,0,0,.337),rgba(0,0,0,.337)),url(header-bg-320-1@1x.2832d91d.jpg);padding-bottom:44px}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.home{background-image:linear-gradient(rgba(0,0,0,.337),rgba(0,0,0,.337)),url(header-bg-320-1@2x.c29f3ed4.jpg)}}@media screen and (min-width:768px){.home{background-image:linear-gradient(rgba(0,0,0,.337),rgba(0,0,0,.337)),url(header-bg768-1@1x.b14a4b36.jpg);padding-bottom:44px}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2x){.home{background-image:linear-gradient(rgba(0,0,0,.337),rgba(0,0,0,.337)),url(header-bg768-1@2x.637fa0fa.jpg)}}@media screen and (min-width:1280px){.home{background-image:linear-gradient(rgba(0,0,0,.337),rgba(0,0,0,.337)),url(header-bg1280@1x.91e4bba5.jpg)}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2x){.home{background-image:linear-gradient(rgba(0,0,0,.337),rgba(0,0,0,.337)),url(header-bg1280@2x.28d86503.jpg)}}.library{background-image:linear-gradient(rgba(0,0,0,.337),rgba(0,0,0,.337)),url(library@1x.3987dad3.jpg)}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.library{background-image:linear-gradient(rgba(0,0,0,.337),rgba(0,0,0,.337)),url(library@2x.9fbcca59.jpg)}}@media screen and (min-width:768px){.library{background-image:linear-gradient(rgba(0,0,0,.337),rgba(0,0,0,.337)),url(library@1x.e0e7825d.jpg)}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2x){.library{background-image:linear-gradient(rgba(0,0,0,.337),rgba(0,0,0,.337)),url(library@2x.890cf7a9.jpg)}}@media screen and (min-width:1280px){.library{background-image:linear-gradient(rgba(0,0,0,.337),rgba(0,0,0,.337)),url(library@1x.1c904152.jpg)}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2x){.library{background-image:linear-gradient(rgba(0,0,0,.337),rgba(0,0,0,.337)),url(library@2x.ec627b05.jpg)}}.logo{align-items:center;gap:10px;display:flex}.nav{justify-content:space-between;align-items:center;margin-bottom:56px;display:flex}.nav__controls{gap:40px;line-height:1.16667;display:flex}.nav__controls-item{text-transform:uppercase;position:relative}.active-page{position:relative}.active-page:after{content:"";width:100%;height:3px;background:#ff001b;position:absolute;bottom:-3px;left:0}.website-name{font-size:30px;line-height:1.16667;display:none}@media screen and (min-width:768px){.website-name{display:inline-block}}.form-wrapper{color:#fff;max-width:280px;margin:0 auto;font-size:14px;font-weight:400;line-height:1.17857}@media screen and (min-width:768px){.form-wrapper{max-width:336px;line-height:1.14286}}@media screen and (min-width:1280px){.form-wrapper{max-width:394px}}.header__form{font-size:inherit;text-align:center;max-width:280px;margin:0 auto;position:relative}@media screen and (min-width:768px){.header__form{max-width:336px}}@media screen and (min-width:1280px){.header__form{max-width:394px}}.header__form-input{width:100%;caret-color:#fff;background:0 0;border:none;border-bottom:.5px solid #fff;outline:none}.header__form-input::-ms-input-placeholder{color:#fff}.header__form-input::placeholder{color:#fff}.header__form-input:focus{color:#fff}.header__form-button{background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:-8px}.header__form-warning{text-align:center;color:#ff001b;margin-top:20px}@media screen and (min-width:320px) and (max-width:767px){.header__form-warning{height:32px;margin-top:16px}.header__form-warning:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)){text-align:left}.header__form-warning:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.header__form-warning:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.header__form-warning:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}}@media screen and (min-width:768px){.header__form-warning{height:45px}}.buttons-wrapper{justify-content:center;gap:20px;display:flex}@media screen and (min-width:768px){.buttons-wrapper{gap:32px}}@media screen and (min-width:1280px){.buttons-wrapper{gap:16px}}.main-section{padding-top:20px;padding-bottom:40px}@media screen and (min-width:768px){.main-section{padding-top:60px;padding-bottom:60px}}@media screen and (min-width:1280px){.main-section{font-size:20px}}.main-section__allcards{flex-wrap:wrap;gap:20px;margin-bottom:40px;display:flex}@media screen and (min-width:768px){.main-section__allcards{gap:32px;margin-bottom:60px}}@media screen and (min-width:1280px){.main-section__allcards{gap:32px 16px;margin-bottom:60px}}.main-section__card{width:280px;box-sizing:border-box}@media screen and (min-width:768px){.main-section__card{width:336px}}@media screen and (min-width:1280px){.main-section__card{width:394px}}.main-section__image{height:402px;width:280px;object-fit:cover;border-radius:5px;margin:0;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 50ms,transform .3s cubic-bezier(.4,0,.2,1) 50ms}.main-section__image:hover,.main-section__image :focus{transform:scale(1.05)translateY(-10px);box-shadow:4px 10px 48px 5px rgba(0,0,0,.8)}@media screen and (min-width:768px){.main-section__image{height:455px;width:336px}}@media screen and (min-width:1280px){.main-section__image{height:574px;width:395px}}.main-section__name{text-overflow:ellipsis;width:inherit;white-space:nowrap;text-transform:uppercase;margin-top:10px;display:inline-block;position:relative;overflow:hidden}.main-section__description{color:#ff6b01;text-transform:capitalize;margin-right:8px}.main-section__pages-buttons{justify-content:center;display:flex}.main-section__pages-button{width:40px;height:40px;background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);border-radius:5px;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:1280px){.main-section__pages-button{font-size:12px}}.main-section__pages-button:hover{color:#fff;background-color:#ff6b01}.main-section__rating{min-width:40px;color:#fff;background-color:#ff6b01;border-radius:5px;margin-left:8px;padding:3px 8px;font-size:12px}.icon{stroke-width:0;stroke:currentColor;fill:currentColor;display:inline-block}.icon:hover{stroke:#fff}.rating-span{color:#fff;background-color:#ff6b01;border-radius:5px;padding:3px 8px}@media screen and (min-width:768px){.rating-span{padding:1px 10px}}@media screen and (min-width:1280px){.rating-span{padding:3px 12px}}.visually-hidden{width:1px;height:1px;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.main-section{min-height:calc(100vh - 362px)}@media screen and (min-width:768px){.main-section{min-height:calc(100vh - 335px)}}@media screen and (min-width:1280px){.main-section{min-height:calc(100vh - 335px)}}.main-section__rating{min-width:40px;color:#fff;background-color:#ff6b01;border-radius:5px;margin-left:4px;padding:3px 8px;font-size:12px}.main-section__arrows{width:40px;height:40px;align-items:center;justify-items:center;display:grid}.main-section__arrows--prev{background-image:url(arrow-left.cc43448e.jpg)}.main-section__arrows--next{background-image:url(arrow-right.294e1145.jpg)}.main-section__page-numbers{justify-content:center;align-items:center;gap:5px;margin-top:40px;display:flex}.main-section__page-number{width:40px;height:40px;border-radius:5px;align-items:center;justify-items:center;display:grid}.main-section__page-number--active{color:#fff;background-color:#ff6b01}.main-section__page-number--edge{display:none}@media screen and (min-width:768px){.main-section__page-number--edge{display:grid}}.modal{width:285px;max-height:calc(100% - 40px);z-index:10;background-color:#fff;padding:48px 20px 40px;transition:transform 1s,opacity .5s,scale .5s;position:fixed;top:20px}@media screen and (min-width:768px){.modal{width:704px;padding:40px 36px;top:50%;transform:translateY(-50%)}}@media screen and (min-width:1280px){.modal{width:806px;padding:40px 12px}}.modal__main{flex-direction:column;align-items:center;gap:20px;display:flex}@media screen and (min-width:768px){.modal__main{flex-direction:row;align-items:flex-start;gap:68px}}@media screen and (min-width:1280px){.modal__main{gap:16px}}.modal__img{width:240px;border-radius:5px;flex-shrink:0;overflow:hidden}@media screen and (min-width:768px){.modal__img{width:264px}}@media screen and (min-width:1280px){.modal__img{width:375px}}.modal__about{flex-direction:column;gap:20px;display:flex}.modal__list{flex-direction:column;gap:9px;display:flex}.modal__item{align-items:flex-start;gap:41px;line-height:1.17167;display:flex}@media screen and (min-width:768px){.modal__item{gap:83px}}.modal__item-first{min-width:80px;color:#8c8c8c}.modal__item-bg{border-radius:5px;padding:2px 10px;display:inline-block}.modal__item--accent{color:#fff;background-color:#ff6b01}.modal__item--grey{color:#000;background-color:#f7f7f7}.modal__headline{font-size:20px;line-height:1.172}@media screen and (min-width:1024px){.modal__headline{font-size:30px}}.modal__about-headline{text-transform:uppercase}.modal__item-votes{color:#8c8c8c}.modal__about-text{font-weight:500;line-height:1.66667}.modal__about-info{flex-direction:column;gap:8px;display:flex}.modal__item-title{text-transform:uppercase}.modal__close-btn{background-color:rgba(0,0,0,0);border:none;padding:0;position:absolute;top:8px;right:8px}.modal__buttons{align-items:center;gap:10px;display:flex}@media screen and (min-width:768px){.modal__buttons{flex-direction:column}}.modal__add-btns{flex-direction:column;gap:10px;display:flex}@media screen and (min-width:768px){.modal__add-btns{flex-direction:row}}.modal__btn-watch-trailer{height:70px}@media screen and (min-width:768px){.modal__btn-watch-trailer{height:44px}}.overflow{width:100vw;height:100vh;z-index:5;background-color:rgba(0,0,0,.33);align-items:center;justify-items:center;transition:transform 1s,opacity .5s,scale .5s;display:grid;position:fixed;top:0}#trailerDiv{display:flex}#trailerModal{background-color:#000;transition:transform 1s}#trailerClose{background-color:#fff;border-radius:100%;align-items:center;justify-items:center;display:grid}.trailer__youtube{width:100%}.move-left{transform:translate(-100vw)}.move-right{transform:translate(100vw)}.footer{height:100px;background-color:#f7f7f7;padding-top:28px}@media screen and (min-width:768px){.footer{height:79px}}@media screen and (min-width:1280px){.footer{height:77px}}.footer-container{text-align:center}.footer-paragraph{color:#545454;font-size:16px;font-weight:400}.footer-link{text-decoration:underline;display:inline}.footer-link:hover{color:#ff6b01}.icon-heart{fill:#ff6b01}.rotate-center{animation:rotate-center 1.2s ease-in-out infinite both}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{transform:rotate(360deg)}}.footer-backdrop{width:100%;height:100%;z-index:1010;background-color:rgba(0,0,0,.4);transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .5s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow:auto}.footer-modal{width:320px;max-height:calc(100vh - 100px);background-color:#fff;border-radius:5px;padding:10px;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .5s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:2px 2px rgba(0,0,0,.2)}@media screen and (min-width:768px){.footer-modal{width:700px;height:600px;padding:15px}}@media screen and (min-width:1280px){.footer-modal{width:700px;height:600px;padding:15px}}.footer-closeModalBtn{width:40px;height:40px;background-color:rgba(0,0,0,0);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:10px;right:10px}.footer-closeModalBtn:hover{background-color:#ff6b01}.is-hidden{opacity:0;pointer-events:none}.team-title{text-align:center;margin-top:35px;margin-bottom:20px;font-size:16px;font-weight:700}@media screen and (min-width:768px){.team-title{margin-top:5px;font-size:22px;font-weight:700}}.team-list{display:inline}@media screen and (min-width:768px){.team-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}}.team-item{text-align:center;flex-basis:25%}.team-card{border-radius:6px}@media screen and (min-width:768px){.team-card:hover{transition:all .2s;transform:scale(1.2);box-shadow:4px 10px 48px 5px rgba(0,0,0,.5)}}.team-image{width:179px;height:179px;border-radius:6px;margin:0 auto}.team-item-title{font-size:14px;font-weight:500}@media screen and (min-width:768px){.team-item-title{font-size:17px;font-weight:700}}.github-link{display:inline}.icon-github{fill:purple;border-radius:50px}.icon-github:hover{fill:#ff6b01}.scale-down-center{animation:scale-down-center 1.2s linear infinite both}@keyframes scale-down-center{0%{transform:scale(1)}to{transform:scale(.5)}}.hidden-photo{display:none}.sk-chase{transform:-50%,-50%;width:40px;height:40px;transition:opacity .35s;animation:sk-chase 2.5s linear infinite both;position:fixed;top:50%;left:50%}.sk-chase-hidden{opacity:0}.sk-chase-dot{width:100%;height:100%;animation:sk-chase-dot 2s ease-in-out infinite both;position:absolute;top:0;left:0}.sk-chase-dot:before{content:"";width:25%;height:25%;background-color:#ff6b01;border-radius:100%;animation:sk-chase-dot-before 2s ease-in-out infinite both;display:block}.sk-chase-dot:nth-child(1){animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1s}.sk-chase-dot:nth-child(3){animation-delay:-.9s}.sk-chase-dot:nth-child(4){animation-delay:-.8s}.sk-chase-dot:nth-child(5){animation-delay:-.7s}.sk-chase-dot:nth-child(6){animation-delay:-.6s}.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1s}.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes sk-chase{to{transform:rotate(360deg)}}@keyframes sk-chase-dot{80%,to{transform:rotate(360deg)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}to,0%{transform:scale(1)}}.main-section__arrow{background-color:#f7f7f7}.tui-next-is-ellip,.tui-prev-is-ellip{pointer-events:none;display:none}@media screen and (min-width:768px){.tui-next-is-ellip,.tui-prev-is-ellip{pointer-events:all;width:40px;height:40px;align-items:center;justify-items:center;display:grid}}.main-section__arrows{width:40px;height:40px;align-items:center;justify-items:center;display:grid}.main-section__arrows--prev{background-image:url(arrow-left.cc43448e.jpg)}.main-section__arrows--next{background-image:url(arrow-right.294e1145.jpg)}.main-section__arrows--first,.main-section__arrows--last{pointer-events:none;display:none}@media screen and (min-width:768px){.main-section__arrows--first,.main-section__arrows--last{pointer-events:all;display:block}}.main-section__page-numbers{justify-content:center;align-items:center;gap:5px;margin-top:40px;display:flex}.main-section__page-number{width:40px;height:40px;border-radius:5px;align-items:center;justify-items:center;display:grid}.main-section__page-number--active{color:#fff;background-color:#ff6b01}.main-section__page-number--edge{display:none}@media screen and (min-width:768px){.main-section__page-number--edge{display:grid}}@media screen and (min-width:768px){.move-left-a-little{position:relative;right:40px}}@media screen and (min-width:768px){.move-right-a-little{position:relative;left:60px}}.main-section__arrows--first{display:none}@media screen and (min-width:768px){.main-section__arrows--first{align-items:center;justify-items:center;display:grid;position:relative;left:50px}}.main-section__arrows--last{pointer-events:none;display:none}@media screen and (min-width:768px){.main-section__arrows--last{pointer-events:all;align-items:center;justify-items:center;display:grid;position:relative;right:40px}}
/*# sourceMappingURL=index.c1f329bb.css.map */
