@keyframes line-x{0%,to{transform:scaleX(0)}30%,60%{transform:scaleX(1)}0%,30%{transform-origin:0 50%}60%,to{transform-origin:100% 50%}}@keyframes line-y{0%{transform:scaleY(0);transform-origin:50% 0}20%{transform:scaleY(1);transform-origin:50% 0}80%{transform:scaleY(1);transform-origin:50% 100%}to{transform:scaleY(0);transform-origin:50% 100%}}.text{display:block}.text.sketch{position:relative}.text.sketch:not(.ani-active) .text-char,.text.sketch:not(.intersected) .text-char{opacity:0;transition:opacity 1s}.text.sketch:not(.ani-active) .text-word,.text.sketch:not(.intersected) .text-word{position:relative}.text.sketch:not(.ani-active) .text-text,.text.sketch:not(.intersected) .text-text{clip-path:polygon(0 0,-2em 0,0 100%,0 100%)}.text [class^=text-word-x],.text [class^=text-word-y],.text [class^=text-x],.text [class^=text-y]{animation:ease-in-out 1 both;background:var(--sketch);position:absolute;transform-origin:0 0;z-index:-1}.text.intersected [class^=text-word-y],.text.intersected [class^=text-y]{animation-name:line-y}.text.intersected [class^=text-word-x],.text.intersected [class^=text-x]{animation-name:line-x}.text [class^=text-word-y],.text [class^=text-y]{bottom:-1em;top:-.8em;transform:scaleY(0);width:1px}.text [class^=text-word-x],.text [class^=text-x]{height:1px;left:-1em;right:-1em;transform:scaleX(0)}.text [class^=text-word-x]:nth-child(4n+1),.text [class^=text-x]:nth-child(4n+1){left:-1.2em;right:-.8em}.text [class^=text-word-x]:nth-child(odd),.text [class^=text-x]:nth-child(odd){transform-origin:100% 0}.text [class^=text-word-x]:nth-child(4n+3),.text [class^=text-x]:nth-child(4n+3){left:-.8em;right:-1.2em}.text [class^=text-word-x]:nth-child(4n+4),.text [class^=text-x]:nth-child(4n+4){left:-.6em;right:-1.4em}.text-y-1{bottom:-1.2em;left:.04em;top:-.8em}.text-y-2{bottom:-.8em;right:.02em;top:-1.2em;transform-origin:0 100%}.text-x-ascent{top:0}.text-x-xheight{top:.32em}.text-x-baseline{bottom:0}.text-x-descent{bottom:-.25em}.text-text{clip-path:polygon(0 0,100% 0,110% 100%,0 100%)}.text-word{display:inline-block;position:relative;z-index:1}.text-word:not(.text-word-break){margin-bottom:.25em}.text-word:not(.text-word-break):not(.last){margin-right:.25em}.text-word-y-1{bottom:-1.2em;left:.04em;top:-.8em}.text-word-y-2{bottom:-.8em;right:.02em;top:-1.2em;transform-origin:0 100%}.text-word-x-ascent{top:.18em}.text-word-x-xheight{top:.45em}.text-word-x-baseline{top:1em}.text-word-x-descent{top:1.25em}@media (max-width:768px){.text-word-break{display:block}}.text-word-text{clip-path:polygon(0 0,100% 0,115% 100%,0 100%)}.text:not(.conditional-option):not(.sketch) .text-char{opacity:0;transform:translate(-.15em) scale(1.25)}.text-char{display:inline-block}.text.ani-active.intersected:not(.conditional-option):not(.sketch) .text-char{opacity:1;transform:none}.char-slot{display:inline}@media (max-width:768px){.char-break{display:block}.char-break+.char-space{width:.5em}}@media (min-width:769px){.char-break{display:none}}