@property --radius{syntax:"<length>";inherits:true;initial-value:0}.f0-trans{--kh:.578704vw;--radius:0px;z-index:2000;pointer-events:none;width:100%;height:100vh;font-size:var(--kh);background:0 0;font-family:Clash Display,Satoshi,system-ui,sans-serif;font-weight:400;position:fixed;inset:0}@media (min-width:2160px){.f0-trans{--kh:12.5px}}@media (max-width:991px){.f0-trans{--kh:1.009vw}}@media (max-width:767px){.f0-trans{--kh:2.66667vw}}.f0-trans.is-on{pointer-events:auto}.f0-trans-inner{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative}.f0-trans-canvas{z-index:1;position:absolute;inset:0}.f0-trans-canvas svg{width:100%;height:100%;display:block}.f0-trans circle{fill:#1d1d1d;r:var(--radius)}.f0-trans-title-wrap{z-index:2;opacity:0;pointer-events:none;position:relative}.f0-trans-title{color:#fff;letter-spacing:.01em;text-align:center;white-space:nowrap;margin:0;font-size:12em;font-weight:400;line-height:.95em}.f0-trans .g-chars{vertical-align:bottom;display:inline-block;overflow:hidden}.f0-trans .g-char{opacity:0;display:inline-block;transform:translateY(60%)}