.tour_btn {
    position: fixed;
    top: 1dvw;
    right: 1dvw;
    margin: 1dvw;
    padding: 1dvw;
    cursor: pointer;
    border-radius: 0.25rem;
    background: var(--primary-40-rgba);
    color: var(--light-40-rgba);
    border: none;
    z-index: 99;
  }
  
  .tour_btn:hover {
    background: var(--primary-hex);
    color: var(--light-hex);
    transition: all 0.25s ease-in-out;
  }

  .guided-tour {
       position: relative !important;
  }
   .guided-tour .guided-tour-overlay {
       display: none;
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       z-index: 1024;
       background-color: var(--dark-80-rgba);
  }
   .guided-tour .guided-tour-overlay.active {
       display: block;
  }
   .guided-tour .guided-tour-target {
       z-index: 1025;
  }
   .guided-tour .guided-tour-step {
       display: none;
       text-rendering: optimizespeed;
       color: var(--dark-hex);
  }
   .guided-tour .guided-tour-step blockquote {
       background: #f9f9f9;
       border-left: 10px solid #ccc;
       margin: 1.5rem 10px;
       padding: 1dvw 10px 0.1dvw 10px;
       quotes: "\201C" "\201D" "\2018" "\2019";
  }
   .guided-tour .guided-tour-step.active {
       display: block;
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       pointer-events: all;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-highlight {
       position: absolute;
       box-sizing: border-box;
       border-radius: 0.12rem;
       box-shadow: 0 0 0 999rem var(--dark-80-rgba);
       z-index: 1024;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip {
       position: absolute;
       margin: 16px 0;
       z-index: 1025;
       background-color: var(--dark-80-rgba);
       min-width: 280px;
       max-width: 400px;
       border-radius: 0.12rem;
       box-sizing: border-box;
       box-shadow: 0 0 8px -4px var(--dark-hex);
       transition: opacity 150ms;
  }
   @media screen and (max-width: 760px) {
       .guided-tour .guided-tour-step.active .guided-tour-step-tooltip {
           max-width: unset;
           min-width: unset;
           width: calc(100% - 64px);
           left: 32px !important;
           right: 32px !important;
      }
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner {
       position: relative;
       padding: 2rem;
       display: block;
       text-transform: capitalize;
       background-color: var(--light-hex);
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-arrow {
       position: absolute;
       background: transparent;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-image img {
       width: 100%;
       height: auto;
       border-radius: 4px;
       margin-bottom: 28px;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-title {
       font-weight: bold;
       margin-bottom: 1dvw;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-icon {
       display: inline-block;
       overflow: hidden;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button {
       flex-direction: column;
       justify-content: center;
      /* <-- actual veertical align */
       display: inline-flex;
       text-align: center;
       cursor: pointer;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button .guided-tour-icon {
       align-self: center;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-close {
       position: absolute;
       top: 0;
       right: 0;
       width: 32px;
       height: 32px;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-prev, .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-next, .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-complete {
       width: 48px;
       height: 48px;
       background-color: var(--light-hex);
       border-radius: 50%;
       margin-top: -24px;
       position: absolute;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-prev {
       color: var(--info-hex);
       left: 0;
       transform: translateX(-50%);
       top: 50%;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-next {
       color: var(--info-hex);
       right: 0;
       transform: translateX(50%);
       top: 50%;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-button-complete {
       color: var(--success-hex);
       box-shadow: 5px 0 1dvw 0 var(--dark-80-rgba);
       right: 0;
       transform: translateX(50%);
       top: 50%;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-bullets {
       text-align: center;
       line-height: 16px;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-bullets ul {
       margin: 10px 0 -18px 0;
       list-style: none;
       padding: 0;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-bullets ul li {
       width: 8px;
       height: 8px;
       border-radius: 50%;
       padding: 0;
       margin: 0.12rem;
       display: inline-block;
       background-color: var(--dark-20-rgba);
       border: 0.12rem solid var(--light-80-rgba);
       box-sizing: content-box;
       cursor: pointer;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-bullets ul li.complete {
       background-color: var(--primary-20-rgba);
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-bullets ul li.current {
       background-color: var(--primary-hex);
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-tooltip-inner .guided-tour-step-bullets ul li:last-of-type {
       margin-right: 0;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-none .guided-tour-step-tooltip-inner .guided-tour-arrow {
       display: none;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-top .guided-tour-step-tooltip-inner .guided-tour-arrow {
       top: 0;
       margin-top: -18px;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-top .guided-tour-step-tooltip-inner .guided-tour-arrow .guided-tour-arrow-inner {
       width: 18px;
       height: 18px;
       position: relative;
       overflow: hidden;
       background: transparent;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-top .guided-tour-step-tooltip-inner .guided-tour-arrow .guided-tour-arrow-inner::after {
       content: "";
       position: absolute;
       width: 12px;
       height: 12px;
       background: var(--light-80-rgba);
       transform: rotate(225deg);
       top: 13px;
       left: 4px;
       box-shadow: 1px 1px 6px -3px var(--dark-hex);
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-bottom .guided-tour-step-tooltip-inner .guided-tour-arrow {
       margin-bottom: -18px;
       bottom: 0;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-bottom .guided-tour-step-tooltip-inner .guided-tour-arrow .guided-tour-arrow-inner {
       width: 18px;
       height: 18px;
       position: relative;
       overflow: hidden;
       background: transparent;
  }
   .guided-tour .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-bottom .guided-tour-step-tooltip-inner .guided-tour-arrow .guided-tour-arrow-inner::after {
       content: "";
       position: absolute;
       width: 12px;
       height: 12px;
       background: var(--light-80-rgba);
       transform: rotate(45deg);
       top: -6px;
       left: 4px;
       box-shadow: 1px 1px 6px -3px var(--dark-hex);
  }