/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./ce-blocks/tooltip/style.scss ***!
  \*******************************************************************************************************************************************************************************/
.tooltip {
  position: relative;
  line-height: 1.2;
}
.tooltip p {
  margin: 0;
}
.tooltip:before {
  content: "";
  bottom: calc(100% + 1rem);
  border-top: 1.2rem solid #001844;
  border-right: 1.2rem solid transparent;
  border-left: 1.2rem solid transparent;
  left: 50%;
  margin-bottom: -1.1rem;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px) translateX(calc(-50% - 0.6rem));
  transition: 0.15s cubic-bezier(0.36, -0.03, 0.44, 1.54) transform, 0.15s ease opacity;
}
.tooltip:after {
  background: #001844;
  border-radius: 0.5rem;
  color: #ffffff;
  content: attr(data-tip);
  white-space: normal;
  padding: 1rem;
  height: fit-content;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
  z-index: 100;
  bottom: calc(100% + 1rem);
  left: 50%;
  margin-left: -14rem;
  width: 28rem;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: 0.15s cubic-bezier(0.36, -0.03, 0.44, 1.54) transform, 0.15s ease opacity;
}
.tooltip.stickBottom:before {
  top: calc(100% + 1rem);
  bottom: auto;
  border-top: 0;
  border-right: 1.2rem solid transparent;
  border-bottom: 1.2rem solid #001844;
  border-left: 1.2rem solid transparent;
  margin-bottom: auto;
  margin-top: -1.1rem;
}
.tooltip.stickBottom:after {
  top: calc(100% + 1rem);
  bottom: auto;
}
@media (max-width: 768px) {
  .tooltip.stickBottom.landscape:before, .tooltip.stickBottom.landscape:after {
    top: calc(50% + 1rem);
  }
}
.tooltip.stickLeft:after {
  left: 0;
  right: auto;
  margin-left: -1.6rem;
  max-width: 75vw;
}
.tooltip.stickRight:after {
  left: auto;
  right: 0;
  margin-left: auto;
  margin-right: -1.6rem;
  max-width: 75vw;
}
@media (hover: hover) {
  .tooltip:hover:before, .tooltip:focus:before, .tooltip:active:before {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px) translateX(-50%);
  }
  .tooltip:hover:after, .tooltip:focus:after, .tooltip:active:after {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
  }
}
@media (hover: none) {
  .tooltip.active-tip:hover:before, .tooltip.active-tip:focus:before, .tooltip.active-tip:active:before {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px) translateX(-50%);
  }
  .tooltip.active-tip:hover:after, .tooltip.active-tip:focus:after, .tooltip.active-tip:active:after {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
  }
}