.fonts-page{color:#fff;background:#000;width:100%;height:100vh;padding:10px;font-size:.85rem;line-height:1.15;position:relative;overflow:hidden}.fonts-header{z-index:5;text-align:center;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%;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:1rem 6rem 0;transform:translateY(100%)}.fonts-info-panel.is-open{pointer-events:auto;transform:translateY(0)}.fonts-info-panel-inner{text-align:center;height:100%;font-size:4rem;line-height:1;overflow-y:auto}.fonts-info-panel-inner p{margin:0}.fonts-canvas{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.font-image{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;padding:0}.font-image.is-dragging{cursor:grabbing;z-index:10}.font-image img{-webkit-user-drag:none;width:100%;height:auto;display:block}