.animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square{position:relative;overflow:hidden}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__Square::before{content:"";position:absolute;width:0;height:100%;background-color:var(--tte-squareSlideInFromLeftRectangleColor, var(--tte-overallDefaultColor));top:0}.animSquareSlideInFromLeft .animSquareSlideInFromLeft__content{transform:translateX(-100%)}.animSquareSlideInFromLeft.visible .animSquareSlideInFromLeft__Square::before{animation:animSquareSlideInFromLeft__square--before 1s forwards}.animSquareSlideInFromLeft.visible .animSquareSlideInFromLeft__content{animation:animSquareSlideInFromLeft__content .2s .8s forwards}@keyframes animSquareSlideInFromLeft__square--before{0%{width:0;left:0;transform:translateX(0)}30%{width:100%;left:0;transform:translateX(0)}80%{width:100%;left:0;right:100%}100%{width:0;right:0;left:100%}}@keyframes animSquareSlideInFromLeft__content{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}.animWavyDrop .tteLetter{display:inline-block;transform:translateY(-100%);opacity:0}.animWavyDrop.visible .tteLetter{animation-name:animWavyDrop;animation-duration:.75s;animation-delay:calc(.1s*var(--animWavyDropDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-fill-mode:forwards;transform:translateY(0)}@keyframes animWavyDrop{0%{opacity:0;transform:translateY(-100%)}50%{opacity:1;transform:translateY(30%)}100%{opacity:1;transform:translateY(0)}}.animWavyRise .tteLetter{display:inline-block;transform:translateY(-100%);opacity:0}.animWavyRise.visible .tteLetter{animation-name:animWavyRise;animation-duration:.75s;animation-delay:calc(.1s*var(--animWavyRiseDuration));animation-timing-function:cubic-bezier(0.42, 0, 0.33, 1);animation-fill-mode:forwards;transform:translateY(0)}@keyframes animWavyRise{0%{opacity:0;transform:translateY(100%)}50%{opacity:1;transform:translateY(-30%)}100%{opacity:1;transform:translateY(0)}}.animPopOut.visible .tteLetter{display:inline-block;margin-right:.25em}.animPopOut.visible.visible .tteLetter{animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:steps(1, end)}.animPopOut.visible.visible .tteLetter:nth-child(odd){animation-name:animPopOut-odd}.animPopOut.visible.visible .tteLetter:nth-child(even){animation-name:animPopOut-even}@keyframes animPopOut-odd{0%{transform:translate(0, 0)}25%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em var(--tte-popOutShadowColor, var(--tte-overallDefaultColor))}75%{transform:translate(0, 0);text-shadow:0 0 var(--tte-popOutShadowColor, var(--tte-overallDefaultColor))}100%{transform:translate(0, 0)}}@keyframes animPopOut-even{0%{transform:translate(0, 0)}50%{transform:translate(0.1em, -0.1em);text-shadow:-0.1em .1em var(--tte-popOutShadowColor, var(--tte-overallDefaultColor))}100%{transform:translate(0, 0)}}.animLineSwipe.visible{position:relative;width:fit-content}.animLineSwipe.visible::before{content:"";position:absolute;width:4px;height:100%;top:0;left:0;background-color:var(--tte-lineSwipeBorderColor);animation:animLineSwipeBarSwipe 1s cubic-bezier(0.77, 0, 0.175, 1) forwards,animLineSwipeBarFadeOut .1s ease-in-out forwards;animation-delay:0s,1s}.animLineSwipe.visible::after{content:"";position:absolute;width:4px;height:100%;top:0;left:0;background-color:var(--tte-lineSwipeBorderColor);opacity:0;animation:animLineSwipeBorder 2s 1s ease-in-out forwards}.animLineSwipe.visible p{position:relative;width:fit-content;margin:0;animation:animLineSwipeContents 1s .1s cubic-bezier(0.77, 0, 0.175, 1) forwards}@keyframes animLineSwipeBarSwipe{0%{left:0}100%{left:100%}}@keyframes animLineSwipeBarFadeOut{0%{opacity:1}100%{opacity:0}}@keyframes animLineSwipeBorder{to{opacity:1}}@keyframes animLineSwipeContents{0%{clip-path:polygon(0 0, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0)}}.animGateMark.visible p{position:relative;width:fit-content;transform:scale(0);opacity:0;animation:animGateMarkContent 1s ease-in-out forwards}.animGateMark.visible p::before,.animGateMark.visible p::after{content:"";position:absolute;height:100%;width:4px;top:0;background-color:var(--tte-gateMarkLineColor);transform:scale(0, 1);animation:animGateMarkGate .5s 1s ease-in-out forwards}.animGateMark.visible p::before{left:0;transform-origin:0 50%}.animGateMark.visible p::after{right:0;transform-origin:100% 50%}@keyframes animGateMarkContent{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes animGateMarkGate{to{transform:scale(1, 1)}}

/*# sourceMappingURL=style.css.map*/