*,: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}.accent-underline:after{content:"";width:100%;height:3px;background-color:#ff001b;border-radius:0;display:block;bottom:0}.preloader{width:100%;height:100%;z-index:10;opacity:1;visibility:visible;background-color:rgba(0,0,0,0);transition:all 1s;position:fixed;top:0;left:0}.preloader .loader{color:orange;width:1em;height:1em;text-indent:-9999em;border-radius:50%;font-size:10px;animation:load4 1.3s linear infinite;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}.preloader.done{opacity:0;visibility:hidden}html,body{height:100%;font-family:Roboto;text-decoration:none}.page-wrapper{min-height:100%;flex-direction:column;display:flex}main{flex:auto}img{height:auto;max-width:100%;display:block}ul,li{margin:0;padding:0;list-style:none}a{text-decoration:none}button{cursor:pointer}.container{margin:0 auto;padding:0 20px}@media screen and (min-width:480px){.container{max-width:480px}}@media screen and (min-width:768px){.container{max-width:768px;padding:0 32px}}@media screen and (min-width:1200px){.container{max-width:1280px;padding:0 32px}}footer{background-color:#f7f7f7}.footer-container{color:#545454;font-size:14px;font-weight:400;line-height:1.14}.footer-wrapper{height:100px;flex-direction:column;justify-content:center;align-items:center;display:flex}.text-wrapper{align-items:center;margin-top:10px;display:flex}.footer-open-modal_link{cursor:pointer;padding:8px 0;text-decoration:underline}.rights-text{margin:0}.dew-text{margin:0 10px 0 0}.students-text{margin:0 0 0 10px}@media screen and (min-width:768px){.footer-wrapper{height:79px;flex-direction:row;justify-content:center;align-items:center}.text-wrapper{margin:0 0 0 4px}.footer-container{font-size:16px;line-height:1.18}}@media screen and (min-width:1200px){.footer-wrapper{height:77px}}.footer-modal-backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.7);position:fixed;top:0;left:0;overflow-y:scroll}.footer-modal{width:100%;max-width:450px;max-height:610px;text-align:center;-ms-overflow-style:none;scrollbar-width:none;background-color:#f9f9d1;background-image:url(modal_bg.0f1aa315.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-origin:padding-box;background-clip:padding-box;border:1px solid #000;margin-left:auto;margin-right:auto;padding:20px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)scale(1);box-shadow:10px 10px 5px rgba(0,0,0,.75)}@media screen and (min-width:768px){.footer-modal{min-height:610px;max-height:630px;padding:25px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}}@media screen and (min-width:1200px){.footer-modal{max-width:528px;min-height:630px;max-height:650px;padding:30px}}.footer-modal::-webkit-scrollbar{width:0;height:0}.footer-modal-close-button{width:50px;height:30px;cursor:pointer;background-color:rgba(255,107,8,.7);border:1px solid rgba(0,0,0,.3);border-radius:15px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:8px;right:8px;box-shadow:10px 10px 5px rgba(0,0,0,.75)}.our-team{color:#ff6b08;text-shadow:4px 4px 2px rgba(0,0,0,.6);margin:0;font-size:50px}.developer{justify-content:center;align-items:center;margin-top:10px;display:flex}.flip-card{width:130px;height:170px;perspective:1000px;background-color:rgba(0,0,0,0)}.title{text-align:center;margin:0;font-size:1.5em;font-weight:900}.flip-card-inner{width:100%;height:100%;text-align:center;transform-style:preserve-3d;transition:transform .8s;position:relative}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:none;border-radius:5px;flex-direction:column;justify-content:center;display:flex;position:absolute;box-shadow:0 8px 14px rgba(0,0,0,.2)}.flip-card-front{width:100%;height:100%;background-color:rgba(40,37,37,.863);overflow:hidden;box-shadow:10px 10px 5px rgba(0,0,0,.75)}.flip-card-back{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe",endColorstr="#f60000",GradientType=1);background:linear-gradient(151deg,rgba(254,254,254,.7) 0%,rgba(246,0,0,.7) 78%);transform:rotateY(180deg);box-shadow:10px 10px 5px rgba(0,0,0,.75)}.about{color:#fff;text-shadow:4px 4px 2px rgba(0,0,0,.8);letter-spacing:1px;width:250px;height:100px;background-color:rgba(37,37,37,.9);background-image:linear-gradient(rgba(37,37,45,.8),rgba(29,30,36,.8)),url(ribbon.ad4c314d.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-origin:padding-box;background-clip:padding-box;border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px;margin:0;padding:8px}.dev-name{color:#ff6b08;margin:0}.border{background-color:rgba(170,27,34,.8);border-left:none;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:5px 5px 5px 0;box-shadow:10px 10px 5px rgba(0,0,0,.75)}.dev_photo{width:100%;height:100%;object-fit:cover;display:block}.icon-github{margin-bottom:20px}.button-headers{color:#fff;text-transform:uppercase;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:5px;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.button-headers:hover,.button-headers:focus{background-color:#ff6b02;border:1px solid #ff6b02}@media screen and (min-width:320px){.button-headers{width:130px;height:44px}}@media screen and (min-width:768px){.button-headers{width:152px}}@media screen and (min-width:1200px){.button-headers{width:147px;height:42px}}.card-wraper{flex-wrap:wrap;transition:transform .35s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:320px){.card-wraper{width:280px;height:443px}}@media screen and (min-width:768px){.card-wraper{width:336px;height:455px}}@media screen and (min-width:1200px){.card-wraper{width:395px;height:574px}}.card-img{filter:drop-shadow(1px 1px 1px rgba(140,140,140,.4));transition:transform .5s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:320px){.card-img{width:100%;height:398px;border-radius:5px;margin-bottom:8px}}@media screen and (min-width:768px){.card-img{height:455px;border-radius:5px}}@media screen and (min-width:1200px){.card-img{height:574px;border-radius:5px;margin-bottom:12px}}@media screen and (min-width:320px){.card-title{color:#000;width:100%;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:16px;overflow:hidden}}@media screen and (min-width:1200px){.card-title{height:25px;font-size:20px;line-height:24px}}.wraper{align-items:center;display:flex}@media screen and (min-width:320px){.wraper{color:#ff6b08;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:16px}}@media screen and (min-width:1200px){.wraper{font-size:20px;line-height:24px}}.card-genre-wraper{position:relative}.card-genre:after{content:"";background-color:#ff6b08;border-radius:2px;position:absolute}@media screen and (min-width:320px){.card-genre:after{width:1px;height:10px;top:4px;right:-9px}}@media screen and (min-width:1200px){.card-genre:after{width:2px;height:15px;top:5px;right:-10px}}.card-year{margin-left:16px}.card-rating-wraper{justify-content:center;align-items:center;margin-left:8px;display:flex}@media screen and (min-width:320px){.card-rating-wraper{width:36px;height:16px;background-color:#ff6b08;border-radius:5px}}@media screen and (min-width:1200px){.card-rating-wraper{width:40px;height:20px;font-size:20px;line-height:24px}}.card-rating{color:#fff;justify-content:center;align-items:center;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:14px;display:flex}@media screen and (min-width:320px){.card-rating{width:24px;height:14px}}@media screen and (min-width:768px){.card-rating{width:17px;height:14px}}.card-wraper_link{cursor:pointer;z-index:0;border-radius:10px;outline:none;transition:transform .35s cubic-bezier(.4,0,.2,1);position:relative}.card-wraper_link:before{content:"";z-index:-1;filter:blur(5px);width:calc(100% + 10px);height:calc(100% + 10px);opacity:0;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red) 0 0/400%;border-radius:10px;transition:opacity .3s ease-in-out;animation:glowing 20s linear infinite;position:absolute;top:-2px;left:-2px}@media screen and (min-width:1200px){.card-wraper_link:before{width:calc(100% + 13px);height:calc(100% + 13px)}}.card-wraper_link:active{color:#000}.card-wraper_link:active:after{background:0 0}.card-wraper_link:hover:before,.card-wraper_link:focus:before{opacity:1}.card-wraper_link:after{z-index:-1;content:"";width:100%;height:100%;background:#111;border-radius:10px;position:absolute;top:0;left:0}.card-wraper_link:hover .card-img,.card-wraper_link:focus .card-img{filter:saturate(165%);transform:scale(.97)}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.header-background{width:100%;height:230px;background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-home-mobile.1e7105d9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-origin:padding-box;background-clip:padding-box}@media screen and (min-width:768px) and (max-width:1200px){.header-background{height:219px;background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-home-tablet.44296b05.jpg)}}@media screen and (min-width:1200px){.header-background{height:216px;background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(header-home-desktop.1855eb05.jpg)}}.header-home{height:100%;padding-top:40px}.header-home__logo{text-align:center;align-items:center;font-size:30px;font-weight:500;line-height:1.17;display:flex}.header-home__icon{margin-right:10px}@media screen and (min-width:320px) and (max-width:767px){.header-home__logo span{display:none}}nav{justify-content:space-between;align-items:center;display:flex}.header-home__menu{text-transform:uppercase;display:flex}.header-home__menu li:not(:last-child){margin-right:39px}.header-home__menu--link{padding:10px 0}.nav a{color:#fff}.header-form{justify-content:center;margin-top:41px;display:flex}.header-form__input{width:280px;height:20px;color:#fff;background-color:rgba(0,0,0,0);border:0 solid;border-bottom:.5px solid #fff;font-size:14px;line-height:1.14}.header-form__input::-ms-input-placeholder{color:#fff;font-size:14px;line-height:1.14}.header-form__input::placeholder{color:#fff;font-size:14px;line-height:1.14}@media screen and (min-width:768px) and (max-width:1199.98px){.header-form__input{width:336px}}@media screen and (min-width:1200px){.header-form__input{width:394px}}.header-form:focus,.header-form__input:focus{outline:none}.header-form form{height:20px;position:relative}.search-btn{width:20px;height:20px;background-color:rgba(0,0,0,0);border:0;justify-content:end;align-items:center;padding:0;display:flex;position:absolute;bottom:0;right:0}.main-gallery{flex-wrap:wrap;justify-content:center;display:flex}@media screen and (min-width:320px){.main-gallery{row-gap:20px;padding-top:20px}}@media screen and (min-width:768px){.main-gallery{gap:70px 32px;padding-top:60px;padding-bottom:60px}}@media screen and (min-width:1200px){.main-gallery{gap:90px 10px;padding-top:60px;padding-bottom:60px}}.header-form__message{color:#ff001b;font-family:Roboto;font-size:14px;line-height:1.14;position:absolute;top:20px}.header-home__logo{animation:backInLeft 2s}.header-home__menu{animation:backInRight 2s}.header-form{animation:backInUp 2s}.arow{width:40px;height:40px;background-color:#241a1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:30px;right:30px}.a{width:30px;height:30px;justify-content:center;align-items:center;display:flex;position:fixed}.svg{fill:#b40707}.pagination{width:100%;justify-content:center;gap:30px;margin-top:60px;margin-bottom:60px;display:flex}@media screen and (min-width:320px){.pagination{margin-top:40px;margin-bottom:40px}}.pagination-value{cursor:pointer}.dots{cursor:auto}.targetPage{color:#2f4f4f;font-weight:700;text-decoration:underline}:root{--first-text-color:#fff;--second-text-color:#000;--third-text-color:#8c8c8c;--accent-color:#ff6b01;--bg-modal-color:rgba(255,255,255,.85);--transition-duration-timing-func:350ms cubic-bezier(.4,0,.2,1);--card-set-gap:30px}.trailer-btn,.modal-movie-data-table,.modal-movie-data__btn,.modal-movie-data__about,.modal-movie-data__about_title,.modal-movie-data__list{font-family:Roboto;font-size:12px;font-style:normal;font-weight:500}.backdrop-modal{z-index:999;width:100%;height:100%;transition:opacity var(--transition-duration-timing-func),visibility var(--transition-duration-timing-func);background-color:rgba(0,0,0,.25);position:fixed;top:0;left:0;overflow-y:scroll;box-shadow:0 4px 4px rgba(0,0,0,.25)}@media screen and (max-width:767px){.backdrop-modal{justify-content:center;align-items:flex-start;display:flex}}.backdrop-modal.is-hidden{opacity:0;pointer-events:none;visibility:hidden}body.modal-open{overflow:hidden}.modal-movie{z-index:1000;width:280px;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:48px 20px 40px;animation:Opacity 1.5s alternate;position:relative}@media screen and (min-width:768px) and (min-height:430px){.modal-movie{width:704px;padding:40px 30px 40px 36px;position:absolute;top:0;left:50%;transform:translate(-50%)scale(1)}}@media screen and (min-width:768px){.modal-movie{width:704px;padding:40px 30px;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}}@media screen and (min-width:1024px){.modal-movie{width:806px}}@media screen and (max-height:430px){.modal-movie{height:99vh;overflow-y:auto}}@media screen and (min-width:768px){.modal-movie-card{display:flex}}.modal-movie-card__wrappe-img{width:240px;height:357px;position:relative}@media screen and (min-width:768px){.modal-movie-card__wrappe-img{width:264px;height:374px;flex-basis:calc(50% - 34px);margin-right:30px}}@media screen and (min-width:1024px){.modal-movie-card__wrappe-img{width:375px;height:478px;flex-basis:calc(50% - 52px);margin-right:40px}}.modal-movie-card__image{width:100%;height:100%;border-radius:5px;display:block}@media screen and (min-width:768px){.modal-movie-data{flex-basis:calc(50% - 34px)}}@media screen and (min-width:1024px){.modal-movie-data{flex-basis:calc(50% - 4px)}}.modal-movie-data__title{margin-top:20px;margin-bottom:20px;font-family:Roboto;font-size:20px;font-style:normal;font-weight:500;line-height:1.16}@media screen and (min-width:768px){.modal-movie-data__title{margin-top:0}}@media screen and (min-width:1024px){.modal-movie-data__title{font-size:30px}}.modal-movie-data__list{flex-basis:content;color:var(--third-text-color);line-height:1.33}.modal-movie-data__list>li:not(:last-child){margin-bottom:8px}.modal-movie-data__list_right{color:var(--second-text-color);flex-basis:calc(100% - 108px);margin-left:39px}@media screen and (min-width:768px){.modal-movie-data__list_right{flex-basis:calc(100% - 108px);margin-left:39px}}@media screen and (min-width:1024px){.modal-movie-data__list_right{flex-basis:calc(100% - 152px);margin-left:83px}}.modal-movie-data__vote{text-align:center;width:36px;height:16px;background-color:var(--accent-color);color:var(--first-text-color);border-radius:5px;display:inline-block}.modal-movie-data__about,.modal-movie-data__about_title{color:var(--second-text-color);margin-bottom:20px;line-height:1.67}.modal-movie-data__about_title{text-transform:uppercase;margin-bottom:8px;line-height:1.33}.modal-movie-data__btn-item{flex-basis:calc(50% - 10px)}@media screen and (min-width:768px){.modal-movie-data__btn-item{flex-basis:calc(50% - 7px)}}@media screen and (min-width:1024px){.modal-movie-data__btn-item{flex-basis:content}}.modal-movie-data__btn-item:not(:last-child){margin-right:12px}@media screen and (min-width:768px){.modal-movie-data__btn-item:not(:last-child){margin-right:15px}}.modal-movie-data__btn-list{flex-direction:row;margin-bottom:0;display:flex}@media screen and (min-width:1024px){.modal-movie-data__btn-list{justify-content:flex-start}}.modal-movie-data__btn{text-align:center;text-transform:uppercase;transition:color var(--transition-duration-timing-func),transform var(--transition-duration-timing-func),border-radius var(--transition-duration-timing-func),background-color var(--transition-duration-timing-func);border-radius:5px;line-height:1.33}.modal-movie-data__btn-watched{border:1px solid var(--second-text-color);height:50px;width:114px}@media screen and (min-width:768px){.modal-movie-data__btn-watched{height:50px;width:170px}}.modal-movie-data__btn-queue{height:50px;width:114px;border:1px solid var(--second-text-color)}@media screen and (min-width:768px){.modal-movie-data__btn-queue{height:50px;width:170px}}.modal-movie-data__btn.is-hidden-btn{opacity:0;pointer-events:none;visibility:hidden;display:none}.modal-movie-data__btn:hover,.modal-movie-data__btn:focus{color:var(--accent-color);border-color:var(--accent-color);border-radius:15px;transform:scale(1.1)}.modal-movie-data__btn:focus{outline-offset:4px;outline-width:thick;outline-color:rgba(255,107,1,.6)}.modal-movie-data__btn.active{color:var(--first-text-color);background-color:var(--accent-color)}.modal-movie-data__btn.active:hover,.modal-movie-data__btn.active:focus{color:var(--first-text-color)}.button-close{width:30px;height:30px;transition:border-color var(--transition-duration-timing-func),transform var(--transition-duration-timing-func);background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.1);border-radius:50%;justify-content:center;align-items:center;margin-top:8px;margin-right:8px;display:flex;position:absolute;top:0;right:0;transform:scale(1)}.button-close:hover,.button-close:focus{border-color:var(--accent-color);transform:scale(1.2)}.button-close__icon-close{stroke:var(--second-text-color);transition:stroke .25s cubic-bezier(.4,0,.2,1)}.button-close:hover .button-close__icon-close,.button-close:focus .button-close__icon-close{stroke:var(--accent-color)}.modal-movie-data-table{margin-bottom:20px;line-height:1.33}.modal-movie-data-table__row>td:first-child{white-space:nowrap;color:var(--third-text-color);border-right:39px solid rgba(0,0,0,0)}@media screen and (min-width:1024px){.modal-movie-data-table__row>td:first-child{border-right:83px solid rgba(0,0,0,0)}}.modal-movie-data-table__row:not(:last-child)>td{background-clip:padding-box;border-bottom:8px solid rgba(0,0,0,0)}.modal-movie-data-table__row_uk>td:first-child{white-space:normal;color:var(--third-text-color);border-right:17px solid rgba(0,0,0,0)}@media screen and (min-width:768px){.modal-movie-data-table__row_uk>td:first-child{border-right:10px solid rgba(0,0,0,0)}}@media screen and (min-width:768px){.modal-movie-data-table__row_uk>td:first-child{white-space:nowrap;border-right:33px solid rgba(0,0,0,0)}}.modal-movie-data-table__row>td{vertical-align:top}.modal-movie-data-table p{margin:0;padding:0}.trailer-btn-wrapper{justify-content:center;align-items:center;margin-top:20px;display:flex}.trailer-btn{text-align:center;text-transform:uppercase;height:50px;width:114px;color:var(--first-text-color);background:var(--accent-color);cursor:pointer;background:linear-gradient(90deg,#ff8015 0%,#ff6b01 100%);border:none;border-radius:5px;outline:none;padding:10px;line-height:1.33;transition:all .3s ease-in-out;position:relative;box-shadow:12px 12px 24px rgba(255,107,1,.64)}@media screen and (min-width:768px){.trailer-btn{height:50px;width:170px}}.trailer-btn:before{content:"";min-width:131px;min-height:67px;opacity:0;border:6px solid #ff9b06;border-radius:5px;transition:all .3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px rgba(255,155,6,.64)}@media screen and (min-width:768px){.trailer-btn:before{min-width:187px;min-height:67px}}.trailer-btn:hover:before,.trailer-btn:focus:before{opacity:1;border-radius:15px}.trailer-btn:after{content:"";width:30px;height:30px;border:6px solid var(--accent-color);z-index:-1;border-radius:100%;animation:ring 1.5s infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:767px){.trailer-btn:after{animation:ring-m 1.5s infinite}}.trailer-btn:hover:after,.trailer-btn:focus:after{animation:none;display:none}.trailer-btn:hover,.trailer-btn:focus{color:var(--first-text-color);border-radius:15px;transform:translateY(-6px)}@keyframes ring{0%{width:30px;height:30px;opacity:1}to{width:300px;height:200px;opacity:0}}@keyframes ring-m{0%{width:10px;height:10px;opacity:1}to{width:170px;height:130px;opacity:0}}:root{--first-text-color:#fff;--second-text-color:#000;--third-text-color:#8c8c8c;--accent-color:#ff6b01;--bg-modal-color:rgba(255,255,255,.85);--transition-duration-timing-func:350ms cubic-bezier(.4,0,.2,1);--card-set-gap:30px}.backdrop-modal-trailer.is-hidden{transition:opacity .35s ease-in-out .35s,visibility .35s ease-in-out .35s}.backdrop-modal-trailer.is-hidden.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.backdrop-modal-trailer{z-index:1001;width:100%;height:100%;position:fixed;top:0;left:0}.trailer-player-wrapper{width:320px;height:240px;transition:transform var(--transition-duration-timing-func);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}@media screen and (min-width:768px){.trailer-player-wrapper{width:640px;height:360px}}@media screen and (min-width:1024px){.trailer-player-wrapper{width:854px;height:480px}}.trailer-player{width:100%;height:100%;z-index:5;display:block;position:absolute;bottom:0}.btnClose{width:30px;height:30px;stroke:var(--second-text-color);transition:border-color var(--transition-duration-timing-func),background-color var(--transition-duration-timing-func),transform var(--transition-duration-timing-func);background-color:rgba(200,200,200,.7);border:1px solid rgba(0,0,0,.3);border-radius:50%;justify-content:center;align-items:center;margin-top:8px;margin-right:8px;display:flex;position:absolute;top:-45px;right:0;transform:scale(1)}.btnClose:hover,.btnClose:focus{color:var(--first-text-color);border-color:var(--accent-color);background-color:rgba(255,107,1,.75);transform:scale(1.2)}.btnClose__icon-close{outline:2px;transition:stroke .25s cubic-bezier(.4,0,.2,1)}.btnClose:hover .btnClose__icon-close,.btnClose:focus .btnClose__icon-close{stroke:var(--first-text-color)}.button-close__icon-close{width:30px;height:30px}@keyframes grow{0%{box-shadow:0 0 1em #fff}to{box-shadow:0 0 3em #fff}}
/*# sourceMappingURL=index.1d4f0d4c.css.map */