@property --tdi-a{syntax:"<angle>";inherits:false;initial-value:360deg}.tdi-mark{aspect-ratio:582/551;width:var(--tdi-size,40px);flex:none;display:block;position:relative}.tdi-mark img,.tdi-mark .glint{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.tdi-mark .ring{--tdi-from:62deg;-webkit-mask-image:conic-gradient(from var(--tdi-from), transparent 0, transparent calc(360deg - var(--tdi-a)), #000 calc(360deg - var(--tdi-a)));-webkit-mask-image:conic-gradient(from var(--tdi-from), transparent 0, transparent calc(360deg - var(--tdi-a)), #000 calc(360deg - var(--tdi-a)));mask-image:conic-gradient(from var(--tdi-from), transparent 0, transparent calc(360deg - var(--tdi-a)), #000 calc(360deg - var(--tdi-a)))}.tdi-mark .glint{pointer-events:none;mix-blend-mode:soft-light;-webkit-mask-image:var(--tdi-url);-webkit-mask-image:var(--tdi-url);mask-image:var(--tdi-url);overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%}.tdi-mark .glint:before{content:"";opacity:0;background:linear-gradient(105deg,#0000 38%,#fffffff2 50%,#0000 62%);width:260%;position:absolute;inset:0 auto 0 0;transform:translate(-98.5%)}@keyframes tdi-ring{0%{--tdi-a:0deg}to{--tdi-a:360deg}}@keyframes tdi-inner{0%{opacity:0;transform:translate(-11%,6%)rotate(-8deg)scale(.9)}to{opacity:1;transform:none}}@keyframes tdi-mark-glint{0%{opacity:1;transform:translate(-98.5%)}to{opacity:0;transform:translate(43%)}}.tdi-mark[data-animate] .ring{animation:.95s cubic-bezier(.62,0,.28,1) 80ms backwards tdi-ring}.tdi-mark[data-animate] .inner{animation:.8s cubic-bezier(.2,.85,.25,1) .62s backwards tdi-inner}.tdi-mark[data-animate] .glint:before{animation:.9s ease-in-out 1.25s both tdi-mark-glint}@media (max-width:640px){.tdi-mark[data-animate] .ring{animation-duration:.7s}.tdi-mark[data-animate] .inner{animation-duration:.6s;animation-delay:.45s}.tdi-mark[data-animate] .glint:before{animation-duration:.7s;animation-delay:.95s}}@media (prefers-reduced-motion:reduce){.tdi-mark .ring,.tdi-mark .inner,.tdi-mark .glint:before{animation:none!important}.tdi-mark .glint{display:none}}[data-effects=off] .tdi-mark .glint{display:none}.tdi-splash{z-index:100;color:#eceef0;background:#14171b;place-items:center;animation:.6s cubic-bezier(.7,0,.2,1) 2.15s forwards tdi-splash-out;display:grid;position:fixed;inset:0}.tdi-splash .tdi-mark{--tdi-size:clamp(120px, 20vw, 210px)}.tdi-splash .tag{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;text-align:center;opacity:0;margin-top:28px;font-size:12px;font-weight:500;animation:.6s 1.35s forwards tdi-tag}.tdi-splash .rule{background:#e10600;width:0;height:2px;margin:22px auto 0;animation:.9s cubic-bezier(.6,0,.2,1) .9s forwards tdi-rule;display:block}@keyframes tdi-splash-out{to{visibility:hidden;transform:translateY(-100%)}}@keyframes tdi-tag{to{opacity:.75}}@keyframes tdi-rule{to{width:min(46vw,220px)}}.tdi-splash.skip{animation:.28s ease-in forwards tdi-splash-out}html[data-splash=seen] .tdi-splash{display:none}@media (max-width:640px){.tdi-splash{animation-delay:1.65s}.tdi-splash .tag{animation-delay:.95s}.tdi-splash .rule{animation-delay:.65s}}@media (prefers-reduced-motion:reduce){.tdi-splash{display:none}}