@import"https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700";@import"https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i";._toggle-container_1qnja_1{z-index:2;display:flex;align-items:center;justify-content:center;transition:all .3s ease}._toggle_1qnja_1{display:none}._toggle_1qnja_1+label{width:3rem;display:flex;height:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;align-items:center;border-radius:1.5rem;background-color:var(--toggle-bg);transition:background-color .3s ease;-webkit-tap-highlight-color:transparent}._toggle_1qnja_1+label:before{top:0;left:0;content:"";width:100%;height:100%;position:absolute;border-radius:1.5rem;background-color:var(--toggle-bg);box-shadow:0 0 10px #0000001a;transition:background-color .3s ease-in-out}._toggle_1qnja_1+label:after{content:"";width:1rem;height:1rem;top:.25rem;left:.25rem;border-radius:50%;position:absolute;background-color:var(--toggle-fg);box-shadow:0 2px 5px #0003;transition:transform .3s ease-in-out,background-color .3s ease-in-out}._toggle_1qnja_1:checked+label{background-color:var(--toggle-bg)}._toggle_1qnja_1:checked+label:before{background-color:var(--toggle-bg)}._toggle_1qnja_1:checked+label:after{transform:translate(1.5rem);background-color:var(--toggle-fg)}._toggle-img_1qnja_66{top:50%;left:25%;z-index:2;width:1rem;height:1rem;position:absolute;object-fit:contain;content:var(--toggle-img);transform:translate(100%,-50%)}._toggle_1qnja_1:checked+label ._toggle-img_1qnja_66{transform:translate(-50%,-50%)}@media screen and (max-width: 600px){._toggle-container_1qnja_1{top:3rem;right:2.7rem}}@media screen and (max-width: 400px){._toggle-container_1qnja_1{top:3rem;right:2rem}}:root{--font-roboto: "Roboto Slab", serif;--font-raleway: "Raleway", sans-serif;--movie-hover-opacity: .3;--bg-color: hsl(204, 7%, 14%);--toggle-bg: hsl(250, 70%, 30%);--text-color: hsl(27, 85%, 84%);--toggle-fg: hsl(200, 100%, 60%);--input-bg-color: hsl(210, 6%, 13%);--movie-bg-color: hsl(204, 5%, 21%);--input-text-color: hsl(0, 0%, 63%);--hover-bg-color: hsl(220, 5%, 50%);--movie-title-color: h.sl(27, 85%, 84%);--movie-subtitle-color: hsl(0, 0%, 94%);--toggle-img: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEz0lEQVR4nO3d+4tVVRTA8VOW9pCIUqioUCl80EvTH7MhIghMf1IMgrBMkaIJ7YH0sCiKKAJLgigItfpBRCIV/ClKKVRiLMOKzLBmtNCyl2A0Nt9YuaDL2HjP3LPPWfv1+QPm7nXX3HP2Y+29iyLLsizLsiyLHDANeBn4ETgAzLJuU3KAs4DFwG5O1mvdvmQA5wGPAD8wtD7rdkYPOAO4FzhMe0us2xs14BZgD+VsA063bnPMj6fXgIGSyfgTmGLd7igBXcB+hudR63ZHBzgNeAg4PsxkfAWcad3+qACjgXV0Zp51+6MCjAF2dpiMHvllWccQDeDiIQZ4Zd1uHUM0gMs6eHm36s3vDnfJGAt8STWPu2pP0nSM8UnFZMj4ZIJ1LLF0bddT3cfWsURBBnC48aB1LLHMS/3tKCHTrOMJGnC+9opc+DlPIlYEvIU7m6u2J2nAbNx60TqmYAEjga8dJ+Ru67iCJb0h3LvROq4gARcCv9aQkGutYwsSsIJ6jLeOLTjAucBPNSVkrHV8wQHupz4XWccXnIprHO1cYR1fUIAZ1GuqdYxBAVbVnJAu6xhDm16Xouc63WUdZzCA6dTvees4gwE80UBC3rWOMxjA1gYS8q11nEEARgBHacY463i9B1xNcxZYx+s94M4GE7LWOl7vAc80mBCZRT7bOuaUlmnLmGsds9d0B1OTNlrH7DVgX8MJ6Qcut47bW7pXvGmvWMftLeB3g4Qcky0N1rF7SR8hFl6yjt1LuhPWQj9wjXX83im5sb8u2/LWNvte1mB5OmVQQj7D1lFgcpNPBa8BH2Bvd55S+S8hb+CH1fl9ciIhD+OP54rUAXPwy9IiZcAk/DIAPFAkvoR7BP+sTPadIhUh+GlNkr2vmousXXSJJxXhFBwu1qLDzk9bBa7Cb3/IljifH2HAxP8pp+qrktnv8N9WqZIpPCIH6QCP6ZLCYAer/OFnCUO/vvBN11Nkzz0wv83m2JUxdX/bkf/IV5suvtMdyncAn7ZtIVxX9cN2EJ5+OZRA/1tr65HJhiOtge4r2a4eFx8qPYSQ/Qa8AyysegyUjs9m6KncO0z25ev57AeJx37gPeAF4B7gZuB64Eo9plC2gE/QywFuAhbJ0jKwBfilwufKr2hk5YRoUpY5/EJStcxJMlq2Rlsu64ZOyqpGO0uIJkUORs46s8hpMlpuNqhzi3SspCs8wnlCWs5yL3uofsa/31VXbJXxIVtVazJazuktOxBK2T7nL/JTJGWmYblpCOS7uaGRZNRwTGyMuhtNRsvM5ibryD30duPJGDRg3G79DXjkI+Acs4RoUmTu5wvrb8IDnwMXFD6Q7WjA96TrG+vFsZMAlyQ6kt8DXFr4SH6y+hxNxU655qnwmb7oU+h9rZNYixBoxUo38BfxOQ486XP50ZBktBrZNEuvrDAWEVyltzaCWeI35aqOIhY6dV/2cmKfyO2jtxYx0oo+OdT/EP47IlsgkrjOT3ti3Q5v6nHpkL60/Rh1NwkYpWU227G3C1iS5FaHU1SKP13xxtDhOqA1wfmE7TbJmQLcB2zQi8NcVjG+DyyXGtsgxxLWOLHuIlWFt2mH4HXdR9+jy6SHtch6QF/EUmW5F/hQt1U/pYXQk/ONcFmWZVmWZUWC/gHzc89vOOCASgAAAABJRU5ErkJggg==);--input-box-shadow: 5px 5px 7px #1c1d1f, -5px -5px 7px #222527;--h1-color: linear-gradient(to right, #f9d3b4 0%, rgba(250, 213, 184, 0) 100%)}#light{--bg-color: hsl(0, 0%, 100%);--toggle-bg: hsl(27, 85%, 80%);--toggle-fg: hsl(30, 85%, 60%);--text-color: hsl(220, 5%, 12%);--movie-bg-color: hsl(0, 0%, 89%);--input-bg-color: hsl(0, 0%, 100%);--input-text-color: hsl(220, 5%, 12%);--movie-title-color: hsl(27, 85%, 30%);--movie-subtitle-color: hsl(220, 5%, 12%);--toggle-img: url(/assets/light-theme-Divl5Tn9.png);--gradient-transparent: hsla(27, 85%, 84%, .3);--input-box-shadow: 5px 5px 7px #d9d9d9, -5px -5px 7px #ffffff;--h1-color: linear-gradient(to right, #eaa23e 0%, #f9d3b44d 100%)}*{margin:0;border:0;box-sizing:border-box;transition:all .3s ease-in-out}body{font-family:var(--font-roboto)}body:has(#dark){color:var(--text-color);background-color:var(--bg-color)}.app{display:flex;padding:4rem 2rem;align-items:center;flex-direction:column;justify-content:center}#dark{background-color:var(--bg-color);color:var(--text-color)}#light{color:var(--text-color);background-color:var(--bg-color)}nav{gap:1rem;width:100%;display:flex;margin:0 1rem;justify-content:end}h1{font-size:3rem;text-align:center;letter-spacing:.9px;background:var(--h1-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:fit-content;transition:all 3s ease-in-out}.search{width:71%;margin:4rem 0 2rem;display:flex;align-items:center;justify-content:center;padding:1.5rem 1.75rem;border-radius:3rem;background:var(--input-bg-color);box-shadow:var(--input-box-shadow)}.search input{flex:1;border:none;font-size:1.5rem;font-family:var(--font-raleway);font-weight:500;padding-right:1rem;outline:none;color:var(--input-text-color);background:var(--input-bg-color)}.search img{width:35px;height:35px;cursor:pointer}.empty,.loading{width:100%;margin-top:3rem;display:flex;justify-content:center;align-items:center}.empty h2,.loading h2{font-size:1.25rem;color:var(--text-color);font-family:var(--font-raleway)}.container{width:100%;margin-top:3rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.movie{border:none;width:310px;height:460px;margin:1.5rem;overflow:hidden;position:relative;border-radius:12px;box-shadow:0 13px 10px -7px #0000001a;transition:all .4s cubic-bezier(.175,.885,0,1)}.movie div:nth-of-type(1){position:absolute;padding:16px;width:100%;opacity:0;top:0;color:var(--text-color)}.movie:hover{box-shadow:0 30px 18px -8px #0000001a;transform:scale(1.05)}.movie div:nth-of-type(2){width:100%;height:100%}.movie div:nth-of-type(2) img{height:100%;width:100%}.movie div:nth-of-type(3){left:0;right:0;bottom:0;z-index:2;position:absolute;padding:16px 24px 24px;background-color:var(--movie-bg-color)}.movie div:nth-of-type(3) span{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-family:var(--font-raleway);color:var(--movie-subtitle-color)}.movie div:nth-of-type(3) h3{margin-top:5px;font-family:var(--font-roboto);color:var(--movie-title-color)}.movie:hover div:nth-of-type(2){height:100%;opacity:var(--movie-hover-opacity)}.movie:hover div:nth-of-type(3){background-color:transparent}.movie:hover div:nth-of-type(1){opacity:1}@media screen and (max-width: 600px){.app{padding:4rem 2rem}.title{gap:1rem}.search{padding:1rem 1.75rem;width:100%}.search input{font-size:1rem}.search img{width:20px;height:20px}}@media screen and (max-width: 400px){.app{padding:4rem 1rem}h1{font-size:2rem}.container{margin-top:2rem}.movie{width:100%;margin:1rem}}