*,: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]{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{--font-family-primary:"Roboto",sans-serif;--bg-color-header-fallback:rgba(0,0,0,.44);--bg-color-backdrop:rgba(0,0,0,.6);--border-color-card:#eee;--color-black:#000;--color-white:#fff;--color-grey:#545454;--color-light-grey:#f7f7f7;--color-accent-primary:#ff001b;--color-accent-secondary:#ff6b08;--bg-color-theme-light:#eee;--bg-color-theme-dark:#4a4a4a;--bg-color-theme-accent-dark:radial-gradient( circle at 100%,#1f1f1f 35%,#ff6b08 50%,#ff001b 60%,#1f1f1f 75%);--bg-color-theme-accent-dark-btn:linear-gradient( 90deg,#ff001b 0%,#1f1f1f 50%,#ff6b08 100%);--font-color-grey:#8c8c8c;--duration:250ms;--timing-function:cubic-bezier(.4,0,.2,1);--timing-function-form:cubic-bezier(.68,-.55,.265,1.55)}.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}#nprogress{pointer-events:none}#nprogress .bar{background:var(--color-accent-primary);z-index:1031;width:100%;height:2px;position:fixed;top:0;left:0}#nprogress .peg{width:100px;height:100%;box-shadow:0 0 10px var(--color-accent-primary),0 0 5px var(--color-accent-primary);opacity:1;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px)}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul,ol{margin-top:0;margin-bottom:0;padding-left:0}img{max-width:100%;height:auto;display:block}.list{list-style:none}.link{text-decoration:none}button{background:0 0;border:0;padding:0}html,body{height:100%}html{scroll-behavior:smooth;scrollbar-gutter:stable}@media screen and (min-width:1200px){html{scroll-padding-top:216px}}.wrapper{min-height:100%;flex-direction:column;display:flex}.no-scroll{overflow:hidden}main{flex-grow:1}body{font-family:var(--font-family-primary);color:var(--color-black);font-size:12px;font-weight:500}section{margin:0 auto;padding-top:20px;padding-bottom:20px}@media screen and (min-width:768px){section{padding-top:60px;padding-bottom:60px}}.container{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media screen and (min-width:768px){.container{width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width:1280px){.container{width:1280px}}.header{min-width:320px;min-height:230px;background-image:url(bg-img-header-home-mobile.10237723.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--bg-color-header-fallback);padding-top:20px;padding-bottom:44px}@media screen and (min-device-pixel-ratio:2),screen and (min-resolution:192dpi),screen and (min-resolution:2x){.header{background-image:url(bg-img-header-home-mobile@2x.d509c9be.png)}}@media screen and (min-device-pixel-ratio:3),screen and (min-resolution:288dpi),screen and (min-resolution:3x){.header{background-image:url(bg-img-header-home-mobile@3x.82101153.png)}}@media screen and (min-width:768px) and (max-width:1280px){.header{min-width:768px;min-height:216px;letter-spacing:.02em;background-image:url(bg-img-header-home-tablet.7891fdcc.png);font-size:16px;font-weight:500;line-height:1.25}}@media screen and (min-width:768px) and (max-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (max-width:1280px) and (min-resolution:192dpi),screen and (min-width:768px) and (max-width:1280px) and (min-resolution:2x){.header{background-image:url(bg-img-header-home-tablet@2x.29dc2ff5.png)}}@media screen and (min-width:768px) and (max-width:1280px) and (min-device-pixel-ratio:3),screen and (min-width:768px) and (max-width:1280px) and (min-resolution:288dpi),screen and (min-width:768px) and (max-width:1280px) and (min-resolution:3x){.header{background-image:url(bg-img-header-home-tablet@3x.94033889.png)}}@media screen and (min-width:1280px){.header{min-width:1280px;min-height:216px;letter-spacing:.04em;background-image:url(bg-img-header-home-desktop.3aedcfb2.png);font-size:18px;font-weight:500;line-height:1.33}}@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(bg-img-header-home-desktop@2x.98fb839c.png)}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:3),screen and (min-width:1280px) and (min-resolution:288dpi),screen and (min-width:1280px) and (min-resolution:3x){.header{background-image:url(bg-img-header-home-desktop@3x.0ae00926.png)}}.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(bg-img-header-library-mobile.17b1a396.png)}@media screen and (min-device-pixel-ratio:2),screen and (min-resolution:192dpi),screen and (min-resolution:2x){.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(bg-img-header-library-mobile@2x.4d52c77a.png)}}@media screen and (min-device-pixel-ratio:3),screen and (min-resolution:288dpi),screen and (min-resolution:3x){.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(bg-img-header-library-mobile@3x.e2c18b70.png)}}@media screen and (min-width:768px) and (max-width:1280px){.header-library{min-width:768px;min-height:216px;letter-spacing:.02em;background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(bg-img-header-library-tablet.be8caa11.png);font-size:16px;font-weight:500;line-height:1.25}}@media screen and (min-width:768px) and (max-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (max-width:1280px) and (min-resolution:192dpi),screen and (min-width:768px) and (max-width:1280px) and (min-resolution:2x){.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(bg-img-header-library-tablet@2x.e1bfaf8e.png)}}@media screen and (min-width:768px) and (max-width:1280px) and (min-device-pixel-ratio:3),screen and (min-width:768px) and (max-width:1280px) and (min-resolution:288dpi),screen and (min-width:768px) and (max-width:1280px) and (min-resolution:3x){.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(bg-img-header-library-tablet@3x.f4afdb37.png)}}@media screen and (min-width:1280px){.header-library{min-width:1280px;min-height:216px;letter-spacing:.04em;background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(bg-img-header-library-desktop.3c7fc358.png);font-size:18px;font-weight:500;line-height:1.33}}@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-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(bg-img-header-library-desktop@2x.89753851.png)}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:3),screen and (min-width:1280px) and (min-resolution:288dpi),screen and (min-width:1280px) and (min-resolution:3x){.header-library{background-image:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.56)),url(bg-img-header-library-desktop@3x.037a6a00.png)}}.gallery__list{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}@media screen and (min-width:768px){.gallery__list{justify-content:left;gap:32px}}@media screen and (min-width:1280px){.gallery__list{justify-content:left;column-gap:16px}}.gallery__item{width:280px;min-height:445px;background-color:var(--color-white);cursor:pointer;transition:transform var(--duration)var(--timing-function),box-shadow var(--duration)var(--timing-function);border-radius:5px;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden;transform:scale(1);box-shadow:0 1px 1px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}.gallery__item:hover,.gallery__item:focus{box-shadow:none;transform:scale(.98)}@media screen and (min-width:768px) and (max-width:1279px){.gallery__item{width:336px;min-height:494px}}@media screen and (min-width:1280px){.gallery__item{width:394px;min-height:634px}}.gallery__poster-box{height:100%}.gallery__poster{background-color:var(--color-grey);width:100%;height:100%}.gallery__description{padding:10px}.gallery__name{letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.33}@media screen and (min-width:1280px){.gallery__name{letter-spacing:0;font-size:20px;font-weight:600;line-height:1.2}}.gallery__genre{color:var(--color-accent-secondary);text-transform:capitalize;line-height:16px}@media screen and (min-width:1280px){.gallery__genre{letter-spacing:0;font-size:20px;font-weight:500;line-height:1.2}}.footer{background-color:var(--color-light-grey);justify-content:center;align-items:center;display:flex}.footer__box{letter-spacing:0;color:var(--color-grey);flex-direction:column;justify-content:center;align-items:center;padding-top:30px;padding-bottom:30px;font-size:14px;font-weight:400;line-height:1.14;display:flex}@media screen and (min-width:768px){.footer__box{letter-spacing:0;flex-direction:row;font-size:16px;font-weight:400;line-height:1.19}}.footer__copyright-text{margin-bottom:10px}@media screen and (min-width:768px){.footer__copyright-text{margin-bottom:0;margin-right:3px}}.footer__team{display:flex}.footer__team-text:not(:last-child){margin-right:10px}.footer__team-link{color:var(--color-grey);cursor:pointer;transition:color var(--duration)var(--timing-function);text-decoration:underline}.footer__team-link:hover,.footer__team-link:focus{color:var(--color-accent-secondary)}.heartbeat{color:var(--color-accent-secondary);transform-origin:50%;cursor:pointer;animation:heartbeat 3s infinite}.heartbeat:hover,.heartbeat:focus{animation-play-state:paused}@keyframes heartbeat{0%{transform:scale(1)}20%{transform:scale(1.5)}40%{transform:scale(1.3)}60%{transform:scale(1.5)}80%{transform:scale(1)}to{transform:scale(1)}}.menu-nav{justify-content:space-between;align-items:center;display:flex}.menu-nav__list{justify-content:center;align-items:center;display:flex}.menu-nav__item:first-child{margin-right:40px}.menu-nav__link{color:var(--color-white);text-transform:uppercase;transition:color var(--duration)var(--timing-function);padding-top:10px;padding-bottom:3px;position:relative}.menu-nav__link:after{content:"";width:100%;height:3px;background-color:var(--color-accent-primary);transition:transform var(--duration)var(--timing-function);display:block;position:absolute;bottom:0;transform:scaleX(0)}.menu-nav__link.current:after,.menu-nav__link:hover:after,.menu-nav__link:focus:after{transform:scaleX(1)}.search-form{width:280px;margin-top:34px;margin-left:auto;margin-right:auto;position:relative}@media screen and (min-width:768px) and (max-width:1280px){.search-form{width:336px;margin-top:20px}}@media screen and (min-width:1280px){.search-form{width:394px;margin-top:10px}}.search-form__input{width:100%;letter-spacing:0;color:var(--color-white);border:none;border-bottom:1px solid var(--color-white);transition:border var(--duration)var(--timing-function);background-color:rgba(0,0,0,0);outline:none;padding:0 2px 3px;font-size:14px;font-weight:400;line-height:1.14}.search-form__input:hover,.search-form__input:focus{border-bottom:1px solid var(--color-accent-primary)}.search-form__input::-ms-input-placeholder{letter-spacing:0;color:var(--color-white);font-size:14px;font-weight:400;line-height:1.14}.search-form__input::placeholder{letter-spacing:0;color:var(--color-white);font-size:14px;font-weight:400;line-height:1.14}.search-form__btn{cursor:pointer;position:absolute;bottom:1px;right:0}.search-form__icon{fill:var(--color-white);transition:fill var(--duration)var(--timing-function)}.search-form__icon:hover,.search-form__icon:focus{fill:var(--color-accent-primary)}.search-form__notification{width:280px;text-align:center;letter-spacing:0;color:var(--color-accent-primary);margin:16px auto 0;font-size:14px;font-weight:400;line-height:1.14}@media screen and (min-width:768px) and (max-width:1280px){.search-form__notification{width:336px;margin-top:20px}}@media screen and (min-width:1280px){.search-form__notification{width:394px;margin-top:20px}}.library-btn-list{justify-content:center;display:flex}.library-btn-list__item{min-width:130px;text-align:center}.library-btn-list__item:first-child{margin-right:16px}.library-btn-list__btn{width:100%;letter-spacing:0;color:var(--color-white);text-transform:uppercase;cursor:pointer;border:1px solid var(--color-white);transition:background-color var(--duration)var(--timing-function),border var(--duration)var(--timing-function),box-shadow var(--duration)var(--timing-function);border-radius:5px;padding:13px;font-size:12px;font-weight:500;line-height:1.33}.library-btn-list__btn:hover,.library-btn-list__btn:focus,.library-btn-list__btn.active{background-color:var(--color-accent-secondary);border:1px solid rgba(0,0,0,0);box-shadow:0 8px 43px rgba(255,107,1,.6)}.library-flag{letter-spacing:.08em;text-transform:uppercase;color:var(--color-white);font-size:12px;font-weight:600;position:fixed;top:10px;right:-182px}.library-flag ul{padding:0;transform:translate(0)}.library-flag ul p{font-size:14px;display:inline}.library-flag ul li b{padding-left:90px}.library-flag ul li:hover b{padding-left:0}.library-flag ul li{background-color:var(--color-accent-secondary);width:200px;text-align:left;border-radius:5px 0 0 5px;margin:5px;padding:8px 6px;transition:all 1s;display:block}.library-flag ul li:hover{background-color:var(--color-accent-primary);transform:translate(-60px)}fieldset{border:none;padding:0}main{min-height:260px;transition:background-color 2000ms var(--timing-function)}main .gallery__queue-list>li>p,main .gallery__watched-list>li>p{min-width:260px;text-align:center;letter-spacing:.08em;font-size:16px;font-weight:400;line-height:1.38;position:absolute;left:50%;transform:translate(-50%)}main .gallery__queue-list>li>p a,main .gallery__watched-list>li>p a{color:var(--color-blacks);text-decoration:underline}main[data-theme=light]{background-color:var(--bg-color-theme-light)}main[data-theme=dark]{background-color:var(--bg-color-theme-dark)}main[data-theme=dark] .gallery__queue-list>li>p,main[data-theme=dark] .gallery__watched-list>li>p{color:var(--color-white)}main[data-theme=accent-dark]{background:var(--bg-color-theme-accent-dark)}main[data-theme=accent-dark] .gallery__queue-list>li>p,main[data-theme=accent-dark] .gallery__watched-list>li>p{color:var(--color-white)}footer[data-theme=dark]{background-color:var(--color-black)}footer[data-theme=dark] .footer__box{color:var(--color-white)}footer[data-theme=accent-dark]{background-color:var(--color-black)}footer[data-theme=accent-dark] .footer__box{color:var(--color-white)}.c-toggle{text-align:center}.theme-switcher{position:absolute;top:0;left:50%;transform:translate(-50%)}.theme-switcher .input-wrapper{width:35px;height:3px;border-radius:3px;margin:10px 5px;display:inline-block;position:relative}.theme-switcher label{width:100%;height:100%;cursor:pointer;border:1px solid rgba(0,0,0,0);border-radius:3px;display:block}.theme-switcher label[data-color=light]{background-color:var(--bg-color-theme-light)}.theme-switcher label[data-color=dark]{background-color:var(--bg-color-theme-dark)}.theme-switcher label[data-color=accent-dark]{background:var(--bg-color-theme-accent-dark-btn)}.theme-switcher input[type=radio]{width:100%;height:20px;opacity:0;cursor:pointer;z-index:1000;position:absolute;top:-5px;left:0}.theme-switcher input[type=radio]:checked+label,.theme-switcher input[type=radio]:focus+label{transform:scaleY(1.8)}.logo{color:var(--color-white);cursor:pointer;fill:currentColor;transition:color var(--duration)var(--timing-function),fill var(--duration)var(--timing-function);padding-top:20px;padding-bottom:20px;display:inline-block}.logo:hover,.logo:focus{color:var(--color-accent-primary);fill:currentColor}.logo__icon{animation:logoAnimation 3s infinite;transform:translateY(2px)}@keyframes logoAnimation{0%{transform:scale(1)}20%{transform:scale(1.5)}40%{transform:scale(1.3)}60%{transform:scale(1.5)}80%{transform:scale(1)}to{transform:scale(1)}}.logo__text{font-weight:inherit;letter-spacing:0;text-transform:capitalize;margin-left:10px;font-size:30px;line-height:1.17}@media screen and (max-width:767px){.logo__text{display:none}}.paginationjs{flex-direction:column;justify-content:center;align-items:center;margin-top:40px;margin-bottom:20px;display:flex}@media screen and (min-width:768px){.paginationjs{flex-direction:row;margin-top:60px;margin-bottom:0}}.paginationjs-pages ul{list-style:none;display:flex}.paginationjs-pages ul li{letter-spacing:0;width:29px;height:29px;cursor:pointer;transition:color var(--duration)var(--timing-function),box-shadow var(--duration)var(--timing-function),background-color var(--duration)var(--timing-function);border:1px solid rgba(0,0,0,0);border-radius:5px;justify-content:center;align-items:center;margin-right:2px;font-size:10px;font-weight:400;line-height:1.2;display:flex;box-shadow:0 1px 1px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}.paginationjs-pages ul li:hover,.paginationjs-pages ul li:focus{box-shadow:none}@media screen and (min-width:768px){.paginationjs-pages ul li{width:40px;height:40px;letter-spacing:0;margin-right:8px;font-size:12px;font-weight:500;line-height:1.17}}.paginationjs-pages ul li:last-child{margin-right:0}@media screen and (min-width:768px){.paginationjs-pages ul li:last-child{margin-right:50px}}.paginationjs-page{background-color:var(--color-white)}.paginationjs-page:hover,.paginationjs-page:focus{background-color:var(--color-accent-secondary);color:var(--color-white)}.paginationjs-ellipsis{background-color:var(--color-white)}.paginationjs-ellipsis :hover{cursor:not-allowed}.paginationjs-page.active{color:var(--color-white);background-color:var(--color-accent-secondary);box-shadow:none}.paginationjs-prev,.paginationjs-next{background-color:var(--color-light-grey)}.paginationjs-prev.disabled,.paginationjs-next.disabled{box-shadow:none;cursor:not-allowed}.paginationjs-go-input{border-radius:5px;margin-top:20px;margin-bottom:10px;box-shadow:0 1px 1px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}@media screen and (min-width:768px){.paginationjs-go-input{margin-top:0;margin-bottom:0}}.paginationjs-go-input input{width:90px;height:30px;border:1px solid var(--color-light-grey);border-radius:5px;padding:6px 10px}@media screen and (min-width:768px){.paginationjs-go-input input{width:60px;height:40px}}.paginationjs-go-button input{width:90px;height:30px;text-transform:uppercase;background-color:var(--color-light-grey);transition:color var(--duration)var(--timing-function),box-shadow var(--duration)var(--timing-function),background-color var(--duration)var(--timing-function);border:none;border-radius:3px;font-weight:500;box-shadow:0 1px 1px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.06),1px 4px 6px rgba(0,0,0,.16)}.paginationjs-go-button input:hover,.paginationjs-go-button input:focus{color:var(--color-white);box-shadow:none;background-color:var(--color-accent-secondary)}@media screen and (min-width:768px){.paginationjs-go-button input{width:90px;height:40px;border-radius:5px;margin-left:10px}}.loader-box{background-color:var(--color-light-grey);min-height:80px;position:relative}.loader-box.hidden{display:none}#loader{width:80px;height:40px;z-index:1000;margin:-20px -40px;position:absolute;top:50%;left:50%}.lightsaber{width:4px;height:12px;background-color:#666;border-radius:1px;position:absolute;bottom:0}.lightsaber.ls-left{left:0}.lightsaber.ls-right{right:0}.lightsaber:before{content:" ";width:2px;height:25px;max-height:1px;transform-origin:top;background-color:#fff;border-radius:1px;display:block;position:absolute;top:1px;left:1px;transform:rotate(180deg)}.lightsaber:after{content:" ";width:2px;height:2px;background-color:#fff;border-radius:50%;display:block;position:absolute;top:4px;left:1px}.ls-particles{width:1px;height:5px;background-color:rgba(51,51,51,0);position:absolute;top:10px;left:42px;transform:rotate(0deg)}.lightsaber.ls-first-accent-color:before{animation:showLightFirstAccentColor 2s ease-in-out 1s infinite}.lightsaber.ls-second-accent-color:before{animation:showLightSecondAccentColor 2s ease-in-out 1s infinite}.lightsaber.ls-left{animation:fightleft 2s ease-in-out 1s infinite}.lightsaber.ls-right{animation:fightright 2s ease-in-out 1s infinite}.ls-particles.ls-part-1{animation:particles1 2s ease-out 1s infinite}.ls-particles.ls-part-2{animation:particles2 2s ease-out 1s infinite}.ls-particles.ls-part-3{animation:particles3 2s ease-out 1s infinite}.ls-particles.ls-part-4{animation:particles4 2s ease-out 1s infinite}.ls-particles.ls-part-5{animation:particles5 2s ease-out 1s infinite}@keyframes showLightFirstAccentColor{0%{max-height:0;box-shadow:0 0 0 0 var(--color-accent-primary)}5%{box-shadow:0 0 4px 2px var(--color-accent-primary)}10%{max-height:22px}80%{max-height:22px}85%{box-shadow:0 0 4px 2px var(--color-accent-primary)}to{max-height:0;box-shadow:0 0 0 0 var(--color-accent-primary)}}@keyframes showLightSecondAccentColor{0%{max-height:0;box-shadow:0 0 0 0 var(--color-accent-secondary)}20%{box-shadow:0 0 4px 2px var(--color-accent-secondary)}25%{max-height:22px}80%{max-height:22px}85%{box-shadow:0 0 4px 2px var(--color-accent-secondary)}to{max-height:0;box-shadow:0 0 0 0 var(--color-accent-secondary)}}@keyframes fightleft{0%{bottom:0;left:0;transform:rotate(0deg)}30%{bottom:0;transform:rotate(0deg)}40%{bottom:2px;left:0;transform:rotate(45deg)}45%{left:0;transform:rotate(65deg)}65%{bottom:10px;left:30px;transform:rotate(410deg)}95%{bottom:0;left:0;transform:rotate(410deg)}to{bottom:0;left:0;transform:rotate(360deg)}}@keyframes fightright{0%{bottom:0;right:0;transform:rotate(0deg)}30%{bottom:0;transform:rotate(0deg)}45%{bottom:2px;right:0;transform:rotate(-45deg)}50%{right:0;transform:rotate(-65deg)}68%{bottom:13px;right:27px;transform:rotate(-410deg)}95%{bottom:0;right:0;transform:rotate(-410deg)}to{bottom:0;right:0;transform:rotate(-360deg)}}@keyframes particles1{0%{background-color:rgba(51,51,51,0);transform:rotate(35deg)}63%{background-color:rgba(51,51,51,0);transform:rotate(35deg)}64%{background-color:#333;transform:rotate(35deg)}to{background-color:rgba(51,51,51,0);transform:rotate(35deg)translateY(-30px)}}@keyframes particles2{0%{background-color:rgba(51,51,51,0);transform:rotate(-65deg)translateY(0)}63%{background-color:rgba(51,51,51,0);transform:rotate(-65deg)translateY(0)}64%{background-color:#333;transform:rotate(-65deg)translateY(0)}95%{background-color:rgba(51,51,51,0);transform:rotate(-65deg)translateY(-40px)}to{background-color:rgba(51,51,51,0);transform:rotate(-65deg)translateY(-40px)}}@keyframes particles3{0%{background-color:rgba(51,51,51,0);transform:rotate(-75deg)translateY(0)}63%{background-color:rgba(51,51,51,0);transform:rotate(-75deg)translateY(0)}64%{background-color:#333;transform:rotate(-75deg)translateY(0)}97%{background-color:rgba(51,51,51,0);transform:rotate(-75deg)translateY(-35px)}to{background-color:rgba(51,51,51,0);transform:rotate(-75deg)translateY(-35px)}}@keyframes particles4{0%{background-color:rgba(51,51,51,0);transform:rotate(-25deg)translateY(0)}63%{background-color:rgba(51,51,51,0);transform:rotate(-25deg)translateY(0)}64%{background-color:#333;transform:rotate(-25deg)translateY(0)}97%{background-color:rgba(51,51,51,0);transform:rotate(-25deg)translateY(-30px)}to{background-color:rgba(51,51,51,0);transform:rotate(-25deg)translateY(-30px)}}@keyframes particles5{0%{background-color:rgba(51,51,51,0);transform:rotate(65deg)}63%{background-color:rgba(51,51,51,0);transform:rotate(65deg)}64%{background-color:#333;transform:rotate(65deg)}97%{background-color:rgba(51,51,51,0);transform:rotate(65deg)translateY(-35px)}to{background-color:rgba(51,51,51,0);transform:rotate(65deg)translateY(-35px)}}.backdrop{width:100vw;height:100vh;z-index:1000;background-color:var(--bg-color-backdrop);transition:transform var(--duration)var(--timing-function),visibility var(--duration)var(--timing-function);position:fixed;top:0;left:0;overflow-y:scroll;transform:scale(1)}.backdrop.is-hidden{visibility:hidden;pointer-events:none;transform:scale(.1)}.modal-container{width:100%;height:100%;display:none}.modal-container.is-open{display:block}.modal{width:280px;height:auto;background-color:var(--color-white);margin:20px auto;padding:48px 20px 40px;position:relative;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)}@media screen and (min-width:768px) and (max-width:1279px){.modal{width:704px;padding:40px 36px}}@media screen and (min-width:1280px){.modal{width:806px;padding:40px 12px}}.modal__close-btn{cursor:pointer;position:absolute;top:8px;right:8px}.modal__close-icon{transition:fill var(--duration)var(--timing-function)}.modal__close-btn:hover .modal__close-icon,.modal__close-btn:focus .modal__close-icon{fill:var(--color-accent-secondary)}@media screen and (min-width:768px){.movie-card{display:flex}}@media screen and (min-width:768px){.movie-card__description{width:264px}}@media screen and (min-width:1280px){.movie-card__description{width:390px}}.movie-card__poster-box{margin-bottom:20px}@media screen and (min-width:768px){.movie-card__poster-box{margin-bottom:0;margin-right:68px}}@media screen and (min-width:1280px){.movie-card__poster-box{margin-bottom:0;margin-right:16px}}.movie-card__poster{background-color:var(--color-grey);border-radius:5px}@media screen and (min-width:768px){.movie-card__poster{width:264px}}@media screen and (min-width:1280px){.movie-card__poster{width:375px}}.movie-card__name{letter-spacing:0;text-transform:uppercase;margin-bottom:20px;font-size:20px;font-weight:500;line-height:1.15}@media screen and (min-width:1280px){.movie-card__name{font-size:30px;line-height:35px}}.movie-card__info-item{margin-bottom:20px;line-height:16px;display:flex}.movie-card__info-item:not(:last-child){margin-bottom:8px}.movie-card__info-name{width:45%;color:var(--font-color-grey)}.movie-card__info-value{width:55%}.movie-card__vote{background-color:var(--color-accent-secondary);color:var(--color-white);border-radius:5px;padding:1px 10px}.movie-card__vote-count{background-color:var(--color-light-grey);border-radius:5px;padding:1px 10px}.movie-card__review-box{margin-bottom:20px}.movie-card__review-title{text-transform:uppercase;margin-bottom:8px;line-height:16px}.movie-card__review-text{line-height:20px}.movie-card__btn-box{justify-content:space-between;display:flex}@media screen and (min-width:1280px){.movie-card__btn-box{justify-content:flex-start}}.movie-card__btn-watched,.movie-card__btn-queue{width:110px;min-height:44px;letter-spacing:0;text-transform:uppercase;border:1px solid var(--color-black);cursor:pointer;transition:background-color var(--duration)var(--timing-function),color var(--duration)var(--timing-function),border var(--duration)var(--timing-function);border-radius:5px;padding:5px;font-size:12px;font-weight:500;line-height:1.33}.movie-card__btn-watched:hover,.movie-card__btn-watched:focus,.movie-card__btn-watched.active,.movie-card__btn-queue:hover,.movie-card__btn-queue:focus,.movie-card__btn-queue.active{background-color:var(--color-accent-secondary);color:var(--color-white);border:none}.movie-card__btn-watched:disabled,.movie-card__btn-queue:disabled{color:#d3d3d3;background-color:rgba(0,0,0,0);border:1px solid #d3d3d3}.movie-card__btn-watched:disabled:hover,.movie-card__btn-queue:disabled:hover{cursor:not-allowed}@media screen and (min-width:768px){.movie-card__btn-watched,.movie-card__btn-queue{width:125px}}@media screen and (min-width:1280px){.movie-card__btn-watched,.movie-card__btn-queue{width:136px}}@media screen and (min-width:1280px){.movie-card__btn-queue{margin-right:15px}}.movie-trailer{margin-bottom:20px}.movie-trailer__name{text-transform:uppercase;margin-bottom:8px;line-height:16px}.movie-trailer iframe{border-radius:5px}@media screen and (min-width:768px) and (max-width:1279px){.movie-trailer iframe{width:100%;min-height:360px}}@media screen and (min-width:1280px){.movie-trailer iframe{width:100%;min-height:460px}}.movie-trailer__message{text-align:center;color:var(--color-accent-primary);margin-bottom:20px}.play-trailer{height:108px;background-color:rgba(255,255,255,.6);border-radius:50%;position:absolute;top:170px;left:86px}.play-trailer.is-hidden{display:none}@media screen and (min-width:768px){.play-trailer{left:116px}}@media screen and (min-width:1280px){.play-trailer{top:250px;left:146px}}.circle{stroke:var(--color-accent-primary);stroke-dasharray:650;stroke-dashoffset:650px;opacity:.3;-webkit-transition:all .5s ease-in-out}.play-trailer-btn{cursor:pointer;-webkit-transition:all .5s;display:inline-block}.play-trailer-btn .triangle{stroke-dasharray:240;stroke-dashoffset:480px;stroke:var(--color-accent-secondary);-webkit-transition:all .7s ease-in-out;transform:translateY(0)}.play-trailer-btn:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:var(--color-accent-primary);animation:nudge .7s ease-in-out}@keyframes nudge{0%{transform:translate(0)}30%{transform:translate(-5px)}50%{transform:translate(5px)}70%{transform:translate(-2px)}to{transform:translate(0)}}.play-trailer-btn:hover .circle{stroke-dashoffset:0;opacity:1}
/*# sourceMappingURL=index.cf03cd80.css.map */