.navbar{text-align:center;background-color:#091b2d}.nav li a{display:block;color:#fff;font-size:15px;font-weight:700;text-align:center;padding:14px 16px;text-transform:uppercase;letter-spacing:2px;text-decoration:none}.nav li a:hover{color:var(--color-accent-500)}.nav{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;background-color:#0a1021;box-shadow:0 15px 15px -11px #0003;padding:7px}.logo{width:250px;margin:30px 0}.active{color:var(--color-accent-500)!important}.character-card{background-color:#fafafa;border:none;border-radius:6px;box-shadow:0 1px 7px #0000000d;color:#252525;position:relative;text-decoration:none;transition:all .1s ease-in-out;-webkit-box-shadow:0 1px 7px rgba(0,0,0,.05);-webkit-transition:all .1s ease-in-out;max-width:429.75px;max-height:544.75px}.character-card:hover{border:none;transform:scale(1.04)}.character-img{width:100%;height:auto;border-top-left-radius:6px;border-top-right-radius:6px}.favorite-toggle{position:absolute;top:var(--space-2);left:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:50%;background-color:#0e2a47a6;color:var(--color-primary-500);font-size:var(--text-lg);line-height:1;cursor:pointer;transition:transform .1s ease-in-out,background-color .1s ease-in-out}.favorite-toggle:hover{transform:scale(1.1);background-color:#0e2a47d9}.favorite-toggle[aria-pressed=true]{color:var(--color-status-dead)}.character-container{padding:10px}.character-name{font-weight:700}.character-location{padding-top:15px}.character-location small{color:gray}.character-status{border-radius:.25rem;color:#fafafa;line-height:1;padding:.35em .65em;position:absolute;right:10px;top:10px;text-transform:capitalize}.Alive{background-color:#5c4}.Dead{background-color:#d63d2e}.unknown{background-color:#9e9e9e}.not-found{position:relative;text-align:center;padding:100px 0;font-family:Roboto;text-transform:lowercase}.not-found span{position:absolute;color:#fff;transform:translate(-50%,-50%);font-size:38px;letter-spacing:5px}.not-found span:nth-child(1){color:transparent;-webkit-text-stroke:.3px rgb(128,255,198)}.not-found span:nth-child(2){color:#80ffc6;-webkit-text-stroke:1px rgb(128,255,198);animation:not-found 1.5s ease-in-out infinite}@keyframes not-found{0%,to{clip-path:polygon(0% 45%,15% 44%,32% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)}}.hole{background-color:#252525;position:relative;width:2.5em;height:2.5em;transform-origin:center;transition:1s;border-radius:50px;box-shadow:inset 0 0 10px green,inset 5px 5px 12px #2c7200cc,inset 8px 8px 1px #80ffc6b3,0 0 1px #80ffc699;animation:1.2s linear infinite 0s running first682;margin:0 auto}.hole div{width:inherit;height:inherit;position:absolute}#first{transform:rotate(90deg)}#first:before{--width: 1em;--height: 1em;content:"";position:absolute;top:100%;left:calc(50% - var(--width)/2);width:1em;height:1em;background-color:#2c7200;box-shadow:inset 5px 5px 10px #80ffc6,0 0 2px #fff;border-radius:50px;animation:.8s ease-in 0s infinite running jump2}#second{transform:rotate(90deg)}#second:before{--width: 1em;--height: 1em;content:"";position:absolute;top:100%;left:calc(50% - var(--width)/2);width:1em;height:1em;background-color:#2c7200;box-shadow:inset 5px 5px 10px #80ffc6,0 0 2px #fff;border-radius:50px;animation:1.5s ease-in 0s infinite running jump2}#third{transform:rotate(90deg)}#third:before{--width: 1em;--height: 1em;content:"";position:absolute;top:100%;left:calc(50% - var(--width)/2);width:1em;height:1em;background-color:#2c7200;box-shadow:inset 5px 5px 10px #80ffc6,0 0 2px #fff;border-radius:50px;animation:1.6s ease-in 0s infinite running jump2}.hole:after{--width: 1em;--height: 1em;content:"";position:absolute;top:100%;left:calc(50% - var(--width)/2);width:1em;height:1em;background-color:#2c7200;box-shadow:inset 5px 5px 10px #80ffc6,0 0 2px #fff;border-radius:50px;animation:1.2s ease-in 1s alternate infinite running jump2}@keyframes first682{0%{transform:rotate(0)}25%{transform:rotate(0);transform:rotate(90deg)}50%{transform:rotate(90deg);transform:rotate(180deg)}75%{transform:rotate(180deg);transform:rotate(270deg)}to{transform:rotate(270deg);transform:rotate(360deg)}}@keyframes jump2{0%{top:100%}25%{top:230%}50%{top:100%}75%{height:.6em}to{height:1em}}.characters{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:32px}@media (min-width: 1200px){.characters{gap:26px}}input{background-color:#ffffff1a;border:2px solid rgba(100,150,235,.3);border-radius:var(--radius-md);color:#fff;font-size:1.4rem;font-weight:600;padding:22px;transition:all .2s ease 0s;width:100%}input:focus{background-color:#6496eb4d;box-shadow:-5px -5px 25px #1e5a964d,-5px 5px 30px #0a32fa33,7px -2px 30px #3287be4d;outline:none}.search-indicator{display:block;min-height:var(--text-sm);margin-top:var(--space-1);padding-left:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);font-style:italic}.search-indicator[hidden]{display:block;visibility:hidden}.pagination{display:flex;justify-content:space-between;padding:25px 0}li{list-style:none;text-align:center;font-size:22px}.prev,.next,.break,.page-item a{cursor:pointer}.active{font-weight:700;color:var(--color-accent-500);border-bottom:1px solid var(--color-accent-500)}.disabled{font-weight:lighter;cursor:not-allowed}.pagination li:hover{color:var(--color-accent-500)!important}.filters{display:flex;flex-wrap:wrap}.filter-title{border-bottom:1px solid #f2f2f2}.filters-container{width:100%;padding:15px 0}.filters-container h3{padding:10px 0}.filter-btn-container{display:flex;flex-wrap:wrap;justify-content:space-between}.filters-container button{color:var(--color-primary-500);background-color:#1b2f31;border-radius:9px;height:3em;width:100px;font-size:14px;cursor:pointer;margin:5px 0;border:none;text-transform:capitalize}.filters-container button:hover{background-color:#22484b;font-weight:600}.active-filter{background-color:#22484b!important;font-weight:600}.btn-clear{padding:.8em 1.8em;border:2px solid #17C3B2;position:relative;overflow:hidden;background-color:transparent;text-align:center;text-transform:uppercase;font-size:16px;transition:.3s;z-index:1;font-family:inherit;color:#17c3b2;cursor:pointer;width:100%;margin-top:14px}.btn-clear:before{content:"";width:0;height:300%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background:#17C3B2;transition:.5s ease;display:block;z-index:-1}.btn-clear:hover:before{width:100%}.btn-clear:hover{background:#17C3B2;color:#111}.d-none{display:none}.loader{margin:50px auto 0;position:relative;width:150px;height:150px;background:transparent;border-radius:50%;box-shadow:25px 25px 75px #0000008c;border:1px solid #333;display:flex;align-items:center;justify-content:center;overflow:hidden}.loader:before{content:"";position:absolute;inset:20px;background:transparent;border:1px dashed#444;border-radius:50%;box-shadow:inset -5px -5px 25px #00000040,inset 5px 5px 35px #00000040}.loader:after{content:"";position:absolute;width:50px;height:50px;border-radius:50%;border:1px dashed#444;box-shadow:inset -5px -5px 25px #00000040,inset 5px 5px 35px #00000040}.loader span{position:absolute;top:50%;left:50%;width:50%;height:100%;background:transparent;transform-origin:top left;animation:radar81 2s linear infinite;border-top:1px dashed #fff}.loader span:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:seagreen;transform-origin:top left;transform:rotate(-55deg);filter:blur(30px) drop-shadow(20px 20px 20px seagreen)}@keyframes radar81{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state{text-align:center;padding:60px 20px;font-family:var(--font-sans);color:var(--color-text)}.error-state-title{margin-top:var(--space-5);font-size:28px;color:var(--color-danger)}.error-state-message{margin-top:var(--space-3);font-size:18px;color:var(--color-text-muted)}.error-state-action{margin-top:20px}.error-state-action button{cursor:pointer;padding:var(--space-2) 20px;border:none;border-radius:var(--radius-md);background-color:var(--color-primary-500);color:var(--color-bg);font-size:16px}.error-state-hole{background-color:#252525;position:relative;width:2.5em;height:2.5em;transform-origin:center;border-radius:50px;box-shadow:inset 0 0 10px var(--color-danger),inset 5px 5px 12px #e0564fcc,inset 8px 8px 1px #ffaaa5b3,0 0 1px #ffaaa599;animation:1.2s linear infinite 0s running error-hole-spin;margin:0 auto}.error-state-hole div{width:inherit;height:inherit;position:absolute}@keyframes error-hole-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-container{max-width:1400px;margin:0 auto;padding:50px}.rows{display:flex;flex-wrap:wrap;justify-content:space-between}.w-20{border:2px solid #f2f2f2;border-radius:10px;height:100%;padding:10px 15px;width:20%;background-color:var(--color-primary-alpha);box-shadow:0 .1rem .8rem #000}.w-75{width:75%}.detail-character{background-color:var(--color-primary-alpha);border:2px solid var(--color-text);border-radius:15px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}.detail-image{width:40%;object-fit:contain;border-radius:var(--radius-md)}.detail-info{width:55%}.detail-info h1{color:var(--color-primary-500);font-size:2.8em}.detail-heading{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.favorite-toggle--detail{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:50%;background-color:var(--color-surface-raised);color:var(--color-primary-500);font-size:var(--text-xl);line-height:1;cursor:pointer;transition:transform .1s ease-in-out,background-color .1s ease-in-out}.favorite-toggle--detail:hover{transform:scale(1.1)}.favorite-toggle--detail[aria-pressed=true]{color:var(--color-status-dead)}.detail-status{border-radius:5px;padding:5px;font-size:40px;color:var(--color-text)!important}.detail-info p{font-size:1.5em;font-weight:700;padding:7px 0}.detail-info span{color:#ffffffcd}.btn-back{color:var(--color-primary-500);background-color:#1b2f31;height:3em;width:100px;font-size:16px;cursor:pointer;margin:15px 0;border:none;text-transform:capitalize}.btn-back:hover{background-color:#22484b;font-weight:600}.page-container{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:50px}.info-container{text-align:center;color:#ffffffcd;font-size:1.4rem;padding:0 15px;border-right:2px solid #fafafa}.info-container span{color:#f2f2f2}.info-container h2 span{color:#1cc49d}.pick-container{padding:0 15px}.pick-container p{font-size:27px}select{background-color:#1cc49d;border:none;border-radius:6px;color:#fafafa;display:flex;margin:5px auto 0;padding:7px;cursor:pointer;font-size:16px}@media (max-width: 532px){.characters{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 768px){.w-75{width:100%}.rows{flex-direction:column-reverse}.w-20{padding:25px 15px;width:100%;margin-bottom:35px}.filters-container{padding-top:5px}.filter-btn-container{justify-content:flex-start;gap:3px}.info-container{border-bottom:2px solid #fafafa;border-right:none;padding-bottom:20px;width:100%}.pick-container{padding-top:20px;width:100%;text-align:center}.detail-info{font-size:12px;width:100%}.detail-status{font-size:25px}.detail-character{flex-direction:column}.detail-image{padding-bottom:15px;margin:0 auto}.detail-info{text-align:center}.detail-info h1{padding-bottom:5px}.detail-info p{padding-bottom:1px}}@media (max-width: 1200px){.detail-character{max-width:860px}.detail-status{font-size:20px}.detail-info h1{font-size:1.8em}.detail-info p{font-size:1.4em}}:root{--color-primary-100: #d6f5ec;--color-primary-300: #6fdcc0;--color-primary-500: #1cc49d;--color-primary-700: #159a7b;--color-primary-900: #0d6b55;--color-accent-500: #40b5cb;--color-accent-300: #7fd0df;--color-accent-700: #2c8697;--color-bg: #0e2a47;--color-surface: #14314f;--color-surface-raised: #1b3b5e;--color-text: #fafafa;--color-text-muted: rgba(250, 250, 250, .72);--color-border: rgba(250, 250, 250, .16);--color-primary-alpha: rgba(28, 196, 157, .15);--color-status-alive: var(--color-primary-500);--color-status-dead: #e0564f;--color-status-unknown: var(--color-text-muted);--color-danger: #e0564f;--color-focus: var(--color-accent-500);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--font-sans: "Roboto", sans-serif;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--shadow-card: 0 4px 12px rgba(0, 0, 0, .35);--shadow-focus: 0 0 0 3px var(--color-focus)}*{box-sizing:border-box;padding:0;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}body{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='2000' height='1200' preserveAspectRatio='none' viewBox='0 0 2000 1200'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1028%26quot%3b)' fill='none'%3e%3crect width='2000' height='1200' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cpath d='M123.53 300C110.22 223.65 30.37 252.61 0 178.85C-31.39 102.61 -56.02 33.4 0 0C93.98 -56.02 150 0 300 0C450 0 450 0 600 0C750 0 750 0 900 0C1050 0 1050 0 1200 0C1350 0 1350 0 1500 0C1650 0 1650 0 1800 0C1950 0 2020.19 -70.19 2100 0C2170.19 61.74 2117.9 140.33 2100 263.86C2096.16 290.33 2059.37 273.36 2056.52 300C2041.37 441.43 2046.17 454.39 2064 600C2067.91 631.94 2096.19 623.33 2100 655.1C2114.19 773.33 2100 777.55 2100 900C2100 1033.34 2109.2 1036.01 2100 1166.67C2098.64 1186.01 2097.47 1197.93 2078.87 1200C1947.47 1214.6 1939.43 1200 1800 1200C1650 1200 1650 1200 1500 1200C1393.75 1200 1391.56 1211.75 1287.5 1200C1241.56 1194.81 1236.52 1194.8 1200 1166.13C1045.45 1044.8 1052.01 1033.67 905.36 900C902.01 896.95 903.08 892.68 900 892.68C896.24 892.68 893.96 894.97 891.67 900C823.96 1048.63 857.98 1099.22 760 1200C712.15 1249.22 680 1200 600 1200C450 1200 450 1200 300 1200C150 1200 75 1275 0 1200C-75 1125 0 1050 0 900C0 830.24 -16.21 826.7 0 760.47C20.49 676.7 50.72 684.53 73.4 600C112.49 454.3 146.92 434.22 123.53 300' stroke='rgba(51%2c 121%2c 194%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1200 100C1187.27 100 1178.95 202.86 1178.95 300C1178.95 317.14 1188.22 328.57 1200 328.57C1213.75 328.57 1230 319.43 1230 300C1230 205.15 1212.8 100 1200 100' stroke='rgba(51%2c 121%2c 194%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1500 815.22C1473.21 815.22 1442.65 855.03 1442.65 900C1442.65 962.42 1473.56 1030 1500 1030C1525.73 1030 1546.99 963.13 1546.99 900C1546.99 855.74 1525.38 815.22 1500 815.22' stroke='rgba(51%2c 121%2c 194%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M270.59 300C229.19 147.19 123.97 172.07 0 34.62C-11.32 22.07 -15.52 1.79 0 0C134.48 -15.52 150 0 300 0C450 0 450 0 600 0C750 0 750 0 900 0C959.21 0 997.64 -42.31 1018.42 0C1071.32 107.69 998.39 163.21 1047.37 300C1089.18 416.78 1114.61 507.14 1200 507.14C1299.68 507.14 1375.68 426.02 1417.5 300C1459.83 172.45 1339.51 104.66 1368.29 0C1380.76 -45.34 1434.14 0 1500 0C1564.28 0 1571.89 -23.46 1628.57 0C1721.89 38.61 1722.59 124.14 1800 124.14C1858.3 124.14 1833.47 27.53 1900 0C1983.47 -34.54 2046.45 -46.45 2100 0C2146.45 40.29 2135.54 103.42 2100 173.49C2059.46 253.42 1974.83 215.31 1947.83 300C1906.83 428.57 1922.37 460.98 1964 600C1998.45 715.06 2050.34 698.62 2100 808.16C2118.34 848.62 2100 854.08 2100 900C2100 950 2118.82 955.46 2100 1000C2055.44 1105.46 2059.86 1142.25 1973.24 1200C1909.86 1242.25 1886.62 1200 1800 1200C1674.49 1200 1585.19 1266.79 1548.98 1200C1503.87 1116.79 1650.2 1043.71 1637.35 900C1625.71 769.8 1574.17 652.17 1500 652.17C1421.67 652.17 1422.9 781.38 1332.35 900C1272.9 977.88 1269.7 1045.16 1200 1045.16C1123.17 1045.16 1111.1 980.29 1039.29 900C961.1 812.59 980.27 794.42 900 709.76C838.04 644.42 831.04 649.27 754.84 600C681.04 552.28 670.42 515.79 600 515.79C554.29 515.79 522.58 551.12 522.58 600C522.58 685.54 553.02 696.95 600 784.62C633.4 846.95 683.33 835.39 683.33 900C683.33 1029.45 641.57 1036.34 600 1172.73C595.85 1186.34 605.21 1198.79 591.89 1200C455.21 1212.42 445.94 1200 300 1200C150 1200 84.62 1265.38 0 1200C-65.38 1149.47 -65.08 1010.02 0 968.18C84.92 913.59 157.14 1026.62 300 1007.14C407.14 992.53 500 950.31 500 900C500 851.29 380.17 878.44 300 809.09C206.77 728.44 159.69 712.58 153.19 600C144.99 458.04 305.78 429.88 270.59 300' stroke='rgba(51%2c 121%2c 194%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M300 50C267.28 50 247.83 14.52 247.83 0C247.83 -10.48 273.91 0 300 0C400 0 500 -12.31 500 0C500 12.69 393.36 50 300 50' stroke='rgba(51%2c 121%2c 194%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M466.67 300C466.67 185.25 501.72 49.03 600 33.33C718.39 14.42 768.17 119.45 900 230.77C926.06 252.78 915.79 265.38 915.79 300C915.79 334.62 930.19 361.18 900 369.23C772.29 403.28 742.08 406.91 600 384.21C525.41 372.29 466.67 360.69 466.67 300' stroke='rgba(51%2c 121%2c 194%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1682.61 300C1704.09 248.83 1747.18 253.45 1800 253.45C1825.44 253.45 1833.75 270.88 1839.13 300C1865.75 444.15 1825.59 456.75 1864 600C1906.03 756.75 1999.1 749.66 2000 900C2000.9 1049.66 1950.52 1075.64 1867.61 1200C1850.52 1225.64 1833.8 1200 1800 1200C1751.02 1200 1710.91 1236.82 1702.04 1200C1674.77 1086.82 1739.43 1048.11 1727.71 900C1715.69 748.11 1665.96 751.84 1654.55 600C1643.41 451.84 1631.36 422.1 1682.61 300' stroke='rgba(51%2c 121%2c 194%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M2100 83.13C2071.05 83.13 2004.17 23.68 2004.17 0C2004.17 -17.89 2074.34 -22.26 2100 0C2122.26 19.31 2118.97 83.13 2100 83.13' stroke='rgba(51%2c 121%2c 194%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M232.98 600C232.98 526.55 259.83 446.34 300 446.34C344.14 446.34 401.61 529.1 401.61 600C401.61 653.66 345.91 695.45 300 695.45C261.59 695.45 232.98 651.1 232.98 600' stroke='rgba(51%2c 121%2c 194%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1173.21 900C1173.21 859.6 1187.7 811.76 1200 811.76C1212.13 811.76 1222.06 858.66 1222.06 900C1222.06 914.88 1211.62 924.19 1200 924.19C1187.19 924.19 1173.21 915.81 1173.21 900' stroke='rgba(51%2c 121%2c 194%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3cpath d='M126.32 1200C126.32 1184.87 216.96 1141.07 300 1141.07C348.4 1141.07 389.19 1183.94 389.19 1200C389.19 1213.4 344.6 1200 300 1200C213.16 1200 126.32 1214.33 126.32 1200' stroke='rgba(51%2c 121%2c 194%2c 0.58)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1028'%3e%3crect width='2000' height='1200' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");background-size:cover;color:var(--color-text);font-family:var(--font-sans);min-height:110vh;min-width:320px}h1{padding-bottom:20px}