@font-face{font-family:Homemade Apple;src:url(https://cdn.jsdelivr.net/npm/@fontsource/homemade-apple@5.3.0/files/homemade-apple-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.name-sum{--pen: var(--color-peri-600);--hand: "Homemade Apple", cursive;position:relative;width:fit-content;max-width:100%;font-size:clamp(34px,4.6vw,64px)}@media (max-width: 1023.98px){.name-sum{margin-left:.7em}}.name-sum__row{position:relative;display:block}.name-sum__plus{position:absolute;right:calc(100% + .14em);top:50%;translate:0 -52%;font-family:var(--hand);font-weight:400;font-size:1.15em;line-height:1;color:var(--pen)}.name-sum__line{display:block;width:calc(100% + 1.1em);height:auto;margin:.14em 0 0 -.82em;overflow:visible;color:var(--pen);rotate:-.6deg}.name-sum__line path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:0}.name-sum__result{display:block;width:fit-content;margin-top:.3em;padding-inline:.12em;font-family:var(--hand);font-weight:400;font-size:.86em;line-height:1.1;color:var(--pen);rotate:-2deg;transform-origin:left center}.name-sum[data-state=ready] .name-sum__row{opacity:0;translate:0 .4em}.name-sum[data-state=ready] .name-sum__line path{stroke-dashoffset:1}.name-sum[data-state=ready] :is(.name-sum__result,.name-sum__plus){clip-path:inset(-.4em 100% -.4em -.4em)}.name-sum[data-state=play] .name-sum__row{transition:opacity .7s cubic-bezier(.16,1,.3,1),translate .9s cubic-bezier(.16,1,.3,1)}.name-sum[data-state=play] .name-sum__row:nth-child(2){transition-delay:.2s}.name-sum[data-state=play] .name-sum__row:nth-child(3){transition-delay:.4s}.name-sum[data-state=play] .name-sum__line path{transition:stroke-dashoffset .7s cubic-bezier(.55,0,.3,1) 1.05s}.name-sum[data-state=play] :is(.name-sum__result,.name-sum__plus){clip-path:inset(-.4em -.4em -.4em -.4em)}.name-sum[data-state=play] .name-sum__plus{transition:clip-path .3s ease-out .8s}.name-sum[data-state=play] .name-sum__result{transition:clip-path 1.2s cubic-bezier(.45,.05,.3,1) 1.65s}.step-chain{--pen: var(--color-peri-600)}.step-chain__arrows{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;color:var(--pen)}.step-chain__arrows path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:0}.step-chain__label{display:block}.step-chain[data-state=ready] .step-chain__label{opacity:0;translate:0 .35em}.step-chain[data-state=play] .step-chain__label{transition-property:opacity,translate;transition-duration:.5s,.8s;transition-timing-function:ease-out,cubic-bezier(.16,1,.3,1)}.step-chain[data-state=ready] .step-chain__arrows path{stroke-dashoffset:1}.step-chain[data-state=play] .step-chain__arrows path{transition-property:stroke-dashoffset;transition-timing-function:cubic-bezier(.55,0,.3,1)}
