.app-container{padding:1rem}@media (min-width:576px){.app-container{padding:2rem}}@media (min-width:1200px){.app-container{padding:3rem}}@media (min-width:1680px){.app-container{padding:4rem}}.app-container .gnome-search-activated{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.7);z-index:1}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.cursor-pointer,.search-bar .search-bar-input-container .input-icon{cursor:pointer}.user-none{-webkit-user-select:none;-ms-user-select:none;user-select:none}.gnome-card .gnome-information-row,.space-between{display:flex;justify-content:space-between}.items-center{display:flex;align-items:center}.gnome-card .gnome-badges,.space-around{display:flex;justify-content:space-around}.gnome-card .gnome-hair-color,.gnome-hair-color{width:1.5rem;height:1.5rem}.gnome-card .gnome-hair-color div,.gnome-hair-color div{width:100%;height:100%;border-radius:50%}.gnome-hair-color .Pink{background-color:#fbcfe8}.gnome-hair-color .Green{background-color:#a7f3d0}.gnome-hair-color .Red{background-color:#f87171}.gnome-hair-color .Black{background-color:#000}.gnome-hair-color .Gray{background-color:#9ca3af}.gnome-hair-color-name{margin-left:.5rem;font-size:12px}.background{background:linear-gradient(-45deg,#2d2d2d,#4c4c4c,#727272,#a2a2a2);background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;width:100%;min-height:100vh}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.badge{border:1px solid transparent;border-radius:2em;display:inline-block;font-size:12px;font-weight:500;line-height:22px;padding:0 10px;text-align:center}.badge.blue{background-color:rgba(56,139,253,.10196078431372549);color:#58a6ff}.badge.blue:hover{background-color:rgba(56,139,253,.2)}.badge.red{background-color:rgba(253,56,118,.1);color:#ff5887}.badge.red:hover{background-color:rgba(253,56,125,.2)}.error-card{background-color:#f87171;border-radius:.5rem;width:100%;padding:.5rem;color:#991b1b}@media (min-width:576px){.error-card{padding:.5rem .75rem}}.error-card-container{display:flex;max-width:420px;margin-left:auto}.error-card-title{font-weight:600;font-size:15px}.error-card-description{font-weight:400;font-style:italic;margin-top:.25rem;font-size:13px;text-align:justify}.gnome-card{background-color:#393b3c;border-radius:.5rem}.gnome-card .profile{display:flex;justify-content:center}.gnome-card .profile-image{width:55px;height:55px;overflow:hidden;border-radius:50%;display:flex;align-items:center;margin-top:-.5rem;border:2px solid rgba(252,211,77,.7)}@media (min-width:576px){.gnome-card .profile-image{margin-top:-1rem}}@media (min-width:960px){.gnome-card .profile-image{width:60px;height:60px}}@media (min-width:1200px){.gnome-card .profile-image{width:65px;height:65px;margin-top:-2rem}}.gnome-card .profile-image img{height:100%;width:100%}.gnome-card .container{padding:.5rem 1rem 1rem}@media (min-width:1200px){.gnome-card .container{padding:1rem}}.gnome-card .gnome-anatomy{color:#9ca3af;font-size:10px;font-weight:bolder;margin:1rem;font-style:italic}.gnome-card .gnome-name{width:100%;color:#fff;text-align:center;font-weight:600;font-size:1rem}@media (min-width:960px){.gnome-card .gnome-name{font-size:1.1rem}}@media (min-width:1200px){.gnome-card .gnome-name{font-size:1.25rem}}.gnome-card .gnome-information-row{margin-top:.5rem}@media (min-width:1680px){.gnome-card .gnome-information-row{margin-top:1rem}}.gnome-card .gnome-badges{flex-wrap:wrap}.gnome-card .gnome-badges div{margin-top:.5rem}.gnome-card .gnome-age{color:#fff;font-weight:400;font-style:italic}.gnome-card .gnome-attribute-container{display:grid;grid-template-columns:90px 1fr;margin-top:.25rem}.gnome-card .gnome-attribute-title{color:#9ca3af;text-transform:uppercase;font-size:11px;font-weight:700;white-space:nowrap}.gnome-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:576px){.gnome-grid{grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}}@media (min-width:960px){.gnome-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.gnome-grid{grid-gap:3rem;gap:3rem}}@media (min-width:1680px){.gnome-grid{grid-template-columns:repeat(4,1fr);grid-gap:3rem;gap:3rem}}.search-bar{position:-webkit-sticky;position:sticky;top:0;height:3.5rem;background-color:#2a2c2e;padding:.5rem 1.5rem;justify-content:space-between;z-index:2}.search-bar,.search-bar .filter-container{display:flex;align-items:center}.search-bar-input{color:#fff;padding:.5rem;background-color:#9ca3af;border-radius:.75rem;width:100%}@media (min-width:960px){.search-bar-input{margin-left:1rem;width:285px}}.search-bar-input:focus{--var-width:2px;box-shadow:inset 0 0 0 var(--var-width) #fcd34d,inset 0 0 0 calc(var(--var-width)) #fcd34d,0 0 transparent;outline:var(--var-width) solid transparent;outline-offset:var(--var-width)}.search-bar-input::-webkit-input-placeholder{color:#ddd;font-style:italic}.search-bar-input:-ms-input-placeholder{color:#ddd;font-style:italic}.search-bar-input::placeholder{color:#ddd;font-style:italic}.search-bar .search-bar-input-container{position:relative;display:flex;align-items:center}.search-bar .search-bar-input-container .input-icon{width:24px;height:24px;position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center;background-color:#9ca3af}.search-bar .search-bar-input-container .input-icon svg{width:20px;height:20px}.search-bar .hair-color-select{min-width:160px}.search-bar .mobile-search-container{position:absolute;top:4.5rem;left:0;width:100%}.search-bar .mobile-search-container .filter-container{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;padding:1rem}@media (min-width:576px){.search-bar .mobile-search-container .filter-container{grid-template-columns:repeat(2,1fr);padding:2rem;grid-gap:2rem;gap:2rem}}.not-found-card{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;color:#fff;margin-top:25%}.not-found-card-container{width:100%}.not-found-card-icon{height:8rem;width:8rem}.not-found-card-title{font-size:24px;font-weight:600;text-transform:uppercase;margin-top:1rem}.not-found-card-description{font-style:italic;font-size:18px;font-weight:400;margin-top:1rem;text-align:center}.tooltip{position:relative;display:inline-block}.tooltip .text{visibility:hidden;width:-webkit-max-content;width:max-content;background-color:#000;color:#fff;text-align:center;border-radius:3px;padding:.5rem;position:absolute;z-index:1;box-shadow:0 5px 10px rgba(0,0,0,.2)}.tooltip:hover .text{visibility:visible}.tooltip.top .text{top:-35px;right:-1.5rem}
/*# sourceMappingURL=main.a515c3f1.chunk.css.map */