/* a TMDB api test, built with 11ty, deployed with Netlify */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-moz-box-sizing:inherit;box-sizing:inherit}@media (prefers-color-scheme:dark){:root{--text-color:#333;--background:#ececec}}@media (prefers-color-scheme:light){:root{--text-color:#fefefe;--background:#333}}html{font-size:62.5%}body{font-size:100%;color:var(--text-color);background:var(--background)}main{margin:1em}main+footer{padding:2rem;text-align:right}.attribution{text-align:center;padding:1rem 1rem 0}.attribution img{display:block;margin:0 auto;width:auto;height:2rem}body{font-family:Nova Mono,monospace;font-weight:100}.filters,.filters li{font-family:Lucida Console,Courier New,monospace;font-weight:300}em,li,p{font-weight:100}h1,h2,h3{padding:0;line-height:1.3;margin:0 0 1em;font-weight:700;font-family:serif;font-family:Source Code Pro,monospace;text-transform:uppercase}h1{font-size:4rem;font-family:Bebas Neue,serif;text-align:center;margin:0;padding:.5rem 1rem 1rem}.threeDee{-webkit-perspective:400px;-moz-perspective:400px;perspective:400px;position:absolute;-webkit-transform:rotateX(25deg) translateZ(-24px);-moz-transform:rotateX(25deg) translateZ(-24px);transform:rotateX(25deg) translateZ(-24px);text-transform:uppercase;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;font-family:verdana;font-size:8rem;font-weight:700;color:#f5f5f5;text-shadow:1px 1px 1px #919191,1px 2px 1px #919191,1px 3px 1px #919191,1px 4px 1px #919191,1px 5px 1px #919191,1px 6px 1px #919191,1px 7px 1px #919191,1px 8px 1px #919191,1px 9px 1px #919191,1px 10px 1px #919191,1px 18px 6px rgba(16,16,16,.2),1px 22px 10px rgba(16,16,16,.1),1px 25px 35px rgba(16,16,16,.1),1px 30px 60px rgba(16,16,16,.2)}.glitch{position:relative;color:inherit}.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.genre__27 .glitch{position:relative;color:inherit;animation:glitch-skew 1s linear infinite alternate-reverse}.genre__27 .glitch:after{animation:glitch-anim2 1.5s linear infinite alternate-reverse;opacity:1}.genre__53:hover .glitch{position:relative;color:inherit;animation:glitch-skew 1s linear infinite alternate-reverse}.genre__53:hover .glitch:after{animation:glitch-anim2 1.5s linear infinite alternate-reverse;opacity:1}@-webkit-keyframes glitch-anim{0%{clip:rect(30px,9999px,42px,0);-webkit-transform:skew(.85deg);transform:skew(.85deg)}5%{clip:rect(59px,9999px,21px,0);-webkit-transform:skew(.34deg);transform:skew(.34deg)}10%{clip:rect(99px,9999px,15px,0);-webkit-transform:skew(.01deg);transform:skew(.01deg)}15%{clip:rect(25px,9999px,61px,0);-webkit-transform:skew(.97deg);transform:skew(.97deg)}20%{clip:rect(35px,9999px,42px,0);-webkit-transform:skew(.94deg);transform:skew(.94deg)}25%{clip:rect(39px,9999px,62px,0);-webkit-transform:skew(.31deg);transform:skew(.31deg)}30%{clip:rect(62px,9999px,55px,0);-webkit-transform:skew(.9deg);transform:skew(.9deg)}35%{clip:rect(36px,9999px,31px,0);-webkit-transform:skew(.13deg);transform:skew(.13deg)}40%{clip:rect(27px,9999px,26px,0);-webkit-transform:skew(.01deg);transform:skew(.01deg)}45%{clip:rect(55px,9999px,9px,0);-webkit-transform:skew(.5deg);transform:skew(.5deg)}50%{clip:rect(69px,9999px,73px,0);-webkit-transform:skew(.85deg);transform:skew(.85deg)}55%{clip:rect(53px,9999px,89px,0);-webkit-transform:skew(.15deg);transform:skew(.15deg)}60%{clip:rect(20px,9999px,28px,0);-webkit-transform:skew(.62deg);transform:skew(.62deg)}65%{clip:rect(81px,9999px,28px,0);-webkit-transform:skew(.1deg);transform:skew(.1deg)}70%{clip:rect(54px,9999px,93px,0);-webkit-transform:skew(.3deg);transform:skew(.3deg)}75%{clip:rect(22px,9999px,6px,0);-webkit-transform:skew(.84deg);transform:skew(.84deg)}80%{clip:rect(23px,9999px,5px,0);-webkit-transform:skew(.55deg);transform:skew(.55deg)}85%{clip:rect(24px,9999px,76px,0);-webkit-transform:skew(.68deg);transform:skew(.68deg)}90%{clip:rect(3px,9999px,29px,0);-webkit-transform:skew(.48deg);transform:skew(.48deg)}95%{clip:rect(43px,9999px,95px,0);-webkit-transform:skew(.37deg);transform:skew(.37deg)}to{clip:rect(58px,9999px,66px,0);-webkit-transform:skew(.05deg);transform:skew(.05deg)}}@-moz-keyframes glitch-anim{0%{clip:rect(30px,9999px,42px,0);-moz-transform:skew(.85deg);transform:skew(.85deg)}5%{clip:rect(59px,9999px,21px,0);-moz-transform:skew(.34deg);transform:skew(.34deg)}10%{clip:rect(99px,9999px,15px,0);-moz-transform:skew(.01deg);transform:skew(.01deg)}15%{clip:rect(25px,9999px,61px,0);-moz-transform:skew(.97deg);transform:skew(.97deg)}20%{clip:rect(35px,9999px,42px,0);-moz-transform:skew(.94deg);transform:skew(.94deg)}25%{clip:rect(39px,9999px,62px,0);-moz-transform:skew(.31deg);transform:skew(.31deg)}30%{clip:rect(62px,9999px,55px,0);-moz-transform:skew(.9deg);transform:skew(.9deg)}35%{clip:rect(36px,9999px,31px,0);-moz-transform:skew(.13deg);transform:skew(.13deg)}40%{clip:rect(27px,9999px,26px,0);-moz-transform:skew(.01deg);transform:skew(.01deg)}45%{clip:rect(55px,9999px,9px,0);-moz-transform:skew(.5deg);transform:skew(.5deg)}50%{clip:rect(69px,9999px,73px,0);-moz-transform:skew(.85deg);transform:skew(.85deg)}55%{clip:rect(53px,9999px,89px,0);-moz-transform:skew(.15deg);transform:skew(.15deg)}60%{clip:rect(20px,9999px,28px,0);-moz-transform:skew(.62deg);transform:skew(.62deg)}65%{clip:rect(81px,9999px,28px,0);-moz-transform:skew(.1deg);transform:skew(.1deg)}70%{clip:rect(54px,9999px,93px,0);-moz-transform:skew(.3deg);transform:skew(.3deg)}75%{clip:rect(22px,9999px,6px,0);-moz-transform:skew(.84deg);transform:skew(.84deg)}80%{clip:rect(23px,9999px,5px,0);-moz-transform:skew(.55deg);transform:skew(.55deg)}85%{clip:rect(24px,9999px,76px,0);-moz-transform:skew(.68deg);transform:skew(.68deg)}90%{clip:rect(3px,9999px,29px,0);-moz-transform:skew(.48deg);transform:skew(.48deg)}95%{clip:rect(43px,9999px,95px,0);-moz-transform:skew(.37deg);transform:skew(.37deg)}to{clip:rect(58px,9999px,66px,0);-moz-transform:skew(.05deg);transform:skew(.05deg)}}@keyframes glitch-anim{0%{clip:rect(30px,9999px,42px,0);-webkit-transform:skew(.85deg);-moz-transform:skew(.85deg);-o-transform:skew(.85deg);transform:skew(.85deg)}5%{clip:rect(59px,9999px,21px,0);-webkit-transform:skew(.34deg);-moz-transform:skew(.34deg);-o-transform:skew(.34deg);transform:skew(.34deg)}10%{clip:rect(99px,9999px,15px,0);-webkit-transform:skew(.01deg);-moz-transform:skew(.01deg);-o-transform:skew(.01deg);transform:skew(.01deg)}15%{clip:rect(25px,9999px,61px,0);-webkit-transform:skew(.97deg);-moz-transform:skew(.97deg);-o-transform:skew(.97deg);transform:skew(.97deg)}20%{clip:rect(35px,9999px,42px,0);-webkit-transform:skew(.94deg);-moz-transform:skew(.94deg);-o-transform:skew(.94deg);transform:skew(.94deg)}25%{clip:rect(39px,9999px,62px,0);-webkit-transform:skew(.31deg);-moz-transform:skew(.31deg);-o-transform:skew(.31deg);transform:skew(.31deg)}30%{clip:rect(62px,9999px,55px,0);-webkit-transform:skew(.9deg);-moz-transform:skew(.9deg);-o-transform:skew(.9deg);transform:skew(.9deg)}35%{clip:rect(36px,9999px,31px,0);-webkit-transform:skew(.13deg);-moz-transform:skew(.13deg);-o-transform:skew(.13deg);transform:skew(.13deg)}40%{clip:rect(27px,9999px,26px,0);-webkit-transform:skew(.01deg);-moz-transform:skew(.01deg);-o-transform:skew(.01deg);transform:skew(.01deg)}45%{clip:rect(55px,9999px,9px,0);-webkit-transform:skew(.5deg);-moz-transform:skew(.5deg);-o-transform:skew(.5deg);transform:skew(.5deg)}50%{clip:rect(69px,9999px,73px,0);-webkit-transform:skew(.85deg);-moz-transform:skew(.85deg);-o-transform:skew(.85deg);transform:skew(.85deg)}55%{clip:rect(53px,9999px,89px,0);-webkit-transform:skew(.15deg);-moz-transform:skew(.15deg);-o-transform:skew(.15deg);transform:skew(.15deg)}60%{clip:rect(20px,9999px,28px,0);-webkit-transform:skew(.62deg);-moz-transform:skew(.62deg);-o-transform:skew(.62deg);transform:skew(.62deg)}65%{clip:rect(81px,9999px,28px,0);-webkit-transform:skew(.1deg);-moz-transform:skew(.1deg);-o-transform:skew(.1deg);transform:skew(.1deg)}70%{clip:rect(54px,9999px,93px,0);-webkit-transform:skew(.3deg);-moz-transform:skew(.3deg);-o-transform:skew(.3deg);transform:skew(.3deg)}75%{clip:rect(22px,9999px,6px,0);-webkit-transform:skew(.84deg);-moz-transform:skew(.84deg);-o-transform:skew(.84deg);transform:skew(.84deg)}80%{clip:rect(23px,9999px,5px,0);-webkit-transform:skew(.55deg);-moz-transform:skew(.55deg);-o-transform:skew(.55deg);transform:skew(.55deg)}85%{clip:rect(24px,9999px,76px,0);-webkit-transform:skew(.68deg);-moz-transform:skew(.68deg);-o-transform:skew(.68deg);transform:skew(.68deg)}90%{clip:rect(3px,9999px,29px,0);-webkit-transform:skew(.48deg);-moz-transform:skew(.48deg);-o-transform:skew(.48deg);transform:skew(.48deg)}95%{clip:rect(43px,9999px,95px,0);-webkit-transform:skew(.37deg);-moz-transform:skew(.37deg);-o-transform:skew(.37deg);transform:skew(.37deg)}to{clip:rect(58px,9999px,66px,0);-webkit-transform:skew(.05deg);-moz-transform:skew(.05deg);-o-transform:skew(.05deg);transform:skew(.05deg)}}@-webkit-keyframes glitch-anim2{0%{clip:rect(66px,9999px,28px,0);-webkit-transform:skew(.12deg);transform:skew(.12deg)}5%{clip:rect(85px,9999px,40px,0);-webkit-transform:skew(.7deg);transform:skew(.7deg)}10%{clip:rect(14px,9999px,33px,0);-webkit-transform:skew(.81deg);transform:skew(.81deg)}15%{clip:rect(48px,9999px,76px,0);-webkit-transform:skew(.57deg);transform:skew(.57deg)}20%{clip:rect(77px,9999px,16px,0);-webkit-transform:skew(.4deg);transform:skew(.4deg)}25%{clip:rect(15px,9999px,43px,0);-webkit-transform:skew(.27deg);transform:skew(.27deg)}30%{clip:rect(33px,9999px,11px,0);-webkit-transform:skew(.84deg);transform:skew(.84deg)}35%{clip:rect(50px,9999px,51px,0);-webkit-transform:skew(.16deg);transform:skew(.16deg)}40%{clip:rect(52px,9999px,11px,0);-webkit-transform:skew(.21deg);transform:skew(.21deg)}45%{clip:rect(39px,9999px,58px,0);-webkit-transform:skew(.98deg);transform:skew(.98deg)}50%{clip:rect(88px,9999px,42px,0);-webkit-transform:skew(.42deg);transform:skew(.42deg)}55%{clip:rect(98px,9999px,11px,0);-webkit-transform:skew(.51deg);transform:skew(.51deg)}60%{clip:rect(73px,9999px,73px,0);-webkit-transform:skew(.81deg);transform:skew(.81deg)}65%{clip:rect(82px,9999px,59px,0);-webkit-transform:skew(1deg);transform:skew(1deg)}70%{clip:rect(64px,9999px,84px,0);-webkit-transform:skew(.94deg);transform:skew(.94deg)}75%{clip:rect(41px,9999px,44px,0);-webkit-transform:skew(.38deg);transform:skew(.38deg)}80%{clip:rect(23px,9999px,35px,0);-webkit-transform:skew(.54deg);transform:skew(.54deg)}85%{clip:rect(20px,9999px,100px,0);-webkit-transform:skew(.76deg);transform:skew(.76deg)}90%{clip:rect(9px,9999px,96px,0);-webkit-transform:skew(.64deg);transform:skew(.64deg)}95%{clip:rect(29px,9999px,82px,0);-webkit-transform:skew(.47deg);transform:skew(.47deg)}to{clip:rect(15px,9999px,94px,0);-webkit-transform:skew(.76deg);transform:skew(.76deg)}}@-moz-keyframes glitch-anim2{0%{clip:rect(66px,9999px,28px,0);-moz-transform:skew(.12deg);transform:skew(.12deg)}5%{clip:rect(85px,9999px,40px,0);-moz-transform:skew(.7deg);transform:skew(.7deg)}10%{clip:rect(14px,9999px,33px,0);-moz-transform:skew(.81deg);transform:skew(.81deg)}15%{clip:rect(48px,9999px,76px,0);-moz-transform:skew(.57deg);transform:skew(.57deg)}20%{clip:rect(77px,9999px,16px,0);-moz-transform:skew(.4deg);transform:skew(.4deg)}25%{clip:rect(15px,9999px,43px,0);-moz-transform:skew(.27deg);transform:skew(.27deg)}30%{clip:rect(33px,9999px,11px,0);-moz-transform:skew(.84deg);transform:skew(.84deg)}35%{clip:rect(50px,9999px,51px,0);-moz-transform:skew(.16deg);transform:skew(.16deg)}40%{clip:rect(52px,9999px,11px,0);-moz-transform:skew(.21deg);transform:skew(.21deg)}45%{clip:rect(39px,9999px,58px,0);-moz-transform:skew(.98deg);transform:skew(.98deg)}50%{clip:rect(88px,9999px,42px,0);-moz-transform:skew(.42deg);transform:skew(.42deg)}55%{clip:rect(98px,9999px,11px,0);-moz-transform:skew(.51deg);transform:skew(.51deg)}60%{clip:rect(73px,9999px,73px,0);-moz-transform:skew(.81deg);transform:skew(.81deg)}65%{clip:rect(82px,9999px,59px,0);-moz-transform:skew(1deg);transform:skew(1deg)}70%{clip:rect(64px,9999px,84px,0);-moz-transform:skew(.94deg);transform:skew(.94deg)}75%{clip:rect(41px,9999px,44px,0);-moz-transform:skew(.38deg);transform:skew(.38deg)}80%{clip:rect(23px,9999px,35px,0);-moz-transform:skew(.54deg);transform:skew(.54deg)}85%{clip:rect(20px,9999px,100px,0);-moz-transform:skew(.76deg);transform:skew(.76deg)}90%{clip:rect(9px,9999px,96px,0);-moz-transform:skew(.64deg);transform:skew(.64deg)}95%{clip:rect(29px,9999px,82px,0);-moz-transform:skew(.47deg);transform:skew(.47deg)}to{clip:rect(15px,9999px,94px,0);-moz-transform:skew(.76deg);transform:skew(.76deg)}}@keyframes glitch-anim2{0%{clip:rect(66px,9999px,28px,0);-webkit-transform:skew(.12deg);-moz-transform:skew(.12deg);-o-transform:skew(.12deg);transform:skew(.12deg)}5%{clip:rect(85px,9999px,40px,0);-webkit-transform:skew(.7deg);-moz-transform:skew(.7deg);-o-transform:skew(.7deg);transform:skew(.7deg)}10%{clip:rect(14px,9999px,33px,0);-webkit-transform:skew(.81deg);-moz-transform:skew(.81deg);-o-transform:skew(.81deg);transform:skew(.81deg)}15%{clip:rect(48px,9999px,76px,0);-webkit-transform:skew(.57deg);-moz-transform:skew(.57deg);-o-transform:skew(.57deg);transform:skew(.57deg)}20%{clip:rect(77px,9999px,16px,0);-webkit-transform:skew(.4deg);-moz-transform:skew(.4deg);-o-transform:skew(.4deg);transform:skew(.4deg)}25%{clip:rect(15px,9999px,43px,0);-webkit-transform:skew(.27deg);-moz-transform:skew(.27deg);-o-transform:skew(.27deg);transform:skew(.27deg)}30%{clip:rect(33px,9999px,11px,0);-webkit-transform:skew(.84deg);-moz-transform:skew(.84deg);-o-transform:skew(.84deg);transform:skew(.84deg)}35%{clip:rect(50px,9999px,51px,0);-webkit-transform:skew(.16deg);-moz-transform:skew(.16deg);-o-transform:skew(.16deg);transform:skew(.16deg)}40%{clip:rect(52px,9999px,11px,0);-webkit-transform:skew(.21deg);-moz-transform:skew(.21deg);-o-transform:skew(.21deg);transform:skew(.21deg)}45%{clip:rect(39px,9999px,58px,0);-webkit-transform:skew(.98deg);-moz-transform:skew(.98deg);-o-transform:skew(.98deg);transform:skew(.98deg)}50%{clip:rect(88px,9999px,42px,0);-webkit-transform:skew(.42deg);-moz-transform:skew(.42deg);-o-transform:skew(.42deg);transform:skew(.42deg)}55%{clip:rect(98px,9999px,11px,0);-webkit-transform:skew(.51deg);-moz-transform:skew(.51deg);-o-transform:skew(.51deg);transform:skew(.51deg)}60%{clip:rect(73px,9999px,73px,0);-webkit-transform:skew(.81deg);-moz-transform:skew(.81deg);-o-transform:skew(.81deg);transform:skew(.81deg)}65%{clip:rect(82px,9999px,59px,0);-webkit-transform:skew(1deg);-moz-transform:skew(1deg);-o-transform:skew(1deg);transform:skew(1deg)}70%{clip:rect(64px,9999px,84px,0);-webkit-transform:skew(.94deg);-moz-transform:skew(.94deg);-o-transform:skew(.94deg);transform:skew(.94deg)}75%{clip:rect(41px,9999px,44px,0);-webkit-transform:skew(.38deg);-moz-transform:skew(.38deg);-o-transform:skew(.38deg);transform:skew(.38deg)}80%{clip:rect(23px,9999px,35px,0);-webkit-transform:skew(.54deg);-moz-transform:skew(.54deg);-o-transform:skew(.54deg);transform:skew(.54deg)}85%{clip:rect(20px,9999px,100px,0);-webkit-transform:skew(.76deg);-moz-transform:skew(.76deg);-o-transform:skew(.76deg);transform:skew(.76deg)}90%{clip:rect(9px,9999px,96px,0);-webkit-transform:skew(.64deg);-moz-transform:skew(.64deg);-o-transform:skew(.64deg);transform:skew(.64deg)}95%{clip:rect(29px,9999px,82px,0);-webkit-transform:skew(.47deg);-moz-transform:skew(.47deg);-o-transform:skew(.47deg);transform:skew(.47deg)}to{clip:rect(15px,9999px,94px,0);-webkit-transform:skew(.76deg);-moz-transform:skew(.76deg);-o-transform:skew(.76deg);transform:skew(.76deg)}}@-webkit-keyframes glitch-skew{0%{-webkit-transform:skew(2deg);transform:skew(2deg)}10%{-webkit-transform:skew(4deg);transform:skew(4deg)}20%{-webkit-transform:skew(4deg);transform:skew(4deg)}30%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}40%{-webkit-transform:skew(4deg);transform:skew(4deg)}50%{-webkit-transform:skew(2deg);transform:skew(2deg)}60%{-webkit-transform:skew(-3deg);transform:skew(-3deg)}70%{-webkit-transform:skew(-1deg);transform:skew(-1deg)}80%{-webkit-transform:skew(-3deg);transform:skew(-3deg)}90%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}to{-webkit-transform:skew(-2deg);transform:skew(-2deg)}}@-moz-keyframes glitch-skew{0%{-moz-transform:skew(2deg);transform:skew(2deg)}10%{-moz-transform:skew(4deg);transform:skew(4deg)}20%{-moz-transform:skew(4deg);transform:skew(4deg)}30%{-moz-transform:skew(-2deg);transform:skew(-2deg)}40%{-moz-transform:skew(4deg);transform:skew(4deg)}50%{-moz-transform:skew(2deg);transform:skew(2deg)}60%{-moz-transform:skew(-3deg);transform:skew(-3deg)}70%{-moz-transform:skew(-1deg);transform:skew(-1deg)}80%{-moz-transform:skew(-3deg);transform:skew(-3deg)}90%{-moz-transform:skew(-2deg);transform:skew(-2deg)}to{-moz-transform:skew(-2deg);transform:skew(-2deg)}}@keyframes glitch-skew{0%{-webkit-transform:skew(2deg);-moz-transform:skew(2deg);-o-transform:skew(2deg);transform:skew(2deg)}10%{-webkit-transform:skew(4deg);-moz-transform:skew(4deg);-o-transform:skew(4deg);transform:skew(4deg)}20%{-webkit-transform:skew(4deg);-moz-transform:skew(4deg);-o-transform:skew(4deg);transform:skew(4deg)}30%{-webkit-transform:skew(-2deg);-moz-transform:skew(-2deg);-o-transform:skew(-2deg);transform:skew(-2deg)}40%{-webkit-transform:skew(4deg);-moz-transform:skew(4deg);-o-transform:skew(4deg);transform:skew(4deg)}50%{-webkit-transform:skew(2deg);-moz-transform:skew(2deg);-o-transform:skew(2deg);transform:skew(2deg)}60%{-webkit-transform:skew(-3deg);-moz-transform:skew(-3deg);-o-transform:skew(-3deg);transform:skew(-3deg)}70%{-webkit-transform:skew(-1deg);-moz-transform:skew(-1deg);-o-transform:skew(-1deg);transform:skew(-1deg)}80%{-webkit-transform:skew(-3deg);-moz-transform:skew(-3deg);-o-transform:skew(-3deg);transform:skew(-3deg)}90%{-webkit-transform:skew(-2deg);-moz-transform:skew(-2deg);-o-transform:skew(-2deg);transform:skew(-2deg)}to{-webkit-transform:skew(-2deg);-moz-transform:skew(-2deg);-o-transform:skew(-2deg);transform:skew(-2deg)}}.posters{margin:0 auto;max-width:198rem;-webkit-box-flex:1 1 auto;-webkit-flex-grow:1 1 auto;-moz-box-flex:1 1 auto;flex-grow:1 1 auto;color:inherit}.posters__container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start;-webkit-align-content:stretch;align-content:stretch;border:1px dashed #000;padding:1rem}@media only screen and (max-width:180rem) and (min-width:160rem){.posters .poster{-webkit-flex-basis:11.11111111%;flex-basis:11.11111111%}}@media only screen and (max-width:160rem) and (min-width:140rem){.posters .poster{-webkit-flex-basis:12.5%;flex-basis:12.5%}}@media only screen and (max-width:140rem) and (min-width:120rem){.posters .poster{-webkit-flex-basis:14.28571429%;flex-basis:14.28571429%}}@media only screen and (max-width:120rem) and (min-width:100rem){.posters .poster{-webkit-flex-basis:16.66666667%;flex-basis:16.66666667%}}@media only screen and (max-width:100rem) and (min-width:80rem){.posters .poster{-webkit-flex-basis:20%;flex-basis:20%}}@media only screen and (max-width:80rem) and (min-width:60rem){.posters .poster{-webkit-flex-basis:25%;flex-basis:25%}}@media only screen and (max-width:60rem) and (min-width:40rem){.posters .poster{-webkit-flex-basis:33.33333333%;flex-basis:33.33333333%}}@media only screen and (max-width:40rem) and (min-width:20rem){.posters .poster{-webkit-flex-basis:50%;flex-basis:50%}}@media only screen and (max-width:20rem) and (min-width:0rem){.posters .poster{-webkit-flex-basis:100%;flex-basis:100%}}.posters__image{display:block;aspect-ratio:2/3;margin:0;width:100%;height:auto;padding:1rem}.posters .genre__12 h2{font-family:Eczar,serif}.posters .genre__12 img{outline-style:double;outline-width:.3rem}.posters .genre__16 .poster__image{position:relative;padding:.5rem}.posters .genre__16 .poster__image:before{content:"";position:absolute;top:.7rem;left:.7rem;width:-webkit-calc(100% - 1.4rem);width:-moz-calc(100% - 1.4rem);width:calc(100% - 1.4rem);height:-webkit-calc(100% - 2.4rem);height:-moz-calc(100% - 2.4rem);height:calc(100% - 2.4rem);background:-webkit-linear-gradient(125deg,transparent 90%,#fff);background:-moz-linear-gradient(125deg,transparent 90%,#fff);background:linear-gradient(325deg,transparent 90%,#fff);z-index:1;-moz-border-radius-topleft:255px 15px;border-top-left-radius:255px 15px;-moz-border-radius-topright:15px 225px;border-top-right-radius:15px 225px;-moz-border-radius-bottomright:225px 15px;border-bottom-right-radius:225px 15px;-moz-border-radius-bottomleft:15px 255px;border-bottom-left-radius:15px 255px}.posters .genre__16 .poster__image:after{display:none}.posters .genre__16 img{-webkit-filter:brightness(120%) contrast(120%);filter:brightness(120%) contrast(120%);-moz-border-radius:1rem;border-radius:1rem;outline:none;-moz-border-radius-topleft:255px 15px;border-top-left-radius:255px 15px;-moz-border-radius-topright:15px 225px;border-top-right-radius:15px 225px;-moz-border-radius-bottomright:225px 15px;border-bottom-right-radius:225px 15px;-moz-border-radius-bottomleft:15px 255px;border-bottom-left-radius:15px 255px;border:3px solid #000}.posters .genre__16 h2{font-family:Permanent Marker,cursive}.posters .genre__9648{-webkit-mask-image:url(/images/distressed_2.png);mask-image:url(/images/distressed_2.png)}.posters .genre__9648 img{-webkit-filter:grayscale(50%) sepia(25%) brightness(120%) contrast(50%);filter:grayscale(50%) sepia(25%) brightness(120%) contrast(50%)}.posters .genre__9648 h2{font-family:Bebas Neue,serif}.posters .genre__27{-webkit-mask-image:url(/images/distressed_3.png);mask-image:url(/images/distressed_3.png)}.posters .genre__27 h2{font-family:Creepster,cursive}.posters .genre__878 .poster__image{position:relative;color:rgba(0,0,0,.1)}.posters .genre__878 .poster__image:after{position:absolute;content:"";top:1em;left:1em;background-color:transparent;background-image:-webkit-linear-gradient(135deg,transparent 25%,transparent 0,transparent 75%,currentColor 0,currentColor),-webkit-linear-gradient(135deg,currentColor 25%,transparent 0,transparent 75%,transparent 0,transparent);background-image:-moz-linear-gradient(135deg,transparent 25%,transparent 0,transparent 75%,currentColor 0,currentColor),-moz-linear-gradient(135deg,currentColor 25%,transparent 0,transparent 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,transparent 25%,transparent 0,transparent 75%,currentColor 0,currentColor),linear-gradient(-45deg,currentColor 25%,transparent 0,transparent 75%,transparent 0,transparent);background-size:4px 4px;background-position:0 0,2px 2px;background-repeat:repeat;width:-webkit-calc(100% - 2rem);width:-moz-calc(100% - 2rem);width:calc(100% - 2rem);height:-webkit-calc(100% - 3rem);height:-moz-calc(100% - 3rem);height:calc(100% - 3rem);z-index:2}.posters .genre__878 img{-webkit-filter:brightness(120%) contrast(50%);filter:brightness(120%) contrast(50%)}.posters .genre__878 h2{font-family:Press Start\ 2P,cursive;font-size:1.8rem;line-height:1.2}.posters .genre__53{-webkit-mask-image:url(/images/distressed_1.png);mask-image:url(/images/distressed_1.png)}.posters .genre__53 h2{font-family:Bebas Neue,serif;font-size:2.4rem}.posters__wrapper{margin:1em;-webkit-mask-size:cover;mask-size:cover}.posters__footer{padding:1rem}.posters img{display:block;aspect-ratio:inherit;width:100%;height:auto;outline:1px dashed #333;outline-offset:.9rem}.posters h2{color:inherit;font-size:2.4rem;margin:.2em 0 0;line-height:.8}.posters .stars{margin-left:-.3rem;color:inherit;font-size:1.4rem;white-space:nowrap}.posters .stars:before{content:"[★ ";font-size:120%}.posters .stars:after{content:attr(data-text) "]";font-size:1.4rem}.poster{-webkit-box-flex:1 1 auto;-webkit-flex-grow:1 1 auto;-moz-box-flex:1 1 auto;flex-grow:1 1 auto;color:inherit}.poster__image{display:block;aspect-ratio:2/3;margin:0;width:100%;height:auto;padding:1rem}.poster .genre__12 h2{font-family:Eczar,serif}.poster .genre__12 img{outline-style:double;outline-width:.3rem}.poster .genre__16 .poster__image{position:relative;padding:.5rem}.poster .genre__16 .poster__image:before{content:"";position:absolute;top:.7rem;left:.7rem;width:-webkit-calc(100% - 1.4rem);width:-moz-calc(100% - 1.4rem);width:calc(100% - 1.4rem);height:-webkit-calc(100% - 2.4rem);height:-moz-calc(100% - 2.4rem);height:calc(100% - 2.4rem);background:-webkit-linear-gradient(125deg,transparent 90%,#fff);background:-moz-linear-gradient(125deg,transparent 90%,#fff);background:linear-gradient(325deg,transparent 90%,#fff);z-index:1;-moz-border-radius-topleft:255px 15px;border-top-left-radius:255px 15px;-moz-border-radius-topright:15px 225px;border-top-right-radius:15px 225px;-moz-border-radius-bottomright:225px 15px;border-bottom-right-radius:225px 15px;-moz-border-radius-bottomleft:15px 255px;border-bottom-left-radius:15px 255px}.poster .genre__16 .poster__image:after{display:none}.poster .genre__16 img{-webkit-filter:brightness(120%) contrast(120%);filter:brightness(120%) contrast(120%);-moz-border-radius:1rem;border-radius:1rem;outline:none;-moz-border-radius-topleft:255px 15px;border-top-left-radius:255px 15px;-moz-border-radius-topright:15px 225px;border-top-right-radius:15px 225px;-moz-border-radius-bottomright:225px 15px;border-bottom-right-radius:225px 15px;-moz-border-radius-bottomleft:15px 255px;border-bottom-left-radius:15px 255px;border:3px solid #000}.poster .genre__16 h2{font-family:Permanent Marker,cursive}.poster .genre__9648{-webkit-mask-image:url(/images/distressed_2.png);mask-image:url(/images/distressed_2.png)}.poster .genre__9648 img{-webkit-filter:grayscale(50%) sepia(25%) brightness(120%) contrast(50%);filter:grayscale(50%) sepia(25%) brightness(120%) contrast(50%)}.poster .genre__9648 h2{font-family:Bebas Neue,serif}.poster .genre__27{-webkit-mask-image:url(/images/distressed_3.png);mask-image:url(/images/distressed_3.png)}.poster .genre__27 h2{font-family:Creepster,cursive}.poster .genre__878 .poster__image{position:relative;color:rgba(0,0,0,.1)}.poster .genre__878 .poster__image:after{position:absolute;content:"";top:1em;left:1em;background-color:transparent;background-image:-webkit-linear-gradient(135deg,transparent 25%,transparent 0,transparent 75%,currentColor 0,currentColor),-webkit-linear-gradient(135deg,currentColor 25%,transparent 0,transparent 75%,transparent 0,transparent);background-image:-moz-linear-gradient(135deg,transparent 25%,transparent 0,transparent 75%,currentColor 0,currentColor),-moz-linear-gradient(135deg,currentColor 25%,transparent 0,transparent 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,transparent 25%,transparent 0,transparent 75%,currentColor 0,currentColor),linear-gradient(-45deg,currentColor 25%,transparent 0,transparent 75%,transparent 0,transparent);background-size:4px 4px;background-position:0 0,2px 2px;background-repeat:repeat;width:-webkit-calc(100% - 2rem);width:-moz-calc(100% - 2rem);width:calc(100% - 2rem);height:-webkit-calc(100% - 3rem);height:-moz-calc(100% - 3rem);height:calc(100% - 3rem);z-index:2}.poster .genre__878 img{-webkit-filter:brightness(120%) contrast(50%);filter:brightness(120%) contrast(50%)}.poster .genre__878 h2{font-family:Press Start\ 2P,cursive;font-size:1.8rem;line-height:1.2}.poster .genre__53{-webkit-mask-image:url(/images/distressed_1.png);mask-image:url(/images/distressed_1.png)}.poster .genre__53 h2{font-family:Bebas Neue,serif;font-size:2.4rem}.poster__wrapper{margin:1em;-webkit-mask-size:cover;mask-size:cover}.poster__footer{padding:1rem}.poster img{display:block;aspect-ratio:inherit;width:100%;height:auto;outline:1px dashed #333;outline-offset:.9rem}.poster h2{color:inherit;font-size:2.4rem;margin:.2em 0 0;line-height:.8}.poster .stars{margin-left:-.3rem;color:inherit;font-size:1.4rem;white-space:nowrap}.poster .stars:before{content:"[★ ";font-size:120%}.poster .stars:after{content:attr(data-text) "]";font-size:1.4rem}.pagination{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-content:center;align-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:2rem}.pagination .multiselect{-webkit-flex-shrink:1;flex-shrink:1;width:auto;font-size:1.2rem}.pagination a{-webkit-flex-shrink:1;flex-shrink:1;display:table-cell;vertical-align:middle;font-size:1.4rem;display:inline-block;padding:.25em 0;text-align:center;cursor:pointer;border:1px dotted grey;-moz-border-radius:.2em;border-radius:.2em;margin:.25em;width:2.2em;height:2.2em;-webkit-transition:all .2s;-o-transition:all .2s;-moz-transition:all .2s;transition:all .2s;position:relative}.pagination a:before{content:attr(data-text);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pagination a:hover{background:silver;border:1px dotted #000}.filters{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;outline:1px dashed #000;padding:1rem;margin-bottom:1rem}.filters .multiselect__single,.filters label{font-size:1.2rem}.filters .multiselect__option--selected,.filters .multiselect__option--selected.multiselect__option--highlight{background-color:silver}.filter__direction{width:60px}.filter__votes{-webkit-flex-basis:100%;flex-basis:100%;padding-bottom:1rem}.filter__genres{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;flex-grow:1}