text: (()=>{"use strict";var n={426:(n,r,e)=>{e.d(r,{Z:()=>c});var t=e(645),o=e.n(t),a=e(667),i=e.n(a),m=e(852),l=e(686),s=o()((function(n){return n[1]})),d=i()(m),g=i()(l.Z);s.push([n.id,"* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n/*FONT*/\r\n@font-face {\r\n    font-family: Righteous;\r\n    src: url("+d+");\r\n    font-weight: normal;\r\n    font-style: normal;\r\n}\r\n\r\nbody {\r\n    background-image:url("+g+"); \r\n    background-repeat: repeat;\r\n    font-family: 'Righteous', cursive;\r\n    overflow: hidden;\r\n}\r\n\r\n/* INTRO */\r\n.introContainer {\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin: 70% 0%;\r\n    color: black;\r\n}\r\n\r\n.introSubContainer {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    text-align: center;\r\n    animation: opacity 1s linear;\r\n}\r\n\r\n@keyframes opacity {\r\n    0% {opacity: 0;}\r\n    100% {opacity: 1;}\r\n}\r\n\r\n.introSubContainer h2 {\r\n    cursor: pointer;\r\n}\r\n\r\n.introLogo {\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n.introLogo img {\r\n    width: 7rem;\r\n    animation: moving 0.5s linear;\r\n}\r\n\r\n@keyframes moving {\r\n    0% {margin: 0rem 6rem; transform: rotateY(180deg);}\r\n    100% {margin: 0rem 0rem; transform: rotateY(0deg);}\r\n}\r\n\r\n/* MENU */\r\n.menuContainer {\r\n    display: flex;\r\n    justify-content: center;\r\n\r\n    position: fixed;\r\n    top: 1rem;\r\n    left: 1rem;\r\n    z-index: 3;\r\n}\r\n\r\n.menuSubContainer {\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n}\r\n\r\n.menuSubContainer h1 {\r\n    position: fixed;\r\n    left: 1.5rem;\r\n    line-height: 3.1rem;\r\n    font-size: 1.5rem;\r\n}\r\n\r\n.menuSubContainer img {\r\n    width: 3rem;\r\n    position: fixed;\r\n    right: 1.5rem;\r\n    cursor: pointer;\r\n}\r\n\r\n#buttonMenu {\r\n    animation: trans 0.6s linear;\r\n}\r\n\r\n@keyframes trans {\r\n    0% {transform: rotateY(90deg);}\r\n    100% {transform: rotateY(0deg);}\r\n}\r\n\r\n/* TAB MENU */\r\n.tabContainer {\r\n    background-image: url("+g+");\r\n    background-repeat: repeat;\r\n\r\n    display: flex;\r\n    justify-content: space-around;\r\n\r\n    position: fixed;\r\n    top: 0rem;\r\n    left: 0rem;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 2;\r\n\r\n    display: none;\r\n\r\n    animation: moveLeft 0.3s linear;\r\n}\r\n\r\n@keyframes moveLeft {\r\n    0% {left: 40rem;}\r\n    100% {left: 0rem;}\r\n}\r\n\r\n.tabSubContainer {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.tabSubContainer img {\r\n    width: 4rem;\r\n    margin: 7rem auto 1rem;\r\n    animation: rotation 1.5s infinite;\r\n}\r\n@keyframes rotation {\r\n    0%{transform: rotateY(0deg);}\r\n    50%{transform: rotateY(90deg);}\r\n    100%{transform: rotateY(0deg);}\r\n    \r\n}\r\n\r\n.tabSubContainer ul {\r\n    list-style-type: none;\r\n    line-height: 2.5rem;\r\n    font-size: 1.3rem;\r\n    cursor: pointer;\r\n}\r\n\r\n.tabSubContainer a:visited, \r\n.tabSubContainer a:link,\r\n.tabSubContainer a :active {  \r\n    color: black;\r\n    text-decoration: none;\r\n}\r\n\r\n.tabSubContainer a:hover {\r\n    color: white;\r\n}\r\n\r\n/* SAVED MOVIE */\r\n.savedContainer {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.savedSubContainer {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    text-align: center;\r\n    font-size: 1rem;\r\n    margin: 1rem 0.3rem;\r\n    cursor: pointer;\r\n}\r\n\r\n.savedSubContainer img {\r\n    width: 5rem;\r\n    margin: 1rem auto;\r\n    padding: 0.5rem;\r\n    border: 5px;\r\n}\r\n\r\n.savedSubContainer img:hover {\r\n    opacity: 0.7;\r\n}\r\n\r\n/* ALERT NETWORK */\r\n.alertContainer {\r\n    display: flex;\r\n    justify-content: center;\r\n    display: none;\r\n}\r\n\r\n.alertSubContainer {\r\n    display: flex;\r\n    text-align: center; \r\n    justify-content: center;   \r\n    position: fixed;\r\n    z-index: 2;\r\n    margin: 20%;\r\n    top: 20%;\r\n    background: rgb(138,24,107);\r\n    background: linear-gradient(45deg, rgba(138,24,107,1) 0%, rgba(156,0,0,1) 100%);\r\n    padding: 0.6rem;\r\n    border-radius: 5px;\r\n    opacity: 0.9;\r\n    animation: alerting 0.7s linear;\r\n}\r\n\r\n@keyframes alerting {\r\n    0%{transform: rotateX(90deg);}\r\n    100%{transform: rotateX(0deg);}\r\n}\r\n\r\n/* EXPLANATION */\r\n.expContainer {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    vertical-align: middle;\r\n\r\n    margin-bottom: 15rem;\r\n    \r\n    text-align: center;\r\n    font-size: 1.3rem;\r\n}\r\n\r\n.expAnimation1 {\r\n    animation: fadingEnter 3s linear;\r\n}\r\n\r\n@keyframes fadingEnter {\r\n    0% {transform: rotateY(90deg);}\r\n    20% {transform: rotateY(0deg);}\r\n    80% {transform: rotateY(0deg);}\r\n    100% {transform: rotateY(90deg);}\r\n}\r\n\r\n.expAnimation2 {\r\n    animation: fadingEnter2 3s linear;\r\n}\r\n\r\n@keyframes fadingEnter2 {\r\n    0% {transform: rotateY(90deg);}\r\n    20% {transform: rotateY(0deg);}\r\n    80% {transform: rotateY(0deg);}\r\n    100% {transform: rotateY(90deg);}\r\n}\r\n\r\n.expAnimation3 {\r\n    animation: fadingEnter3 3s linear;\r\n}\r\n\r\n@keyframes fadingEnter3 {\r\n    0% {transform: rotateY(90deg);}\r\n    20% {transform: rotateY(0deg);}\r\n    80% {transform: rotateY(0deg);}\r\n    100% {transform: rotateY(90deg);}\r\n}\r\n\r\n.expAnimation4 {\r\n    animation: fadingEnter 3s linear;\r\n}\r\n\r\n\r\n\r\n.expSubContainer {\r\n    margin: 11rem 3rem;\r\n}\r\n\r\n.expContainer img:first-child {\r\n    width: 5rem;\r\n    opacity: 1;\r\n    padding: 1rem;\r\n    animation: rotating 0.5s;\r\n}\r\n\r\n@keyframes rotating {\r\n    0% {transform: rotateY(90deg);}\r\n    100% {transform: rotateY(0deg);}\r\n}\r\n\r\n.expContainer img {\r\n    width: 0.7rem;\r\n    opacity: 0.5;\r\n}\r\n\r\n.buttonExp {\r\n    opacity: 0.8;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n    padding: 0.6rem;\r\n    margin: 0.3rem 7rem;\r\n    text-align: center;\r\n    font-size: 1.2rem;\r\n    background: rgb(106,24,138);\r\n    background: linear-gradient(45deg, rgba(106,24,138,1) 0%, rgba(154,0,156,1) 100%);\r\n}\r\n\r\n\r\n/* MAIN */\r\n.mainContainer {\r\n    display: flex;\r\n    justify-content: center;\r\n    text-align: center;\r\n}\r\n\r\n.mainSubContainer {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.mainSubContainer img {\r\n    width: 3rem;\r\n    margin: 5rem auto 1rem;\r\n}\r\n\r\n.search button {\r\n    font-family: 'Righteous', cursive;\r\n    text-align: center;\r\n    height: 2.5rem;\r\n    border-radius: 5px;\r\n    border: 0px;\r\n    width: 15rem;\r\n    cursor: pointer;\r\n}\r\n\r\n.search button:hover {\r\n    background-color: blueviolet;\r\n}\r\n\r\n.search button:focus {\r\n    border: 0px;\r\n}\r\n\r\n/* MOVIE CARD */\r\n.cardContainer {\r\n    display: flex;\r\n    justify-content: center;\r\n    display: none;\r\n}\r\n\r\n.cardSubContainer {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    text-align: center;\r\n}\r\n\r\n.cardSubContainer img {\r\n    width: 10rem;\r\n    border-radius: 5px;\r\n    margin: 1rem auto;\r\n}\r\n\r\n.cardSubContainer div {\r\n    margin: 1rem 2rem;\r\n    line-height: 1.5rem;\r\n}\r\n\r\n.posterContainer {\r\n    position: relative;\r\n    text-align: center;\r\n    color: rgb(201, 45, 45);\r\n}\r\n\r\n.posterContainer h4 {\r\n    display: none;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    line-height: 1.5rem;\r\n    z-index: 1;\r\n    cursor: pointer;\r\n}\r\n\r\n.overview {\r\n    text-align: left;\r\n}\r\n\r\n/* FOOTER */\r\n.footerContainer{\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.footerSubContainer {\r\n    display: flex;\r\n    justify-content: center;\r\n    position: absolute;\r\n    bottom: 1rem;\r\n}\r\n\r\n.footerSubContainer h3 {\r\n    text-align: center;\r\n    font-size: 0.6rem;\r\n    padding: 1rem;\r\n}\r\n\r\n/* MEDIA QUERIES */\r\n\r\n/* TABLET */\r\n@media only screen and (min-width: 760px) {\r\n\r\n/* INTRO */\r\n.introContainer {\r\n    margin: 40% 0% 60%;\r\n}\r\n\r\n.introLogo img {\r\n    width: 7rem;\r\n    animation: moving 0.7s linear;\r\n}\r\n\r\n@keyframes moving {\r\n    0% {margin: 0rem 15rem; transform: rotateY(180deg);}\r\n    100% {margin: 0rem 0rem; transform: rotateY(0deg);}\r\n}\r\n\r\n/* TAB MENU */\r\n.tabContainer {\r\n    animation: moveLeft 0.3s linear;\r\n}\r\n\r\n@keyframes moveLeft {\r\n    0% {left: 70rem;}\r\n    100% {left: 0rem;}\r\n}\r\n\r\n/* EXPLANATION */\r\n.expContainer {\r\n    margin-bottom: 30rem;\r\n    font-size: 1.5rem;\r\n}\r\n\r\n.buttonExp {\r\n    font-size: 1.2rem;\r\n    margin: 0.3rem 15rem;\r\n}\r\n\r\n/* MOVIE CARD */\r\n.cardSubContainer {\r\n    font-size: 1.4rem;\r\n}\r\n\r\n.cardSubContainer div {\r\n    margin: 1rem 4rem;\r\n    line-height: 2.3rem;\r\n}\r\n\r\n.cardSubContainer img {\r\n    width: 20rem;\r\n}\r\n\r\n/* FOOTER */\r\n.footerSubContainer h3 {\r\n    font-size: 0.7rem;\r\n}\r\n}\r\n\r\n/* TABLET PRO */\r\n@media only screen and (min-width: 1023px) {\r\n\r\n/* INTRO */\r\n.introContainer {\r\n    margin: 40% 0% 60%;\r\n    font-size: 2rem;\r\n}\r\n\r\n.introLogo img {\r\n    width: 10rem;\r\n}\r\n\r\n/* EXPLANATION */\r\n.expContainer {\r\n    margin-top: 10rem;\r\n    margin-bottom: 40rem;\r\n    font-size: 2.3rem;\r\n}\r\n\r\n.expContainer img {\r\n    width: 1rem;\r\n}\r\n\r\n.buttonExp {\r\n    font-size: 1.2rem;\r\n    margin: 0.3rem 19rem;\r\n}\r\n\r\n/* TAB MENU */\r\n.tabSubContainer img {\r\n    width: 6rem;\r\n    margin: 20rem auto 1rem;\r\n}\r\n\r\n.tabSubContainer ul {\r\n    line-height: 2.7rem;\r\n    font-size: 1.8rem;\r\n}\r\n\r\n/* MOVIE CARD */\r\n.cardSubContainer {\r\n    font-size: 1.7rem;\r\n}\r\n\r\n.cardSubContainer div {\r\n    line-height: 2.3rem;\r\n}\r\n\r\n.cardSubContainer img {\r\n    width: 25rem;\r\n}\r\n\r\n.posterContainer h4 {\r\n    font-size: 3rem;\r\n    line-height: 3rem;\r\n    padding: 0rem 5rem;\r\n    z-index: 1;\r\n}\r\n\r\n/* MAIN */\r\n.mainSubContainer img {\r\n    width: 5rem;\r\n    margin: 9rem auto 1rem;\r\n}\r\n\r\n.search button {\r\n    font-size: 1.3rem;\r\n    height: 3.5rem;\r\n    width: 17rem;\r\n}\r\n\r\n/* FOOTER */\r\n.footerSubContainer h3 {\r\n    font-size: 0.9rem;\r\n}\r\n}\r\n\r\n/* DESKTOP */\r\n@media only screen and (min-width: 1365px) {\r\n\r\n/* INTRO */\r\n.introContainer {\r\n    margin: 15% 0% 60%;\r\n    font-size: 0.7rem;\r\n}\r\n\r\n.introLogo img {\r\n    width: 5rem;\r\n    animation: moving 0.8s linear;\r\n}\r\n\r\n@keyframes moving {\r\n    0% {margin: 0rem 10rem; transform: rotateY(180deg);}\r\n    100% {margin: 0rem 0rem; transform: rotateY(0deg);}\r\n}\r\n\r\n/* MENU */\r\n.menuSubContainer h1 {\r\n    left: 1.5rem;\r\n    line-height: 2.3rem;\r\n    font-size: 1.3rem;\r\n}\r\n\r\n.menuSubContainer img {\r\n    width: 2.3rem;\r\n    right: 1.5rem;\r\n}\r\n\r\n/* TAB MENU */\r\n.tabContainer {\r\n    animation: moveLeft 0.4s linear;\r\n}\r\n\r\n@keyframes moveLeft {\r\n    0% {left: 90rem;}\r\n    100% {left: 0rem;}\r\n}\r\n\r\n/* EXPLANATION */\r\n.expContainer {\r\n    margin-top: 2rem;\r\n    margin-bottom: 40rem;\r\n    font-size: 1.2rem;\r\n}\r\n\r\n.expContainer img {\r\n    width: 0.7rem;\r\n}\r\n\r\n.buttonExp {\r\n    font-size: 1.2rem;\r\n    margin: 0.3rem 19rem;\r\n}\r\n\r\n/* TAB MENU */\r\n.tabSubContainer img {\r\n    width: 3.5rem;\r\n    margin: 13rem auto 0.5rem;\r\n}\r\n\r\n.tabSubContainer ul {\r\n    line-height: 2rem;\r\n    font-size: 1.1rem;\r\n}\r\n\r\n/* ALERT NETWORK*/\r\n.alertSubContainer {\r\n    margin: 10% 40%;\r\n}\r\n\r\n/* MAIN */\r\n.mainSubContainer img {\r\n    width: 3rem;\r\n    margin: 6rem auto 1rem;\r\n}\r\n\r\n.search button {\r\n    font-size: 0.8rem;\r\n    height: 2rem;\r\n    width: 13rem;\r\n}\r\n\r\n/* MOVIE CARD */\r\n.cardContainer {\r\n    display: flex;\r\n    justify-content: left;\r\n    display: none;\r\n}\r\n\r\n.cardSubContainer {\r\n    display: flex;\r\n    justify-content: left;\r\n    flex-direction: row;\r\n    text-align: left;\r\n    margin: 1rem;\r\n}\r\n\r\n.cardSubContainer img {\r\n    width: 17rem;\r\n    border-radius: 5px;\r\n    margin: 0rem auto;\r\n}\r\n\r\n.cardSubContainer div {\r\n    margin: 0rem 1rem;\r\n    line-height: 1.7rem;\r\n    font-size: 0.9rem;\r\n}\r\n\r\n.posterContainer h4 {\r\n    font-size: 1rem;\r\n    line-height: 1.5rem;\r\n    padding: 0rem 2rem;\r\n}\r\n\r\n/* FOOTER */\r\n.footerSubContainer h3 {\r\n    font-size: 0.6rem;\r\n    padding: 0.4rem;\r\n}\r\n}\r\n\r\n/* DESKTOP PLUS */\r\n@media only screen and (min-width: 1919px) {\r\n\r\n/* INTRO */\r\n.introContainer {\r\n    margin: 20% 0% 60%;\r\n    font-size: 0.9rem;\r\n}\r\n\r\n.introLogo img {\r\n    width: 7rem;\r\n    animation: moving 0.8s linear;\r\n}\r\n\r\n@keyframes moving {\r\n    0% {margin: 0rem 10rem; transform: rotateY(180deg);}\r\n    100% {margin: 0rem 0rem; transform: rotateY(0deg);}\r\n}\r\n\r\n/* MENU */\r\n.menuSubContainer h1 {\r\n    left: 1.5rem;\r\n    line-height: 2.3rem;\r\n    font-size: 1.4rem;\r\n}\r\n\r\n.menuSubContainer img {\r\n    width: 2.5rem;\r\n    right: 1.5rem;\r\n}\r\n\r\n/* TAB MENU */\r\n.tabContainer {\r\n    animation: moveLeft 0.3s linear;\r\n}\r\n\r\n@keyframes moveLeft {\r\n    0% {left: 90rem;}\r\n    100% {left: 0rem;}\r\n}\r\n\r\n/* EXPLANATION */\r\n.expContainer {\r\n    margin-top: 5rem;\r\n    margin-bottom: 40rem;\r\n    font-size: 1.4rem;\r\n}\r\n\r\n.expContainer img {\r\n    width: 0.7rem;\r\n}\r\n\r\n.buttonExp {\r\n    font-size: 1.2rem;\r\n    margin: 0.3rem 19rem;\r\n}\r\n\r\n/* MAIN */\r\n.mainSubContainer img {\r\n    width: 3rem;\r\n    margin: 8rem auto 1rem;\r\n}\r\n\r\n.search button {\r\n    font-size: 0.9rem;\r\n    height: 2.3rem;\r\n    width: 14rem;\r\n}\r\n\r\n/* TAB MENU */\r\n.tabSubContainer img {\r\n    width: 4rem;\r\n    margin: 19rem auto 0.5rem;\r\n}\r\n\r\n.tabSubContainer ul {\r\n    line-height: 2.2rem;\r\n    font-size: 1.4rem;\r\n}\r\n\r\n/* MOVIE CARD */\r\n.cardContainer {\r\n    display: flex;\r\n    justify-content: left;\r\n    display: none;\r\n}\r\n\r\n.cardSubContainer {\r\n    display: flex;\r\n    justify-content: left;\r\n    flex-direction: row;\r\n    text-align: left;\r\n    margin: 1rem;\r\n}\r\n\r\n.cardSubContainer img {\r\n    width: 25rem;\r\n    border-radius: 5px;\r\n    margin: 0rem auto;\r\n}\r\n\r\n.cardSubContainer div {\r\n    margin: 0rem 1.3rem;\r\n    line-height: 2.3rem;\r\n    font-size: 1.3rem;\r\n}\r\n\r\n.posterContainer h4 {\r\n    font-size: 1.5rem;\r\n    line-height: 2.1rem;\r\n    padding: 0rem 0.7rem;\r\n}\r\n\r\n/* FOOTER */\r\n.footerSubContainer h3 {\r\n    font-size: 0.8rem;\r\n    padding: 0.4rem;\r\n}\r\n}",""]);const c=s},645:n=>{n.exports=function(n){var r=[];return r.toString=function(){return this.map((function(r){var e=n(r);return r[2]?"@media ".concat(r[2]," {").concat(e,"}"):e})).join("")},r.i=function(n,e,t){"string"==typeof n&&(n=[[null,n,""]]);var o={};if(t)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(o[i]=!0)}for(var m=0;m<n.length;m++){var l=[].concat(n[m]);t&&o[l[0]]||(e&&(l[2]?l[2]="".concat(e," and ").concat(l[2]):l[2]=e),r.push(l))}},r}},667:n=>{n.exports=function(n,r){return r||(r={}),"string"!=typeof(n=n&&n.__esModule?n.default:n)?n:(/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),r.hash&&(n+=r.hash),/["'() \t\n]/.test(n)||r.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n)}},686:(n,r,e)=>{e.d(r,{Z:()=>t});const t=e.p+"images/pattern-color.png"},379:n=>{var r=[];function e(n){for(var e=-1,t=0;t<r.length;t++)if(r[t].identifier===n){e=t;break}return e}function t(n,t){for(var a={},i=[],m=0;m<n.length;m++){var l=n[m],s=t.base?l[0]+t.base:l[0],d=a[s]||0,g="".concat(s," ").concat(d);a[s]=d+1;var c=e(g),u={css:l[1],media:l[2],sourceMap:l[3]};-1!==c?(r[c].references++,r[c].updater(u)):r.push({identifier:g,updater:o(u,t),references:1}),i.push(g)}return i}function o(n,r){var e=r.domAPI(r);return e.update(n),function(r){if(r){if(r.css===n.css&&r.media===n.media&&r.sourceMap===n.sourceMap)return;e.update(n=r)}else e.remove()}}n.exports=function(n,o){var a=t(n=n||[],o=o||{});return function(n){n=n||[];for(var i=0;i<a.length;i++){var m=e(a[i]);r[m].references--}for(var l=t(n,o),s=0;s<a.length;s++){var d=e(a[s]);0===r[d].references&&(r[d].updater(),r.splice(d,1))}a=l}}},569:n=>{var r={};n.exports=function(n,e){var t=function(n){if(void 0===r[n]){var e=document.querySelector(n);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(n){e=null}r[n]=e}return r[n]}(n);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");t.appendChild(e)}},216:n=>{n.exports=function(n){var r=document.createElement("style");return n.setAttributes(r,n.attributes),n.insert(r),r}},565:(n,r,e)=>{n.exports=function(n){var r=e.nc;r&&n.setAttribute("nonce",r)}},795:n=>{n.exports=function(n){var r=n.insertStyleElement(n);return{update:function(e){!function(n,r,e){var t=e.css,o=e.media,a=e.sourceMap;o?n.setAttribute("media",o):n.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),r.styleTagTransform(t,n)}(r,n,e)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(r)}}}},589:n=>{n.exports=function(n,r){if(r.styleSheet)r.styleSheet.cssText=n;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(n))}}},852:(n,r,e)=>{n.exports=e.p+"fd0110471f2228c1808a.ttf"}},r={};function e(t){var o=r[t];if(void 0!==o)return o.exports;var a=r[t]={id:t,exports:{}};return n[t](a,a.exports,e),a.exports}e.n=n=>{var r=n&&n.__esModule?()=>n.default:()=>n;return e.d(r,{a:r}),r},e.d=(n,r)=>{for(var t in r)e.o(r,t)&&!e.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:r[t]})},e.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(n){if("object"==typeof window)return window}}(),e.o=(n,r)=>Object.prototype.hasOwnProperty.call(n,r),(()=>{var n;e.g.importScripts&&(n=e.g.location+"");var r=e.g.document;if(!n&&r&&(r.currentScript&&(n=r.currentScript.src),!n)){var t=r.getElementsByTagName("script");t.length&&(n=t[t.length-1].src)}if(!n)throw new Error("Automatic publicPath is not supported in this browser");n=n.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),e.p=n})(),(()=>{var n=e(379),r=e.n(n),t=e(795),o=e.n(t),a=e(569),i=e.n(a),m=e(565),l=e.n(m),s=e(216),d=e.n(s),g=e(589),c=e.n(g),u=e(426),f={};f.styleTagTransform=c(),f.setAttributes=l(),f.insert=i().bind(null,"head"),f.domAPI=o(),f.insertStyleElement=d(),r()(u.Z,f),u.Z&&u.Z.locals&&u.Z.locals,e.p,e.p,e.p,e.p,e.p,e.p,e(686),e.p,e.p,e.p,e.p,e.p;let p=0;document.body.getElementsByClassName("buttonMenu")[0].onclick=function(){let n=++p%2;0==n?(document.body.getElementsByClassName("tabContainer")[0].style.display="none",document.getElementById("buttonMenu").src="./images/menu.png"):1==n&&(document.body.getElementsByClassName("tabContainer")[0].style.display="block",document.getElementById("buttonMenu").src="./images/menuClose.png")};let y=document.body.getElementsByClassName("introContainer")[0],C=document.body.getElementsByClassName("start")[0],b=document.body.getElementsByClassName("expSubContainer")[0],h=document.body.getElementsByClassName("expContainer")[0];C.onclick=function(){y.style.display="none",document.body.getElementsByClassName("expSubContainer")[0].classList.add("expAnimation1"),setTimeout((()=>{document.body.getElementsByClassName("expSubContainer")[0].classList.add("expAnimation2"),b.innerHTML='<img src="./images/logotipo.png" alt="logotipo"/>\n                                <p>I am here for this! I am WhathWatch and I will help you!</p>\n                                <img src="./images/square.png" alt="square"/>\n                                <img src="./images/square-colored.png" alt="square"/>\n                                <img src="./images/square.png" alt="square"/>\n                                <img src="./images/square.png" alt="square"/>'}),3e3),setTimeout((()=>{document.body.getElementsByClassName("expSubContainer")[0].classList.add("expAnimation3"),b.innerHTML='<img src="./images/logotipo.png" alt="logotipo"/>\n                                <p>Click on my button and i\'ll recommend to you a movie on a database of 600K&nbsp;</p>\n                                <img src="./images/square.png" alt="square"/>\n                                <img src="./images/square.png" alt="square"/>\n                                <img src="./images/square-colored.png" alt="square"/>\n                                <img src="./images/square.png" alt="square"/>'}),6e3),setTimeout((()=>{document.body.getElementsByClassName("expSubContainer")[0].classList.add("expAnimation4"),b.innerHTML='<img src="./images/logotipo.png" alt="logotipo"/>\n                                <p>Do you want to save the movie? Go to the menu and click "Save movie". Enjoy!</p>\n                                <img src="./images/square.png" alt="square"/>\n                                <img src="./images/square.png" alt="square"/>\n                                <img src="./images/square.png" alt="square"/>\n                                <img src="./images/square-colored.png" alt="square"/>'}),9e3),setTimeout((()=>{h.style.display="none"}),12e3)},document.body.getElementsByClassName("search")[0].onclick=async function n(){document.body.getElementsByClassName("cardContainer")[0].style.display="block",document.body.getElementsByClassName("footerSubContainer")[0].style.display="none",document.body.getElementsByClassName("alertContainer")[0].style.display="none",window.innerWidth<1364?document.body.style.overflowY="scroll":document.body.style.overflowY="hidden",window.innerWidth;let r=`/.netlify/functions/lambda?value=${Math.floor(664802*Math.random())}`,e=document.getElementById("title"),t=document.getElementById("imgCard"),o=document.getElementById("year"),a=document.getElementById("gen"),i=document.body.getElementsByClassName("overview")[0];try{const m=await fetch(r);if(m.ok){const n=await m.json(),r=await n.title;e.innerText=r||"No title found";const l=await n.poster_path;t.src=l?"https://image.tmdb.org/t/p/original"+l:"./images/poster-sample.png";const s=await n.genres;0!==s.length?(a.innerText="",s.map((n=>{a.append(`${n.name} `)}))):a.innerText="No genres found";const d=await n.release_date;o.innerText=d?d.substring(0,4):"No release date found";const g=await n.overview;0!==g.length?i.textContent=g:0==g.length&&(i.textContent="No overview found");const c=n.adult;1==c&&(t.style.filter="blur(7px)",document.body.getElementsByClassName("alertAdult")[0].style.display="block"),0==c&&setTimeout((()=>{t.style.filter="blur(0px)",document.body.getElementsByClassName("alertAdult")[0].style.display="none"}),400)}else m.ok||(n(),console.log("recall"))}catch(n){document.body.getElementsByClassName("alertContainer")[0].style.display="block",console.log("errore")}},document.body.getElementsByClassName("alertAdult")[0].addEventListener("click",(()=>{document.body.getElementsByClassName("alertAdult")[0].style.display="none",imgCard.style.filter="blur(0px)"}));let x=0;document.body.getElementsByClassName("storage")[0].onclick=function(){let n=++x;localStorage.setItem("countMovie",n),console.log(n),"undefined"!=typeof Storage&&(1==n?(localStorage.setItem("movie1",cardContainer.outerHTML),localStorage.setItem("infoPosterCard1",imgCard.src),localStorage.setItem("infoTitleCard1",title.innerText),document.getElementById("imgInfoCard1").src=localStorage.getItem("infoPosterCard1"),localStorage.getItem("infoTitleCard1").length>10?document.getElementById("titleInfoCard1").innerText=`${localStorage.getItem("infoTitleCard1").substring(0,7)}...`:localStorage.getItem("infoTitleCard1").length<10&&(document.getElementById("titleInfoCard1").innerText=localStorage.getItem("infoTitleCard1"))):2==n?(localStorage.setItem("movie2",cardContainer.outerHTML),localStorage.setItem("infoPosterCard2",imgCard.src),localStorage.setItem("infoTitleCard2",title.innerText),document.getElementById("imgInfoCard2").src=localStorage.getItem("infoPosterCard2"),localStorage.getItem("infoTitleCard2").length>10?document.getElementById("titleInfoCard2").innerText=`${localStorage.getItem("infoTitleCard2").substring(0,7)}...`:localStorage.getItem("infoTitleCard2").length<10&&(document.getElementById("titleInfoCard2").innerText=localStorage.getItem("infoTitleCard2"))):3==n?(localStorage.setItem("movie3",cardContainer.outerHTML),localStorage.setItem("infoPosterCard3",imgCard.src),localStorage.setItem("infoTitleCard3",title.innerText),document.getElementById("imgInfoCard3").src=localStorage.getItem("infoPosterCard3"),localStorage.getItem("infoTitleCard3").length>10?document.getElementById("titleInfoCard3").innerText=`${localStorage.getItem("infoTitleCard3").substring(0,7)}...`:localStorage.getItem("infoTitleCard3").length<10&&(document.getElementById("titleInfoCard3").innerText=localStorage.getItem("infoTitleCard3")),x=0,localStorage.setItem("countMovie",1)):alert(localStorage.getItem("Sorry, your browser does not support Web Storage...")))},localStorage.getItem("infoPosterCard1")?document.getElementById("imgInfoCard1").src=localStorage.getItem("infoPosterCard1"):document.getElementById("imgInfoCard1").src="./images/poster-sample.png",localStorage.getItem("infoTitleCard1").length>10?document.getElementById("titleInfoCard1").innerText=`${localStorage.getItem("infoTitleCard1").substring(0,7)}...`:localStorage.getItem("infoTitleCard1").length<10&&(document.getElementById("titleInfoCard1").innerText=localStorage.getItem("infoTitleCard1")),localStorage.getItem("infoPosterCard2")?document.getElementById("imgInfoCard2").src=localStorage.getItem("infoPosterCard2"):document.getElementById("imgInfoCard2").src="./images/poster-sample.png",localStorage.getItem("infoTitleCard2").length>10?document.getElementById("titleInfoCard2").innerText=`${localStorage.getItem("infoTitleCard2").substring(0,7)}...`:localStorage.getItem("infoTitleCard2").length<10&&(document.getElementById("titleInfoCard2").innerText=localStorage.getItem("infoTitleCard2")),localStorage.getItem("infoPosterCard3")?document.getElementById("imgInfoCard3").src=localStorage.getItem("infoPosterCard3"):document.getElementById("imgInfoCard3").src="./images/poster-sample.png",localStorage.getItem("infoTitleCard3").length>10?document.getElementById("titleInfoCard3").innerText=`${localStorage.getItem("infoTitleCard3").substring(0,7)}...`:localStorage.getItem("infoTitleCard3").length<10&&(document.getElementById("titleInfoCard3").innerText=localStorage.getItem("infoTitleCard3"))})()})();