@use 'ej2-base/styles/definition/bootstrap5' as *;
@forward 'ej2-base/styles/definition/bootstrap5';

//layout variables
$tooltip-drop-shadow: $shadow-sm !default;
$tooltip-close-icon-border: 1px solid $secondary-bg-color !default;
$tooltip-icon-box-shadow: $shadow-sm !default;
$tooltip-font-size: $text-xs !default;
$tooltip-border-radius: 4px !default;
$border-size: 1px !default;
$border-type: solid !default;
$tooltip-opacity: .9 !default;
$tooltip-arrow-outer-border: 8px !default;
$tooltip-arrow-inner-border: 7px !default;
$tooltip-horizontal-padding: 4px !default;
$tooltip-vertical-padding: 8px !default;
$tooltip-line-height: 18px !default;
$tooltip-arrow-icon-font-size: $text-base !default;
$tooltip-tip-bottom-height: 8px !default;
$tooltip-tip-bottom-left: 50% !default;
$tooltip-tip-bottom-top: 100% !default;
$tooltip-tip-bottom-width: 16px !default;
$tooltip-tip-top-height: 8px !default;
$tooltip-tip-top-left: 50% !default;
$tooltip-tip-top-top: -9px !default;
$tooltip-tip-top-width: 16px !default;
$tooltip-tip-left-height: 16px !default;
$tooltip-tip-left-left: -9px !default;
$tooltip-tip-left-top: 48% !default;
$tooltip-tip-left-width: 8px !default;
$tooltip-tip-right-height: 16px !default;
$tooltip-tip-right-left: 100% !default;
$tooltip-tip-right-top: 50% !default;
$tooltip-tip-right-width: 8px !default;
$tooltip-mobile-font-size: $text-sm !default;
$tooltip-mobile-horizontal-padding: 4px !default;
$tooltip-mobile-vertical-padding: 8px !default;

//color variables
$tooltip-content-bg-color: $tooltip-bg-color !default;
$tooltip-content-border-color: $tooltip-border !default;
$tooltip-content-font-color: $toooltip-text-color !default;
$tooltip-default-icon-color: $secondary-text-color !default;
$tooltip-icon-bg-normal: $secondary-bg-color !default;
$tooltip-hover-icon-color:  $secondary-text-color !default;
$tooltip-icon-bg-hover: $secondary-bg-color-hover !default;
$tooltip-icon-border-color: $secondary-bg-color !default;
$tooltip-close-icon-border-hover: $secondary-border-color-hover !default;
$tooltip-tip-content-line-height: 22px !default;
$tooltip-zero-padding-margin: 0 !default;
$tooltip-wrap-min-width: 30px !default;
$tooltip-zero-height: 0 !default;
$tooltip-one-line-height: 1 !default;
$tooltip-close-right: -9px !default;
$tooltip-close-top: -9px !default;
$tooltip-full-height: 100% !default;
$tooltip-full-width: 100% !default;
$tooltip-bgr-close-border-radius: 10px !default;
$tooltip-bgr-close-border: 1px !default;
$tooltip-bgr-close-height: 20px !default;
$tooltip-bgr-close-width: 20px !default;
$tooltip-bgr-before-font-size: 11px !default;
$tooltip-bgr-before-left: calc(50% - 6px) !default;
$tooltip-nrml-close-border-radius: 9px !default;
$tooltip-nrml-close-border: 1px !default;
$tooltip-nrml-close-height: 16px !default;
$tooltip-nrml-close-width: 16px !default;
$tooltip-close-before-font-size: 9px !default;
$tooltip-close-before-margin-right: 2px !default;