/* about page */
@keyframes smdot{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.35)}100%{opacity:1;transform:scale(1)}}
@keyframes smdraw{to{stroke-dashoffset:0}}
@keyframes smwig{0%,86%,100%{transform:rotate(0deg)}90%{transform:rotate(-12deg)}94%{transform:rotate(10deg)}}
.smiley{display:inline-block;width:.54em;height:.92em;margin-left:.32em;vertical-align:-.1em;overflow:visible;transform-origin:50% 55%;animation:smwig 4s 3.4s ease-in-out infinite}
.smiley .d{opacity:0;transform-box:fill-box;transform-origin:center;animation:smdot .28s ease-out forwards}
.smiley .d1{animation-delay:2.1s}.smiley .d2{animation-delay:2.4s}
.smiley .m{stroke-dasharray:80;stroke-dashoffset:80;animation:smdraw .45s 2.75s ease-out forwards}
.smiley .pf{transform-box:fill-box;transform-origin:center;animation:smdot .32s cubic-bezier(.3,1.6,.5,1) both}
.smiley g{display:none}.smiley g.on{display:inline}
.smbtn{background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;line-height:0;cursor:pointer;vertical-align:baseline}
.smbtn:focus-visible{outline:2px dashed #FFFFFF;outline-offset:6px;border-radius:8px}
@keyframes spin{to{transform:rotate(360deg)}}
.spin{animation:spin 1.4s linear infinite}
.flip img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:opacity .6s ease}
.pill-dot{height:6px;border-radius:999px;background:#FFFFFF;transition:all .4s ease}