*,: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}:root{--black-color:#000;--white-color:#fff;--red-color:#ff001b;--grey-color:#545454;--grey-2-color:#8c8c8c;--not-active-color:#bcbcbc;--bg-grey-color:#f7f7f7;--bg-orange-color:#ff6b01;--anim-standart:500ms cubic-bezier(.4,0,.2,1);--item:1;--indent:20px}.backdrop{width:100vw;height:100vh;opacity:1;z-index:100;-webkit-backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity var(--anim-standart);background-color:rgba(0,0,0,.68);position:fixed;top:0;left:0;overflow-y:scroll}.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.no-scroll{width:100vw;height:100vh;overflow:hidden}.visually-hidden{width:1px;height:1px;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{font-family:Roboto,sans-serif;font-style:normal}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}img{height:100%;width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}button{border:0;outline:none;margin:0;padding:0}.section{padding:20px 0 40px}@media screen and (min-width:768px){.section{padding:60px 0 50px}}.container{width:100%;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 76px}}@media screen and (min-width:1024px){.container{max-width:1024px;padding:0 71px}}.modal{max-width:280px;max-height:940px;background-color:var(--white-color);border-radius:5px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:768px){.modal{top:500px}}@media screen and (min-width:768px){.modal{max-width:704px;max-height:552px}}@media screen and (min-width:1024px){.modal{max-width:806px;max-height:558px}}.modal__btn-close{width:30px;height:30px;cursor:pointer;background-color:rgba(0,0,0,0);position:absolute;top:8px;right:8px}.modal__btn-close:hover .modal__icon,.modal__btn-close:focus .modal__icon{transform:scale(1.3)rotate(360deg)}.modal__icon{stroke:var(--black-color);transition:transform var(--anim-standart)}.modal__container{width:100%;height:100%;border-radius:4px;flex-direction:column;row-gap:20px;padding:48px 20px 40px;display:flex}@media screen and (min-width:768px){.modal__container{flex-direction:row;column-gap:68px;padding:48px 72px 40px 36px}}@media screen and (min-width:1024px){.modal__container{column-gap:16px;padding:40px 12px}}.modal__img{border-radius:5px}@media screen and (min-width:320px){.modal__img{width:240px;height:357px}}@media screen and (min-width:768px){.modal__img{width:264px;height:373.55px}}@media screen and (min-width:1024px){.modal__img{width:375px;height:478px}}.modal__about-movie{flex-direction:column;row-gap:20px;display:flex}.modal__title{text-transform:uppercase;font-size:20px;line-height:23px}.modal__text-wrap{flex-direction:column;row-gap:8px;font-size:12px;line-height:16px;display:flex}.modal__text-wrap ul{display:flex}.modal__text-characteristic{color:var(--grey-2-color);flex:1}.modal__text-characteristic-value{color:var(--black-color);flex:1;font-weight:700}.vote{min-width:36px;border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.vote.average{color:var(--white-color);background:var(--bg-orange-color)}.vote.count{background:var(--bg-grey-color)}.modal__overview-wrap{font-size:12px;font-weight:700;line-height:20px}.modal__overview-title{text-transform:uppercase;margin-bottom:8px}.modal__btn-wrap{justify-content:center;align-items:center;column-gap:20px;display:flex}@media screen and (min-width:768px){.modal__btn-wrap{column-gap:15px}}@media screen and (min-width:1024px){.modal__btn-wrap{justify-content:start;padding-left:8px}}.modal__btn{text-transform:uppercase;width:110px;height:44px;background-color:var(--white-color);cursor:pointer;transition:all var(--anim-standart);border:1px solid #000;border-radius:5px;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:16px;display:flex}.modal__btn:hover,.modal__btn:focus{color:var(--white-color);background-color:#ff6b01;border:none;transform:scale(1.05);box-shadow:0 5px 5px rgba(0,0,0,.35)}@media screen and (min-width:768px){.modal__btn{width:125px}}@media screen and (min-width:1024px){.modal__btn{width:136px}}.modal__btn.w{padding:0 5px}.container.scroll{height:20px;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}@media screen and (min-width:768px){.container.scroll{height:40px;bottom:90px}}.scroll__btn{width:25px;height:25px;cursor:pointer;z-index:11;background-color:rgba(0,0,0,0);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:-10px}@media screen and (max-width:320px){.scroll__btn{width:20px;height:20px;right:0}}@media screen and (min-width:768px){.scroll__btn{width:40px;height:40px;right:0}}.scroll__btn:before{content:"";width:100%;height:0;border-bottom:3px solid var(--bg-orange-color);opacity:0;transition:all var(--anim-standart);position:absolute;top:0;left:0}.scroll__btn:hover:before{height:105%;opacity:1;transition:all var(--anim-standart);transform:scale(1.1)}.scroll__btn:hover .scroll__icon{fill:var(--bg-orange-color);opacity:1;transition:all var(--anim-standart);transform:scale(1.1)rotate(360deg)}.scroll__icon{width:100%;height:100%;fill:var(--black-color);transition:all var(--anim-standart);opacity:.4;justify-content:center;align-items:center;display:flex}.header-home{height:230px;background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-home_320.2727a33e.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-top:40px;padding-bottom:92px}@media (min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header-home{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-home_320@2x.41cba442.jpg)}}@media (min-device-pixel-ratio:3),(-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi),(min-resolution:3x){.header-home{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-home_320@3x.37bbfa75.jpg)}}@media screen and (min-width:768px){.header-home{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-home_768.606b67ac.jpg)}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2x){.header-home{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-home_768@2x.a3164bbd.jpg)}}@media screen and (min-width:768px) and (min-device-pixel-ratio:3),screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:3),screen and (min-width:768px) and (min-resolution:288dpi),screen and (min-width:768px) and (min-resolution:3x){.header-home{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-home_768@3x.e702e4ba.jpg)}}@media screen and (min-width:1024px){.header-home{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-home_1280.0a1786db.jpg)}}@media screen and (min-width:1024px) and (min-device-pixel-ratio:2),screen and (min-width:1024px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1024px) and (min-resolution:192dpi),screen and (min-width:1024px) and (min-resolution:2x){.header-home{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-home_1280@2x.e149bc61.jpg)}}@media screen and (min-width:1024px) and (min-device-pixel-ratio:3),screen and (min-width:1024px) and (-webkit-min-device-pixel-ratio:3),screen and (min-width:1024px) and (min-resolution:288dpi),screen and (min-width:1024px) and (min-resolution:3x){.header-home{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-home_1280@3x.5bd190cb.jpg)}}.links-frame{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}@media screen and (min-width:768px){.links-frame{margin-bottom:37px}}.header-logo{align-items:center;gap:8px;display:flex}@media screen and (min-width:1024px){.header-logo{align-items:center;gap:8px;display:flex}}@media screen and (min-width:1024px){.header-logo{gap:10px}}@keyframes icon{0%{transform:rotate(0deg)}10%{transform:rotate(36deg)}20%{transform:rotate(72deg)}30%{transform:rotate(108deg)}40%{transform:rotate(144deg)}50%{transform:rotate(180deg)}60%{transform:rotate(216deg)}70%{transform:rotate(252deg)}80%{transform:rotate(288deg)}90%{transform:rotate(324deg)}to{transform:rotate(360deg)}}.header-logo svg{animation-name:icon;animation-duration:5s;animation-timing-function:ease;animation-iteration-count:infinite}.header-logo h3{display:none}@media screen and (min-width:768px){.header-logo h3{color:var(--white-color);font-size:30px;font-weight:500;line-height:35px;display:block}}.header__links{color:var(--white-color);text-transform:uppercase;align-items:center;gap:40px;font-size:12px;line-height:14px;display:flex}.header-link{transition:color var(--anim-standart)}.header-link:hover,.header-link:focus{color:var(--bg-orange-color)}.current{position:relative}.current:after{content:"";width:100%;height:3px;background-color:var(--red-color);display:block;position:absolute;bottom:-5px;left:0}.search-form{justify-content:center;align-items:center;display:flex}.search-form label{width:100%;position:relative}@media screen and (min-width:768px){.search-form label{width:336px}}@media screen and (min-width:1024px){.search-form label{width:394px}}.search-input{cursor:pointer;width:100%;height:20px;color:var(--white-color);border:0;border-bottom:.5px solid var(--white-color);transition:border var(--anim-standart);background-color:rgba(0,0,0,0);outline:none;padding:0;font-size:14px}@media screen and (min-width:768px){.search-input{width:336px}}@media screen and (min-width:1024px){.search-input{width:394px}}.search-input::-ms-input-placeholder{color:var(--white-color);padding-left:2px}.search-input::placeholder{color:var(--white-color);padding-left:2px}.search-input:hover,.search-input:focus{border-color:var(--bg-orange-color)}.search-btn{width:12px;height:12px;background-color:rgba(0,0,0,0);justify-content:center;align-items:center;transition:transform 1s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.search-btn:hover .search-icon,.search-btn:focus .search-icon{transform:scale(1.5)rotate(360deg)}.search-icon{cursor:pointer;transition:transform 1s cubic-bezier(.4,0,.2,1)}.header-library{height:230px;background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library_320.77cefd1f.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-top:40px;padding-bottom:62px}@media (min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header-library{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library_320@2x.0ef92843.jpg)}}@media (min-device-pixel-ratio:3),(-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi),(min-resolution:3x){.header-library{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library_320@3x.3d3ae640.jpg)}}@media screen and (min-width:768px){.header-library{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library_768.1b9ec50c.jpg)}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2x){.header-library{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library_768@2x.8e64b2f9.jpg)}}@media screen and (min-width:768px) and (min-device-pixel-ratio:3),screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:3),screen and (min-width:768px) and (min-resolution:288dpi),screen and (min-width:768px) and (min-resolution:3x){.header-library{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library_768@3x.1b8e2c2b.jpg)}}@media screen and (min-width:1024px){.header-library{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library_1280.8c1890c5.jpg)}}@media screen and (min-width:1024px) and (min-device-pixel-ratio:2),screen and (min-width:1024px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:1024px) and (min-resolution:192dpi),screen and (min-width:1024px) and (min-resolution:2x){.header-library{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library_1280@2x.fd77907b.jpg)}}@media screen and (min-width:1024px) and (min-device-pixel-ratio:3),screen and (min-width:1024px) and (-webkit-min-device-pixel-ratio:3),screen and (min-width:1024px) and (min-resolution:288dpi),screen and (min-width:1024px) and (min-resolution:3x){.header-library{background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-library_1280@3x.e165f1ab.jpg)}}.links-frame.lbr{margin-bottom:60px}@media screen and (min-width:768px){.links-frame.lbr{margin-bottom:40px}}.library-list{justify-content:center;align-items:center;gap:20px;display:flex}@media screen and (min-width:768px){.library-list{gap:32px}}.library__btn{text-transform:uppercase;height:44px;width:129.5px;color:var(--white-color);border:1px solid var(--white-color);cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:16px;display:flex}@media screen and (min-width:768px){.library__btn{width:152px}}.library__btn:hover,.library__btn:hover{box-shadow:0 1px 20px var(--white-color)}.library__btn-current{background-color:var(--bg-orange-color);border:none}.gallery{gap:var(--indent);z-index:10;flex-wrap:wrap;display:flex;position:relative}@media screen and (min-width:768px){.gallery{--indent:30px}}.item{--item:1;flex-basis:calc((100% - var(--indent)*(var(--item) - 1))/var(--item));transition:box-shadow var(--anim-standart),transform var(--anim-standart);border-radius:5px;overflow:hidden}.item:hover,.item:focus{transition:var(--anim-standart);transform:scale(1.05)}@media screen and (min-width:768px){.item{--item:2}.item:hover,.item:focus{transform:scale(1.1)}}@media screen and (min-width:1024px){.item{--item:3}}.item__img{border-radius:5px}.item__img-frame{height:398px;margin-bottom:10px}.item__text{color:var(--bg-orange-color);font-size:12px;line-height:16px}.item__text.title{text-transform:uppercase;color:var(--black-color);margin-bottom:4px}.section.pagination{padding:0 0 60px}.pagination__wrap,.pagination__btn-wrap{justify-content:center;align-items:center;display:flex}.pagination__btn{width:40px;height:40px;background-color:var(--bg-grey-color);cursor:pointer;transition:all var(--anim-standart);border-radius:5px;justify-content:center;align-items:center;display:flex}.pagination__btn.num{background-color:rgba(0,0,0,0);font-size:12px;font-weight:500;line-height:16px}.pagination__btn.current-page{color:var(--white-color);background-color:var(--bg-orange-color)}.pagination__btn:hover,.pagination__btn:focus{color:var(--white-color);fill:var(--white-color);background-color:var(--bg-orange-color);transition:all var(--anim-standart)}.pagination__icon{justify-content:center;align-items:center;display:flex}.pagination__icon.prev{transform:rotate(180deg)}.not-active{fill:var(--not-active-color);pointer-events:none}.footer{color:var(--main-text-second-color);background-color:var(--bg-grey-color);justify-content:center;align-items:center;padding:29px 0;display:flex}@media screen and (min-width:768px){.footer{padding:30px 0}}@media screen and (min-width:1024px){.footer{padding:30px 0 28px}}.footer__container{align-items:center;justify-items:center;row-gap:10px;display:flex}@media screen and (max-width:767px){.footer__container{width:236px;flex-direction:column}}@media screen and (min-width:768px){.footer__container{column-gap:3px}}.footer__text{align-items:center;font-size:14px;font-weight:400;line-height:16px;display:flex}@media screen and (min-width:768px){.footer__text{font-size:16px;line-height:19px}}.footer__team{align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:16px;display:flex}@media screen and (min-width:768px){.footer__team{font-size:16px;line-height:19px}}.footer__icon{justify-content:center;align-items:center;display:flex}.footer__modal{cursor:pointer;background-color:rgba(0,0,0,0)}.footer__modal span{color:var(--main-text-second-color);transition:all var(--anim-standart);text-decoration:underline}.footer__modal span:hover,.footer__modal span:focus{color:var(--bg-orange-color);transition:all var(--anim-standart);text-decoration:none}
/*# sourceMappingURL=index.f73b8f29.css.map */