:root{--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--h1: 1.25rem;--h2: 1rem;--h3: .8rem;--h4: .7rem;--h5: .6rem;--h6: .5rem;--a: .8rem;--p: .8rem;--pad100: 1rem;--pad75: .75rem;--pad50: .5rem;--pad25: .25rem;--marg100: 1rem;--marg75: .75rem;--marg50: .5rem;--marg25: .25rem;--gap100: 1rem;--gap75: .75rem;--gap50: .5rem;--gap25: .25rem;--border-rd: .25rem;color-scheme:dark;a:hover img[src$=".svg"]{filter:invert(40%) sepia(100%) saturate(100%) hue-rotate(200deg) brightness(500%)}img[src$=".svg"]:not(.xav){filter:invert(5%) sepia(50%) contrast(75%) saturate(50%) hue-rotate(190deg) brightness(90%)}img.logo{filter:invert(0%) sepia(0%) contrast(100%) saturate(50%) hue-rotate(-20deg) brightness(80%)}}[data-theme=dark]{--bg: #181818;--bg-highlight: #252525;--panel: #1d1c1c;--panel-2: #131722;--text: #b3b3b3;--muted: #8d8d8d;--accent: #d4d4d4;--line: #282829;--positive: rgba(39, 204, 149, .6);--negative: rgba(240, 63, 107, .6);--shadow: 1px 1px 1px color-mix(in oklab, var(--accent) 10%, rgb(0, 0, 0) 7%);--border: 1px solid var(--bg-highlight);--border-hover: 1px solid var(--muted);--positive-img: invert(10%) sepia(80%) saturate(2000%) hue-rotate(70deg) brightness(50%);--negative-img: invert(70%) sepia(100%) saturate(500%) hue-rotate(-50deg) brightness(75%);a:hover img[src$=".svg"],button:hover img[src$=".svg"]{filter:invert(40%) sepia(100%) saturate(10%) hue-rotate(240deg) brightness(125%)}img[src$=".svg"]:not(.xav){filter:invert(5%) sepia(50%) contrast(75%) saturate(50%) hue-rotate(190deg) brightness(90%)}img.logo{filter:invert(0%) sepia(0%) contrast(100%) saturate(50%) hue-rotate(-20deg) brightness(80%)}a.active img[src$=".svg"]:not(.xav){filter:invert(5%) sepia(50%) contrast(75%) saturate(50%) hue-rotate(190deg) brightness(125%)}}[data-theme=light]{--bg: #ffffff;--bg-highlight: #d1d9dad7;--panel: #f7f7fb;--panel-2: #f1f2f6;--text: #252525;--muted: #727375;--accent: #000000;--line: #dddfe2;--ring: #2rgb(114, 162, 224);--positive: rgba(39, 204, 149, .6);--negative: rgba(240, 63, 137, .6);--border: 1px solid var(--bg-highlight);--border-hover: 1px solid var(--muted);--shadow: 1px 1px 1px color-mix(in oklab, var(--accent) 5%, rgb(255, 255, 255) 10%);--positive-img: invert(10%) sepia(80%) saturate(2000%) hue-rotate(70deg) brightness(90%);--negative-img: invert(70%) sepia(100%) saturate(500%) hue-rotate(-70deg) brightness(105%);img[src$=".svg"]:not(.xav){filter:invert(35%) sepia(100%) saturate(50%) hue-rotate(190deg) brightness(25%)}img.logo{filter:invert(34%) sepia(92%) saturate(50%) hue-rotate(180deg) brightness(75%)}a:hover img[src$=".svg"],button:hover img[src$=".svg"]{filter:invert(35%) sepia(100%) saturate(100%) hue-rotate(190deg) brightness(0%)}a.active img{filter:invert(100%) sepia(100%) saturate(100%) hue-rotate(190deg) brightness(0%)}}body{background-color:var(--bg);color:var(--text);font-family:sans-serif;margin:0;padding:var(--pad100)}button{width:7.5rem;padding:.3rem .6rem;border:var(--border);border-radius:var(--border-rd);background:var(--bg);color:var(--muted);gap:.5rem;font-size:var(--a);display:flex;align-items:center;justify-content:center;cursor:pointer}.border{--s: 12px;--t: 1px;--th: 2px;--c: var(--bg-highlight);--ch: var(--accent);z-index:100;position:relative;background-color:color-mix(in srgb,var(--bg) 100%,transparent);border:var(--border);border-radius:var(--border-rd);padding:var(--pad25) var(--pad75) var(--pad25) var(--pad75);gap:var(--gap25);opacity:.9}.border:before,.border:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-repeat:no-repeat}.border:before{background:linear-gradient(var(--c),var(--c)) 0 0 / var(--s) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) 0 0 / var(--t) var(--s) no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 / var(--s) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 / var(--t) var(--s) no-repeat,linear-gradient(var(--c),var(--c)) 0 100% / var(--s) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) 0 100% / var(--t) var(--s) no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% / var(--s) var(--t) no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% / var(--t) var(--s) no-repeat}.border:after{background:linear-gradient(var(--ch),var(--ch)) 0 0 / var(--s) var(--th) no-repeat,linear-gradient(var(--ch),var(--ch)) 0 0 / var(--th) var(--s) no-repeat,linear-gradient(var(--ch),var(--ch)) 100% 0 / var(--s) var(--th) no-repeat,linear-gradient(var(--ch),var(--ch)) 100% 0 / var(--th) var(--s) no-repeat,linear-gradient(var(--ch),var(--ch)) 0 100% / var(--s) var(--th) no-repeat,linear-gradient(var(--ch),var(--ch)) 0 100% / var(--t) var(--s) no-repeat,linear-gradient(var(--ch),var(--ch)) 100% 100% / var(--s) var(--th) no-repeat,linear-gradient(var(--ch),var(--ch)) 100% 100% / var(--th) var(--s) no-repeat;transition:opacity .3s ease;opacity:0}.border.hover:hover:after,.border.hover.active:after{opacity:1}.border.hover:hover,.border.hover.active{cursor:pointer;opacity:1;color:var(--text)}button:hover{filter:brightness(125%);opacity:1;background-color:var(--bg-highlight)}.std-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;min-width:35rem;max-width:35rem;align-self:center;justify-self:center}@media(max-width:768px){.std-header{min-width:90%;max-width:90%}}.std-label{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-size:.7rem;letter-spacing:.25em;color:var(--accent);text-transform:uppercase;padding:.4rem .8rem;border:1px solid var(--text);background:#00d4ff0d;border-radius:4px}.std-header-line{flex:1;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}