*,: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}body{font-family:Roboto,sans-serif}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}img{max-width:100%;height:auto;display:block}.section{padding-top:20px;padding-bottom:40px}@media screen and (min-width:768px){.section{padding-top:60px;padding-bottom:60px}}.container{width:100%;margin:0 auto;padding-left:20px;padding-right:20px}@media screen and (min-width:320px){.container{width:320px}}@media screen and (min-width:768px){.container{width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width:1280px){.container{width:1280px}}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute}.header{height:230px;background-color:#818181;padding-top:46px}@media screen and (min-width:320px){.header--home{background:url(header-home-mob-2x.f74f1bc1.jpg) 50%/cover no-repeat}}@media screen and (min-device-pixel-ratio:2) and (min-width:320px),(min-resolution:192dpi) and (min-width:320px),(min-resolution:2x) and (min-width:320px){.header--home{background:url(header-home-mob-3x.b453f22e.jpg) 50%/cover no-repeat}}@media screen and (min-width:768px){.header--home{background:url(header-home-tab-2x.d0592c32.jpg) 50%/cover no-repeat}}@media screen and (min-device-pixel-ratio:2) and (min-width:768px),(min-resolution:192dpi) and (min-width:768px),(min-resolution:2x) and (min-width:768px){.header--home{background:url(header-home-tab-3x.c64b127b.jpg) 50%/cover no-repeat}}@media screen and (min-width:1280px){.header--home{background:url(header-home-desk-2x.ec52744f.jpg) 50%/cover no-repeat}}@media screen and (min-device-pixel-ratio:2) and (min-width:1280px),(min-resolution:192dpi) and (min-width:1280px),(min-resolution:2x) and (min-width:1280px){.header--home{background:url(header-home-desk-3x.e55657f4.jpg) 50%/cover no-repeat}}.header--library{background:rgba(0,0,0,.56)}@media screen and (min-width:320px){.header--library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-lib-mob-1x.0b7e0aad.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@media screen and (min-device-pixel-ratio:2) and (min-width:320px),(min-resolution:192dpi) and (min-width:320px),(min-resolution:2x) and (min-width:320px){.header--library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-lib-mob-2x.a3ab9d3f.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@media screen and (min-width:768px){.header--library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-lib-tab-1x.fa153e04.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@media screen and (min-device-pixel-ratio:2) and (min-width:768px),(min-resolution:192dpi) and (min-width:768px),(min-resolution:2x) and (min-width:768px){.header--library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-lib-tab-2x.97879def.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@media screen and (min-width:1280px){.header--library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-lib-desk-1x.a0e5ac79.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}@media screen and (min-device-pixel-ratio:2) and (min-width:1280px),(min-resolution:192dpi) and (min-width:1280px),(min-resolution:2x) and (min-width:1280px){.header--library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(header-lib-desk-2x.ce5e1bad.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}.header__container{max-width:100%;margin:0 auto;padding:0 20px}@media screen and (min-width:320px){.header__container{width:320px}}@media screen and (min-width:768px){.header__container{width:768px;padding:0 32px}}@media screen and (min-width:1280px){.header__container{width:1280px}}.header__nav{justify-content:space-between;align-items:center;display:flex}.header__nav-list{list-style:none;display:flex}.header__nav-item{position:relative}.header__nav-item--active:after{content:"";width:100%;height:3px;background-color:#ff6b08;position:absolute;bottom:0;left:0}.header__nav-item:not(:last-child){margin-right:39px}.header__logo{color:#fff;align-items:center;transition:color .3s cubic-bezier(.4,0,.2,1);display:flex}.header__logo-icon{width:32px;height:32px;fill:currentColor;margin-right:12px}@media screen and (min-width:768px){.header__logo-icon{margin-right:10px}}.header__logo-name{color:currentColor;font-size:35px;font-weight:500}@media screen and (max-width:767px){.header__logo-name{display:none}}.header__logo:hover{color:#ff6b08}.header__nav-btn{text-transform:uppercase;color:#fff;cursor:pointer;background-color:rgba(0,0,0,0);border:none;margin:0;padding:7px 0 5px;font-size:large;font-weight:500;line-height:1.17;transition:color .3s cubic-bezier(.4,0,.2,1)}.header__nav-btn:hover,.header__nav-btn:focus{color:#ff6b08}.header__filmsearch{margin-top:37px;position:relative}.header__form{color:#fff;justify-content:center;display:flex}.header__form-input{color:#fff;width:336px;background-color:rgba(0,0,0,0);border:none;border-bottom:.5px solid #fff;outline:none;padding:0 20px 4px 0;transition:color .3s cubic-bezier(.4,0,.2,1)}.header__form-input:hover,.header__form-input:focus{color:#ff6b08;border-bottom:.5px solid #ff6b08}.header__form-input:hover::-ms-input-placeholder,.header__form-input:focus::-ms-input-placeholder{color:currentColor}.header__form-input:hover::placeholder,.header__form-input:focus::placeholder{color:currentColor}@media screen and (min-width:320px) and (max-width:767px){.header__form-input{width:278px}}.header__form-input::-ms-input-placeholder{font-weight:400px;color:currentColor;font-size:18px;line-height:1.14}.header__form-input::placeholder{font-weight:400px;color:currentColor;font-size:18px;line-height:1.14}.header__form-input-btn{background-color:inherit;cursor:pointer;color:#fff;border:none;padding:0;transition:color .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.header__form-input-btn:hover,.header__form-input-btn:focus{color:#ff6b08}.header__form-input-icon{fill:currentColor}.library-btn{cursor:pointer;margin-top:45px}.library-btn-list{justify-content:center;justify-items:center;display:flex}.library-btn-list__item :first-child{margin-right:20px}@media screen and (min-width:768px){.library-btn-list__item :first-child{margin-right:32px}}.library__item-btn{width:130px;height:44px;cursor:pointer;color:#fff;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:5px;align-content:center;font-size:16px;font-weight:500;transition:background-color .3s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:768px){.library__item-btn{width:136px}}.library__item-btn--active,.library__item-btn:hover,.library__item-btn:focus{background-color:#ff6b08;border:#ff6b08}.library-text{letter-spacing:.01em;text-align:center;color:rgba(0,0,0,.4);padding-top:100px;padding-bottom:100px;font-family:Roboto,sans-serif;font-size:25px;font-weight:900}@media screen and (min-width:768px){.library-text{font-size:40px}}@media screen and (min-width:1280px){.library-text{font-size:60px}}.gallery{max-width:320px;grid-row-gap:20px;grid-auto-rows:443px;grid-auto-columns:280px;justify-content:center;margin-left:auto;margin-right:auto;display:grid}@media screen and (min-width:768px){.gallery{max-width:768px;grid-column-gap:32px;grid-row-gap:32px;grid-template-columns:repeat(2,1fr);grid-auto-rows:495px;grid-auto-columns:336px}}@media screen and (min-width:1280px){.gallery{max-width:1280px;grid-column-gap:16px;grid-template-columns:repeat(3,1fr);grid-auto-rows:634px;grid-auto-columns:395px}}.gallery__link{position:relative}.gallery__image{height:402px;width:100%;object-fit:cover;border-radius:5px}@media screen and (min-width:768px){.gallery__image{height:455px}}@media screen and (min-width:1280px){.gallery__image{height:574px}}.info{height:40px;padding:8px 0;font-style:normal;font-weight:500}@media screen and (min-width:1280px){.info{height:60px}}.info__item{text-transform:uppercase;color:#000;font-size:12px;line-height:1.33}@media screen and (min-width:1280px){.info__item{font-size:20px;line-height:1.2}}.info-detail{justify-content:start;align-items:center;display:flex}.info-detail__item{color:#ff6b08;margin-right:5px;font-size:12px;line-height:1.33}@media screen and (min-width:1280px){.info-detail__item{font-size:20px;line-height:1.2}}.info-detail__item:not(:last-child){border-right:2px solid #ff6b08;padding-right:5px}.footer{background-color:#f7f7f7;margin:0 auto}.footer__content{height:100px;flex-direction:column;justify-content:center;align-items:center;font-size:14px;font-style:normal;font-weight:400;line-height:1.14;display:flex}@media screen and (min-width:768px){.footer__content{height:77px;flex-direction:row;font-size:16px;line-height:1.187}}.footer p{color:#545454}.footer__text{margin:0 0 10px}@media screen and (min-width:768px){.footer__text{margin:0 5px 0 0}}.footer__heart{margin:0 5px}.footer__link{color:#545454;cursor:pointer;text-decoration:underline;transition:color .25s cubic-bezier(.4,0,.2,1)}.footer__link:hover,.footer__link:focus{color:#ff6b08}.button-close{cursor:pointer;background-color:rgba(0,0,0,0);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .2s linear;display:flex;position:absolute;top:8px;right:8px}.button-close:hover{background-color:#ff6b01}.modal .icon{stroke:#000;transition:stroke .2s linear}@media screen and (min-width:768px){.modal .content{width:264px}}@media screen and (min-width:1280px){.modal .content{width:391px}}.button-close:hover .icon{stroke:#fff}.modal .image{width:240px;height:357px}@media screen and (min-width:768px){.modal .image{width:264px;height:374px;margin-right:68px}}@media screen and (min-width:1280px){.modal .image{width:375px;height:478px;margin-right:16px}}.backdrop{opacity:1;width:100vw;height:100vh;background-color:rgba(0,0,0,.25);position:fixed;top:0;left:0}.modal{width:280px;height:95vh;background-color:#fff;flex-direction:column;padding:48px 20px 40px;display:flex;position:absolute;top:50%;left:50%;overflow-y:scroll;transform:translate(-50%,-50%)}@media screen and (min-width:768px){.modal{width:704px;height:552px;flex-direction:row;padding:40px 72px 40px 36px}}@media screen and (min-width:1280px){.modal{width:806px;height:558px;padding:40px 12px}}.modal .title{margin-top:20px;margin-bottom:20px;font-size:20px;font-weight:500}@media screen and (min-width:768px){.modal .title{margin-top:0}}@media screen and (min-width:1280px){.modal .title{font-size:30px}}.about .title{text-transform:uppercase;color:#000;margin-top:20px;margin-bottom:8px;font-size:12px;font-weight:500}.about .text{color:#000;font-size:12px;font-weight:500;line-height:1.66667}.modal .properties{display:flex}.modal .titles{margin-right:41px}@media screen and (min-width:1280px){.modal .titles{margin-right:85px}}.modal .property{color:#8c8c8c;font-size:12px;font-weight:500}.modal .value{color:#000;font-size:12px;font-weight:500}.modal .property:not(:last-child),.modal .value:not(:last-child){margin-bottom:8px}@media screen and (min-width:1280px){.modal .property:not(:last-child),.modal .value:not(:last-child){margin-bottom:10px}}.modal .buttons{margin-top:20px;display:flex}@media screen and (min-width:1280px){.modal .buttons{padding-left:8px}}.buttons .button{text-transform:uppercase;cursor:pointer;width:110px;height:44px;background-color:#fff;border:1px solid #000;border-radius:5px;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:1.33333;transition:color .2s linear,background-color .2s linear;display:flex}.buttons .button:hover{color:#fff;background-color:#ff6b01;border:none}@media screen and (min-width:768px){.buttons .button{width:125px}}@media screen and (min-width:1280px){.buttons .button{width:136px}}.buttons .button:nth-child(1){margin-right:20px}@media screen and (min-width:768px){.buttons .button:nth-child(1){margin-right:15px}}.modal .first-mark{color:#f7f7f7;background-color:#ff6b01;border-radius:5px;padding:1px 10px}.modal .second-mark{background-color:#f7f7f7;border-radius:5px;padding:1px 4px}
/*# sourceMappingURL=my-library.8a52d606.css.map */