smart-webcomponents-react/source/styles/components/smart.tooltip.css

[](https://jqwidgets.com/license/)

smart-tooltip{position:absolute;text-align:center;z-index:var(--smart-editor-drop-down-z-index);font-family:var(--smart-font-family);font-size:var(--smart-font-size);visibility:hidden;pointer-events:none}smart-tooltip.smart-element{background:0 0;overflow:visible}smart-tooltip .smart-tooltip-content{overflow:hidden;text-overflow:ellipsis;padding:var(--smart-tooltip-padding);background-color:var(--smart-secondary);color:var(--smart-secondary-color);border:var(--smart-border-width) solid var(--smart-secondary);width:100%;height:100%;opacity:.9;box-shadow:var(--smart-elevation-6);font-family:var(--smart-font-family);border-top-left-radius:var(--smart-border-top-left-radius);border-bottom-left-radius:var(--smart-border-bottom-left-radius);border-top-right-radius:var(--smart-border-top-right-radius);border-bottom-right-radius:var(--smart-border-bottom-right-radius)}smart-tooltip[arrow],smart-tooltip[arrow][arrow-direction=bottom]{padding-bottom:var(--smart-tooltip-arrow-width)}smart-tooltip.auto,smart-tooltip.auto .smart-container,smart-tooltip.auto .smart-tooltip-content{height:auto}smart-tooltip[arrow] .smart-tooltip-content:after,smart-tooltip[arrow][arrow-direction=bottom] .smart-tooltip-content:after{content:"";width:0;height:0;border-top:var(--smart-tooltip-arrow-width) solid var(--smart-tooltip-arrow-color);position:absolute;bottom:0;left:calc(50% - var(--smart-tooltip-arrow-width));border-left:var(--smart-tooltip-arrow-width) solid transparent;border-right:var(--smart-tooltip-arrow-width) solid transparent;transform:translateX(var(--smart-tooltip-arrow-translate))}smart-tooltip[visible]{visibility:visible;pointer-events:auto}smart-tooltip[arrow][arrow-direction=top]{padding-bottom:initial;padding-top:var(--smart-tooltip-arrow-width)}smart-tooltip[arrow][arrow-direction=top] .smart-tooltip-content:after{border-left:var(--smart-tooltip-arrow-width) solid transparent;border-right:var(--smart-tooltip-arrow-width) solid transparent;border-bottom:var(--smart-tooltip-arrow-width) solid var(--smart-tooltip-arrow-color);border-top:initial;top:0;bottom:calc(100% + var(--smart-tooltip-arrow-width));transform:translateX(var(--smart-tooltip-arrow-translate))}smart-tooltip[arrow][arrow-direction=left] .smart-tooltip-content:after,smart-tooltip[arrow][arrow-direction=right] .smart-tooltip-content:after{border-bottom:var(--smart-tooltip-arrow-width) solid transparent;border-top:var(--smart-tooltip-arrow-width) solid transparent;transform:translateY(var(--smart-tooltip-arrow-translate))}smart-tooltip[arrow][arrow-direction=left]{padding-bottom:initial;padding-left:var(--smart-tooltip-arrow-width)}smart-tooltip[arrow][arrow-direction=left] .smart-tooltip-content:after{border-right:var(--smart-tooltip-arrow-width) solid var(--smart-tooltip-arrow-color);border-left:initial;left:0;top:calc(50% - var(--smart-tooltip-arrow-width))}smart-tooltip[arrow][arrow-direction=right]{padding-bottom:initial;padding-right:var(--smart-tooltip-arrow-width)}smart-tooltip[arrow][arrow-direction=right] .smart-tooltip-content:after{border-left:var(--smart-tooltip-arrow-width) solid var(--smart-tooltip-arrow-color);border-right:initial;left:calc(100% - var(--smart-tooltip-arrow-width));top:calc(50% - var(--smart-tooltip-arrow-width))}smart-tooltip:not([animation=none]){opacity:0;transition:opacity .5s ease-in-out}smart-tooltip:not([animation=none])[visible]{opacity:1}smart-tooltip[right-to-left] .smart-tooltip-content{direction:rtl}