/*regular*/
tutorial {
  display: inherit; }

.tutorial-box {
  position: relative; }
  .tutorial-box:not(.active) .tutorial-message {
    display: none; }
  .tutorial-box .tutorial-message {
    position: absolute;
    background: #595854;
    color: white;
    bottom: 100%;
    font-family: "post-grotesk-book", Open Sans, sans-serif;
    font-weight: 400;
    font-size: 16px;
    width: 275px;
    z-index: 5;
    margin-bottom: 5px; }
    .tutorial-box .tutorial-message .custom-checkbox {
      color: white !important; }
    .tutorial-box .tutorial-message .tutorial-close {
      position: absolute;
      right: -18px;
      padding: 10px;
      background: white;
      color: #f88331;
      border-radius: 100px;
      line-height: 12px;
      top: -18px;
      cursor: pointer; }
    .tutorial-box .tutorial-message .tutorial-arrow {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 13px 13px 0 0;
      border-color: #595854 transparent transparent transparent;
      position: absolute;
      left: 25px;
      top: 100%;
      z-index: 1; }
    .tutorial-box .tutorial-message p {
      margin-bottom: 10px !important;
      line-height: 22px !important; }
  .tutorial-box.bottom .tutorial-message {
    bottom: auto;
    top: 100%; }
  .tutorial-box.bottom .tutorial-arrow {
    border-color: transparent #595854 transparent transparent;
    top: auto;
    bottom: 100%; }
  @media (max-width: 767px) {
    .tutorial-box {
      max-width: 100%; } }
  @media (min-width: 768px) {
    .tutorial-box.right .tutorial-message {
      bottom: auto;
      left: 100%;
      top: 0%; }
    .tutorial-box.right .tutorial-arrow {
      border-width: 0px 13px 13px 0px;
      border-color: transparent #595854 transparent transparent;
      top: 25px;
      right: 100%;
      left: auto; }
    .tutorial-box.left .tutorial-message {
      bottom: auto;
      right: 100%;
      top: 0%; }
    .tutorial-box.left .tutorial-arrow {
      border-width: 13px 13px 0px 0px;
      border-color: #595854 transparent transparent transparent;
      top: 25px;
      left: 100%; } }