.os-tip{transition:.2s opacity;font-size:var(--os-tip-font-size);background-color:var(--os-tip-background-color);border-radius:var(--os-tip-border-radius);color:var(--os-tip-color);padding:.3em .6em;z-index:99}.os-tip [data-popper-arrow],.os-tip [data-popper-arrow]:before{position:absolute;width:8px;height:8px;background:inherit}.os-tip [data-popper-arrow]{visibility:hidden}.os-tip [data-popper-arrow]:before{visibility:visible;content:"";transform:rotate(45deg)}.os-tip[data-popper-placement^=top]>[data-popper-arrow]{bottom:-4px}.os-tip[data-popper-placement^=bottom]>[data-popper-arrow]{top:-4px}.os-tip[data-popper-placement^=left]>[data-popper-arrow]{right:-4px}.os-tip[data-popper-placement^=right]>[data-popper-arrow]{left:-4px}.os-tip{--os-tip-color: var(--os-color-neutral-1);--os-tip-background-color: var(--os-color-neutral-10);--os-tip-border-radius: var(--os-border-radius-base);--os-tip-font-size: var(--os-heading8)}.os-tip-large{--os-tip-font-size: var(--os-heading7)}.os-tip-mini{--os-tip-font-size: var(--os-heading9)}.tip-fade-enter-from,.tip-fade-leave-to{opacity:0}