/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/jquery/notify/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#notify--block {
  position: fixed;
  bottom: 20px;
  left: 50%;
  width: auto;
  transform: translateX(-50%);
  z-index: 99999999;
}
#notify--block .notify--block-item {
  display: block;
  position: relative;
  opacity: 0;
  width: -moz-max-content;
  width: max-content;
  max-width: 400px;
  text-align: center;
  margin: 0 auto 10px auto;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 15px 25px;
  border-radius: 7px;
  cursor: pointer;
  animation: NotifyAnimation 0.2s normal forwards ease-in-out;
  transition: all ease-in 0.2s;
  box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.15);
}
#notify--block .notify--block-title {
  font-size: 17px;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  #notify--block {
    width: 100%;
    left: 0;
    bottom: 60px;
    padding: 0 1rem;
    transform: none;
  }
}
@media (max-width: 500px) {
  #notify--block {
    width: 100%;
    left: 0;
    top: 10px;
    padding: 0 1rem;
    transform: none;
  }
  #notify--block .notify--block-item {
    width: 100%;
    max-width: 100%;
  }
}
@keyframes NotifyAnimation {
  from {
    opacity: 0;
    top: 15px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[13].use[5]!./src/jquery/simple-tooltip/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#tooltip-block {
  position: absolute;
  display: none;
}
#tooltip-block .tooltip-in {
  padding: 5px 13px;
  background-color: #000000;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
  position: absolute;
  z-index: 999;
}
#tooltip-block .tooltip-in::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #000000;
}
#tooltip-block.tooltip--top .tooltip-in {
  margin-bottom: 5px;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
#tooltip-block.tooltip--top .tooltip-in::before {
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
#tooltip-block.tooltip--bottom .tooltip-in {
  margin-top: 5px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
#tooltip-block.tooltip--bottom .tooltip-in::before {
  top: -3px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
#tooltip-block.tooltip--right .tooltip-in {
  margin-right: 5px;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
#tooltip-block.tooltip--right .tooltip-in::before {
  right: -3px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
#tooltip-block.tooltip--left .tooltip-in {
  margin-left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
#tooltip-block.tooltip--left .tooltip-in::before {
  left: -3px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}