@layer component{.c-tooltip{background-color:var(--color-secondary);border-radius:calc(var(--space-scale-2xs)/2);box-shadow:var(--shadow-s);color:var(--color-tertiary);max-width:300px;padding:var(--space-scale-2xs) var(--space-scale-xs);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes fade-in-down{0%{opacity:0;transform:translate3d(0,-5px,0)}to{opacity:1;transform:translateZ(0)}}.c-tooltip[data-side=top]{animation:fade-in-down .3s cubic-bezier(.5,0,.5,1) 0s 1 both}@keyframes fade-in-right{0%{opacity:0;transform:translate3d(5px,0,0)}to{opacity:1;transform:translateZ(0)}}.c-tooltip[data-side=right]{animation:fade-in-right .3s cubic-bezier(.5,0,.5,1) 0s 1 both}@keyframes fade-in-up{0%{opacity:0;transform:translate3d(0,5px,0)}to{opacity:1;transform:translateZ(0)}}.c-tooltip[data-side=bottom]{animation:fade-in-up .3s cubic-bezier(.5,0,.5,1) 0s 1 both}@keyframes fade-in-left{0%{opacity:0;transform:translate3d(-5px,0,0)}to{opacity:1;transform:translateZ(0)}}.c-tooltip[data-side=left]{animation:fade-in-left .3s cubic-bezier(.5,0,.5,1) 0s 1 both}.c-tooltip__arrow{color:var(--color-secondary)}}