.fonts-page{color:#fff;background:#000;width:100%;height:100svh;padding:10px;font-size:.85rem;line-height:1.15;position:relative;overflow:hidden}.fonts-header{z-index:10004;text-align:center;mix-blend-mode:difference;flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex;position:absolute;top:10px;left:0}::selection{color:#000;background-color:#fff}.fonts-nav{flex-direction:row;justify-content:center;align-items:center;gap:6rem;width:100%;margin-top:1rem;padding:0 2.5rem;font-size:.85rem;line-height:1.15;display:flex}.fonts-nav a,.fonts-nav span{color:#fff;text-decoration:none}.fonts-nav a:hover{text-underline-offset:4px;text-decoration:underline}.fonts-info-button{z-index:10011;cursor:pointer;pointer-events:auto;color:#fff;mix-blend-mode:difference;text-transform:lowercase;background:0 0;border:none;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:fixed;bottom:.5rem;left:50%;transform:translate(-50%)}.fonts-info-button:hover{text-underline-offset:4px;text-decoration:underline}.fonts-info-panel{z-index:10005;color:#fff;pointer-events:none;mix-blend-mode:difference;background:0 0;flex-direction:column;transition:transform .35s;display:flex;position:fixed;inset:3.5rem 6rem 0;transform:translateY(100%)}.fonts-info-panel.is-open{pointer-events:auto;transform:translateY(0)}.fonts-info-panel-inner{text-align:center;flex-direction:column;justify-content:safe center;height:100%;font-size:4rem;line-height:1;display:flex;overflow-y:auto}.fonts-info-panel-inner p{margin:0}@media (max-width:768px){.fonts-nav{justify-content:space-between;gap:2rem;padding:0 .5rem}.fonts-info-panel{left:1rem;right:1rem}.fonts-info-panel-inner{font-size:1.6rem}}