@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{box-sizing:border-box;scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:#fff;color:#1d293d;margin:0}header{display:flex;background:#fff;border-bottom:1px solid rgba(0,0,0,.1)}header .header-info{padding:4rem 8vw;min-height:80vh;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(0,0,0,.1)}header .header-info h1{margin:0;font-size:4rem;letter-spacing:-.03em}header .header-info .subtitle{margin:1rem 0 0;color:#00000080}header .header-image{background:#b8feb9;flex:1;display:grid;place-items:center}header .header-image svg{width:50%;height:50%;max-width:16rem;max-height:16rem}.link{color:#000;text-decoration:underline solid rgba(0,0,0,.2);transition:.1s ease}.link:hover{text-decoration:underline solid rgba(0,0,0,.4);cursor:pointer}.introduction{padding:4rem 8vw;background:#f8fafc;border-bottom:1px solid rgba(0,0,0,.1);display:flex;gap:8vw}.introduction .info{flex-basis:60rem}.introduction h2{font-size:1.5rem;margin:0}.introduction p{color:#0009;line-height:1.5}.introduction p a{color:#000c;text-decoration:underline solid rgba(0,0,0,.2)}.introduction dl{line-height:1.5}.introduction dl dt{font-weight:500;margin:1rem 0 0;width:fit-content;transition:.2s ease}.introduction dl dt:focus{background:#b8feb9}.introduction dl dt:hover{cursor:pointer}.introduction dl dd{color:#0009;height:0px;interpolate-size:allow-keywords;transition:.2s ease;overflow:hidden;opacity:0;padding-top:.5rem;padding-left:2rem;margin-left:0}.introduction dl dd:hover{height:auto;opacity:1}.introduction dl dt:hover+dd,.introduction dl dt:focus+dd{height:auto;opacity:1}.app-main{display:flex;flex-direction:column;justify-content:center;align-items:center}.output{padding:2rem;margin:4rem 4rem 0;background:#b8feb9;border-radius:.25rem;flex-grow:1;text-align:center}.output p{margin:0}.data{padding:2rem 4rem 4rem}.data figure{display:flex;flex-direction:column;justify-content:center;align-items:center;height:max-content;margin:auto}.data figcaption{margin-top:1rem;color:#0006}.data figcaption .link{color:#0009}.data table{border-collapse:collapse}.data table td,.data table th{border:1px solid rgba(0,0,0,.5);padding:1rem;font-size:.875rem}.data table td:nth-of-type(1){font-weight:500}.data table td:nth-of-type(1):hover{cursor:pointer}.data table th{background:#b8feb9;font-weight:500}.data table th .info{display:inline-block;position:relative}.data table th .info img{line-height:1;width:14px;opacity:.5}.data table th .info:before{content:attr(data-tooltip);position:absolute;left:50%;top:-.75rem;transform:translate(-50%) translateY(-100%);background:#f8fafc;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:1rem;width:15rem;opacity:0;pointer-events:none;transition:.2s ease;font-weight:400}.data table th .info:after{content:"";position:absolute;top:calc(-1.25rem - 1px);left:var(--indicator-position, 50%);transform:translate(-50%) rotate(-45deg);clip-path:polygon(0 0,0% 100%,100% 100%);width:calc(1rem - 1px);height:calc(1rem - 1px);background:#f8fafc;border-left:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);border-radius:0 0 0 2px;opacity:0;pointer-events:none;transition:.2s ease}.data table th .info:focus img{opacity:1}.data table th .info:focus:before,.data table th .info:focus:after{opacity:1}.data table th .info:hover{cursor:pointer}.data table tr{color:#000000bf}.data table tr:hover{color:#000;background:#b8feb94d}.data table tr.selected{background:#b8fedc80}.data table tr.selected:hover{background:#b8fedcbf}.data table:has(td:nth-of-type(1):hover) td:nth-of-type(1){background:#b8feb91a}.data table:has(td:nth-of-type(1):hover) td:nth-of-type(1):hover{background:#b8feb980}.data table:has(td:nth-of-type(2):hover) td:nth-of-type(2){background:#b8feb91a}.data table:has(td:nth-of-type(2):hover) td:nth-of-type(2):hover{background:#b8feb980}.data table:has(td:nth-of-type(3):hover) td:nth-of-type(3){background:#b8feb91a}.data table:has(td:nth-of-type(3):hover) td:nth-of-type(3):hover{background:#b8feb980}.data table:has(td:nth-of-type(4):hover) td:nth-of-type(4){background:#b8feb91a}.data table:has(td:nth-of-type(4):hover) td:nth-of-type(4):hover{background:#b8feb980}.data table:has(td:nth-of-type(5):hover) td:nth-of-type(5){background:#b8feb91a}.data table:has(td:nth-of-type(5):hover) td:nth-of-type(5):hover{background:#b8feb980}.data table:has(td:nth-of-type(6):hover) td:nth-of-type(6){background:#b8feb91a}.data table:has(td:nth-of-type(6):hover) td:nth-of-type(6):hover{background:#b8feb980}
