*,: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}@font-face{font-family:Roboto;src:local(Roboto),url(Roboto-Regular.4c8afa20.woff2)format("woff2"),url(Roboto-Regular.1a360c9f.woff)format("woff"),url(Roboto-Regular.2f16436b.ttf)format("truetype"),url(Roboto-Regular.968adf4e.svg#Roboto-Regular)format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:local(Roboto),url(Roboto-Medium.269551ff.woff2)format("woff2"),url(Roboto-Medium.5424fac7.woff)format("woff"),url(Roboto-Medium.7f5af689.ttf)format("truetype"),url(Roboto-Medium.11f23ff3.svg#Roboto-Medium)format("svg");font-weight:500;font-style:normal;font-display:swap}:root{--modal-background:rgba(0,0,0,.7);--primary-font-family:"Roboto";--white:#fff;--darkColor:#000;--textFooterColor:#545454;--footerColor:#f7f7f7;--activeColor:#ff6b08;--redColor:#ff001b;--buttonActive:#ff6b01;--modalCardCharacterFilm:#8c8c8c}html{scroll-behavior:smooth}body{font-family:var(--primary-font-family),Verdana,Tahoma,arial,sans-serif;margin:0;font-weight:500}.dowm-page{min-height:100vh;flex-direction:column;display:flex}section{flex-grow:1}body.modal-open{overflow:hidden}.container{max-width:100%;max-width:320px;margin:0 auto;padding-left:20px;padding-right:20px}@media (min-width:768px){.container{max-width:768px;padding-left:32px;padding-right:32px}}@media (min-width:1280px){.container{max-width:1280px}}img{max-width:100%;height:auto;display:block}button{cursor:pointer}h2,h3,h4,p{margin:0;padding:0}ul,li{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}.visually-hidden{width:1px;height:1px;clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:15px;padding:2px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--activeColor);border:1px solid #fff;border-radius:15px}::selection{background:var(--activeColor);color:#fff}::-moz-selection{background:var(--activeColor)}.header{width:100%;height:230px;max-width:1600px;background-color:var(--textFooterColor);background-image:url(bg-mobile@x1.fa535d6a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0 auto;position:relative;overflow:hidden}@media (min-device-pixel-ratio:2),(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.header{background-image:url(bg-mobile@x2.22d75346.jpg)}}@media (min-width:768px){.header{height:216px;background-image:url(bg-tablet@x1.6789af2d.jpg)}}@media (min-width:768px) and (min-device-pixel-ratio:2),(min-width:768px) and (-webkit-min-device-pixel-ratio:2),(min-width:768px) and (min-resolution:192dpi),(min-width:768px) and (min-resolution:2x){.header{background-image:url(bg-tablet@x2.c5b76907.jpg)}}@media (min-width:1280px){.header{background-image:url(bg-desktop@x1.8eb414d4.jpg)}}@media (min-width:1280px) and (min-device-pixel-ratio:2),(min-width:1280px) and (-webkit-min-device-pixel-ratio:2),(min-width:1280px) and (min-resolution:192dpi),(min-width:1280px) and (min-resolution:2x){.header{background-image:url(bg-desktop@x2.db6ea9b3.jpg)}}.site-nav{justify-content:space-between;align-items:center;display:flex}.site-nav__logo{align-items:center;padding-top:40px;padding-bottom:40px;padding-right:6px;display:flex}.logo-text{color:var(--white);font-style:var(--primary-font-family);margin-left:8px;font-size:30px;font-weight:500;line-height:1.17;display:none}@media (min-width:768px){.logo-text{display:block}}.menu{text-transform:uppercase;color:var(--white);font-size:12px;font-weight:500;line-height:1.17;display:flex}.menu__item+.menu__item{margin-left:40px}.menu__link{height:100%;padding-top:5px;padding-bottom:3px;display:block}.menu-link--current{position:relative}.menu-link--current:after{content:"";background-color:var(--redColor);width:100%;height:3px;position:absolute;bottom:0;right:0}.search-form{justify-content:center;margin-top:14px;display:flex}@media (min-width:768px){.search-form{margin-top:0}}.search-form__input{width:100%;position:relative}@media (min-width:768px){.search-form__input{width:336px}}@media (min-width:1280px){.search-form__input{width:394px}}.search-form__input-field{width:100%;color:var(--white);opacity:1;background-color:rgba(0,0,0,0);border:none;border-bottom:.5px solid coral;font-size:14px;font-weight:400;line-height:1.17}.search-form__input-field:focus{outline-offset:0;cursor:pointer;color:var(--white);border-radius:4px;outline:0}.search-form__input-field::-ms-input-placeholder{color:var(--white);opacity:1}.search-form__input-field::placeholder{color:var(--white);opacity:1}.search-form__input-field:focus::-ms-input-placeholder{color:coral;opacity:0;transition:opacity 1.5s}.search-form__input-field:focus::placeholder{color:coral;opacity:0;transition:opacity 1.5s}.search-form__input-field:active{border-bottom:red}.button-search{background-color:inherit;border:none;padding-left:10px;padding-right:0;position:absolute;top:0;right:0}.label-hidden{width:1px;height:1px;clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.error-search{visibility:hidden;color:var(--redColor);justify-content:center;margin-top:16px;font-size:14px;font-weight:400;line-height:1.17;display:flex}@media (min-width:768px){.error-search{margin-top:20px}}@media (min-width:1280px){.error-search{margin-top:20px}}.visible{visibility:visible}.id{color:var(--activeColor)}.fa-snowflake{color:#fff;animation:snowFall 3s linear infinite;position:absolute;top:-20px;box-shadow:5px 5px 10px #fff}@keyframes snowFall{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(2000%)}}.action-library{background-color:var(--activeColor)}.glide{width:100%;box-sizing:border-box;position:relative}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;white-space:nowrap;will-change:transform;flex-wrap:nowrap;margin:0;padding:0;list-style:none;display:flex;position:relative;overflow:hidden}.glide__slides--dragging{-webkit-user-select:none;-ms-user-select:none;user-select:none}.glide__slide{width:100%;height:100%;white-space:normal;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;flex-shrink:0}.glide__slide a{-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.glide__arrows,.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.glide--rtl{direction:rtl}.glide__arrow{z-index:2;color:#fff;text-transform:uppercase;text-shadow:0 .25em .5em rgba(0,0,0,.1);opacity:1;cursor:pointer;background-color:rgba(0,0,0,0);border:2px solid rgba(255,255,255,.5);border-radius:4px;padding:9px 12px;line-height:1;transition:opacity .15s,border .3s ease-in-out;display:block;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 .25em .5em rgba(0,0,0,.1)}.glide__arrow:focus{outline:none}.glide__arrow:hover{border-color:#fff}.glide__arrow--left{left:2em}.glide__arrow--right{right:2em}.glide__arrow--disabled{opacity:.33}.glide__bullets{z-index:2;list-style:none;display:inline-flex;position:absolute;bottom:2em;left:50%;transform:translate(-50%)}.glide__bullet{width:9px;height:9px;cursor:pointer;background-color:rgba(255,255,255,.5);border:2px solid rgba(0,0,0,0);border-radius:50%;margin:0 .25em;padding:0;line-height:0;transition:all .3s ease-in-out;box-shadow:0 .25em .5em rgba(0,0,0,.1)}.glide__bullet:focus{outline:none}.glide__bullet:hover,.glide__bullet:focus{background-color:rgba(255,255,255,.5);border:2px solid #fff}.glide__bullet--active{background-color:#fff}.glide--swipeable{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.glide--dragging{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.glider-wrapper{max-width:1610px;background-color:#0b0202;margin:12px auto 0;padding-bottom:20px;font-size:14px;box-shadow:0 8px 12px #000,0 -8px 12px 5px #040404}@media screen and (max-width:1023px){.glider-wrapper{display:none}}.glider-card{margin-right:8px}.gli-title-name{flex-wrap:wrap;justify-content:center;display:flex}.thumb{width:320px;height:200px;text-align:center;justify-content:flex-end;align-items:flex-end;display:flex}.glider-title{letter-spacing:4px;text-align:center;color:var(--darkColor);text-transform:uppercase;text-shadow:-1px 0 14px #ce5937,-1px 0 14px #28110b;font-family:Georgia,Times New Roman,Times,serif;font-size:38px;font-weight:700;line-height:2}.glider-image{border-radius:10px}.glider-original_title{color:#d66f1b;font-family:inherit;font-size:16px}.cards__list,.cards__list--library{flex-direction:column;gap:20px;padding:20px 0 40px;display:flex}@media screen and (min-width:768px){.cards__list,.cards__list--library{flex-flow:wrap;gap:32px;padding-bottom:60px}}@media screen and (min-width:1280px){.cards__list,.cards__list--library{gap:32px 16px}}.cards__item{border-radius:6px;flex-basis:calc(50% - 16px);transition:box-shadow .25s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.cards__item:hover,.cards__item:focus{display:block;transform:scale(1.015);box-shadow:4px 3px 12px -1px rgba(17,16,16,.5)}@media screen and (min-width:1280px){.cards__item{flex-basis:calc(33.3333% - 10.6667px)}}.cards__img{object-fit:cover;width:100%;border-radius:5px;display:block}@media screen and (min-width:768px){.cards__img{max-width:336px;height:455px}}@media screen and (min-width:1280px){.cards__img{max-width:395px;height:574px}}.cards__text{padding-top:10px}.cards__name{color:var(--darkColor);text-transform:uppercase;font-size:12px;line-height:1.33;display:inline;position:relative}@media screen and (min-width:1280px){.cards__name{font-size:20px;line-height:1.2}}.cards__genres{color:var(--activeColor);text-transform:none;font-size:12px;font-weight:500;line-height:1.3333}@media screen and (min-width:1280px){.cards__genres{font-size:20px;line-height:1.2}}.cards__rating{width:36px;height:16px;color:var(--white);text-transform:uppercase;text-align:center;background-color:var(--activeColor);border-radius:5px;justify-content:center;align-items:center;margin-left:8px;font-size:12px;font-weight:500;line-height:1.16;display:inline-flex;position:absolute}@media screen and (min-width:1280px){.cards__rating{width:40px;height:20px}}.film__library--not{width:100%;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex}.film__library--not--title{color:#ff6b01;margin-top:30px;margin-bottom:15px;font-size:45px;line-height:1.17;display:block}.film__library--not--text{font-size:20px;line-height:1.21px}.film__library--not--img{margin-top:30px}.backdrop{width:100%;height:100%;background-color:var(--modal-background);z-index:99;opacity:1;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow:scroll}.backdrop .backdrop.is-hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1);transform:scale(.5)}.backdrop.is-hidden .modal{transform:scale(.5)}.modal{width:100%;max-width:280px;max-height:600px;box-shadow:0px 1px 3px rgba 0 0 0,.12,0px 1px 1px rgba 0 0 0,.14,0px 2px 1px rgba 0 0 0,0,2;background:#fff;justify-content:center;padding:40px 20px;transition:all .25s;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(1)}@media (min-width:768px){.modal{max-width:704px;max-height:100%;padding-left:36px;padding-right:72px}}@media (min-width:1280px){.modal{max-width:806px;padding-left:12px;padding-right:12px}}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.modal-container{flex-direction:column;display:flex}@media (min-width:768px){.modal-container{width:100%;flex-direction:row}}.modal-poster{min-width:240px}@media (min-width:768px){.modal-poster{min-width:264px;margin-bottom:0;margin-right:68px}}@media (min-width:1280px){.modal-poster{min-width:375px;margin-right:16px}}.poster{border-radius:5px;margin-bottom:20px;display:block}.film-info__about{margin-bottom:20px}.modal__title{text-transform:uppercase;margin-bottom:20px;font-size:20px;font-weight:500;line-height:1.17}.modal-table{margin-bottom:20px}.modal-table__row+.modal-table__row{margin-bottom:8px}.modal-table__title{width:67px;color:var(--modalCardCharacterFilm);padding-right:39px;font-size:12px;font-weight:500;line-height:1.33}@media (min-width:1280px){.modal-table__title{padding-right:83px}}.modal-table__info{font-size:12px;font-weight:500;line-height:1.33}.uppercase{text-transform:uppercase}.rate{color:var(--white);background:#ff6b01;border-radius:5px;padding:1px 10px}.vote-count{background:var(--footerColor);color:var(--darkColor);border-radius:5px;padding:1px 10px}.backslash{color:var(--modalCardCharacterFilm);font-size:12px;font-weight:500;line-height:1.33}.row{flex-direction:row;display:flex}.modal-about{text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:500;line-height:1.33}.modal-about__text{text-align:left;font-weight:500;line-height:1.66}@media (min-width:768px){.modal-about__text{height:100%}}.buttons{justify-content:space-between;display:flex}@media (min-width:768px){.buttons{justify-content:flex-start}}.addInStorageWantWatch{width:110px;height:44px;text-transform:uppercase;border:1px solid var(--darkColor);background-color:var(--white);border-radius:5px;font-size:12px;font-weight:500;line-height:1.33;transition:all .25s linear}.addInStorageWantWatch.action-library{background-color:var(--activeColor)}@media (min-width:768px){.addInStorageWantWatch{width:125px;margin-right:15px}}@media (min-width:1280px){.addInStorageWantWatch{width:136px}}.addInStorageWantWatch:hover,.addInStorageWantWatch:focus{background-color:var(--buttonActive);color:var(--white);border:none;transition:all .25s linear}.addInStorageAlreadyWatched{width:110px;height:44px;text-transform:uppercase;background-color:var(--white);border:1px solid var(--darkColor);border-radius:5px;font-size:12px;font-weight:500;line-height:1.33;transition:all .25s linear}.addInStorageAlreadyWatched.action-library{background-color:var(--activeColor)}@media (min-width:768px){.addInStorageAlreadyWatched{width:125px}}@media (min-width:1280px){.addInStorageAlreadyWatched{width:136px}}.addInStorageAlreadyWatched:hover,.addInStorageAlreadyWatched:focus{background-color:var(--buttonActive);color:var(--white);border:none;transition:all .25s linear}.modal__add-to-watched{margin-right:15px}.modal__add-to-watched,.modal__add-to-queue{color:#000;background:#fff;border:1px solid #000;border-radius:5px;padding:8px;font-size:12px}.modal__add-to-watched:hover,.modal__add-to-queue:hover{background-color:var(--activeColor);color:var(--white);transition:background-color .4s}.modal__close{width:30px;height:30px;background-color:#fff;border:none;position:absolute;top:8px;right:8px}.modal__close-icon{width:12px;height:12px}.loader{width:100vw;height:100vh;background:#333;justify-content:center;align-items:center;transition:opacity .75s,visibility .75s;display:flex;position:fixed;top:0;left:0}.loader--hidden{opacity:0;visibility:hidden}.loader:after{content:"";width:75px;height:75px;border:15px solid #ddd;border-top-color:#009578;border-radius:50%;animation:loading .75s infinite}@keyframes loading{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}#pagination-list{justify-content:center;display:flex}.pagination{padding-bottom:60px}.pagination-list__button.current{background-color:orange}.pagination-list__item{margin-right:4px}.pagination-list__button{background-color:rgba(0,0,0,0);border:none;border-radius:5px;padding:12px 18px;font-size:12px;font-weight:500;line-height:16px;transition:background-color .25s ease-in}.pagination-list__button:hover,.pagination-list__button:focus,.pagination-list__button:active{background-color:orange}[data-left_one_page],[data-right_one_page]{height:40px;width:40px;background-color:var(--footerColor);justify-content:center;align-items:center;padding:0;transition:background-color .25s ease-in;display:flex}[data-left_one_page]:hover,[data-left_one_page]:focus,[data-left_one_page]:active,[data-right_one_page]:hover,[data-right_one_page]:focus,[data-right_one_page]:active{background-color:bisque}[data-left_one_page]>svg,[data-right_one_page]>svg{width:16px;height:16px}.footer{background-color:var(--footerColor)}.footer-container{padding-top:29px;padding-bottom:29px}.about-company{color:var(--textFooterColor);text-align:center;font-weight:400;line-height:1.17}.svg-heart{fill:var(--activeColor)}[data-modal-btn]{background-color:var(--footerColor);color:var(--textFooterColor);background:linear-gradient(270deg,#4ae7a0,#f9dd94 100%) 0 100%/100% 2px repeat-x;border:none;padding:0;font-weight:400}.heart-btn{background-color:var(--footerColor);border:none}.likes{margin-right:4px}.footer-modal{width:100%;height:100%;opacity:0;visibility:hidden;background-color:rgba(74,68,68,.8);transition:all .25s ease-in-out;position:fixed;top:0;left:0}.opn-ftr_modal{opacity:1;visibility:visible}.modal-content{z-index:25;width:80%;background-color:#1b0808;border:none;border-radius:20px;padding:10px;transition:transform .8s ease-in-out;position:absolute;top:50%;left:50%;overflow-x:hidden;overflow-y:auto;transform:translate(-50%,130%)}@media (max-width:520px){.modal-content{width:86%;height:70%}}@media (min-width:1100px){.modal-content{width:900px}}.footer-modal.opn-ftr_modal .modal-content{transform:translate(-50%,-50%)}.foo-title{flex-direction:column;align-items:center;display:flex}.modal_title{font-size:1.5em}.modal_title-name{color:#802d1c;padding:10px;font-size:x-large;transform:scale(2)}.round{width:140px;height:140px;border-radius:60px 60px 0;box-shadow:-4px 10px 15px 1px #ffe488,4px -2px 15px 1px #151d23,5px 5px 15px 5px rgba(0,0,0,0)}.team-container{flex-wrap:wrap;justify-content:center;gap:14px;padding-top:6px;display:flex}@media (min-width:520px){.team-container{gap:30px;padding-top:18px}}.team-data{display:inline-block;position:relative}.team-title{flex-direction:column;align-items:center;padding-top:10px;display:flex}.team-title>p,.team-title span{color:rgba(255,248,124,.8)}.github{fill:#ff7f5c;transition:transform .35s ease-in-out;position:absolute;top:118px;right:0}.github:hover{fill:#0b0b0b;transform:matrix(1.5,0,0,1.5,0,15)}.on{color:#f3f86e;text-shadow:-9px -24px 20px #ffc21d,9px -19px 20px #ffc21d,7px 21px 18px rgba(255,194,29,.83),7px 21px 18px rgba(255,194,29,.83),-13px 21px 18px rgba(255,194,29,.83),40px 21px 18px rgba(255,194,29,.83),40px -26px 20px rgba(255,194,29,.83),40px -6px 20px rgba(255,194,29,.83),40px -6px 20px rgba(255,194,29,.83),40px -6px 20px rgba(255,194,29,.83),40px 15px 20px rgba(255,194,29,.83),40px 15px 20px rgba(255,194,29,.83),40px 15px 20px rgba(255,194,29,.83),40px 15px 20px rgba(255,194,29,.83)}.scroll__top{z-index:999;opacity:0;transition:opacity .5s linear;position:fixed;bottom:120px;right:30px}@media screen and (min-width:768px){.scroll__top{right:60px}}.scroll__top--icon{fill:none;stroke:var(--activeColor);display:block}.scroll__top--icon:hover,.scroll__top--icon:focus{fill:var(--activeColor);stroke:var(--white);border:4px solid var(--activeColor);border-radius:50%}.scroll__top--show{opacity:1}
/*# sourceMappingURL=index.6f8d6b58.css.map */