.cl-arlin{--T:1.8s}.cl-arlin path[data-pen]{stroke-dasharray:1000;stroke-dashoffset:0}.cl-play.cl-arlin path[data-pen]{animation:cl-arlin-write calc(var(--d) * var(--T)) cubic-bezier(.4, .05, .5, .95) calc(var(--s) * var(--T)) both}.cl-play .cl-arlin-sub{animation:.8s cubic-bezier(.22,.61,.36,1) 1s both cl-fade-up}@keyframes cl-arlin-write{0%{stroke-dashoffset:1000px;stroke-opacity:0}.01%{stroke-opacity:1}to{stroke-dashoffset:0;stroke-opacity:1}}.cl-ww-horizon{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.cl-ww-gust{fill:none;stroke-linecap:round;opacity:0}.cl-play .cl-ww-horizon{animation:cl-ww-draw .85s cubic-bezier(.65, 0, .35, 1) var(--delay,0s) both}.cl-play .cl-ww-sun{animation:1.2s cubic-bezier(.22,1,.36,1) .2s both cl-ww-rise}.cl-play .cl-ww-glow{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out .5s both cl-ww-glow}.cl-play .cl-ww-gust{animation:cl-ww-gust 1.2s cubic-bezier(.22, 1, .36, 1) var(--d) forwards}.cl-play .cl-ww-letter{animation:cl-ww-letter .7s cubic-bezier(.22, 1, .36, 1) calc(.45s + var(--i) * 35ms) both;display:inline-block}.cl-play .cl-ww-tag{animation:.6s cubic-bezier(.22,1,.36,1) 1.05s both cl-fade-up}@keyframes cl-ww-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes cl-ww-rise{0%{translate:0 30px}}@keyframes cl-ww-glow{0%,to{opacity:.6}50%{opacity:1;scale:1.12}}@keyframes cl-ww-gust{0%{opacity:0;translate:0}30%{opacity:.85}to{opacity:0;translate:330px}}@keyframes cl-ww-letter{0%{opacity:0;filter:blur(6px);translate:-.6em .15em;rotate:-6deg}}.cl-rtf-door,.cl-rtf-heart,.cl-rtf-glow{transform-box:view-box}.cl-rtf-door-left{transform-origin:9px 26px}.cl-rtf-door-right{transform-origin:23px 26px}.cl-rtf-heart,.cl-rtf-glow{transform-origin:16px 20px}.cl-rtf-glow{opacity:0;transform:scale(.4)}.cl-play .cl-rtf-door-left{animation:2.4s cubic-bezier(.22,1,.36,1) .2s both cl-rtf-left}.cl-play .cl-rtf-door-right{animation:2.4s cubic-bezier(.22,1,.36,1) .2s both cl-rtf-right}.cl-play .cl-rtf-heart{animation:2.4s cubic-bezier(.22,1,.36,1) .2s both cl-rtf-heart}.cl-play .cl-rtf-glow{animation:2.4s cubic-bezier(.22,1,.36,1) .2s both cl-rtf-glow}@keyframes cl-rtf-left{25%,70%{transform:rotate(-16deg)}}@keyframes cl-rtf-right{25%,70%{transform:rotate(16deg)}}@keyframes cl-rtf-heart{25%,70%{transform:scale(1.35)}}@keyframes cl-rtf-glow{25%,70%{opacity:.22;transform:scale(1)}}@property --glint{syntax:"<angle>";inherits:false;initial-value:0deg}.cl-gd-light{opacity:0;pointer-events:none;background:conic-gradient(from var(--glint) at 25.5% 67%, transparent 0 280deg, #fff0c899 318deg, #fff 342deg, #fff0c8b3 351deg, transparent 360deg);-webkit-mask:var(--mark) center / 100% 100% no-repeat, radial-gradient(ellipse 30% 42% at 25.5% 67%, #000 70%, transparent 100%);mask:var(--mark) center / 100% 100% no-repeat, radial-gradient(ellipse 30% 42% at 25.5% 67%, #000 70%, transparent 100%);position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.cl-gd-glint{aspect-ratio:1;opacity:0;pointer-events:none;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:radial-gradient(circle,#fff 0 16%,#c69b29 46%);width:9%;position:absolute;top:43.7%;left:41.8%;translate:-50% -50%}.cl-play .cl-gd-light{animation:1.15s cubic-bezier(.45,.05,.25,1) .2s both cl-gd-light}.cl-play .cl-gd-glint{animation:.55s ease-out 1.15s both cl-gd-glint}@keyframes cl-gd-light{0%{--glint:-300deg;opacity:0}12%{opacity:1}85%{opacity:1}to{--glint:60deg;opacity:0}}@keyframes cl-gd-glint{0%{opacity:0;transform:scale(.2)rotate(0)}45%{opacity:1;transform:scale(1)rotate(45deg)}to{opacity:0;transform:scale(.4)rotate(90deg)}}@keyframes cl-fade-up{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-motion:reduce){.cl-play *{animation:none!important}}