*{box-sizing:border-box;color:var(--900);margin:0;padding:0;font-family:Arial;text-decoration:none}:root{--900:#171717;--600:#525252;--400:#a1a1a1;--300:#d4d4d4;--200:#e5e5e5;--100:#f5f5f5;--highlight:#ffe14c}::-webkit-scrollbar{display:none}h1{letter-spacing:-1.5px;font-size:1.5rem}.menu{opacity:.4;justify-content:space-between;align-items:center;padding:2rem 3rem;transition:opacity .3s;display:flex}.menu .buttons{letter-spacing:-1.25px;gap:5rem;display:flex}.menu .buttons #dot{opacity:0}.menu .buttons .button:hover #dot{opacity:1}.menu a{width:15%}.menu a img{width:100%}.menu-active{opacity:1}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.loading-screen .loading-label{color:var(--900);font-weight:300}.loading-screen--done{opacity:0;pointer-events:none}.loading-track{background:var(--200);width:20vw;height:3px;overflow:hidden}.loading-track .loading-fill{background:var(--900);height:100%;transition:width 80ms linear}.initial-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.initial-screen .initial-enter{flex-direction:column;gap:1rem;font-size:1.25rem;line-height:1.75rem;display:flex}.initial-screen button{letter-spacing:-1.5px;background:0 0;border:none;font-size:1.25rem;position:absolute;bottom:-3rem;right:3rem}.initial-screen button:hover{cursor:pointer}.translation-page{grid-template-rows:1fr 1fr 1.5fr;grid-template-columns:.5fr 2fr .5fr;height:80vh;display:grid}.translation-page:hover{cursor:default}.translation-page input{border:none;grid-area:2/2;font-size:1.25rem}.translation-page input:focus{outline:none}.translation-page .translation-result{grid-area:2/2;justify-content:center;align-items:center;font-size:1.75rem;display:flex;position:relative}.translation-page .translation-result .token-row{flex-wrap:wrap;align-items:flex-end;gap:.25rem;display:flex}.translation-page .translation-result .token-row .token{align-items:center;margin:.5rem 0;display:inline-flex;position:relative}.translation-page .translation-result .token-row .token:hover{background:var(--highlight)}.translation-page .translation-result .token-row .token:hover .token-tooltip,.translation-page .translation-result .token-row .token:hover .token-footer{display:flex}.translation-page .translation-result .token-row .token .token-tooltip{white-space:nowrap;flex-direction:column;align-items:center;padding-bottom:.75rem;font-size:1rem;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.translation-page .translation-result .token-row .token .token-footer{color:var(--400);padding-top:.75rem;font-size:1rem;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.translation-page .translation-result:hover~#translation-note{opacity:0;pointer-events:none}.translation-page #translation-note{grid-area:3/2;align-items:center;margin:0 auto}.translation-page #translation-note p{text-align:center;color:var(--400)}.translation-page #translation-note{transition:opacity .2s}.translation-details{gap:2rem;padding:5rem;display:flex}.translation-details .heatmap-section{flex-direction:column;gap:2rem;width:50%;height:100vh;display:flex;overflow-x:auto}.translation-details .heatmap-section .heatmap .heatmap-legend{letter-spacing:-.75px;flex-direction:column;gap:1rem;width:200px;margin:2rem 1rem 1rem 8rem;display:flex}.translation-details .heatmap-section .heatmap .heatmap-legend .legend-bar{background:linear-gradient(to right, var(--100), var(--900));width:100%;height:10px}.translation-details .heatmap-section .heatmap .heatmap-legend .legend-labels{color:var(--400);justify-content:space-between;font-size:1rem;display:flex}.translation-details .heatmap-section .heatmap .heatmap-legend .legend-top{color:var(--400);align-items:center;gap:.5rem;font-size:1rem;display:flex}.translation-details .heatmap-section .heatmap .heatmap-legend .legend-top-swatch{background:var(--highlight);flex-shrink:0;width:14px;height:14px}.about-page{flex-direction:column;gap:2rem;padding:3rem 5rem 8rem;font-size:1.25rem;line-height:1.75rem;display:flex}.about-page h1{padding:2rem 0 0}.about-page img{width:100%;margin:0 auto;padding:2rem 0}.about-page .eval{margin:0 auto;padding-bottom:2rem}.about-page .eval .eval-attributions{grid-template-columns:1fr 1fr;width:40%;margin:0 auto;display:grid}.token-detail-section{width:50%;padding:2rem 0}.token-detail-section #detail-note{color:var(--400)}.token-detail-section .token-detail{flex-direction:column;gap:2rem;padding:1rem 0;display:flex}.token-detail-section .token-detail .td-header{align-items:baseline;gap:1rem;font-size:1.25rem;display:flex}.token-detail-section .token-detail .td-header .td-raw{color:var(--900)}.token-detail-section .token-detail .td-header .td-pos{color:var(--400)}.token-detail-section .token-detail .td-section{flex-direction:column;gap:.5rem;display:flex}.token-detail-section .token-detail .td-section .td-label{letter-spacing:-1.5px;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.token-detail-section .token-detail .td-section .td-bar-row{align-items:center;gap:.75rem;font-size:1.25rem;display:flex}.token-detail-section .token-detail .td-section .td-bar-row .td-src{width:60px}.token-detail-section .token-detail .td-section .td-bar-row .td-track{background:var(--200);flex:1;height:5px;overflow:hidden}.token-detail-section .token-detail .td-section .td-bar-row .td-fill{background:var(--900);height:100%}.token-detail-section .token-detail .td-section .td-bar-row .td-pct{color:var(--400);text-align:right;width:40px;font-size:.75rem}.token-detail-section .token-detail .td-section .td-alts{color:var(--900);font-size:1.25rem}.token-detail-section .token-strip{flex-wrap:wrap;align-items:baseline;gap:.25rem;padding:1rem 0;display:flex}.token-detail-section .token-strip .strip-token{cursor:pointer;padding:0 .25rem;font-size:1.25rem}.token-detail-section .token-strip p{font-size:1.5rem}.token-detail-section .token-strip .strip-token--active{background:var(--highlight)}