.brand-mascot{display:inline-block;position:relative;flex-shrink:0;vertical-align:middle;isolation:isolate}.brand-mascot-play{display:block;position:relative;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;border-radius:18%;-webkit-tap-highlight-color:transparent}.brand-mascot-play:focus-visible{outline:2px solid #547d40;outline-offset:5px}.brand-mascot-motion{display:block;position:relative;width:100%;height:100%;transform-origin:50% 94%}.brand-mascot-image{object-fit:contain;pointer-events:none;user-select:none}.brand-mascot-motion[data-motion=greet]{animation:pip-hello 2.8s cubic-bezier(.34,1.4,.5,1) both}.brand-mascot-motion[data-motion=celebrate]{animation:pip-celebrate 1.4s cubic-bezier(.25,.9,.35,1.15) both}.brand-mascot-play:hover .brand-mascot-motion{filter:drop-shadow(0 4px 3px #244b3915)}.brand-mascot-cheer{position:absolute;width:5%;height:12%;border-radius:100% 0 100% 0;opacity:0;background:#a2b77c;pointer-events:none}.brand-mascot-cheer-one{left:8%;top:15%;transform:rotate(-35deg)}.brand-mascot-cheer-two{right:2%;top:12%;transform:rotate(25deg);background:#c99b50}.brand-mascot-cheer-three{right:14%;top:2%;height:9%;background:#65874d}.brand-mascot-motion[data-motion=celebrate] .brand-mascot-cheer{animation:pip-cheer 1.2s ease-out .1s both}.brand-mascot-motion[data-motion=celebrate] .brand-mascot-cheer-two{animation-delay:.22s}.brand-mascot-motion[data-motion=celebrate] .brand-mascot-cheer-three{animation-delay:.32s}@keyframes pip-hello{0%{transform:translateY(0) rotate(0)}12%{transform:translateY(-5%) rotate(-7deg)}23%{transform:translateY(-2%) rotate(6deg)}34%{transform:translateY(-4%) rotate(-5deg)}44%{transform:translateY(-1%) rotate(4deg)}55%{transform:translateY(0) rotate(-2deg)}67%,to{transform:translateY(0) rotate(0)}}@keyframes pip-celebrate{0%{transform:scale(1) translateY(0)}12%{transform:scale(1.04,.93) translateY(0)}32%{transform:scale(.97,1.04) translateY(-14%) rotate(-5deg)}49%{transform:scale(1.03,.96) translateY(0) rotate(3deg)}68%{transform:scale(1) translateY(-5%) rotate(-2deg)}84%,to{transform:scale(1) translateY(0) rotate(0)}}@keyframes pip-cheer{0%{opacity:0;translate:0 4px;scale:.6}25%,50%{opacity:1;translate:0 -4px;scale:1}to{opacity:0;translate:0 -17px;scale:.7}}@media (prefers-reduced-motion:reduce){.brand-mascot-motion .brand-mascot-cheer,.brand-mascot-motion[data-motion]{animation:none!important}.brand-mascot-play:hover .brand-mascot-motion{filter:none}}@media print{.brand-mascot{display:none!important}}