@charset "UTF-8";
/* line 1, app/assets/stylesheets/walt/_variables.scss */
.walt {
  --color-black-wt: #292D32;
  --color-white: #ffffff;
  --shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.16);
  --color-dark-font: #202020;
  --color-light-font: #898989;
  --border-color: #DCDCDC;
  --color-gray-bg: #F9F9F9;
  --color-gray-font: #5A5A5A;
  --P-Black: #010003;
  --Dark-Grey: #757575;
  --Purple: #5932EA;
  --bg-gray: #F0F2F5;
  --color-gray-tab: #918F8D;
}

/* line 6, app/assets/stylesheets/walt.scss */
#thewalt-demo:empty {
  display: none;
}

/* line 8, app/assets/stylesheets/walt.scss */
.walt {
  color: #202020;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  line-height: normal;
  letter-spacing: normal;
  /* Report Css*/
  /*Checkbox*/
  /* Dropdown button */
  /* The container for dropdown links */
  /* Dropdown links */
  /* Add hover effects to dropdown links */
  /* Show the dropdown on hover */
  /* Change background color of button when dropdown is displayed */
  /*select*/
  /*.search-input {*/
  /*    width: 100%;*/
  /*}*/
}

/* line 21, app/assets/stylesheets/walt.scss */
.walt, .walt *, .walt *::before, .walt *::after {
  box-sizing: content-box;
}

/* line 2, app/assets/stylesheets/walt/_layout.scss */
.walt html {
  -webkit-font-smoothing: antialiased;
}

/* line 5, app/assets/stylesheets/walt/_layout.scss */
.walt .pointer {
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/walt/_layout.scss */
.walt .black-color {
  color: black;
}

/* line 11, app/assets/stylesheets/walt/_layout.scss */
.walt .white-color {
  color: #fff;
}

/* line 14, app/assets/stylesheets/walt/_layout.scss */
.walt .dash-bar-black {
  color: #292D32;
}

/* line 17, app/assets/stylesheets/walt/_layout.scss */
.walt .red-color {
  color: #D30026;
}

/* line 20, app/assets/stylesheets/walt/_layout.scss */
.walt .purple-color {
  color: #5932EA;
}

/* line 23, app/assets/stylesheets/walt/_layout.scss */
.walt .black-background {
  background: #010003;
}

/* line 26, app/assets/stylesheets/walt/_layout.scss */
.walt .grey-background {
  background: #F9F9F9;
}

/* line 29, app/assets/stylesheets/walt/_layout.scss */
.walt .pd-b-20 {
  margin-bottom: 20px;
}

/* line 32, app/assets/stylesheets/walt/_layout.scss */
.walt .mg-b-46 {
  margin-bottom: 46px;
}

/* line 35, app/assets/stylesheets/walt/_layout.scss */
.walt .mg-b-35 {
  margin-bottom: 35px;
}

/* line 38, app/assets/stylesheets/walt/_layout.scss */
.walt .thewalt {
  color: var(--Foreground, #F9F9F9);
  text-align: right;
  font-feature-settings: 'ss01' on;
  font-size: 36px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-family: system-ui;
}

/* line 48, app/assets/stylesheets/walt/_layout.scss */
.walt .thewalt-login {
  color: var(--Foreground, #292D32);
  text-align: right;
  font-feature-settings: 'ss01' on;
  font-size: 36px;
  font-style: normal;
  font-weight: 900;
  line-height: 54px;
  font-family: poppins;
  margin-left: 85px;
}

/* line 59, app/assets/stylesheets/walt/_layout.scss */
.walt .thewalt-signup-email {
  color: var(--Foreground, #292D32);
  text-align: right;
  font-feature-settings: 'ss01' on;
  font-size: 36px;
  font-style: normal;
  font-weight: 900;
  line-height: 54px;
  font-family: poppins;
}

/* line 69, app/assets/stylesheets/walt/_layout.scss */
.walt .thewalt-dot {
  background-color: var(--Purple, rgba(89, 50, 234, 0.69));
  font-family: Poppins;
  height: 8px;
  width: 8px;
  margin-left: 3px;
  display: inline-block;
}

/* line 77, app/assets/stylesheets/walt/_layout.scss */
.walt .mg-l-minus-216 {
  margin-left: -216px;
}

/* line 80, app/assets/stylesheets/walt/_layout.scss */
.walt .mg-t-minus-12 {
  margin-top: -12px;
}

/* line 83, app/assets/stylesheets/walt/_layout.scss */
.walt .hide {
  display: none;
}

/* line 86, app/assets/stylesheets/walt/_layout.scss */
.walt .hide-important {
  display: none !important;
}

/* line 89, app/assets/stylesheets/walt/_layout.scss */
.walt .remove-link-default {
  text-decoration: none;
}

/* line 92, app/assets/stylesheets/walt/_layout.scss */
.walt .mg-r-16 {
  margin-right: 16px;
}

/* line 95, app/assets/stylesheets/walt/_layout.scss */
.walt .mg-t-4 {
  margin-top: 4px !important;
}

/* line 99, app/assets/stylesheets/walt/_layout.scss */
.walt .walt-auth-card {
  font-family: "SF Pro";
  border-radius: 38px;
  background: #F9F9F9;
  border: 1px solid #DCDCDC;
  padding: 48px 64px 0px 64px;
  width: 300px;
  height: 460px;
  margin: auto;
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
}

/* line 113, app/assets/stylesheets/walt/_layout.scss */
.walt .auth-heading {
  color: var(--color-black-wt);
  font-family: "SF Pro";
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 121, app/assets/stylesheets/walt/_layout.scss */
.walt .auth-input-container {
  margin-bottom: 12px;
  display: block;
  position: relative;
}

/* line 126, app/assets/stylesheets/walt/_layout.scss */
.walt .auth-input-label {
  display: inline-block;
  color: var(--Pure-Black, #757575);
  font-family: "SF Pro";
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  margin-bottom: 4px;
}

/* line 136, app/assets/stylesheets/walt/_layout.scss */
.walt .auth-input:focus {
  outline: none;
}

/* line 139, app/assets/stylesheets/walt/_layout.scss */
.walt .auth-input {
  border-radius: 8px;
  border: 0.5px solid var(--Dark-Grey, #DCDCDC);
  background: var(--color-white, #FFF);
  width: calc(100% - 20px);
  height: 42px;
  padding-left: 16px;
}

/* line 147, app/assets/stylesheets/walt/_layout.scss */
.walt .auth-input[type='text'] ~ .auth-eye-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' viewBox='0 0 22 15' fill='none'%3E%3Cpath d='M11 12C12.25 12 13.3125 11.5625 14.1875 10.6875C15.0625 9.8125 15.5 8.75 15.5 7.5C15.5 6.25 15.0625 5.1875 14.1875 4.3125C13.3125 3.4375 12.25 3 11 3C9.75 3 8.6875 3.4375 7.8125 4.3125C6.9375 5.1875 6.5 6.25 6.5 7.5C6.5 8.75 6.9375 9.8125 7.8125 10.6875C8.6875 11.5625 9.75 12 11 12ZM11 10.2C10.25 10.2 9.6125 9.9375 9.0875 9.4125C8.5625 8.8875 8.3 8.25 8.3 7.5C8.3 6.75 8.5625 6.1125 9.0875 5.5875C9.6125 5.0625 10.25 4.8 11 4.8C11.75 4.8 12.3875 5.0625 12.9125 5.5875C13.4375 6.1125 13.7 6.75 13.7 7.5C13.7 8.25 13.4375 8.8875 12.9125 9.4125C12.3875 9.9375 11.75 10.2 11 10.2ZM11 15C8.56667 15 6.35 14.3208 4.35 12.9625C2.35 11.6042 0.9 9.78333 0 7.5C0.9 5.21667 2.35 3.39583 4.35 2.0375C6.35 0.679167 8.56667 0 11 0C13.4333 0 15.65 0.679167 17.65 2.0375C19.65 3.39583 21.1 5.21667 22 7.5C21.1 9.78333 19.65 11.6042 17.65 12.9625C15.65 14.3208 13.4333 15 11 15ZM11 13C12.8833 13 14.6125 12.5042 16.1875 11.5125C17.7625 10.5208 18.9667 9.18333 19.8 7.5C18.9667 5.81667 17.7625 4.47917 16.1875 3.4875C14.6125 2.49583 12.8833 2 11 2C9.11667 2 7.3875 2.49583 5.8125 3.4875C4.2375 4.47917 3.03333 5.81667 2.2 7.5C3.03333 9.18333 4.2375 10.5208 5.8125 11.5125C7.3875 12.5042 9.11667 13 11 13Z' fill='%23010003'/%3E%3C/svg%3E");
}

/* line 150, app/assets/stylesheets/walt/_layout.scss */
.walt .auth-input[type='text'] ~ .auth-eye-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' viewBox='0 0 22 15' fill='none'%3E%3Cpath d='M11 12C12.25 12 13.3125 11.5625 14.1875 10.6875C15.0625 9.8125 15.5 8.75 15.5 7.5C15.5 6.25 15.0625 5.1875 14.1875 4.3125C13.3125 3.4375 12.25 3 11 3C9.75 3 8.6875 3.4375 7.8125 4.3125C6.9375 5.1875 6.5 6.25 6.5 7.5C6.5 8.75 6.9375 9.8125 7.8125 10.6875C8.6875 11.5625 9.75 12 11 12ZM11 10.2C10.25 10.2 9.6125 9.9375 9.0875 9.4125C8.5625 8.8875 8.3 8.25 8.3 7.5C8.3 6.75 8.5625 6.1125 9.0875 5.5875C9.6125 5.0625 10.25 4.8 11 4.8C11.75 4.8 12.3875 5.0625 12.9125 5.5875C13.4375 6.1125 13.7 6.75 13.7 7.5C13.7 8.25 13.4375 8.8875 12.9125 9.4125C12.3875 9.9375 11.75 10.2 11 10.2ZM11 15C8.56667 15 6.35 14.3208 4.35 12.9625C2.35 11.6042 0.9 9.78333 0 7.5C0.9 5.21667 2.35 3.39583 4.35 2.0375C6.35 0.679167 8.56667 0 11 0C13.4333 0 15.65 0.679167 17.65 2.0375C19.65 3.39583 21.1 5.21667 22 7.5C21.1 9.78333 19.65 11.6042 17.65 12.9625C15.65 14.3208 13.4333 15 11 15ZM11 13C12.8833 13 14.6125 12.5042 16.1875 11.5125C17.7625 10.5208 18.9667 9.18333 19.8 7.5C18.9667 5.81667 17.7625 4.47917 16.1875 3.4875C14.6125 2.49583 12.8833 2 11 2C9.11667 2 7.3875 2.49583 5.8125 3.4875C4.2375 4.47917 3.03333 5.81667 2.2 7.5C3.03333 9.18333 4.2375 10.5208 5.8125 11.5125C7.3875 12.5042 9.11667 13 11 13Z' fill='%23010003'/%3E%3C/svg%3E");
}

/* line 153, app/assets/stylesheets/walt/_layout.scss */
.walt .auth-eye-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_1407_23550' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(/%23mask0_1407_23550)'%3E%3Cpath d='M16.1 13.3008L14.65 11.8508C14.8 11.0674 14.575 10.3341 13.975 9.65078C13.375 8.96745 12.6 8.70078 11.65 8.85078L10.2 7.40078C10.4833 7.26745 10.7708 7.16745 11.0625 7.10078C11.3542 7.03411 11.6667 7.00078 12 7.00078C13.25 7.00078 14.3125 7.43828 15.1875 8.31328C16.0625 9.18828 16.5 10.2508 16.5 11.5008C16.5 11.8341 16.4667 12.1466 16.4 12.4383C16.3333 12.7299 16.2333 13.0174 16.1 13.3008ZM19.3 16.4508L17.85 15.0508C18.4833 14.5674 19.0458 14.0383 19.5375 13.4633C20.0292 12.8883 20.45 12.2341 20.8 11.5008C19.9667 9.81745 18.7708 8.47995 17.2125 7.48828C15.6542 6.49661 13.9167 6.00078 12 6.00078C11.5167 6.00078 11.0417 6.03411 10.575 6.10078C10.1083 6.16745 9.65 6.26745 9.2 6.40078L7.65 4.85078C8.33333 4.56745 9.03333 4.35495 9.75 4.21328C10.4667 4.07161 11.2167 4.00078 12 4.00078C14.5167 4.00078 16.7583 4.69661 18.725 6.08828C20.6917 7.47995 22.1167 9.28412 23 11.5008C22.6167 12.4841 22.1125 13.3966 21.4875 14.2383C20.8625 15.0799 20.1333 15.8174 19.3 16.4508ZM19.8 22.6008L15.6 18.4508C15.0167 18.6341 14.4292 18.7716 13.8375 18.8633C13.2458 18.955 12.6333 19.0008 12 19.0008C9.48333 19.0008 7.24167 18.3049 5.275 16.9133C3.30833 15.5216 1.88333 13.7174 1 11.5008C1.35 10.6174 1.79167 9.79662 2.325 9.03828C2.85833 8.27995 3.46667 7.60078 4.15 7.00078L1.4 4.20078L2.8 2.80078L21.2 21.2008L19.8 22.6008ZM5.55 8.40078C5.06667 8.83412 4.625 9.30911 4.225 9.82578C3.825 10.3424 3.48333 10.9008 3.2 11.5008C4.03333 13.1841 5.22917 14.5216 6.7875 15.5133C8.34583 16.5049 10.0833 17.0008 12 17.0008C12.3333 17.0008 12.6583 16.9799 12.975 16.9383C13.2917 16.8966 13.6167 16.8508 13.95 16.8008L13.05 15.8508C12.8667 15.9008 12.6917 15.9383 12.525 15.9633C12.3583 15.9883 12.1833 16.0008 12 16.0008C10.75 16.0008 9.6875 15.5633 8.8125 14.6883C7.9375 13.8133 7.5 12.7508 7.5 11.5008C7.5 11.3174 7.5125 11.1424 7.5375 10.9758C7.5625 10.8091 7.6 10.6341 7.65 10.4508L5.55 8.40078Z' fill='%23010003'/%3E%3C/g%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 32px;
  transition: all .4s;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

/* line 166, app/assets/stylesheets/walt/_layout.scss */
.walt .auth-eye-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='15' viewBox='0 0 22 15' fill='none'%3E%3Cpath d='M11 12C12.25 12 13.3125 11.5625 14.1875 10.6875C15.0625 9.8125 15.5 8.75 15.5 7.5C15.5 6.25 15.0625 5.1875 14.1875 4.3125C13.3125 3.4375 12.25 3 11 3C9.75 3 8.6875 3.4375 7.8125 4.3125C6.9375 5.1875 6.5 6.25 6.5 7.5C6.5 8.75 6.9375 9.8125 7.8125 10.6875C8.6875 11.5625 9.75 12 11 12ZM11 10.2C10.25 10.2 9.6125 9.9375 9.0875 9.4125C8.5625 8.8875 8.3 8.25 8.3 7.5C8.3 6.75 8.5625 6.1125 9.0875 5.5875C9.6125 5.0625 10.25 4.8 11 4.8C11.75 4.8 12.3875 5.0625 12.9125 5.5875C13.4375 6.1125 13.7 6.75 13.7 7.5C13.7 8.25 13.4375 8.8875 12.9125 9.4125C12.3875 9.9375 11.75 10.2 11 10.2ZM11 15C8.56667 15 6.35 14.3208 4.35 12.9625C2.35 11.6042 0.9 9.78333 0 7.5C0.9 5.21667 2.35 3.39583 4.35 2.0375C6.35 0.679167 8.56667 0 11 0C13.4333 0 15.65 0.679167 17.65 2.0375C19.65 3.39583 21.1 5.21667 22 7.5C21.1 9.78333 19.65 11.6042 17.65 12.9625C15.65 14.3208 13.4333 15 11 15ZM11 13C12.8833 13 14.6125 12.5042 16.1875 11.5125C17.7625 10.5208 18.9667 9.18333 19.8 7.5C18.9667 5.81667 17.7625 4.47917 16.1875 3.4875C14.6125 2.49583 12.8833 2 11 2C9.11667 2 7.3875 2.49583 5.8125 3.4875C4.2375 4.47917 3.03333 5.81667 2.2 7.5C3.03333 9.18333 4.2375 10.5208 5.8125 11.5125C7.3875 12.5042 9.11667 13 11 13Z' fill='%23010003'/%3E%3C/svg%3E");
  width: 22px;
  height: 22px;
}

/* line 171, app/assets/stylesheets/walt/_layout.scss */
.walt .walt-auth-email-verified {
  text-align: center;
}

/* line 174, app/assets/stylesheets/walt/_layout.scss */
.walt .error-red {
  color: #D30026;
  font-family: "SF Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 182, app/assets/stylesheets/walt/_layout.scss */
.walt .max-width-none {
  max-width: none !important;
}

/* line 185, app/assets/stylesheets/walt/_layout.scss */
.walt .max-width-880 {
  /*max-width: none !important;*/
  max-width: 880px !important;
}

/* line 189, app/assets/stylesheets/walt/_layout.scss */
.walt .display-block {
  display: block !important;
}

/* line 193, app/assets/stylesheets/walt/_layout.scss */
.walt .forget-button {
  color: #757575;
}

/* line 196, app/assets/stylesheets/walt/_layout.scss */
.walt .padding-6 {
  padding: 6px !important;
}

/* line 199, app/assets/stylesheets/walt/_layout.scss */
.walt .onboarding-error {
  display: flex;
  color: #D30026;
  font-family: "SF Pro";
  font-size: 35px;
  line-height: normal;
  justify-content: center;
}

/* line 208, app/assets/stylesheets/walt/_layout.scss */
.walt .radius-200 {
  border-radius: 200px !important;
}

/* line 211, app/assets/stylesheets/walt/_layout.scss */
.walt .display-flex {
  display: flex;
}

/* line 214, app/assets/stylesheets/walt/_layout.scss */
.walt .secondary-button:hover {
  background: #F4F4F4;
}

/* line 1, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .hide-sidebar {
  max-height: 0 !important;
  max-width: 0;
}

/* line 5, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .navbar-container {
  background-color: #ffffff;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 84px;
}

/* line 14, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .navbar {
  width: 80%;
  display: flex;
  justify-content: space-between;
}

/* line 20, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .navbar .col1 {
  margin-top: -10px;
  margin-left: -16px;
  font-weight: 510;
  display: flex;
  align-items: center;
  gap: 24px;
}

/* line 28, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .image-nav {
  width: 99px;
  height: 21px;
}

/* line 33, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .navbar .col1 select {
  border: none;
  background-color: #ffffff;
  font-size: 16px;
}

/* line 38, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .navbar .col2 button {
  font-size: 16px;
  height: 47px;
  padding: 10px 20px;
  border: none;
  background-color: #ffffff;
  cursor: pointer;
}

/* line 47, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .navbar .col2 .trial-btn {
  margin-right: 11px;
  background-color: #5932ea;
  color: white;
  width: 159px;
  border-radius: 999px;
}

/* line 54, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .home-header {
  height: calc(100% - 84px);
  background-color: #f9f9f9;
  width: 100%;
}

/* line 59, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .home-header-text {
  padding: 100px 0 0 180px;
  font-family: Poppins;
  width: 100%;
  max-width: 502px;
  font-size: 96px;
  font-weight: 700;
  font-style: italic;
}

/* line 68, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .home-header-text span {
  color: #5932ea;
}

/* line 72, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .nav-login {
  font-size: 16px;
  height: 47px;
  padding: 10px 20px;
  border: none;
  background-color: #ffffff;
  cursor: pointer;
}

/* line 81, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .nav-col2 {
  margin-top: -12px;
  margin-right: -38px;
}

/* line 85, app/assets/stylesheets/walt/_nav_bar.scss */
.walt .hide-button {
  background: none;
  border: 0;
  padding: 0;
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-container {
  display: grid;
  grid-template-rows: 112px 1fr;
  grid-template-columns: 215px 1fr;
  column-gap: 17px;
  height: 100vh;
}

/* line 11, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-card,
.walt .analytics-graph-card,
.walt .analytics-graph-card-small {
  min-width: 0;
}

/* line 14, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-card .card-description,
.walt .analytics-graph-card {
  overflow: hidden;
}

/* line 16, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-content {
  border-radius: 24px;
  background: #F9F9F9;
  max-height: 100vh;
  overflow-y: auto;
}

/* line 22, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-sidebar {
  grid-row-end: span 2;
  padding-block: 17px;
  padding-left: 17px;
  padding-right: 0;
  max-height: 100vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

/* line 32, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-logo {
  width: 158px;
  height: 54px;
  object-fit: contain;
  padding-top: 8px;
  padding-left: 9px;
}

/* line 39, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-heading {
  font-family: Poppins;
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 0;
}

/* line 48, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-sub-heading {
  color: var(--color-black-wt, #292D32);
  /* Help Text */
  font-family: SF Pro;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 58, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-add-circle {
  height: 28px;
  width: 28px;
  margin-left: 5px;
}

/* line 63, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-new-post {
  margin-top: 45px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 69, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-new {
  color: var(--color-black-wt, #292D32);
}

/* line 73, app/assets/stylesheets/walt/_dashboard.scss */
.walt .flexed-btn {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

/* line 80, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-button {
  font-family: SF Pro;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
  border: none;
  height: 44px;
  text-decoration: none;
}

/* line 92, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-button-white {
  background: #FFF;
  color: var(--color-black-wt, #292D32);
  padding: 0 0 0 12px;
  cursor: pointer;
}

/* line 97, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-button-white img {
  width: 24px;
  height: 24px;
  padding-right: 22px;
}

/* line 103, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-nav-item:visited {
  text-decoration: none;
}

/* line 106, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-nav-item {
  height: 42px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-decoration: none;
}

/* line 115, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-image {
  height: 24px;
  width: 24px;
}

/* line 119, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-icon-item {
  height: 24px;
  width: 24px;
}

/* line 123, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-nav-item-text {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 131, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-nav-items-container {
  gap: 6px;
  display: flex;
  flex-direction: column;
  margin-top: 17px;
  padding-bottom: 19px;
  border-bottom: 1px solid #F0F2F5;
}

/* line 139, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-overall {
  color: #292D32;
  text-align: center;
  font-family: Poppins;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 200% */
  letter-spacing: 0.25px;
}

/* line 151, app/assets/stylesheets/walt/_dashboard.scss */
.walt .chevron_right {
  width: 14px;
}

/* line 154, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-button-svg {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

/* line 159, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-feedback-item-image {
  height: 16px;
  width: 16px;
  margin-right: 4px;
}

/* line 164, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-feedback-item-text {
  color: var(--Dark-Grey, #757575);
  font-family: SF Pro;
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
}

/* line 172, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-feedback-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  cursor: pointer;
}

/* line 179, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-feedback {
  margin-top: 39px;
  margin-bottom: 17px;
  margin-right: 8px;
}

/* line 185, app/assets/stylesheets/walt/_dashboard.scss */
.walt .trail-section-span {
  color: #757575;
}

/* line 188, app/assets/stylesheets/walt/_dashboard.scss */
.walt .trail-section-div {
  position: relative;
  font-weight: 600;
}

/* line 192, app/assets/stylesheets/walt/_dashboard.scss */
.walt .trail-section-trial-wrapper {
  border-radius: 4px;
  background-color: #292d32;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  font-size: 10px;
  color: #fff;
}

/* line 203, app/assets/stylesheets/walt/_dashboard.scss */
.walt .trail-section-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 90%;
}

/* line 210, app/assets/stylesheets/walt/_dashboard.scss */
.walt .button.subscription-status {
  min-height: unset;
  font-size: 10px;
}

/* line 214, app/assets/stylesheets/walt/_dashboard.scss */
.walt .trail-section {
  position: relative;
  border-radius: 4px;
  background-color: #f9f9f9;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 0px;
  box-sizing: border-box;
  gap: 8px;
  text-align: left;
  font-size: 12px;
  color: #292d32;
  font-family: SF Pro;
}

/* line 231, app/assets/stylesheets/walt/_dashboard.scss */
.walt .progress-bar-container {
  width: 90%;
  margin: 8px auto;
  height: 5px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

/* line 239, app/assets/stylesheets/walt/_dashboard.scss */
.walt .progress-bar-width {
  background-color: #5932EA;
  width: 50%;
  height: 100%;
  border-radius: 10px;
}

/* line 245, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-top-nav-con {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  min-height: 120px;
}

/* line 252, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-top-nav-btn {
  background-color: #fff;
  border: none;
  padding-inline: 0;
}

/* line 256, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-top-nav-btn .menu-png {
  cursor: pointer;
}

/* line 260, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-top-nav-btn img {
  height: 24px;
  width: 24px;
}

/* line 264, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-top-nav-button {
  display: flex;
  gap: 20px;
}

/* line 268, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-top-nav-heading {
  color: var(--color-black-wt, #292D32);
  font-family: Poppins;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 276, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-top-user-right {
  margin-right: 17px;
  cursor: pointer;
}

/* line 280, app/assets/stylesheets/walt/_dashboard.scss */
.walt .user-profile-image {
  height: 57px;
  width: 57px;
  border-radius: 100px;
}

/* line 285, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-top-user {
  display: flex;
  align-items: center;
  gap: 26px;
}

/* line 290, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-top-user-name {
  color: var(--color-black-wt, #292D32);
  text-align: right;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/* line 299, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-top-user-role {
  color: var(--Dark-Grey, #757575);
  text-align: right;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 308, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-top-user-right {
  position: relative;
}

/* line 311, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-user-notification {
  background-color: var(--Purple, #5932EA);
  width: 26px;
  height: 26px;
  /*padding: px;*/
  color: #fff;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -8px;
}

/* line 330, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-title-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 335, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-title {
  color: #000;
  font-family: "SF Pro";
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  /* 133.333% */
  letter-spacing: -0.48px;
}

/* line 344, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-title-compare {
  color: var(--P-Black, #010003);
  font-feature-settings: 'cv04' on, 'cv03' on, 'cv01' on;
  font-family: SF Pro;
  font-size: 24px;
  font-style: normal;
  font-weight: 590;
  line-height: 32px;
  /* 133.333% */
  letter-spacing: -0.48px;
}

/* line 354, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-date {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: 20px;
  /* 142.857% */
}

/* line 362, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-container {
  padding: 20px 37px;
}

/* line 365, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
}

/* line 371, app/assets/stylesheets/walt/_dashboard.scss */
.walt .button-white {
  background-color: #fff;
  font-weight: 600;
  border: 1px solid var(--color-black-wt);
}

/* line 376, app/assets/stylesheets/walt/_dashboard.scss */
.walt .btn-icon {
  width: 24px;
  height: 24px;
}

/* line 380, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-title-btn-row {
  display: flex;
  gap: 12px;
}

/* line 384, app/assets/stylesheets/walt/_dashboard.scss */
.walt .more-dot-container img {
  width: 24px;
  height: 24px;
}

/* line 388, app/assets/stylesheets/walt/_dashboard.scss */
.walt .more-dot-container,
.walt .report-title-row-right {
  display: flex;
  align-items: center;
}

/* line 393, app/assets/stylesheets/walt/_dashboard.scss */
.walt .csv-view-container {
  margin-top: 24px;
  border-radius: 10px;
  border: 1px solid #CCC;
  width: fit-content;
  min-width: 581px;
  max-width: 663px;
  border-collapse: collapse;
  overflow: auto;
}

/* line 403, app/assets/stylesheets/walt/_dashboard.scss */
.walt .csv-view-row-one {
  display: flex;
}

/* line 406, app/assets/stylesheets/walt/_dashboard.scss */
.walt .csv-box-top-box:first-child {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  border-left: 0px solid #CCC;
}

/* line 412, app/assets/stylesheets/walt/_dashboard.scss */
.walt .csv-box-top-box {
  flex: 1;
  height: 35px;
  max-width: 206px;
  min-width: 164px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #CCC;
  color: #555;
  text-align: center;
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 656;
  line-height: 150%;
  /* 21px */
}

/* line 429, app/assets/stylesheets/walt/_dashboard.scss */
.walt .csv-box-two:first-child {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  border-left: 0px solid #CCC;
  color: #555;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: SF Pro;
  font-size: 12px;
  font-style: normal;
  font-weight: 656;
  line-height: 100%;
  /* 12px */
}

/* line 445, app/assets/stylesheets/walt/_dashboard.scss */
.walt .csv-box-two:not(:first-child) {
  user-modify: read-write;
  -webkit-user-modify: read-write;
  -moz-user-modify: read-write;
}

/* line 450, app/assets/stylesheets/walt/_dashboard.scss */
.walt .csv-box-two {
  background-color: #fff;
  height: 30px;
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  max-width: 206px;
  min-width: 164px;
  flex: 1;
}

/* line 459, app/assets/stylesheets/walt/_dashboard.scss */
.walt .csv-box-new {
  background-color: #fff;
  font-weight: 400;
  font-family: 'SF PRO';
  width: auto;
  font-size: 14.76px;
  padding: 0 0 0 2.5px;
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  border-bottom: none;
  border-right: none;
}

/* line 471, app/assets/stylesheets/walt/_dashboard.scss */
.walt .csv-view-row-two {
  display: flex;
}

/* line 474, app/assets/stylesheets/walt/_dashboard.scss */
.walt .csv-view-row-box-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='27' viewBox='0 0 25 27' fill='none'%3E%3Cpath d='M0.5 26.7129L24.5 0.712891V26.7129H0.5Z' fill='%23DADADA'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}

/* line 479, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-detail {
  display: flex;
  justify-content: space-around;
  margin: 16px auto;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 20px 32px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}

/* line 488, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-detail-box {
  max-width: 100px;
  min-width: 90px;
  text-align: center;
}

/* line 493, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-detail-box-heading {
  color: #000;
  text-align: center;
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 502, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-detail-box-value {
  color: #000;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 7px;
}

/* line 511, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-container {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  padding: 32px 40px;
  background-color: #fff;
}

/* line 517, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-row {
  display: flex;
  gap: 90px;
}

/* line 521, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-left {
  flex: 0 0 57%;
}

/* line 524, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-right {
  text-align: center;
  flex: 1;
}

/* line 528, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-heading {
  color: #000;
  font-family: Poppins;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 536, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-hire-moment {
  border-radius: 4px;
  background: #FBEAE9;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 107px;
  color: #9E0A05;
  text-align: center;
  font-feature-settings: 'cv04' on, 'cv03' on;
  font-family: SF Pro;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  /* 34.8px */
  letter-spacing: -0.12px;
  margin: 48px auto;
}

/* line 555, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-hire-moment-tag {
  height: 24px;
  width: 24px;
}

/* line 559, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-hire-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 564, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-hire-text {
  color: var(--Dark-Grey);
  text-align: center;
  font-family: SF Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 573, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-card-row {
  display: flex;
  gap: 16px;
  margin-top: 24px;
  flex-wrap: wrap;
}

/* line 579, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-card-red .report-performance-card-text {
  color: #B00020;
}

/* line 582, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-card-red {
  background: linear-gradient(0deg, rgba(176, 0, 32, 0.08) 0%, rgba(176, 0, 32, 0.08) 100%), #FFF;
}

/* line 585, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-card-green .report-performance-card-text {
  color: #43A047;
}

/* line 588, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-card-green {
  background: linear-gradient(0deg, rgba(52, 168, 83, 0.08) 0%, rgba(52, 168, 83, 0.08) 100%), #FFF;
}

/* line 591, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-card-green,
.walt .report-performance-card-red {
  flex: 1;
  position: relative;
  border-radius: 4px;
  height: 122px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  min-width: 200px;
}

/* line 603, app/assets/stylesheets/walt/_dashboard.scss */
.walt .card-image {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 24px;
  width: 24px;
}

/* line 610, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-card-heading {
  color: #000;
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: 0.25px;
}

/* line 619, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-card-value {
  color: #000;
  font-family: SF Pro;
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  margin-top: 8px;
  margin-bottom: 6px;
}

/* line 629, app/assets/stylesheets/walt/_dashboard.scss */
.walt .report-performance-card-text {
  font-family: "SF Pro";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 166.667% */
  letter-spacing: 0.25px;
}

/* line 637, app/assets/stylesheets/walt/_dashboard.scss */
.walt .upper-chart-container {
  display: flex;
  overflow: auto;
  height: 519px;
}

/* line 642, app/assets/stylesheets/walt/_dashboard.scss */
.walt .lower-chart-container {
  display: flex;
  margin-left: 35px;
  gap: 24px;
}

/* line 647, app/assets/stylesheets/walt/_dashboard.scss */
.walt .side-chart {
  background: white;
  border-radius: 18px;
  margin-left: 17px;
  margin-top: 22px;
  flex: 1.5;
}

/* line 654, app/assets/stylesheets/walt/_dashboard.scss */
.walt .white-background {
  background: white;
  flex: 1;
  border-radius: 24px;
}

/* line 659, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-upload {
  border-radius: 10px;
  background: #F0F2F5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 12px;
  margin-top: 24px;
  opacity: 1;
  transition: all .4s;
}

/* line 670, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-upload-left .info-icon {
  height: 32px;
  width: 32px;
}

/* line 674, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-upload-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 679, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-left-text span {
  color: var(--Purple, #5932EA);
  text-align: right;
  font-family: "SF Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: underline;
}

/* line 689, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-left-text {
  color: var(--color-black-wt, #292D32);
  text-align: right;
  font-family: "SF Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 698, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-right .close-icon {
  height: 18px;
  width: 18px;
}

/* line 702, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-card-row {
  display: flex;
  gap: 16px;
  margin-top: 24px;
  flex-wrap: wrap;
}

/* line 708, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-card {
  border-radius: 34px;
  background: var(--color-white, #FFF);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  padding: 24px 36px;
  flex: 1;
}

/* line 715, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-card-left {
  flex: 1;
}

/* line 718, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-card-top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

/* line 725, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-card-right {
  position: relative;
  cursor: pointer;
}

/* line 729, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-card-heading {
  color: var(--color-black-wt, #292D32);
  font-family: "SF Pro";
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
}

/* line 738, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-card-sub-heading {
  color: var(--color-black-wt, #292D32);
  font-family: "SF Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 746, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-card-right .card-right {
  width: 24px;
}

/* line 749, app/assets/stylesheets/walt/_dashboard.scss */
.walt .card-description {
  color: var(--color-black-wt, #292D32);
  font-family: "SF Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 20px auto;
  width: fit-content;
}

/* line 759, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-card-center-image {
  height: 50px;
  width: 52px;
}

/* line 763, app/assets/stylesheets/walt/_dashboard.scss */
.walt .card-tag-heading {
  color: var(--color-black-wt, #292D32);
  font-family: "SF Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 16px;
}

/* line 772, app/assets/stylesheets/walt/_dashboard.scss */
.walt .card-tags-row {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 4px;
  flex-wrap: wrap;
}

/* line 779, app/assets/stylesheets/walt/_dashboard.scss */
.walt .card-tag.selected .card-tag-red {
  background-color: #D30026;
  color: var(--color-white);
}

/* line 783, app/assets/stylesheets/walt/_dashboard.scss */
.walt .card-tag.selected .card-tag-green {
  background: #43A047;
  color: var(--color-white);
}

/* line 787, app/assets/stylesheets/walt/_dashboard.scss */
.walt .card-tag.selected {
  border-radius: 50px;
  background: #5932EA;
  color: #fff;
}

/* line 792, app/assets/stylesheets/walt/_dashboard.scss */
.walt .card-tag:hover {
  border-radius: 50px;
  background: #5932EA;
  color: #fff;
  cursor: pointer;
}

/* line 798, app/assets/stylesheets/walt/_dashboard.scss */
.walt .card-tag {
  padding: 10px 16px;
  border-radius: 50px;
  background: #F0F2F5;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 806, app/assets/stylesheets/walt/_dashboard.scss */
.walt .card-tag-red {
  padding: 4px 6px;
  border-radius: 100px;
  background: rgba(176, 0, 32, 0.16);
  font-family: "SF Pro";
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #D30026;
}

/* line 817, app/assets/stylesheets/walt/_dashboard.scss */
.walt .card-tag-green {
  padding: 4px 6px;
  border-radius: 100px;
  background: rgba(52, 168, 83, 0.16);
  color: #43A047;
  font-family: "SF Pro";
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

@media (max-width: 668px) {
  /* line 829, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dashboard-container {
    grid-template-columns: 90px 1fr;
  }
  /* line 832, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dash-logo {
    width: 50px;
  }
  /* line 835, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dash-button {
    margin-top: 6px;
  }
  /* line 838, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dashboard-nav-item {
    padding: 0 8px;
  }
  /* line 841, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .remove-link-default,
.walt .dashboard-nav-item-text {
    display: block;
  }
  /* line 845, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dash-overall {
    display: none;
  }
  /* line 848, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dash-top-user-left,
.walt .trail-section,
.walt .dash-feedback-item-text {
    display: none;
  }
  /* line 853, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .report-container {
    padding: 7px 10px;
  }
  /* line 856, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dash-top-nav-heading {
    font-size: 16px;
  }
  /* line 859, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dashboard-heading {
    font-size: 16px;
  }
  /* line 862, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dashboard-sub-heading {
    font-size: 14px;
  }
  /* line 865, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dashboard-left-text span {
    font-size: 14px;
  }
  /* line 868, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dashboard-left-text {
    font-size: 14px;
  }
  /* line 871, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dash-card-heading {
    font-size: 15px;
  }
  /* line 874, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dash-card-sub-heading {
    font-size: 13px;
  }
  /* line 877, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dash-card-right .card-right {
    width: 14px;
  }
  /* line 880, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .card-description {
    font-size: 13px;
  }
  /* line 883, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dashboard-card {
    padding: 12px 18px;
    min-width: 250px;
  }
  /* line 887, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .card-tag {
    font-size: 8px;
    padding: 4px 6px;
  }
  /* line 891, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .card-tag-green,
.walt .card-tag-red {
    padding: 3px;
    font-size: 7px;
  }
  /* line 896, app/assets/stylesheets/walt/_dashboard.scss */
  .walt .dash-card-center-image {
    width: 32px;
    height: 32px;
  }
}

/* line 901, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-options-container {
  background-color: #fff;
  box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: absolute;
  right: 0px;
  width: 145px;
  transform: scaleY(0);
  transform-origin: top;
  transition: all .3s;
  opacity: 0;
  z-index: 8;
}

/* line 918, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-option.dash-option-red {
  color: var(--Warning-Red, #D30026);
}

/* line 921, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-option {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

/* line 933, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-option-icon {
  height: 24px;
  width: 24px;
}

/* line 937, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-option-show {
  opacity: 1;
  transform: scaleY(1);
}

/* line 941, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-backdraw {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: none;
}

/* line 950, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-backdraw-show {
  display: block;
}

/* line 954, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-welcome-modal-backdraw {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 6;
  opacity: 1;
  transition: all .4s;
}

/* line 965, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-welcome-modal {
  width: 620px;
  background-color: var(--color-white);
  height: fit-content;
  flex-shrink: 0;
  filter: drop-shadow(0px 0px 55px rgba(0, 0, 0, 0.16));
  border-radius: 30px 30px 30px 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
  transition: all .4s;
  opacity: 1;
}

/* line 980, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-welcome-modal-body {
  width: 100%;
  height: 100%;
  border-radius: 30px 30px 30px 30px;
}

/* line 985, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-modal-top {
  background-image: url(/walt/modalBG.png);
  height: 249px;
  background-size: cover;
  position: relative;
}

/* line 991, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-modal-heading {
  text-align: center;
  margin-top: 0px;
  color: var(--color-black-wt, #292D32);
  text-align: center;
  font-family: "SF Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
}

/* line 1002, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-modal-close {
  background-color: var(--color-white);
  /*padding: 12px;*/
  width: 32px;
  height: 32px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 5;
  cursor: pointer;
}

/* line 1017, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-modal-close-btn {
  height: 12px;
  width: 12px;
}

/* line 1021, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-modal-bottom {
  padding: 32px 40px;
  text-align: center;
}

/* line 1025, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-modal-description {
  color: var(--Dark-Grey, #757575);
  text-align: center;
  font-family: "SF Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  max-width: 440px;
  margin: 16px auto;
}

/* line 1036, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-welcome-modal-hide {
  opacity: 0;
  transform: scale(0);
  /*height: 0;*/
  z-index: -3;
}

/* line 1042, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard-selected {
  border-radius: 18px;
  background: #F0F2F5;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 1049, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dash-option-icon-compare {
  height: 24px;
  width: 24px;
  margin: 0px 9px;
}

/* line 1054, app/assets/stylesheets/walt/_dashboard.scss */
.walt .dashboard--items_container {
  flex: 1;
}

/* line 1, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-div {
  width: calc(100% - 42px);
  height: 898px;
  flex-shrink: 0;
  border-radius: 24px;
}

/* line 8, app/assets/stylesheets/walt/_reports.scss */
.walt .search-input {
  border: 1px solid var(--Dark-Grey, #757575);
  border-radius: 9px;
  height: 48px;
  display: flex;
  align-items: center;
  max-width: 600px;
  overflow: hidden;
  margin: 24px auto;
}

/* line 18, app/assets/stylesheets/walt/_reports.scss */
.walt .search-input input {
  border: none;
  height: 100%;
  flex: 1;
  padding-left: 18px;
  background: transparent;
}

/* line 25, app/assets/stylesheets/walt/_reports.scss */
.walt .search-input input:focus {
  outline: none;
}

/* line 26, app/assets/stylesheets/walt/_reports.scss */
.walt .search-input-modal {
  margin: 0 !important;
}

/* line 27, app/assets/stylesheets/walt/_reports.scss */
.walt .icon-cont {
  display: flex;
  align-items: center;
  padding-right: 12px;
}

/* line 29, app/assets/stylesheets/walt/_reports.scss */
.walt .bookmark-toggle-btn {
  display: inline-flex;
}

/* line 30, app/assets/stylesheets/walt/_reports.scss */
.walt .bookmark-toggle-btn .bm-filled {
  display: none;
}

/* line 31, app/assets/stylesheets/walt/_reports.scss */
.walt .bookmark-toggle-btn[data-bookmarked="true"] .bm-outline {
  display: none;
}

/* line 32, app/assets/stylesheets/walt/_reports.scss */
.walt .bookmark-toggle-btn[data-bookmarked="true"] .bm-filled {
  display: inline-flex;
}

/* line 35, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-report-add {
  width: 40px;
  height: 40px;
}

/* line 36, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-picker {
  display: none;
  position: absolute;
  top: 72%;
  left: 12%;
  width: 76%;
  max-height: 260px;
  overflow-y: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.14);
  padding: 6px;
  z-index: 20;
  text-align: left;
}

/* line 51, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-picker.open {
  display: block;
}

/* line 52, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-picker-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 13px;
  color: #292d32;
}

/* line 62, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-picker-item:hover {
  background: #f5f2ff;
}

/* line 63, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-header {
  display: flex;
  width: 970px;
  align-items: flex-start;
  gap: 12px;
  margin-top: 46px;
  margin-left: 23px;
}

/* line 71, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-header-items {
  display: flex;
  width: 148px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid #D0D5DD;
  background: #F0F2F5;
}

/* line 82, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-header-items:hover {
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid #5932EA;
  background: #E5DEFF;
}

/* line 92, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-h1 {
  color: var(--Black, #292D32);
  /* font-family: SF Pro; */
  font-size: 32px;
  margin-left: 31px;
  margin-top: 31px;
}

/* line 99, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-h2 {
  color: #292D32;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 209px;
  height: 38px;
  flex-shrink: 0;
}

/* line 109, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-heading {
  display: flex;
  width: calc(100% - 40px);
  justify-content: space-between;
  align-items: center;
}

/* line 115, app/assets/stylesheets/walt/_reports.scss */
.walt .search-img {
  margin-left: -9px;
  height: 38.8px;
  margin-bottom: -15px;
}

/* line 120, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-search-bar {
  width: 384px;
  padding-left: 12px;
  height: 35px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #292D32;
  background: #FFF;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}

/* line 130, app/assets/stylesheets/walt/_reports.scss */
.walt .search-div {
  margin-right: -28px;
  margin-top: 8px;
}

/* line 134, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-article {
  margin-left: 20px;
  width: 100%;
}

/* line 138, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-row {
  display: flex;
  justify-content: space-between;
  background: white;
}

/* line 143, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-row-main {
  display: flex;
  justify-content: space-between;
  background: white;
}

/* line 148, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-row-height {
  height: 37px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

/* line 153, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-item {
  flex: 1;
  border-bottom: 0.5px solid lightgrey;
  /* Border for items */
  padding-left: 10px;
  padding-top: 5px;
}

/* line 159, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-item-main {
  flex: 1;
  border-bottom: 0.5px solid lightgrey;
  /* Border for items */
  padding-left: 10px;
  padding-top: 5px;
}

/* line 165, app/assets/stylesheets/walt/_reports.scss */
.walt .bookmark-toggle-btn {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

/* line 172, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-p-style {
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

/* line 178, app/assets/stylesheets/walt/_reports.scss */
.walt .custom-popup {
  display: inline-flex;
  /*position: relative;*/
  /*z-index: 9999;*/
  /*left: 0;*/
  /*top: 0;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*overflow: auto;*/
  padding: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  border-radius: 10px;
  background: #FFF;
}

/* line 196, app/assets/stylesheets/walt/_reports.scss */
.walt .popup-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

/* line 202, app/assets/stylesheets/walt/_reports.scss */
.walt .popup-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

/* line 209, app/assets/stylesheets/walt/_reports.scss */
.walt .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

/* line 217, app/assets/stylesheets/walt/_reports.scss */
.walt .close:hover,
.walt .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* line 223, app/assets/stylesheets/walt/_reports.scss */
.walt .dark-grey-background {
  background: #D0D5DD;
}

/* line 226, app/assets/stylesheets/walt/_reports.scss */
.walt .border-none {
  border: none !important;
}

/* line 229, app/assets/stylesheets/walt/_reports.scss */
.walt .background-none {
  background: none;
}

/* line 232, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-above-article {
  display: flex;
  width: 100%;
  padding: 0px 20px;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
}

/* line 240, app/assets/stylesheets/walt/_reports.scss */
.walt .all_reports {
  color: #000;
  font-feature-settings: 'cv01' on, 'cv04' on, 'cv03' on;
  font-family: "SF Pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 133.333% */
}

/* line 249, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-top-row-text {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 7px;
}

/* line 258, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-row-text {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 266, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-row-date {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 274, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-heading {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 282, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-section {
  width: 80%;
  max-width: 752px;
  margin: 64px auto;
  display: flex;
  gap: 64px;
  flex-wrap: wrap;
}

/* line 290, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-report-select-blank {
  flex: 0 0 42%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 264px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23333' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 6px;
  gap: 16px;
}

/* line 301, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-report-select {
  background-color: #fff;
  flex: 0 0 42%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 264px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23333' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='13' stroke-linecap='square'/%3e%3c/svg%3e");
  border-radius: 6px;
  gap: 16px;
}

/* line 313, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-report-icon img {
  height: 64px;
  width: 64px;
}

/* line 317, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-report-text {
  color: var(--color-black-wt, #292D32);
  text-align: center;
  font-family: SF Pro;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: lowercase;
  max-width: 184px;
  width: 55%;
}

/* line 329, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-report-text-after-add {
  width: 184px;
  height: 29px;
  font-family: "SF Pro", sans-serif;
  font-size: 24px;
  font-weight: 590;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: center;
}

/* line 339, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-report-select-blank img {
  filter: brightness(2);
}

/* line 342, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-report-container {
  padding: 62px 32px !important;
}

/* line 345, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-section-container {
  margin-top: 87px;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  padding: 32px 40px;
}

/* line 352, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-section-heading {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 360, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-section-text {
  margin-top: 8px;
  margin-bottom: 16px;
  color: #757575;
  font-family: SF Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 370, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-graph-section {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
}

/* line 376, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-graph-box {
  flex: 0 0 46%;
}

/* line 379, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-graph-box-heading {
  font-family: SF Pro;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* line 386, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-graph-box-text {
  color: #000;
  font-family: SF Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 62px;
}

/* line 395, app/assets/stylesheets/walt/_reports.scss */
.walt .stat-button {
  border-radius: 5px;
  border: 1px solid #D0D5DD;
  background: #F0F2F5;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  color: #344054;
  font-family: "SF Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 100% */
  letter-spacing: 0.25px;
  max-width: 200px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  justify-content: center;
  width: fit-content;
}

/* line 415, app/assets/stylesheets/walt/_reports.scss */
.walt .state-down-tag {
  color: #D30026;
  font-family: SF Pro;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 3px;
  border-radius: 100px;
  background: rgba(158, 10, 5, 0.3);
  display: inline-flex;
}

/* line 427, app/assets/stylesheets/walt/_reports.scss */
.walt .state-up-tag {
  color: #43A047;
  font-family: SF Pro;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 3px;
  border-radius: 100px;
  background: rgba(67, 160, 71, 0.3);
  display: inline-flex;
}

/* line 439, app/assets/stylesheets/walt/_reports.scss */
.walt .state-moderate-tag {
  color: #626364;
  font-family: SF Pro;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 3px;
  border-radius: 100px;
  background: #D0D5DD;
  display: inline-flex;
}

/* line 451, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-section-button {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 19px;
  flex-wrap: wrap;
}

/* line 459, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 32px;
}

/* line 465, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-card {
  padding: 32px 64px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  background: #FFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

/* line 475, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-card-heading {
  color: #000;
  text-align: center;
  font-family: "SF Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/* line 484, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-card-sub-text {
  color: var(--Dark-Grey, #757575);
  font-family: "SF Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 492, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-card-sub-heading {
  color: #000;
  font-family: "SF Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/* line 500, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-red-button span {
  border-radius: 100px;
  background: rgba(176, 0, 32, 0.3);
  padding: 6px;
  font-size: 14px;
}

/* line 506, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-red-button {
  border-radius: 5px;
  border: 2px solid #D30026;
  color: #D30026;
  padding: 10px 16px;
  font-family: SF Pro;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 100% */
  letter-spacing: 0.25px;
  width: fit-content;
  margin: auto;
}

/* line 520, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-card-text {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: "SF Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 240px;
}

/* line 530, app/assets/stylesheets/walt/_reports.scss */
.walt .button-purple-outline {
  border-radius: 10px;
  border: 2px solid var(--Purple, #5932EA);
  background: #F9F9F9;
  color: var(--Purple, #5932EA);
  text-align: center;
  font-family: SF Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  padding: 0 32px !important;
  line-height: normal;
  white-space: nowrap;
}

/* line 544, app/assets/stylesheets/walt/_reports.scss */
.walt .button-purple-card {
  border-radius: 10px;
  background: var(--Purple, #5932EA);
  box-shadow: 0px 0px 10px 0px rgba(123, 97, 255, 0.9);
  padding: 0 32px !important;
  color: #FFF;
  text-align: center;
  font-family: SF Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: none;
}

/* line 558, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-green-button span {
  border-radius: 100px;
  background: rgba(67, 160, 71, 0.3);
  padding: 6px;
  font-size: 14px;
}

/* line 564, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-green-button {
  border-radius: 5px;
  border: 2px solid #43A047;
  color: #43A047;
  font-family: SF Pro;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 100% */
  letter-spacing: 0.25px;
  width: fit-content;
  margin: auto;
  padding: 10px 16px;
}

/* line 579, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-green-button-sidebar {
  border-radius: 20px;
  border: 2px solid #43A047;
  color: #43A047;
  font-family: SF Pro;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.25px;
  width: fit-content;
  margin: auto;
  padding: 0px 6px;
}

/* line 594, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-red-button-sidebar {
  border-radius: 20px;
  border: 2px solid #D30026;
  color: #D30026;
  font-family: SF Pro;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.25px;
  width: fit-content;
  margin: auto;
  padding: 0px 6px;
}

/* line 609, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-grey-button-sidebar {
  border-radius: 20px;
  border: 2px solid grey;
  color: #626364;
  font-family: SF Pro;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.25px;
  width: fit-content;
  margin: auto;
  padding: 0px 6px;
}

/* line 623, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 628, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-progress-grey-button {
  border-radius: 5px;
  border: 2px solid grey;
  color: #626364;
  font-family: SF Pro;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 100% */
  letter-spacing: 0.25px;
  width: fit-content;
  margin: auto;
  padding: 10px 16px;
}

/* line 642, app/assets/stylesheets/walt/_reports.scss */
.walt .filter-above div {
  cursor: pointer;
}

/* line 645, app/assets/stylesheets/walt/_reports.scss */
.walt .filter-above {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  position: relative;
}

/* line 653, app/assets/stylesheets/walt/_reports.scss */
.walt .auth-checkbox-description img {
  height: 20px;
}

/* line 656, app/assets/stylesheets/walt/_reports.scss */
.walt .auth-checkbox-description {
  color: var(--color-black-wt, #292D32);
  font-family: "SF Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  display: flex;
  align-items: center;
}

/* line 666, app/assets/stylesheets/walt/_reports.scss */
.walt .auth-checkbox {
  user-select: none;
  cursor: pointer;
  display: flex;
  gap: 12px;
}

/* line 672, app/assets/stylesheets/walt/_reports.scss */
.walt .auth-checkbox-circle {
  height: 18px;
  width: 18px;
  display: inline-block;
  border: 1px solid #292D32;
  border-radius: 50px;
}

/* line 680, app/assets/stylesheets/walt/_reports.scss */
.walt .auth-checkbox-circle:before {
  content: '\2713';
  display: inline-block;
  margin-left: 2px;
  margin-top: 0px;
  transition: all .4s;
  opacity: 0;
  font-size: 16px;
  font-weight: 700;
}

/* line 690, app/assets/stylesheets/walt/_reports.scss */
.walt .auth-checkbox-radio ~ .auth-checkbox-circle:before {
  content: '';
  display: inline-block;
  margin-left: 5.5px;
  margin-top: 0px;
  transition: all .4s;
  opacity: 0;
  font-size: 16px;
  font-weight: 700;
  height: 7px;
  width: 7px;
  border-radius: 50px;
  background: #000;
}

/* line 704, app/assets/stylesheets/walt/_reports.scss */
.walt .auth-checkbox-radio:checked ~ .auth-checkbox-circle:before,
.walt .auth-checkbox-input:checked ~ .auth-checkbox-circle:before {
  opacity: 1;
}

/* line 708, app/assets/stylesheets/walt/_reports.scss */
.walt .options-for-filters {
  width: 188px !important;
}

/* line 711, app/assets/stylesheets/walt/_reports.scss */
.walt .for-sort {
  width: 243px !important;
}

/* line 714, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-item-last {
  text-align: right;
  display: inline-block;
  max-height: 45px;
  position: relative;
}

/* line 720, app/assets/stylesheets/walt/_reports.scss */
.walt .reports-item-last:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  display: inline-block;
  content: '';
  cursor: pointer;
}

/* line 731, app/assets/stylesheets/walt/_reports.scss */
.walt .compare-button {
  width: 160px;
  height: auto;
  padding: 8px 12px;
  border-radius: 6px;
  gap: 10px;
  background: black;
  color: white;
  float: right;
  margin-top: -50px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

@media (max-width: 668px) {
  /* line 746, app/assets/stylesheets/walt/_reports.scss */
  .walt .compare-section-container {
    padding: 16px 26px;
  }
  /* line 749, app/assets/stylesheets/walt/_reports.scss */
  .walt .compare-report-select {
    flex: 1;
  }
  /* line 752, app/assets/stylesheets/walt/_reports.scss */
  .walt .compare-section {
    gap: 16px;
  }
  /* line 755, app/assets/stylesheets/walt/_reports.scss */
  .walt .compare-progress-row {
    grid-template-columns: 1fr;
  }
  /* line 758, app/assets/stylesheets/walt/_reports.scss */
  .walt .compare-progress-card {
    padding: 16px 26px;
  }
  /* line 761, app/assets/stylesheets/walt/_reports.scss */
  .walt .compare-progress-red-button,
.walt .compare-progress-green-button {
    font-size: 14px;
  }
  /* line 765, app/assets/stylesheets/walt/_reports.scss */
  .walt .compare-progress-red-button span,
.walt .compare-progress-green-button span {
    font-size: 12px;
    padding: 4px;
  }
}

/* line 772, app/assets/stylesheets/walt/_reports.scss */
.walt .selected {
  background-color: purple;
  color: white;
}

/* line 776, app/assets/stylesheets/walt/_reports.scss */
.walt .side-graph-container {
  display: flex;
  flex-direction: column;
  align-items: end;
}

/* line 781, app/assets/stylesheets/walt/_reports.scss */
.walt .snack-container {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  align-items: center;
  height: 90%;
  flex: 1;
  border-radius: 20px;
  width: 98%;
}

/* line 793, app/assets/stylesheets/walt/_reports.scss */
.walt .modal-snacks {
  display: flex;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}

/* line 805, app/assets/stylesheets/walt/_reports.scss */
.walt .modal-content-snacks {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px 20px 20px 35px;
  border: 1px solid #888;
  width: 60%;
  border-radius: 32px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  max-width: 630px;
}

/* line 818, app/assets/stylesheets/walt/_reports.scss */
.walt .snacks-grid {
  display: grid;
  width: 100%;
  margin-top: 4px;
}

/* line 823, app/assets/stylesheets/walt/_reports.scss */
.walt .grid-item1 {
  grid-column-start: 1;
  grid-column-end: 3;
}

/* line 827, app/assets/stylesheets/walt/_reports.scss */
.walt .grid-item1 > h2 {
  font-size: 30px;
}

/* line 830, app/assets/stylesheets/walt/_reports.scss */
.walt .grid-item2 {
  grid-column-start: 3;
}

/* line 833, app/assets/stylesheets/walt/_reports.scss */
.walt .grid-item2-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 43px;
  margin-top: 13px;
}

/* line 840, app/assets/stylesheets/walt/_reports.scss */
.walt .chart {
  display: flex;
  justify-content: center;
  width: 89px;
  height: 91px;
  margin: 0 10px;
  vertical-align: top;
  position: relative;
  box-sizing: border-box;
  padding-top: 22px;
}

/* line 851, app/assets/stylesheets/walt/_reports.scss */
.walt .chart span {
  margin-left: 13px;
  margin-top: 9px;
  font-size: 25px;
  font-weight: normal;
  color: #D30026;
}

/* line 859, app/assets/stylesheets/walt/_reports.scss */
.walt .chart canvas {
  position: absolute;
  left: 0;
  top: 0;
}

/* line 865, app/assets/stylesheets/walt/_reports.scss */
.walt .snack-content {
  width: 95%;
  background: #F9F9F9;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 5px 8px 11px;
}

/* line 875, app/assets/stylesheets/walt/_reports.scss */
.walt .snack-content-grid1 {
  grid-column-start: 1;
  grid-column-end: 4;
  width: 490px;
}

/* line 880, app/assets/stylesheets/walt/_reports.scss */
.walt .snack-content-grid2 {
  grid-column-start: 6;
}

/* line 884, app/assets/stylesheets/walt/_reports.scss */
.walt .snack-container-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 889, app/assets/stylesheets/walt/_reports.scss */
.walt .snack-percent {
  padding: 8px 10px 8px 13px;
}

/* line 892, app/assets/stylesheets/walt/_reports.scss */
.walt .snacks-stats-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 95%;
  font-size: 13px;
}

/* line 899, app/assets/stylesheets/walt/_reports.scss */
.walt .snack-sub-title {
  color: #757575;
  font-weight: 700;
  font-size: 20px;
  margin-top: -13px;
}

/* line 905, app/assets/stylesheets/walt/_reports.scss */
.walt .snack-img {
  height: 30px;
  opacity: 50%;
}

/* line 909, app/assets/stylesheets/walt/_reports.scss */
.walt .inside-snack-text {
  max-width: 300px;
  font-size: 15px;
  margin-top: -24px;
}

/* line 914, app/assets/stylesheets/walt/_reports.scss */
.walt .snack-button {
  padding: 11px 30px 12px 33px !important;
  border-radius: 13px !important;
}

/* line 918, app/assets/stylesheets/walt/_reports.scss */
.walt .dropdown {
  position: relative;
  display: inline-block;
}

/* line 924, app/assets/stylesheets/walt/_reports.scss */
.walt .dropdown button {
  padding: 10px;
  border: none;
  cursor: pointer;
}

/* line 931, app/assets/stylesheets/walt/_reports.scss */
.walt .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* line 941, app/assets/stylesheets/walt/_reports.scss */
.walt .dropdown-content .dropdown-item {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* line 949, app/assets/stylesheets/walt/_reports.scss */
.walt .dropdown-content .dropdown-item:hover {
  background-color: #ddd;
}

/* line 954, app/assets/stylesheets/walt/_reports.scss */
.walt .dropdown:hover .dropdown-content {
  display: block;
}

/* line 959, app/assets/stylesheets/walt/_reports.scss */
.walt .dropdown:hover button {
  background-color: #333;
}

/* line 962, app/assets/stylesheets/walt/_reports.scss */
.walt .overall-reports-selection {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

/* line 967, app/assets/stylesheets/walt/_reports.scss */
.walt .round-checkbox {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  /* Makes the checkbox round */
  appearance: none;
  /* Removes the default checkbox styling */
  -webkit-appearance: none;
  /* For Safari */
  border: 2px solid #000;
  /* Border of the checkbox */
  cursor: pointer;
  position: relative;
}

/* line 978, app/assets/stylesheets/walt/_reports.scss */
.walt .round-checkbox:checked {
  background-color: rgba(0, 189, 52, 0.2);
  border: 1px solid #00BD34;
  /* Border color when checked */
}

/* line 983, app/assets/stylesheets/walt/_reports.scss */
.walt .round-checkbox:checked::after {
  content: '✔';
  /* Adds the checkmark */
  color: #00BD34;
  /* Makes the tick green */
  font-size: 13px;
  /* Adjust the size of the tick mark */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* Centers the tick mark */
}

/* line 1, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal {
  box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 6;
  border-radius: 8px;
  padding: 24px;
  transform: translate(-50%, -50%);
}

/* line 12, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-body {
  min-width: 308px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 19, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-back {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.22);
}

/* line 28, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-select-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  font-family: SF Pro;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #000;
}

/* line 40, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-select {
  appearance: none;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid var(--Dark-Grey, #757575);
  background: #FFF;
  font-family: inherit;
  height: 48px;
}

/* line 49, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-select-container span {
  margin-bottom: 8px;
  display: flex;
}

/* line 53, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-select-drop {
  height: 8px;
  /* Set your desired height */
  width: 8px;
  /* Set your desired width */
  border: 2px solid #D9D9D9;
  transform: rotate(45deg);
  position: absolute;
  right: 13px;
  top: 38px;
  border-top-width: 0;
  border-left-width: 0;
  transition: all .4ms;
}

/* line 65, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-select:active ~ .wt-select-drop {
  transform: rotate(135deg);
}

/* line 68, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-footer {
  display: flex;
  justify-content: space-between;
  gap: 19px;
  align-items: center;
}

/* line 75, app/assets/stylesheets/walt/_modal.scss */
.walt .button {
  border-radius: 8px;
  padding: 7px 12px;
  font-family: "SF Pro";
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  min-height: 32px;
}

/* line 85, app/assets/stylesheets/walt/_modal.scss */
.walt .button-black {
  border: 1px solid var(--border-color);
  background-color: var(--color-dark-font);
  color: var(--color-white);
}

/* line 90, app/assets/stylesheets/walt/_modal.scss */
.walt .button-hollow {
  border: 1px solid var(--border-color);
  background-color: transparent;
  color: var(--color-dark-font);
}

/* line 95, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-footer .button.button-black-feed {
  height: 40px;
}

/* line 98, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-footer .button {
  flex: 1;
  height: 48px;
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* line 105, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-search {
  width: 520px;
  padding: 32px 40px;
}

/* line 112, app/assets/stylesheets/walt/_modal.scss */
.walt .button-filter {
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--Dark-Grey);
  font-family: "SF Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.28px;
  padding: 0 !important;
}

/* line 127, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-filter-icon {
  height: 16px;
  width: 16px;
  margin-right: 5px;
}

/* line 132, app/assets/stylesheets/walt/_modal.scss */
.walt .search-input-modal {
  margin: 0 0px !important;
}

/* line 135, app/assets/stylesheets/walt/_modal.scss */
.walt .report-row:hover {
  border: 2px solid #5932EA;
}

/* line 138, app/assets/stylesheets/walt/_modal.scss */
.walt .report-row.select img {
  filter: brightness(10);
}

/* line 141, app/assets/stylesheets/walt/_modal.scss */
.walt .report-row.select {
  background-color: #5932EA;
  color: #fff;
  border: 2px solid #5932EA;
}

/* line 146, app/assets/stylesheets/walt/_modal.scss */
.walt .report-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 2px solid #BFBEBE;
  background: #FFF;
  padding: 12px 20px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  color: var(--color-black-wt);
}

/* line 157, app/assets/stylesheets/walt/_modal.scss */
.walt .report-icon {
  width: 24px;
  height: 24px;
}

/* line 161, app/assets/stylesheets/walt/_modal.scss */
.walt .report-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 166, app/assets/stylesheets/walt/_modal.scss */
.walt .reports-container {
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 400px;
}

/* line 173, app/assets/stylesheets/walt/_modal.scss */
.walt .button-gray {
  border-radius: 12px;
  background: var(--bg-gray);
  border: none;
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 590;
  line-height: normal;
}

/* line 184, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-logout {
  color: var(--color-black-wt, #292D32);
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 193, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-logout-container {
  width: 346px;
  padding: 32px !important;
}

/* line 197, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-heading {
  color: var(--color-black-wt, #292D32);
  text-align: center;
  font-family: SF Pro;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 206, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-title {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 214, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-close-icon {
  width: 22px;
  height: 22px;
}

/* line 218, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 223, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-boost {
  width: 867px;
  padding-bottom: 80px;
}

/* line 227, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-progress-container {
  max-width: 620px;
  margin: auto;
  width: 100%;
  display: flex;
  gap: 16px;
}

/* line 234, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-progress-bar {
  flex: 1;
  border-radius: 100px;
  background: #F3F3F3;
}

/* line 239, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-progress {
  border-radius: 100px;
  background: #43A047;
  height: 100%;
  transition: all .4s;
}

/* line 245, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-checklist-item.select {
  border-radius: 10px;
  background: rgba(67, 160, 71, 0.2);
}

/* line 249, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-checklist-item {
  padding: 12px;
  border-radius: 10px;
  background: rgba(117, 117, 117, 0.1);
  display: flex;
  gap: 12px;
  align-items: center;
}

/* line 257, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-check-circle {
  height: 32px;
  width: 32px;
  display: flex;
  border: 2px solid var(--color-black-wt);
  border-radius: 100px;
  transition: all .1s;
}

/* line 265, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-checklist-label {
  user-select: none;
}

/* line 268, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-checkbox-hidden:checked ~ .wt-check-circle:before {
  opacity: 1;
  content: '\2714';
  display: inline-flex;
  color: #43A047;
}

/* line 274, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-check-circle:before {
  transition: all .1s .1s;
  opacity: 0;
  content: '\2714';
  display: inline-flex;
  color: #43A047;
}

/* line 281, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-checkbox-hidden:checked ~ .wt-check-circle {
  border: 2px solid #43A047;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 287, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-checklist-checkbox {
  display: flex;
  gap: 12px;
  align-items: center;
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
}

/* line 298, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-checklist-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 304, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-performance {
  width: 304px;
  padding: 32px !important;
}

/* line 308, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-performance-top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

/* line 314, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-performance-heading div {
  color: #757575;
  font-family: SF Pro;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 322, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-performance-heading span {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 330, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-performance-desc {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* line 338, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-top-jobs {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
}

/* line 344, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-top-job-success span {
  color: #43A047;
  font-family: SF Pro;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 100px;
  background: rgba(67, 160, 71, 0.3);
  padding: 4px 6px;
}

/* line 355, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-top-job-moderate span {
  color: #626364;
  font-family: SF Pro;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 100px;
  background: #D0D5DD;
  padding: 4px 6px;
}

/* line 366, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-top-job-warn span {
  color: #D30026;
  font-family: SF Pro;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: rgba(67, 160, 71, 0.3);
  padding: 4px 6px;
  border-radius: 100px;
  background: rgba(176, 0, 32, 0.3);
}

/* line 378, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-top-job img {
  height: 22px;
  width: 10px;
}

/* line 382, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-top-job {
  flex: 0 0 42%;
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  gap: 16px;
  background: #F9F9F9;
  padding: 8px;
  border-radius: 5px;
  align-items: center;
  justify-content: space-between;
}

/* line 398, app/assets/stylesheets/walt/_modal.scss */
.walt .button-purple:after {
  content: url(/walt/boost.png);
  display: inline-flex;
  position: absolute;
  top: -9px;
  right: -10px;
  height: 21px;
  width: 21px;
  z-index: 6;
  /*animation:;*/
  animation: scaleUpAndDown 1s infinite;
}

@keyframes scaleUpAndDown {
  0% {
    transform: scale(0.3) rotate(180deg);
  }
  100% {
    transform: scale(1) rotate(270deg);
  }
}

/* line 418, app/assets/stylesheets/walt/_modal.scss */
.walt .button-purple {
  position: relative;
  border-radius: 10px;
  background: var(--Purple, #5932EA);
  box-shadow: 0px 0px 10px 0px rgba(123, 97, 255, 0.9);
  color: #fff;
  border: none;
  height: 43px;
  padding: 0 32px !important;
  width: fit-content;
  margin: auto;
  text-align: center;
  font-family: SF Pro;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal;
}

/* line 436, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-feedback {
  width: 466px;
  padding: 32px !important;
}

/* line 440, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-feedback-heading span img {
  height: 18px;
  width: 18px;
}

/* line 444, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-feedback-heading span {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 451, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-feedback-heading {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

/* line 457, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-feedback-heading div {
  color: var(--color-black-wt, #292D32);
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 465, app/assets/stylesheets/walt/_modal.scss */
.walt .feedback-desc {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 473, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-feedback-area::placeholder {
  color: #757575;
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 481, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-feedback-area {
  border-radius: 15px;
  margin-top: 40px;
  border: 1px solid var(--bg-gray);
  background: var(--bg-gray);
  width: calc(100% - 42px);
  height: 128px;
  resize: none;
  padding: 21px;
}

/* line 491, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-footer-text span {
  color: #5932EA;
  font-family: SF Pro;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 499, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-footer-text ~ button {
  flex: 0 !important;
  white-space: nowrap;
}

/* line 503, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-footer-text {
  color: #000;
  font-family: SF Pro;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 511, app/assets/stylesheets/walt/_modal.scss */
.walt .wt-modal-job {
  padding: 32px 32px 12px 32px;
  width: 704px;
}

/* line 515, app/assets/stylesheets/walt/_modal.scss */
.walt .job-heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

/* line 521, app/assets/stylesheets/walt/_modal.scss */
.walt .job-modal-heading {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 529, app/assets/stylesheets/walt/_modal.scss */
.walt .job-modal-close .close {
  width: 22px;
  height: 22px;
}

/* line 533, app/assets/stylesheets/walt/_modal.scss */
.walt .job-list-table {
  border-collapse: collapse;
}

/* line 536, app/assets/stylesheets/walt/_modal.scss */
.walt .job-list-head tr th {
  border-bottom: 1px solid var(--color-black-wt, #292D32);
}

/* line 539, app/assets/stylesheets/walt/_modal.scss */
.walt .job-list-heading:last-child {
  text-align: center;
}

/* line 542, app/assets/stylesheets/walt/_modal.scss */
.walt .job-list-heading {
  padding: 10px 16px;
  color: var(--color-black-wt, #292D32);
  font-family: "SF Pro";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
}

/* line 552, app/assets/stylesheets/walt/_modal.scss */
.walt .job-list-data .error {
  color: #9E0A05;
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 100px;
  background: rgba(158, 10, 5, 0.3);
  padding: 6px;
}

/* line 563, app/assets/stylesheets/walt/_modal.scss */
.walt .job-list-data .success {
  color: #43A047;
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 100px;
  background: rgba(67, 160, 71, 0.3);
  padding: 6px;
}

/* line 574, app/assets/stylesheets/walt/_modal.scss */
.walt .job-list-data .moderate {
  color: #626364;
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 100px;
  background: #D0D5DD;
  padding: 6px;
}

/* line 585, app/assets/stylesheets/walt/_modal.scss */
.walt .job-list-data:last-child {
  text-align: center;
}

/* line 588, app/assets/stylesheets/walt/_modal.scss */
.walt .job-list-data {
  padding: 20px 16px;
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-bottom: 1px solid #F1F1F1;
}

@media (max-width: 668px) {
  /* line 599, app/assets/stylesheets/walt/_modal.scss */
  .walt .wt-footer {
    flex-wrap: wrap;
  }
}

/* line 603, app/assets/stylesheets/walt/_modal.scss */
.walt .selected {
  background-color: #5932EA;
  color: white;
}

/* line 607, app/assets/stylesheets/walt/_modal.scss */
.walt .report-row.hidden {
  display: none;
}

/* line 2, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .onboarding-background {
  background: #ffffff;
  margin: 0;
  min-height: 100%;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 40px;
  box-sizing: border-box;
}

/* line 11, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-data {
  width: 100%;
}

/* line 12, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .quick-look-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 15px;
  margin-top: 8px;
}

/* line 18, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .quick-look-table th,
.walt .quick-look-table td {
  border: 1px solid #ededed;
  padding: 14px 26px;
  text-align: left;
  white-space: nowrap;
}

/* line 25, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .quick-look-table th {
  font-size: 14px;
}

/* line 26, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .quick-look-table th {
  background: #f9f9f9;
  font-weight: 600;
  color: #292d32;
}

/* line 31, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .quick-look-actions {
  gap: 18px;
  align-items: center;
  justify-content: center;
  margin-top: 23px;
}

/* line 38, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ql-input {
  width: 84px;
  max-width: 100%;
  font: inherit;
  color: #292d32;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  padding: 5px 8px;
  text-align: left;
}

/* line 49, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ql-input:disabled {
  opacity: 1;
  -webkit-text-fill-color: #292d32;
  cursor: default;
}

/* line 54, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ql-input:enabled {
  border-color: #5932EA;
  background: #fff;
}

/* line 58, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ql-suffix {
  color: #292d32;
}

/* line 59, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .onboarding-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 12%;
}

/* line 66, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .back-svg {
  margin-left: 18px;
}

/* line 69, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .continue-button-grey-container {
  display: block;
  text-align: center;
  margin-top: 23px;
}

/* line 74, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .continue-button-grey {
  background-color: #dcdcdc;
  border: none;
  font-family: SF Pro;
  font-size: 16px;
  color: #ffffff;
  padding: 14px 100px;
  border-radius: 30px;
  cursor: pointer;
  transition: background-color .2s;
  box-sizing: border-box;
  max-width: 100%;
}

/* line 89, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .continue-button-grey:hover {
  background-color: #000002;
}

/* line 93, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .onboarding-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 99, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .onboarding-items > h1 {
  font-size: 25px;
}

/* line 100, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .onboarding-items > p {
  margin-top: 0;
  color: #757575;
}

/* line 101, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .flex-left {
  align-self: flex-start;
  text-align: left;
  margin-bottom: 8px;
}

/* line 104, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .modal-content-industry {
  margin-top: 0;
}

/* line 105, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .text-box {
  display: block;
}

/* line 108, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .text-field-parah {
  margin: 20px 0 8px;
  letter-spacing: 0.4px;
  font-size: 13px;
}

/* line 109, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .text-field {
  border-radius: 11px;
  border: 0.5px solid var(--Dark-Grey, #757575);
  backdrop-filter: blur(12px);
}

/* line 114, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .text-field-layout {
  width: 264px;
  height: 30px;
  padding: 9px 19px;
  margin-bottom: 8px;
}

/* line 120, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .modal-title-h2 {
  color: #292d32;
  font-size: 20px;
  font-weight: 590;
  line-height: normal;
  margin-left: 10px;
  margin-bottom: -2px;
}

/* line 128, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .logo-the-walt {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 133, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ats-select-container {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 16px;
}

/* line 139, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .back-button {
  margin-top: 6%;
  margin-left: 8%;
}

/* line 143, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ats-button {
  color: #F9F9F9;
  font-family: SF Pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  letter-spacing: -0.42px;
  border-radius: 50px;
  background: #5932EA;
  display: flex;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

/* line 159, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .change-ats {
  color: #5932EA;
  text-align: center;
  font-family: SF Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  cursor: pointer;
}

/* line 170, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ats-upload {
  display: flex;
  padding: 21px 200px;
  flex-direction: column;
  align-items: center;
  border-radius: 14px;
  border: 1px dashed #292D32;
  background: #F9F9F9;
  margin-top: -14px;
}

/* line 180, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ats-upload:hover {
  background: #348ca8;
  border: 1px dashed #348CA8;
  color: #348CA8 !important;
}

/* line 185, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ats-upload-button {
  display: flex;
  padding: 0 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #292D32;
}

/* line 194, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .upload-csv-background {
  padding-bottom: 26px !important;
}

/* line 197, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-onboarding-top-bar > h2 {
  color: #292D32;
  font-size: 25px;
  margin: 0.83em 0;
}

/* line 205, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .onboarding-items h1 {
  margin: 0 0 6px;
}

/* line 206, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .onboarding-items .flex-left p {
  margin: 0;
  color: #757575;
}

/* line 207, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-onboarding-top-bar > div > p {
  margin-bottom: 24px;
}

/* line 208, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-sample-container > h2 {
  margin: 2px 0 6px;
}

/* line 209, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-sample-container > p {
  margin: 0 0 16px;
}

/* line 212, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-sample-container > .csv-sample-button {
  padding: 16px 18px;
}

/* line 215, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .wt-template-chips {
  display: flex;
  gap: 12px;
  margin-top: 14px;
}

/* line 220, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .wt-template-chip {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 14px;
  border: 1px solid #DCDCDC;
  border-radius: 10px;
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  color: #292D32;
  transition: border-color .15s, background .15s, box-shadow .15s;
}

/* line 235, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .wt-template-chip img {
  width: 15px;
  height: 15px;
}

/* line 236, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .wt-template-chip:hover {
  border-color: #5932EA;
  background: #F5F2FF;
  box-shadow: 0 2px 10px rgba(89, 50, 234, 0.1);
}

/* line 242, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-onboarding-top-bar > div > p {
  color: #757575;
  max-width: 95%;
  margin-top: -8px;
}

/* line 247, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-top-bar-image {
  padding-right: 16px;
  margin-top: -14px;
}

/* line 251, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-sample-container {
  background: #F9F9F9;
  border: 1px solid #DCDCDC;
  border-radius: 10px;
  padding: 17px 17px 34px;
}

/* line 257, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-sample-container > h2 {
  color: #000000;
  font-size: 19px;
}

/* line 261, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-sample-container > p {
  color: #757575;
}

/* line 264, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-sample-button {
  background: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 14px 0 14px;
  border-radius: 15px;
  border: 1px solid #DCDCDC;
}

/* line 273, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-sample-div > h2 {
  font-size: 20px;
}

/* line 276, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-sample-div > p {
  color: #757575;
  font-size: 15px;
}

/* line 280, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-upload-div > h2 {
  font-weight: 600;
  font-size: 19px;
}

/* line 284, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-upload-div > p {
  color: #757575;
  font-size: 16px;
}

/* line 288, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-download {
  display: flex;
  border: 1px solid #292D32;
  padding: 2px;
  border-radius: 7px;
  width: 17%;
  justify-content: space-evenly;
  margin-right: 6px;
}

/* line 298, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-download-text {
  color: #292D32;
  font-size: 13px;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* line 305, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-display-div {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  width: 95%;
  padding-bottom: 20px;
  margin-left: -22px;
  padding-top: 20px;
  background: var(--Foreground, #F9F9F9);
}

/* line 317, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-data {
  width: 97%;
}

/* line 320, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-data-text {
  color: #757575;
}

/* line 323, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-data-width {
  max-width: 910px;
}

/* line 326, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .upload-csv-text {
  color: #FFF;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 334, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .modal-ats {
  display: flex;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}

/* line 347, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .modal-content-ats {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 60%;
  border-radius: 32px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* line 360, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .modal-ats-change {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 60%;
  border-radius: 32px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  height: 70%;
  gap: 35px;
}

/* line 374, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ats-cards {
  display: flex;
}

/* line 378, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .close-ats {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

/* line 384, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .items-width {
  max-width: 60%;
}

/* line 387, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .close-ats:hover,
.walt .close-ats:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* line 393, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-span {
  background: #DCDCDC;
  color: #757575;
  padding: 12px;
  border-radius: 23px;
  margin-right: 31px;
  cursor: pointer;
  font-weight: 600;
}

/* line 402, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .csv-span:hover {
  background-color: #000002;
  color: #FFFFFF;
}

/* line 406, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .modal-content-ats > h2 {
  color: #292D32;
  text-align: center;
  font-family: SF Pro;
  font-size: 25px;
  font-style: normal;
  font-weight: 590;
  line-height: normal;
}

/* line 415, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .modal-content-ats > p {
  color: #757575;
  width: 80%;
  font-family: SF Pro;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 424, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .no-wrap {
  flex-wrap: nowrap;
}

/* line 427, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .wrap {
  flex-wrap: wrap;
}

/* line 430, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .black-ats {
  background: #000002;
  color: white;
}

/* line 434, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ats-select-div {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 15px;
}

/* line 440, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ats-select-cancel {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 10px;
  background: #F0F2F5;
  cursor: pointer;
}

/* line 451, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ats-select-save {
  display: flex;
  padding: 13.5px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 10px;
  background: #292D32;
  color: #FFF;
  font-family: SF Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 590;
  line-height: normal;
  cursor: pointer;
}

/* line 468, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .ats-upload-text {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* line 474, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .bg-image {
  margin-top: 20px;
  margin-left: 17px;
  height: 417px;
  width: 417px;
  position: absolute;
  z-index: 1;
}

/* line 482, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .fixed-position {
  position: absolute;
  z-index: 1;
}

/* line 486, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt canvas {
  background-image: image("graphBg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
}

/* line 492, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .angle-span {
  height: 500px;
  position: absolute;
  width: 40px;
  left: calc(50% - 20px);
  font-family: Inter;
  top: -20px;
}

/* line 500, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .parent-container-for-chart {
  padding: 40px;
  box-sizing: border-box;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 509, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .coloredBarContainer {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

/* line 516, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .coloredBar {
  height: 20px;
  border-radius: 5px;
  width: 80%;
  overflow: hidden;
  display: flex;
}

/* line 523, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .colorPart {
  height: 20px;
  color: var(--color-white);
  font-size: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

/* line 532, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-container-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 12px;
  margin-top: 12px;
}

/* line 539, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 544, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-container-green .stat-tag,
.walt .stat-container-green .stat-circle {
  background-color: #00BD34;
}

/* line 548, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-container-dark-green .stat-tag,
.walt .stat-container-dark-green .stat-circle {
  background-color: green;
}

/* line 552, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-container-applicant .stat-tag,
.walt .stat-container-applicant .stat-circle {
  background-color: #EE4FE7;
}

/* line 556, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-container-purple .stat-tag,
.walt .stat-container-purple .stat-circle {
  background-color: #8231F5;
}

/* line 560, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-container-dark-purple .stat-tag,
.walt .stat-container-dark-purple .stat-circle {
  background-color: purple;
}

/* line 564, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-container-light-pink .stat-tag,
.walt .stat-container-light-pink .stat-circle {
  background-color: lightpink;
}

/* line 568, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-container-red .stat-tag,
.walt .stat-container-red .stat-circle {
  background-color: red;
}

/* line 572, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-container-yellow .stat-tag,
.walt .stat-container-yellow .stat-circle {
  background-color: yellow;
}

/* line 576, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-container-orange .stat-tag,
.walt .stat-container-orange .stat-circle {
  background-color: #EE721A;
}

/* line 580, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-container-pink .stat-tag,
.walt .stat-container-pink .stat-circle {
  background-color: #EE4FE7;
}

/* line 584, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-container-blue .stat-tag,
.walt .stat-container-blue .stat-circle {
  background-color: blue;
}

/* line 588, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-circle {
  height: 8px;
  width: 8px;
  border-radius: 10px;
  display: inline-block;
}

/* line 594, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-text {
  font-size: 14px;
  max-height: 22px;
  max-width: 106px;
  overflow: auto;
  color: var(--Dark-Grey);
}

/* line 601, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-text-dashboard {
  font-size: 14px;
  color: var(--Dark-Grey);
}

/* line 605, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-img {
  width: 14px;
  height: 14px;
}

/* line 609, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .stat-tag {
  width: 47px;
  height: 20px;
  display: flex;
  align-items: center;
  font-size: 10px;
  justify-content: center;
  color: var(--color-white);
  border-radius: 30px;
}

/* line 619, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .pie-chart-container {
  text-align: center;
}

/* line 623, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .progress_basic {
  background-image: url(/walt/progress_basic.png);
}

/* line 626, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .progress_low {
  background-image: url(/walt/progress_low.png);
}

/* line 629, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .progress_moderate {
  background-image: url(/walt/progress_modrate.png);
}

/* line 632, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .progress_high {
  background-image: url(/walt/progress_high.png);
}

/* line 635, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .progress_serve {
  background-image: url(/walt/progress_serve.png);
}

/* line 638, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .need_text {
  font-size: 20px;
  font-weight: 600;
  margin-top: 60px;
}

/* line 643, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .need_sub_text {
  color: #010003;
  opacity: 0.5;
  width: 50%;
  margin: 32px auto;
  /*margin-top: 32px;*/
}

/* line 650, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .pie-wrapper {
  position: relative;
  width: 257px;
  height: 128.5px;
  overflow: hidden;
  margin: auto;
}

/* line 657, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .pie-wrapper .arc, .walt .pie-wrapper:before {
  content: '';
  width: 257px;
  height: 128.5px;
  position: absolute;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  left: 0;
  box-sizing: border-box;
}

/* line 668, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .pie-wrapper:before {
  border: 10px solid #E8E8E8;
  border-bottom: none;
  top: 0;
  z-index: 1;
  border-radius: 300px 300px 0 0;
}

/* line 675, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .pie-wrapper .arc {
  border: 10px solid var(--progress);
  border-top: none;
  border-radius: 0 0 300px 300px;
  top: 100%;
  z-index: 2;
}

/* line 682, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .pie-wrapper .arc::before {
  content: "";
  height: 1px;
  width: 5px;
  position: absolute;
  top: 0px;
}

/* line 689, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .pie-wrapper .score {
  color: #394955;
  font-size: 28px;
  display: block;
  width: 257px;
  text-align: center;
  height: 70px;
  background-position: bottom center;
  background-repeat: no-repeat;
  margin-top: 58px;
}

/* line 702, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .arc {
  -moz-animation: fill 2s;
  -webkit-animation: fill 2s;
  animation: fill 2s;
  -moz-transform: rotate(calc(var(--i)* 1.8deg));
  -ms-transform: rotate(calc(var(--i)* 1.8deg));
  -webkit-transform: rotate(calc(var(--i)* 1.8deg));
  transform: rotate(calc(var(--i)* 1.8deg));
  transition: All 5s ease;
  border-color: #47CF73;
}

/* line 713, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .arc:after {
  content: '';
  position: absolute;
  left: -40px;
  top: 5px;
}

/* line 719, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .arc::before {
  background-color: #47CF73;
}

/* line 723, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .legend {
  display: inline-block;
  width: 150px;
  vertical-align: text-bottom;
  margin-left: 100px;
  background-color: #f0f0f0;
}

/* line 730, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .legend span {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 10px 0 20px;
}

/* line 736, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .legend span.green {
  background-color: #47CF73;
}

/* line 739, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .legend span.orange {
  background-color: #FCD000;
}

/* line 742, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .legend span.red {
  background-color: #FF3C41;
}

/* line 745, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .logo-the-walt-login {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}

/* line 753, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .logo-the-walt-signup-email {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 8px;
}

/* line 760, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .text-under-logo-signup-email {
  width: 304px;
  color: #757575;
  height: 34px;
  font-family: 'SF Pro';
  font-weight: 400;
  font-size: 14px;
  line-height: 16.71px;
}

/* line 769, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .text-under-logo {
  width: 304px;
  color: #757575;
  height: 34px;
  font-family: 'SF Pro';
  font-weight: 400;
  font-size: 14px;
  line-height: 16.71px;
  margin-left: 232px;
}

/* line 779, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .text-under-login-modal {
  width: 295px;
  color: #757575;
  height: 34px;
  font-family: 'SF Pro';
  font-weight: 400;
  font-size: 14px;
  line-height: 16.71px;
  margin-left: 50px;
  margin-top: 110px;
}

/* line 790, app/assets/stylesheets/walt/_csv_onboarding.scss */
.walt .text-decoration-none {
  text-decoration: none;
}

@-moz-keyframes fill {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    border-color: #FF3C41;
  }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    border-color: #47CF73;
  }
}

@-webkit-keyframes fill {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-color: #FF3C41;
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-color: #47CF73;
  }
}

@keyframes fill {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-color: #FF3C41;
  }
  50% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-color: #47CF73;
  }
}

/* line 1, app/assets/stylesheets/walt/_analytics.scss */
.walt .compare-report-analytics {
  padding: 5px 32px !important;
}

/* line 5, app/assets/stylesheets/walt/_analytics.scss */
.walt .analytics-heading {
  font-family: Poppins;
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
  text-align: left;
  margin: 0;
}

/* line 13, app/assets/stylesheets/walt/_analytics.scss */
.walt .subscription-tabs {
  width: fit-content;
  margin: 20px auto;
  display: flex;
  border-radius: 50px;
  background-color: var(--bg-gray);
  padding: 6px;
  gap: 12px;
  max-height: 33px;
}

/* line 23, app/assets/stylesheets/walt/_analytics.scss */
.walt .subscription-tab {
  padding: 6px 12px;
  color: var(--Dark-Grey);
  text-align: center;
  font-family: SF Pro;
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  transition: all .7s;
  cursor: pointer;
}

/* line 34, app/assets/stylesheets/walt/_analytics.scss */
.walt .subscription-tab[data-active='true'] {
  background-color: var(--color-white);
  border-radius: 50px;
  color: var(--color-black-wt);
  font-weight: 500;
}

/* line 40, app/assets/stylesheets/walt/_analytics.scss */
.walt .tab-container[data-active="false"] {
  transform: scaleY(0);
  opacity: 0;
  height: 0;
  overflow: hidden;
}

/* line 46, app/assets/stylesheets/walt/_analytics.scss */
.walt .tab-container[data-active="true"] {
  display: flex;
  transform: scaleY(1);
}

/* line 50, app/assets/stylesheets/walt/_analytics.scss */
.walt .tab-container {
  margin-left: 14%;
  width: 77%;
  transition: all .3s;
  transform-origin: top;
}

/* line 56, app/assets/stylesheets/walt/_analytics.scss */
.walt .compare-section-analytics {
  margin-top: 24px !important;
  padding: 48px 64px;
}

/* line 60, app/assets/stylesheets/walt/_analytics.scss */
.walt .report-date-analytics {
  color: var(--Dark-Grey);
  font-family: SF Pro;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 68, app/assets/stylesheets/walt/_analytics.scss */
.walt .analytics-rows {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 18px;
}

/* line 74, app/assets/stylesheets/walt/_analytics.scss */
.walt .analytics-card {
  padding: 32px 41px;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
}

/* line 80, app/assets/stylesheets/walt/_analytics.scss */
.walt .analytics-card-heading {
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* line 88, app/assets/stylesheets/walt/_analytics.scss */
.walt .analytics-card-sub-heading {
  margin-top: 16px;
  color: var(--color-black-wt, #292D32);
  font-family: SF Pro;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  flex: 1;
}

/* line 98, app/assets/stylesheets/walt/_analytics.scss */
.walt .analytics-card-row {
  display: flex;
  gap: 24px;
}

/* line 102, app/assets/stylesheets/walt/_analytics.scss */
.walt .analytics-card-column {
  flex: 1;
}

/* line 105, app/assets/stylesheets/walt/_analytics.scss */
.walt .analytics-card-report {
  flex: 1;
  text-decoration: none;
  color: Black;
}

/* line 110, app/assets/stylesheets/walt/_analytics.scss */
.walt .analytics-wt-modal-top-job {
  background-color: transparent !important;
  padding: 20px 8px !important;
  border-bottom: 1px solid #F1F1F1;
  border-radius: 0;
}

/* line 116, app/assets/stylesheets/walt/_analytics.scss */
.walt .analytics-graph-card {
  flex: 0 0 62%;
  padding: 32px 41px;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
}

/* line 123, app/assets/stylesheets/walt/_analytics.scss */
.walt .analytics-row-graph {
  display: flex;
  align-items: stretch;
  margin-top: 16px;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

/* line 131, app/assets/stylesheets/walt/_analytics.scss */
.walt .analytics-graph-card-small {
  flex: 1;
  background-color: #fff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 48px 12px;
}

@media (max-width: 668px) {
  /* line 139, app/assets/stylesheets/walt/_analytics.scss */
  .walt .analytics-rows {
    grid-template-columns: 1fr;
  }
  /* line 142, app/assets/stylesheets/walt/_analytics.scss */
  .walt .analytics-card-row {
    flex-wrap: wrap;
  }
  /* line 145, app/assets/stylesheets/walt/_analytics.scss */
  .walt .analytics-graph-card {
    padding: 16px 26px;
  }
  /* line 148, app/assets/stylesheets/walt/_analytics.scss */
  .walt .analytics-card {
    padding: 16px 26px;
  }
}

/* line 152, app/assets/stylesheets/walt/_analytics.scss */
.walt .main-graph {
  margin-left: 0;
  width: 100%;
}

/* line 156, app/assets/stylesheets/walt/_analytics.scss */
.walt .mg-l-100-percent {
  margin-left: 100%;
}

/* line 159, app/assets/stylesheets/walt/_analytics.scss */
.walt .mg-l-80-percent {
  margin-left: 80%;
}

/* line 162, app/assets/stylesheets/walt/_analytics.scss */
.walt .side-bar-icon {
  margin-bottom: -20px;
  margin-left: 95%;
}

/* line 1, app/assets/stylesheets/walt/_tooltip.scss */
.walt .tooltip-container {
  position: relative;
}

/* line 5, app/assets/stylesheets/walt/_tooltip.scss */
.walt .tooltip {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 7px;
  border-radius: 5px;
  width: 151px;
  font-size: 15px;
}

/* line 18, app/assets/stylesheets/walt/_tooltip.scss */
.walt .tooltip-trigger {
  /*width: 100%;*/
}

/* line 21, app/assets/stylesheets/walt/_tooltip.scss */
.walt .tooltip-trigger:hover + .tooltip {
  display: block;
}

/* line 24, app/assets/stylesheets/walt/_tooltip.scss */
.walt .new_csv {
  margin-top: -85px;
  padding: 7px;
}

/* line 28, app/assets/stylesheets/walt/_tooltip.scss */
.walt .performance-tooltip {
  margin-top: -85px;
  padding: 3px;
  width: 180px;
}

/* line 33, app/assets/stylesheets/walt/_tooltip.scss */
.walt .help-tooltip {
  margin-top: -50px;
}

/* line 36, app/assets/stylesheets/walt/_tooltip.scss */
.walt .analytics-tooltip {
  margin-left: 37%;
  margin-top: -58px;
}

/* line 40, app/assets/stylesheets/walt/_tooltip.scss */
.walt .graph-icon {
  margin-left: 97%;
}

/* line 43, app/assets/stylesheets/walt/_tooltip.scss */
.walt .circle-graph-icon {
  margin-top: 37px;
  margin-left: 90%;
  margin-bottom: -27px;
}

/* line 48, app/assets/stylesheets/walt/_tooltip.scss */
.walt .report-face {
  position: absolute;
  bottom: 63%;
  right: 0%;
  left: 58%;
  top: 0%;
  z-index: 6;
}

/* line 2, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* line 10, app/assets/stylesheets/walt/_demo.scss */
.walt #thewalt-demo.wt-just-opened .wt-overlay {
  animation: wt-in 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes wt-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.995);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* line 15, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-demobar {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 46px;
  flex: none;
  padding: 0 14px;
  background: #0E0F12;
  color: #E7E7EA;
  border-bottom: 1px solid #22242A;
  font-family: "Inter", system-ui, sans-serif;
}

/* line 19, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  color: #E7E7EA;
  background: #1B1D22;
  border: 1px solid #2A2D34;
  border-radius: 8px;
  padding: 6px 11px;
  cursor: pointer;
}

/* line 23, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-back:hover {
  background: #24272E;
}

/* line 24, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-back .ti {
  font-size: 16px;
}

/* line 25, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-brand {
  font-size: 13px;
  color: #9BA0A8;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 26, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-brand b {
  color: #fff;
  font-weight: 600;
}

/* line 27, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-brand .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #5932EA;
  box-shadow: 0 0 0 3px rgba(89, 50, 234, 0.25);
}

/* line 30, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-tabs {
  display: flex;
  gap: 2px;
  padding: 3px;
  background: #1B1D22;
  border-radius: 999px;
  margin: 0 auto;
}

/* line 31, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-tabs button {
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  color: #A7ADB5;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 5px 16px;
  border-radius: 999px;
  transition: color .15s, background .15s;
}

/* line 36, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-tabs button:hover {
  color: #E7E7EA;
}

/* line 37, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-tabs button.is-active {
  background: #F8F9FB;
  color: #0E0F12;
}

/* line 39, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-close {
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  color: #9BA0A8;
  font-size: 22px;
  line-height: 1;
  border-radius: 8px;
  cursor: pointer;
}

/* line 43, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-close:hover {
  background: #1B1D22;
  color: #fff;
}

/* line 46, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-app {
  flex: 1;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

/* line 47, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-app .container {
  height: 100%;
}

/* line 48, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-app .dashboard-container {
  height: 100%;
}

/* line 51, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-features-panel {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  background: #fff;
}

/* line 52, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-features, .walt .wt-features * {
  box-sizing: border-box;
}

/* line 53, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-features {
  max-width: 880px;
  margin: 0 auto;
  padding: 44px 28px 80px;
  font-family: "Inter", system-ui, sans-serif;
}

/* line 54, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-features h2 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -.02em;
  margin: 0 0 6px;
  color: #202020;
}

/* line 55, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-features .lede {
  font-size: 17px;
  color: #5b6270;
  line-height: 1.6;
  margin: 0 0 34px;
}

/* line 56, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-feat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 34px;
}

/* line 57, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-feat {
  background: #fff;
  border: 1px solid #ECEDF1;
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

/* line 58, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-feat .ic {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: #F0ECFF;
  color: #5932EA;
  display: grid;
  place-items: center;
  font-size: 21px;
  margin-bottom: 13px;
}

/* line 59, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-feat h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 6px;
  color: #202020;
}

/* line 60, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-feat p {
  font-size: 13.5px;
  color: #5b6270;
  line-height: 1.6;
  margin: 0;
}

/* line 61, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-steps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin: 8px 0 34px;
}

/* line 62, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-step {
  text-align: center;
}

/* line 63, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-step .n {
  width: 30px;
  height: 30px;
  margin: 0 auto 8px;
  border-radius: 50%;
  background: #5932EA;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  display: grid;
  place-items: center;
}

/* line 64, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-step b {
  font-size: 13px;
  font-weight: 600;
  display: block;
  color: #202020;
}

/* line 65, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-step span {
  font-size: 12px;
  color: #5b6270;
}

/* line 66, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-note {
  background: #F0ECFF;
  border: 1px solid #DED4FB;
  border-radius: 12px;
  padding: 15px 18px;
  font-size: 13.5px;
  color: #5b6270;
  line-height: 1.6;
}

/* line 67, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-note b {
  color: #5932EA;
}

@media (max-width: 900px) {
  /* line 70, app/assets/stylesheets/walt/_demo.scss */
  .walt .wt-feat-grid {
    grid-template-columns: 1fr;
  }
  /* line 71, app/assets/stylesheets/walt/_demo.scss */
  .walt .wt-steps {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 75, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-format-row {
  display: flex;
  gap: 12px;
  margin-top: 14px;
  flex-wrap: wrap;
}

/* line 76, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-format {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border: 1.5px solid #DCDCDC;
  border-radius: 12px;
  cursor: pointer;
  background: #fff;
  transition: border-color .15s, background .15s;
}

/* line 77, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-format input {
  accent-color: #5932EA;
}

/* line 78, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-format .wt-format-name {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #202020;
}

/* line 79, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-format:hover {
  border-color: #B9A9F5;
}

/* line 80, app/assets/stylesheets/walt/_demo.scss */
.walt .wt-format.is-active {
  border-color: #5932EA;
  background: #F5F2FF;
}