:root{--text:#6b6375;--text-h:#08060d;--text-hover:#ff9800;--bg:#fff;--bg-card:#3c3e44;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:0 12px 28px #00000052, 0 4px 12px #0003, 0 0 20px #35c9dd29, 0 0 40px #35c9dd14, inset 0 1px 0 #ffffff0d;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}main{flex-grow:1;margin:0 1rem;position:relative}h1,h2{font-family:var(--heading)}h1{letter-spacing:.06rem;margin:2rem 0;font-size:2.2rem;font-weight:600}p{margin:0}.other-pagination{font-family:var(--mono);text-align:end;max-width:16rem;font-size:1rem;text-decoration:none;position:absolute;top:0;right:0}@media (width<=768px){.other-pagination{text-align:center;left:50%;transform:translate(-50%)}h1{margin-top:5rem}}.header{text-align:left;margin:1rem 2rem}.header__link{height:fit-content;color:var(--text-h);text-decoration:none;transition:transform .2s;display:inline-block}.header__link:hover{color:var(--text-hover);transform:scale(1.1)}.header__logo{width:15rem;height:auto}h1{margin-bottom:3rem}@media (width<=768px){.header{text-align:center}}.character-card__link{font-family:var(--sans);color:var(--text-h);background-color:var(--bg-card);box-shadow:var(--shadow);border:1px solid #ffffff1a;border-radius:1rem;grid-template-columns:auto 1fr;gap:3%;padding-right:3%;text-decoration:none;transition:box-shadow .25s,border-color .25s,transform .25s;display:grid;overflow:hidden}.character-card__link:hover{border-color:#35c9dd4d;transform:translateY(-2px);box-shadow:0 12px 28px #00000052,0 4px 12px #0003,0 0 20px #35c9dd29,0 0 40px #35c9dd14,inset 0 1px #ffffff0d}.character-card__img{aspect-ratio:1;object-fit:cover;max-width:12rem}.character-card__details{text-align:start}.character-card__name{letter-spacing:-.025em;margin-top:1.5rem;font-weight:700}.character-card__status{width:fit-content;font-weight:600;font-family:var(--mono);margin-top:.6rem;padding-left:1.5rem;position:relative}.character-card__status:before{width:1rem;height:1rem;display:block;position:absolute;top:0;left:0}.character-card__status--alive:before{content:"🥒"}.character-card__status--dead:before{content:"☠️"}.character-card__status--unknown:before{content:"👻"}.character-card__last-location{font-family:var(--mono);margin-top:1.5rem}@media (width<=992px){.character-card{margin-bottom:1.5rem}.character-card:last-child{margin-bottom:0}}@media (width<=768px){.character-card__link{padding-bottom:1rem;padding-right:0;display:block}.character-card__img{width:100%;max-width:none}.character-card__details{margin:0 1rem}}.characters-list{grid-template-columns:repeat(2,1fr);gap:2.5rem 2rem;display:grid}@media (width<=992px){.characters-list{display:block}}.button-more{background-color:var(--bg-card);text-transform:uppercase;border:1px solid #ffffff1a;border-radius:.6rem;width:fit-content;padding:1rem 2rem;font-weight:800;transition:box-shadow .25s,border-color .25s,transform .25s;box-shadow:0 8px 24px #00000047,0 2px 8px #0000002e,inset 0 1px #ffffff0a}.button-more:hover{cursor:pointer;border-color:#35c9dd4d;transform:translateY(-2px);box-shadow:0 12px 28px #00000052,0 4px 12px #0003,0 0 20px #35c9dd29,0 0 40px #35c9dd14,inset 0 1px #ffffff0d}.loader{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media (width<=768px){.loader__image{max-width:300px}}.characters-list{margin-bottom:4rem}.characters-more{justify-content:space-between;align-items:baseline;margin-bottom:2.5rem;display:flex}.characters-count{font-size:1.2rem;font-family:var(--sans);text-align:right;letter-spacing:.03em;font-weight:700}.pagination{flex-wrap:wrap;justify-content:center;gap:.5rem;list-style-type:none;display:flex}.pagination__item{background-color:var(--bg-card);width:fit-content;box-shadow:var(--shadow);text-transform:uppercase;border:1px solid #ffffff1a;border-radius:.6rem;padding:1rem 1.2rem;font-weight:800;transition:box-shadow .25s,border-color .25s,transform .25s}.pagination__item:hover{cursor:pointer;border-color:#35c9dd4d;transform:translateY(-2px);box-shadow:0 12px 28px #00000052,0 4px 12px #0003,0 0 20px #35c9dd29,0 0 10px #35c9dd14,inset 0 1px #ffffff0d}.pagination__item[disabled]:hover{box-shadow:var(--shadow);cursor:auto;border-color:#ffffff1a;transform:none}.info{text-align:center;font-family:var(--sans);margin-bottom:4rem}.info__wrapper{text-align:start;grid-template-columns:auto 1fr;gap:2rem;max-width:48rem;margin:0 auto;display:grid}.info__details{font-size:1.2rem}.info__img{max-width:18rem;box-shadow:var(--shadow)}.info__status{width:fit-content;margin-bottom:1rem;padding-left:1.7rem;font-weight:600;position:relative}.info__status:before{width:1rem;height:1rem;display:block;position:absolute;top:-2px;left:0}.info__status--alive:before{content:"🥒"}.info__status--dead:before{content:"☠️"}.info__status--unknown:before{content:"👻"}.info__data{margin-bottom:.4rem;font-weight:600;display:block}.episodes__list{font-family:var(--sans);padding:0;list-style-type:none}.episodes__item{background-color:var(--accent-bg);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:.6rem;display:flex}.episodes__item:last-child{margin-bottom:0}.episodes__item:nth-child(odd){background-color:var(--code-bg)}@media (width<=992px){.info__wrapper{text-align:center;display:block}.info__img{max-width:18rem;margin-bottom:1.5rem}.info__status{left:50%;transform:translate(-50%)}.episodes__item{flex-direction:column}}.footer{text-transform:lowercase;letter-spacing:-.02rem;margin:1.5rem 1rem}.footer__link{color:var(--text);letter-spacing:.03rem;text-transform:none;font-weight:900;text-decoration:none}
