.ccl{--lg:22px;--ccl-e:cubic-bezier(.2,.8,.2,1);display:inline-flex;align-items:center;gap:calc(var(--lg) * .5);line-height:1;color:inherit}.ccl__mark{flex:none;display:block;width:calc(var(--lg) * 1.75);height:calc(var(--lg) * 1.75);overflow:visible}.ccl__word{flex:none;display:block;height:calc(var(--lg) * 1.1);width:calc(var(--lg) * 1.1 * 640 / 98);overflow:visible}.ccl-cur{opacity:0}.ccl-tile,.ccl-sp,.ccl-mt,.ccl-mb,.ccl-ml,.ccl-mg,.ccl-wd,.ccl-cur{transform-box:fill-box}.ccl-tile,.ccl-ml,.ccl-mg{transform-origin:center}.ccl.is-play .ccl-tile{animation:ccl-tile 3.4s var(--ccl-e) both}.ccl.is-play .ccl-sp{animation:ccl-sp 3.4s steps(1,end) both}.ccl.is-play .ccl-mt{animation:ccl-mt 3.4s var(--ccl-e) both}.ccl.is-play .ccl-mb{animation:ccl-mb 3.4s var(--ccl-e) both}.ccl.is-play .ccl-ml{animation:ccl-ml 3.4s var(--ccl-e) both}.ccl.is-play .ccl-mg{animation:ccl-mg 3.4s var(--ccl-e) both}.ccl.is-play .ccl-wd{animation:ccl-wd 3.4s both,ccl-ws 3.4s steps(1,end) both}.ccl.is-play .ccl-cur{animation:ccl-cur 3.4s steps(1,end) both,ccl-cx 3.4s both}@keyframes ccl-tile{0%{transform:scale(.4);opacity:0}3.5%{opacity:1}8.8%{transform:scale(1.06)}12.4%,100%{transform:none;opacity:1}}@keyframes ccl-sp{0%,10.6%{transform:translateX(-60px);opacity:0}14.1%{transform:translateX(calc(var(--j) * 1.6));opacity:1}17.6%{transform:translateX(calc(var(--j) * -.8))}21.2%{transform:translateX(calc(var(--j) * .4))}24.7%,100%{transform:none;opacity:1}}@keyframes ccl-mt{0%,35.3%{transform:translate(0,5px)}42.4%{transform:translate(-7px,0)}45.9%,100%{transform:translate(-5px,0)}}@keyframes ccl-mb{0%,35.3%{transform:translate(0,-5px)}42.4%{transform:translate(7px,0)}45.9%,100%{transform:translate(5px,0)}}@keyframes ccl-ml{0%,35.3%{transform:scaleX(0);opacity:0}37.1%{opacity:1}44.1%,100%{transform:scaleX(1);opacity:1}}@keyframes ccl-mg{0%,37.1%{opacity:0;transform:scale(1)}40.6%{opacity:1;transform:scale(1.3,3.5)}52.9%,100%{opacity:.85;transform:scale(1)}}@keyframes ccl-wd{0%,49.4%{clip-path:inset(0 100% 0 0)}49.41%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(10,end)}77.6%,100%{clip-path:inset(0 0 0 0)}}@keyframes ccl-ws{0%,77.6%{transform:none}78.7%{transform:translateX(-12px)}80.1%{transform:translateX(8px)}81.5%,100%{transform:none}}@keyframes ccl-cx{0%,49.4%{transform:translateX(0)}49.41%{transform:translateX(0);animation-timing-function:steps(10,end)}77.6%,100%{transform:translateX(648px)}}@keyframes ccl-cur{0%,47.6%{opacity:0}48%,77.6%{opacity:1}81.2%{opacity:0}84.7%{opacity:1}88.2%{opacity:0}91.8%{opacity:1}95.3%,100%{opacity:0}}@media (prefers-reduced-motion:reduce){.ccl.is-play .ccl-tile,.ccl.is-play .ccl-sp,.ccl.is-play .ccl-mt,.ccl.is-play .ccl-mb,.ccl.is-play .ccl-ml,.ccl.is-play .ccl-mg,.ccl.is-play .ccl-wd,.ccl.is-play .ccl-cur{animation:none}}.ccl.is-wait .ccl-tile,.ccl.is-wait .ccl-sp,.ccl.is-wait .ccl-ml{opacity:0}.ccl.is-wait .ccl-wd{clip-path:inset(0 100% 0 0)}.ccl--nav{--lg:clamp(18px, .7vw + 13px, 24px)}.ccl--foot{--lg:clamp(20px, 1vw + 12px, 28px);display:flex;margin:0 0 clamp(16px, 2vw, 24px)}.ccl--login{--lg:24px}.ccl--404{--lg:clamp(24px, 1.6vw + 12px, 34px);margin-bottom:clamp(18px, 3vw, 32px)}.cc-auth__brand:has(.ccl){display:inline-flex;font-size:inherit;text-decoration:none}@media (max-width:560px){.ccl--nav{--lg:17px}}