@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;900&family=Barlow:wght@400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}:root{--sf-red:#e81c2a;--sf-gold:#f5a623;--sf-dark:#0a0a0f;--sf-dark2:#12121a;--sf-dark3:#1a1a26;--sf-border:#2e2e4a;--sf-text:#e8e8f0;--sf-muted:#7878a0;--sf-accent:#00d4ff;--sf-green:#0f8;--sf-purple:#93c}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{background:var(--sf-dark);color:var(--sf-text);min-height:100vh;font-family:Barlow,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--sf-dark2)}::-webkit-scrollbar-thumb{background:var(--sf-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sf-red)}@keyframes pulseGauge{0%{opacity:.6}to{opacity:1}}@keyframes blink{0%{opacity:1}to{opacity:.3}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-gauge{animation:2s ease-in-out infinite alternate pulseGauge}.animate-blink{animation:1.2s ease-in-out infinite alternate blink}.animate-slide-in{animation:.3s forwards slideIn}.animate-spin-sm{animation:.6s linear infinite spin}.sf-card{background:var(--sf-dark2);border:1px solid var(--sf-border);border-radius:4px;transition:border-color .15s}.sf-card:hover{border-color:var(--sf-red)}.btn-primary{letter-spacing:1.5px;text-transform:uppercase;background:var(--sf-red);color:#fff;cursor:pointer;border:none;border-radius:3px;font-family:Barlow Condensed,sans-serif;font-weight:700;transition:opacity .15s}.btn-primary:hover{opacity:.88}.btn-secondary{letter-spacing:1.5px;text-transform:uppercase;color:var(--sf-muted);border:1px solid var(--sf-border);cursor:pointer;background:0 0;border-radius:3px;font-family:Barlow Condensed,sans-serif;font-weight:700;transition:all .15s}.btn-secondary:hover{border-color:var(--sf-red);color:var(--sf-red)}.tier-s{color:#000;background:#f5a623}.tier-a{color:#bbb;background:#3a3a3a}.tier-b{color:#69c;background:#1e2a3a}.tier-c{color:#567;background:#1a1a1a}.badge-buff{color:#0f8;background:#00ff881a}.badge-nerf{color:#f66;background:#e81c2a1a}.badge-fix{color:#99c;background:#9999cc1a}.badge-system{color:#00d4ff;background:#00d4ff14}.badge-new{color:#fff;background:#e81c2a}.skeleton{background:linear-gradient(90deg, var(--sf-dark3) 25%, #22223a 50%, var(--sf-dark3) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}