.hero-description-icon{vertical-align:-4px;cursor:pointer;transform-origin:50%;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;line-height:0;transition:transform .16s ease-out;display:inline-block;position:relative}.hero-description-icon:focus-visible{outline:2px solid var(--flora-blue-500);outline-offset:4px;border-radius:3px}@media (hover:hover){.hero-description-icon:hover{transform:scale(1.25)}}.hero-description-art,.hero-description-art>img,.hero-description-art>svg{max-width:none;display:block}.hero-description-art{width:100%;height:100%}.hero-calendar-dot{transform-box:fill-box;transform-origin:50%}.hero-description-art[data-playing] .hero-calendar-dot{animation:hero-calendar-dot .28s ease-out var(--dot-delay) both}.hero-description-art[data-playing][data-kind=music],.hero-description-art[data-playing][data-kind=daylight],.hero-description-art[data-playing][data-kind=steps]{animation:hero-icon-wave .3s ease-out var(--wave-delay) both}.hero-description-art[data-playing] .hero-local-arrow{animation:.3s ease-out both hero-arrow-loop}.hero-description-art[data-playing][data-kind=key]{animation:.3s ease-out both hero-key-bounce}@keyframes hero-calendar-dot{0%,to{opacity:1;transform:scale(1)}35%{opacity:.25;transform:scale(.25)}70%{opacity:1;transform:scale(1.5)}}@keyframes hero-icon-wave{0%,to{transform:scale(1)}40%{transform:scale(1.5)}75%{transform:scale(.92)}}@keyframes hero-arrow-loop{0%{transform:translateY(0)}45%{transform:translateY(16px)}45.01%{transform:translateY(-16px)}to{transform:translateY(0)}}@keyframes hero-key-bounce{0%,to{transform:translateY(0)}35%{transform:translateY(-7px)}65%{transform:translateY(2px)}82%{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.hero-description-icon{transition:none;transform:none!important}.hero-description-art,.hero-calendar-dot,.hero-local-arrow{animation:none!important}}