:root{--red-800:#9b2c2c;--pink-800:#97266d;--pink-700:#b83280;--pink-600:#d53f8c;--pink-400:#f687b3;--pink-300:#fbb6ce;--gray-100:#f7fafc;--gray-200:#edf2f7;--gray-300:#e2e8f0;--gray-400:#cbd5e0;--gray-500:#a0aec0;--gray-600:#718096;--gray-700:#4a5568;--gray-800:#2d3748;--gray-900:#1a202c;--shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--loader-size:5rem}html{margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7fafc}*{box-sizing:border-box}:after,:before{box-sizing:inherit}.header{justify-content:space-between;box-shadow:var(--shadow-md);background-color:var(--gray-800);min-width:260px}.header,.header-nav{display:flex;align-items:center}.header-nav>*+*{margin-left:.5rem}.header-nav_link-svg{height:1.5rem;width:1.5rem}.header-nav_link{color:var(--gray-600);padding:.5rem .8rem}.header-nav_link:hover{color:var(--gray-700)}.header-nav_link--active{background-color:var(--gray-900)}.main>*{margin-top:1rem!important}.logo{padding-left:1rem}body{background-color:var(--gray-100);font-family:sans-serif}.search-icon{border:0;padding:0;margin:0;background:none;color:var(--gray-700);cursor:pointer;height:100%;border-radius:0 var(--border-radius) var(--border-radius) 0}.search-icon:focus{outline:none}.search-icon:focus,.search-icon:hover{background:var(--gray-200)}.search-icon:active{color:var(--gray-900)}.search-svg{z-index:99;flex-shrink:0;margin:0 1rem;width:2rem;height:2rem}.search-buttons,.search-icon{z-index:10}.search-wrapper{--border-radius:0.5rem;color:var(--gray-700);position:relative;height:3.5rem;display:flex;justify-content:space-between;align-items:center;margin:1rem auto 0;border-radius:var(--border-radius)}.search__input{font-size:1.25rem;position:absolute;transition:box-shadow .2s;border-radius:var(--border-radius);box-shadow:var(--shadow);outline:none;border:none;width:100%;height:100%;padding:0 3.5rem}.search__input:focus{box-shadow:0 0 0 1.5px rgba(66,153,225,.5)}.content-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-column-gap:2.5rem;grid-row-gap:3rem}.poster{border-radius:1.25rem;width:100%;height:100%}.poster-wrapper,.year{color:var(--gray-500)}.poster-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.favorite-svg{transition:color .6s}.favorite-button{color:var(--gray-400);width:6rem;padding:1rem;background-color:var(--gray-200);position:absolute;border-radius:9999px;border:none;cursor:pointer;outline:none}.favorite-button:focus{box-shadow:0 0 0 2px rgba(66,153,225,.5)}.favorite-button:hover{color:var(--pink-300)}.favorited{color:var(--pink-600)}.history-button{opacity:.5;position:absolute;top:10px;right:10px;outline:none;padding:.2rem;margin:0;color:var(--gray-300);border:none;border-radius:.4rem;cursor:pointer;transition:opacity .2s;background-color:var(--gray-800)}.history-button:hover{opacity:1}.history-button:focus{box-shadow:0 0 0 1px rgba(66,153,225,.5)}.history-button:active{background-color:var(--gray-900)}.history-button-svg{width:2rem}.error-message{display:flex;color:var(--gray-900)}.error-message>*+*{margin-left:1rem}.error-wrapper{display:none;z-index:1000;border-radius:5px;box-shadow:var(--shadow);align-items:center;margin:0 auto;padding:0 1rem;top:1rem;left:0;right:0;position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;background:#fff}.error-icon{width:1.5rem;heigth:1.5rem}.empty-error-message{display:flex;font-weight:700;color:var(--gray-600);flex-direction:column;justify-content:center;align-items:center}.empty-error-message>*+*{margin-top:.5rem}.empty-error-icon{width:var(--loader-size)}.center{display:flex;justify-content:center;margin-top:10rem}.loader-sonar{z-index:99;padding:0;text-align:left}.loader-sonar,.loader-sonar span{width:calc(var(--loader-size)*1.5);display:inline-block}.loader-sonar span{position:absolute;height:calc(var(--loader-size)*1.5);border-radius:100%;background:#000;-webkit-animation:loader-sonar 1.6s linear infinite;animation:loader-sonar 1.6s linear infinite}.loader-sonar span:last-child{animation-delay:-.8s;-webkit-animation-delay:-.8s}@keyframes loader-sonar{0%{-webkit-transform:scale(0);transform:scale(0);opacity:.5}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@-webkit-keyframes loader-sonar{0%{-webkit-transform:scale(0);opacity:.5}to{-webkit-transform:scale(1);opacity:0}}.container{width:100%;padding:0 2rem;margin:0 auto}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}
/*# sourceMappingURL=main.ad3770dd.chunk.css.map */