*,: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{--main-text:#000;--white-text:#fff;--header-curr-page-color:#ff001b;--footer-text:#545454;--accent-color:#ff6b02;--pagination-btn-color:#f7f7f7;--light-theme-background:#fff;--dark-theme-background:#0a1215;--grey-theme-background:#060f13;--footer-shadow:#545454}html{scroll-behavior:smooth}body{color:var(--main-text);font-family:Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:500}*,:before,:after{box-sizing:border-box}ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0;padding:0}img{width:100%;height:auto;display:block}.container{width:100%;margin:0 auto;padding:0 20px}@media screen and (min-width:480px){.container{width:480px}}@media screen and (min-width:768px){.container{width:768px;padding:0 32px}}@media screen and (min-width:1280px){.container{width:1280px;padding:0 32px}}.sort-box{flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:20px;font-size:14px;display:flex}select{border:2px solid var(--accent-color);border-radius:10px;outline:none;margin-left:10px;padding:4px}@media screen and (min-width:768px){.sort-box{flex-direction:row;margin-top:30px}}.section{padding-top:30px;padding-bottom:30px}@media screen and (min-width:768px){.section{padding-top:40px;padding-bottom:0}}@media screen and (min-width:1280px){.section{padding-top:60px}}.header{height:230px;max-width:100%;background-image:url(background-1.1e7105d9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-wrap:wrap;justify-content:space-between;padding-top:40px;padding-left:20px;padding-right:20px;display:flex;position:relative}@media (min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header{background-image:url(background-@2x.91f63ae8.jpg)}}@media screen and (min-width:768px){.header{height:216px;background-image:url(background-1.4b047573.jpg);padding-left:31px;padding-right:31px}}@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){.header{background-image:url(background-@2x.0d014008.jpg)}}@media screen and (min-width:1280px){.header{background-image:url(background-1.4eb9edc4.jpg);padding-left:32px;padding-right:32px}}@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){.header{background-image:url(background-@2x.0f9890d1.jpg)}}.logo{align-self:flex-start;align-items:center;animation:animate 1.5s 1.5s infinite;display:flex}.logo__svg{transform:rotateX(0deg)}@keyframes animate{0%{transform:rotateX(0deg)}50%{transform:rotateX(90deg)}to{transform:rotateX(180deg)}}@media screen and (min-width:768px){.logo__svg{margin-right:10px}}@media screen and (min-width:1280px){.logo__svg{margin-right:10px}}.logo__title{color:var(--white-text);font-size:30px;line-height:35px;display:none;position:absolute;top:35px;left:64px}@media screen and (min-width:768px){.logo__title{display:block}}@media screen and (min-width:1280px){.logo__title{display:block}}.logo__title{transition:all .3s ease-in-out}.logo__title:before{content:"";width:0;height:3px;background:red;transition:all .3s ease-in-out;display:block;position:absolute;bottom:-3px;left:0}.logo__title:hover{background-position:0}.logo__title:hover:before{width:100%}.menu-button{z-index:20;fill:#fff;background-color:rgba(0,0,0,0);border:none;margin:0;padding:0;display:inline-flex;position:absolute;top:40px;right:20px}.menu-button:hover,.menu-button:focus{fill:var(--accent-color)}@media screen and (min-width:767px){.menu-button{display:none}}.menu-button .icon-cross{display:none}.menu-button.is-open .icon-cross{display:block}.menu-button.is-open .icon-menu{display:none}.menu-container.is-open{width:100%;height:100vh;text-align:center;z-index:1;background:linear-gradient(90deg,#5c0611 0%,10.8997%,#0e171e 21.7993%,60.8997%,#471016 100%);flex-direction:column;justify-content:center;padding:40px;display:flex;position:absolute;top:0;left:0;overflow:scroll}@media screen and (max-width:767px){.menu-container{display:none}}@media screen and (min-width:768px){.menu-container{align-self:flex-start}}@media screen and (min-width:768px){.btn__list{gap:40px;display:flex}}@media screen and (min-width:1280px){.btn__list{gap:40px;display:flex}}.lib{color:#888}.sing-list-btn{margin-top:40px;margin-bottom:10px}.js-out{padding-left:85px}.btn__item{transition:all .3s ease-in-out;position:relative}.btn__item:before{content:"";width:0;height:3px;background:red;transition:all .3s ease-in-out;display:block;position:absolute;bottom:-3px;left:0}.btn__item:hover{background-position:0}.btn__item:hover:before{width:100%}@media screen and (max-width:768px){.btn__item{margin-bottom:40px}}@media screen and (min-width:768px){.link__list{justify-content:flex-end;gap:40px;display:flex}}@media screen and (min-width:1280px){.link__list{justify-content:flex-end;gap:40px;display:flex}}.link__item{transition:all .3s ease-in-out;position:relative}.link__item:before{content:"";width:0;height:3px;background:red;transition:all .3s ease-in-out;display:block;position:absolute;bottom:-3px;left:0}.link__item:hover{background-position:0}.link__item:hover:before{width:100%}@media screen and (max-width:768px){.link__item{margin-bottom:40px}}.btn_header{color:var(--white-text);text-transform:uppercase;cursor:pointer;background-color:rgba(0,0,0,0);border:none;padding:0;font-size:12px;line-height:14px}.active{position:relative}.active:before{content:"";width:100%;height:3px;background:red;display:block;position:absolute;bottom:-3.5px;left:0}a{color:var(--white-text);text-decoration:none}.search-input{width:280px;color:var(--white-text);background-color:rgba(0,0,0,0);border:none;border-bottom:.5px solid #fff;outline:none;font-size:14px;line-height:16px}.search-input:focus-visable{border:none}@media screen and (min-width:768px){.search-input{width:336px}}@media screen and (min-width:1280px){.search-input{width:394px}}.search-form{align-self:center;position:absolute;top:0;left:50%;transform:translate(-50%,140px)}@media screen and (min-width:768px){.search-form{transform:translate(-50%,116px)}}.form-btn{background-color:rgba(0,0,0,0);border:none;padding:0;position:absolute;top:15%;right:0}.header-library{height:230px;max-width:100%;background-color:rgba(0,0,0,0);background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(background-1.77cefd1f.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-wrap:wrap;justify-content:space-between;padding-top:40px;padding-left:20px;padding-right:20px;display:flex;position:relative}@media (min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header-library{background-color:rgba(0,0,0,0);background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(background-@2x.0ef92843.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}}@media screen and (min-width:768px){.header-library{height:219px;background-color:rgba(0,0,0,0);background-image:linear-gradient(rgba(0,0,0,.56) 70%,rgba(0,0,0,.56) 90%),url(background-1.1b9ec50c.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding-left:31px;padding-right:31px}}@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){.header-library{background-color:rgba(0,0,0,0);background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(background-@2x.2c61ec61.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}}@media screen and (min-width:1280px){.header-library{height:216px;background-color:rgba(0,0,0,0);background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(background-1.8c1890c5.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding-left:32px;padding-right:32px}}@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){.header-library{background-color:rgba(0,0,0,0);background-image:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(background-@2x.fddce00e.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}}.header-btn__list{align-self:center;gap:16px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,124px)}@media screen and (min-width:768px){.header-btn__list{transform:translate(-50%,115px)}}@media screen and (min-width:1280px){.header-btn__list{transform:translate(-50%,114px)}}.header-btn{width:130px;height:44px;text-transform:uppercase;color:var(--white-text);background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:5px}@media screen and (min-width:768px){.header-btn{width:152px;height:44px}}@media screen and (min-width:1280px){.header-btn{width:147px;height:42px}}.js-current{background-color:var(--accent-color);filter:drop-shadow(0 8px 43px rgba(255,107,1,.6));border:none}.header-btn__item:hover,.header-btn__item:focus{background-color:var(--accent-color);border-radius:5px}main{min-height:calc(100vh - 299px)}.film_list{margin:20px 0}.film-list__item{cursor:pointer;flex-direction:column;justify-content:space-between;transition:scale .25s linear,box-shadow .25s linear;display:flex}.film-list__item:hover,.film-list__item:focus{scale:1.006}.film-list__item-poster{border-radius:5px;margin-bottom:10px}.film-list__item-title{text-transform:uppercase;font-size:20px;line-height:1.2;display:block}.film-list__item-details{color:var(--accent-color);font-size:20px;line-height:1.2}.film-list__item-genres{margin-right:10px}.film-list__item-year{margin-left:10px}.film-list__item-vote{color:var(--white-text);background-color:var(--accent-color);border-radius:5px;margin-left:10px;padding:1px 10px;font-size:12px;font-weight:500;line-height:1.2}@media screen and (max-width:767px){.film-list__item:not(:last-child){margin-bottom:20px}}@media screen and (min-width:768px){.film_list{grid-template-columns:repeat(2,1fr);justify-content:center;gap:32px;margin:30px 0 60px;display:grid}.film-list__item-poster{margin-bottom:8px}}@media screen and (min-width:1280px){.film_list{grid-template-columns:repeat(3,1fr);justify-content:center;gap:32px 16px;display:grid}.film-list__item-poster{margin-bottom:12px}}@media screen and (max-width:767px){.to-end,.to-start{display:none}}.pag-container{justify-content:center;margin-bottom:60px;display:flex}.pag-btns-container{margin-right:10px;display:flex}.left-controls-container{margin-right:10px}.move-left{margin-left:5px}.move-right{margin-right:5px}.right-controls-container,.left-controls-container{display:flex}.to-end,.to-start,.move-left,.move-right,.pag-btn{min-width:40px;height:40px;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;font-size:12px;line-height:1.33;display:flex}.move-left,.move-right{background-color:#f7f7f7}.pag-btn:not(:last-child){margin-right:5px}.pag-btn-active{color:#fff;background-color:#ff6b02;border-color:rgba(0,0,0,0)}.unvisible{display:none}.backdrop.modal-open{pointer-events:all;z-index:100;opacity:1;visibility:visible;overflow:overlay;width:100%;height:100%;background-color:rgba(0,0,0,.25);padding:20px 10px 38px;transition:all .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:768px){.backdrop.modal-open{padding:100px 10px 38px}}.backdrop{opacity:0;visibility:hidden;pointer-events:none;width:100%;height:100%;transition:all .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.modal-window{background-color:var(--white-text);max-width:380px;border:1px solid #ff6b08;border-radius:10px;margin:auto;padding:48px 20px 40px;position:relative;box-shadow:2px 2px 10px #ff6b08}@media screen and (min-width:768px){.modal-window{max-width:704px;grid-column-gap:60px;grid-template-columns:264px 1fr;padding:48px 20px 40px;display:grid}}@media screen and (min-width:1024px){.modal-window{max-width:806px;grid-column-gap:16px;grid-template-columns:310px 1fr;padding:48px 20px 40px;display:grid}}@media screen and (min-width:1024px){.modal-film_img{max-width:300px}}.btn-close_modal{width:35px;height:35px;cursor:pointer;color:var(--main-text);background:var(--white-text);border:1px solid rgba(0,0,0,.1);border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:8px;right:8px}.btn-close_modal:hover{border:1px solid var(--accent-color);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:2px 2px 10px #ff6b08}.modal-img{max-width:360px;position:relative}@media screen and (min-width:768px){.modal-img{width:300px;height:450px;margin-top:20px}}@media screen and (min-width:1024px){.modal-img{margin-top:0}}.film-name{color:var(--main-text);margin-bottom:20px;font-size:30px;font-weight:500;line-height:35px;position:relative}.film-info{margin:0 0 20px;padding:0}.film-info__item{margin-bottom:8px}.film-info__params{color:var(--main-text);margin-bottom:8px;font-size:12px;font-weight:500;line-height:1.33}.film-info__list{color:var(--main-text);grid-template-columns:108px 2fr;display:grid}.film-info__list:first-child{color:#8c8c8c;margin-right:80px;font-size:12px;font-weight:500;line-height:1.33}.film-about_title{text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:500;line-height:1.67}.film-description{color:#000;margin-bottom:20px;font-size:12px;font-weight:500;line-height:1.67}@media screen and (max-width:767px){.film-description{overflow-y:scroll}}.modal-btn-wrap{justify-content:space-evenly;display:flex}.modal-btn:first-child{margin-right:15px}.modal__add-watched{background-color:var(--white-text);text-align:center;text-transform:uppercase;color:var(--main-text);cursor:pointer;width:120px;max-height:100px;border:1px solid #000;border-radius:5px;padding:8px 25px;font-size:12px;font-weight:500;line-height:1.33;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 2px 2px 10px #ff6b08}@media screen and (min-width:767px){.modal__add-watched{width:140px;padding:14px 9px 12px}}@media screen and (min-width:1024px){.modal__add-watched{width:145px;max-height:100px;margin-top:10px;padding:10px 25px}}.modal__add-watched:hover{background-color:var(--accent-color);color:var(--white-text);border:1px solid #ff6b08;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:2px 2px 10px #000}.modal__add-queue{background-color:var(--white-text);text-align:center;text-transform:uppercase;color:var(--main-text);cursor:pointer;width:120px;max-height:45px;border:1px solid #000;border-radius:5px;padding:0;font-size:12px;font-weight:500;line-height:1.33;transition:all .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:767px){.modal__add-queue{width:140px;max-height:100px;padding:14px 9px 12px}}@media screen and (min-width:1024px){.modal__add-queue{width:145px;max-height:100px;margin-top:10px;padding:10px 25px}}.modal__add-queue:hover{background-color:var(--accent-color);color:var(--white-text);border:1px solid #ff6b08;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:2px 2px 10px #000}.span-info__current-item{width:30px;height:14px;background-color:var(--accent-color);color:var(--white-text);text-align:center;border-radius:5px;display:inline-block}.span-info__item{background-color:var(--pagination-btn-color);color:var(--main-text);border-radius:5px;font-size:12px;font-weight:500;line-height:1.33}.footer{z-index:1;background-color:var(--pagination-btn-color);padding-top:30px;padding-bottom:30px;position:relative}.footer__section-down{justify-content:center;align-items:center;margin-top:10px;display:flex}.footer__section{text-align:center}.footer__desc{color:var(--footer-text);font-size:14px;font-style:normal;font-weight:400;line-height:16px}.footer__team-btn{cursor:pointer;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);padding:0;text-decoration:underline}.footer__svg.left{fill:#3e29ff;margin-left:10px;animation:animate150 1.5s 1.5s infinite}.footer__svg.right{fill:#ffd706;margin-right:10px;animation:animate150 1.5s .75s infinite}@keyframes animate150{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@media screen and (min-width:768px){.footer__section{justify-content:center;align-items:center;display:flex}.footer__section-down{margin-top:0}.footer__desc{font-size:16px;line-height:19px}}.footer__modal-content{box-shadow:2px 2px 10px var(--accent-color);border:1px solid var(--accent-color);text-align:center;width:80%;background:linear-gradient(45deg,#2a0018,#362e29,#020240) 0 0/200% 200%;border-radius:10px;margin:15% auto;padding:20px;animation:gradient 5s infinite;position:absolute;top:-10%;left:10%;overflow:hidden}.footer__team-btn{cursor:pointer;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);padding:0;text-decoration:underline}.footer__modal{z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.4);display:none;position:fixed;top:0;left:0;overflow:auto}.close{color:var(--white-text);float:right;font-size:28px;font-weight:700;transition:transform .25s cubic-bezier(.4,0,.2,1)}.close:hover,.close:focus{color:var(--accent-color);cursor:pointer;text-decoration:none;transform:scale(1.3)}@keyframes gradient{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.team{justify-content:center;align-items:center;margin-bottom:30px;display:flex}.team__title{color:var(--accent-color);font-size:20px;font-weight:700;line-height:23px}.team__title-svg{width:40px;height:40px}.team__list{grid-gap:15px;display:grid}.team__item-img{width:100px;height:100px;background:linear-gradient(135deg,red,orange) border-box;border:1px solid rgba(0,0,0,0);border-radius:50px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);display:inline}.team__item-img:hover{box-shadow:2px 2px 16px var(--accent-color);transform:scale(1.5)}.team__item-title{text-transform:uppercase;color:var(--white-text);margin:3px 0;font-size:12px;font-weight:700;line-height:16px}.team__item-role{color:var(--white-text);margin:3px 0;font-size:12px;font-weight:500;line-height:20px}.team__item-svg{fill:var(--white-text);transition:fill .25s cubic-bezier(.4,0,.2,1)}.team__item-svg:hover,.team__item-svg:focus{fill:var(--accent-color);width:100px;animation:rot 1s linear}@keyframes rot{0%{transform:scale(1.5)}to{transform:rotate(360deg)}}@-webkit-keyframes rot{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media screen and (min-width:460px){.team__list{grid-column-gap:15px;grid-row-gap:15px;grid-template-columns:1fr 1fr}}@media screen and (min-width:768px){.team__list{grid-column-gap:30px;grid-row-gap:25px;grid-template-columns:1fr 1fr 1fr}.footer__modal-content{width:75%;top:0%;left:12.5%}}@media screen and (min-width:1024px){.footer__modal-content{width:60%;top:-5%;left:20%}}@media screen and (min-width:1200px){.footer__modal-content{width:50%;top:-25%;left:25%}}.library__container{text-align:center}.library-empty__title{max-width:220px;letter-spacing:.08em;text-transform:uppercase;margin:0 auto 20px;font-family:Aladin,Roboto,sans-serif;font-size:20px;font-weight:400;line-height:1.2}@media screen and (min-width:768px){.library-empty__title{max-width:300px;margin-bottom:30px;font-size:28px}}@media screen and (min-width:1280px){.library-empty__title{max-width:380px;margin-bottom:40px;padding-top:20px;font-size:36px}}.library-empty__btn{width:130px;height:44px;text-transform:uppercase;color:var(--white-text);background-color:#222;border:1px solid #fff;border-radius:5px;justify-content:center;align-items:center;font-weight:400;display:inline-flex}@media screen and (min-width:768px){.library-empty__btn{width:152px;height:44px}}@media screen and (min-width:1280px){.library-empty__btn{width:147px;height:42px}}.library-empty__btn:hover{color:#222;background-color:rgba(0,0,0,0);border:1px solid #222;font-weight:500}.back-to-top{cursor:pointer;z-index:100;background-color:rgba(0,0,0,0);border:none;transition:scale .25s cubic-bezier(.4,0,.2,1);display:none;position:fixed;bottom:28px;right:5px}.icon-rocket{fill:var(--accent-color);width:18px;height:34px}.icon-rocket:hover,.icon-rocket:focus{scale:1.1}@media screen and (min-width:480px){.icon-rocket{width:24px;height:45px}.back-to-top{right:15px}}@media screen and (min-width:768px){.back-to-top{bottom:15px;right:15px}}@media screen and (min-width:1280px){.icon-rocket{width:37px;height:64px}.back-to-top{bottom:6px;right:30px}}.sing-in-form-backdrop,.sing-up-form-backdrop{width:100vw;height:100vh;z-index:15;background:rgba(0,0,0,.2);transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.sing-in-form-backdrop.is-hidden,.sing-up-form-backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.sing-in-modal,.sing-up-modal{width:100vw;max-width:450px;background:#fff;border-radius:4px;padding:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.2)}.backdrop.is-hidden .sing-in-modal,.backdrop.is-hidden .sing-up-modal{transform:scale(1.1)}.btn{min-width:200px;text-align:center;letter-spacing:.06em;cursor:pointer;color:#fff;background-color:var(--accent-color);border:none;border-radius:4px;align-items:center;padding:10px 32px;font-size:12px;font-weight:500;line-height:14px;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 4px rgba(0,0,0,.15)}.btn:hover,.btn:focus{color:var(--accent-color);background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.15)}.sing-in-modal__btn-close,.sing-up-modal__btn-close{width:30px;height:30px;fill:var(--main-text);cursor:pointer;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:fill .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:8px;right:8px}.sing-in-modal__btn-close:hover,.sing-in-modal__btn-close:focus,.sing-up-modal__btn-close:hover,.sing-up-modal__btn-close:focus{fill:var(--accent-color)}.sing-in-form__label,.sing-up-form__label{color:#000;display:block}.sing-up-form__data,.sing-in-form__data{letter-spacing:.01em;color:var(--main-text);margin-bottom:4px;font-size:12px;line-height:14px;display:inline-block}.sing-up-form__wrapper,.sing-in-form__wrapper{display:block;position:relative}.sing-in-form__input,.sing-up-form__input{width:100%;height:40px;border:1px solid rgba(33,33,33,.2);border-radius:4px;padding-left:40px;padding-right:0;transition:border-color .25s cubic-bezier(.4,0,.2,1),fill .25s cubic-bezier(.4,0,.2,1)}.sing-in-form__input:focus,.sing-up-form__input:focus{border-color:var(--accent-color);background-color:var(--footer-tex);cursor:pointer;outline:none}.sing-in-form__input:not(:placeholder-shown):required,.sing-up-form__input:not(:placeholder-shown):required{border-color:var(--accent-color);background-color:var(--footer-tex)}.sing-up-form__icon,.sing-in-form__icon{position:absolute;top:11px;left:12px}.sing-up-form__input:focus+.sing-up-form__icon,.sing-up-form__input:focus+.sing-in-form__icon,.sing-up-form__input:not(:placeholder-shown):required+.sing-up-form__icon,.sing-up-form__input:not(:placeholder-shown):required+.sing-in-form__icon{fill:var(--accent-color)}.sing-in-form__btn,.sing-up-form__btn{outline:none;margin:50px auto 0;padding:10px 55px;display:block}.light-theme{background-color:var(--light-theme-background);color:var(--main-text)}.dark-theme{color:var(--white-text);background:#172127}.dark-theme select{color:#fff;background:0 0}.dark-theme .library-empty__btn:hover{color:var(--white-text);border:1px solid var(--white-text);background-color:rgba(0,0,0,0);font-weight:500}.grey-background-theme{box-shadow:0 0 7px var(--footer-shadow);background-color:var(--grey-theme-background)}.grey-background-theme .footer__desc{color:var(--white-text)}.toolbar{justify-content:flex-end;display:flex}.toolbar-library{justify-content:flex-end;margin-top:55px;padding-right:80px;display:flex}.theme-switch{display:flex;position:absolute;bottom:10%;right:50%;transform:translate(50%,10%)}.theme-switch-icon{fill:var(--accent-color);color:currentColor;height:20px;width:15px;margin-left:5px;margin-right:5px}.theme-switch-control{width:60px;height:20px;border-radius:50em;flex-shrink:0;align-items:center;padding:3px 0;display:flex;position:relative}.theme-switch-toggle{opacity:0;height:0;width:0;pointer-events:none;margin:0;padding:0;position:absolute;top:0;left:0}.theme-switch-track{width:100%;height:100%;color:rgba(0,0,0,0);-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:inherit;z-index:1;cursor:pointer;box-shadow:0 0 0 2px var(--accent-color);background-color:#333;position:absolute;top:0;left:0}.theme-switch-marker{background-color:var(--light-theme-background);width:20px;height:20px;z-index:2;pointer-events:none;border-radius:50%;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;transform:translate(3px);box-shadow:0 1px 1px rgba(0,0,0,.25)}.theme-switch-toggle:checked+.theme-switch-track{background-color:#d3d3d4}.theme-switch-toggle:checked~.theme-switch-marker{transform:translate(35px)}.visually-hidden{width:1px;height:1px;clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.no-scroll-footer{overflow:hidden}
/*# sourceMappingURL=index.1a233503.css.map */