.letter-pile{position:relative;width:100%;height:103vh;background:var(--bg);overflow:hidden;user-select:none;-webkit-user-select:none;margin-top:-2.5vh}.letter-pile__stage{position:absolute;top:0;right:0;bottom:0;left:0}.lp-letter{position:absolute;top:0;left:0;display:block;line-height:1;color:var(--text);text-decoration:none;cursor:pointer;will-change:transform;transition:color .12s ease}.lp-letter span{display:block;line-height:.85;pointer-events:none}.lp-letter:hover,.lp-letter.is-hovered{color:var(--accent);z-index:2}.letter-pile__tooltip{position:absolute;display:none;align-items:center;padding:8px 18px;background:#0000008c;border:1px solid rgba(255,255,255,.9);border-radius:100px;font-family:var(--font-mono);font-variation-settings:"wght" 400,"MONO" 1;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--text);white-space:nowrap;pointer-events:none;z-index:20;transform:translate(14px,-50%)}.letter-pile__tooltip[aria-hidden=false]{display:flex}.letter-pile__font-nav,.letter-pile__gravity-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;mix-blend-mode:difference}.letter-pile__font-nav ul,.letter-pile__gravity-nav ul{display:flex;flex-direction:column;gap:2px;list-style:none}.letter-pile__gravity-nav ul{align-items:flex-end}.letter-pile__font-nav{left:18px}.lp-font-btn{display:flex;align-items:center;gap:0;font-family:var(--font-mono);font-variation-settings:"wght" 400,"MONO" 1;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;background:none;border:none;cursor:pointer;padding:3px 0;transition:color .15s;mix-blend-mode:difference}.lp-font-btn:hover{color:#ffffffbf}.lp-font-btn.is-active{color:var(--text)}.lp-font-btn .lp-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--accent);margin-left:8px;flex-shrink:0;opacity:0;transition:opacity .2s;transform:translateY(0)}.lp-font-btn.is-active .lp-dot{opacity:1}.letter-pile__gravity-nav{right:18px}.lp-grav-btn{display:flex;align-items:center;flex-direction:row;gap:0;font-family:var(--font-mono);font-variation-settings:"wght" 400,"MONO" 1;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;background:none;border:none;cursor:pointer;padding:3px 0;transition:color .15s;mix-blend-mode:difference}.lp-grav-btn:hover{color:#ffffffbf}.lp-grav-btn.is-active{color:var(--text)}.lp-grav-btn .lp-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--accent);margin-right:8px;flex-shrink:0;opacity:0;transition:opacity .2s}.lp-grav-btn.is-active .lp-dot{opacity:1}@media(max-width:768px){.letter-pile{height:103vh}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/letter-pile.css.map */