@charset "UTF-8";
/* line 31, app/assets/stylesheets/application.scss */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 37, app/assets/stylesheets/application.scss */
body {
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background-color: #F4F2EE;
}

/* line 2, app/assets/stylesheets/components/_logo.scss */
.logo {
  font-size: 2rem;
  color: #346FCF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-right: 10px;
}

/* line 10, app/assets/stylesheets/components/_logo.scss */
.logo a {
  text-decoration: none;
}

/* line 15, app/assets/stylesheets/components/_logo.scss */
.logo--large {
  width: 60px;
  height: 60px;
  font-size: 2.5rem;
}

/* line 21, app/assets/stylesheets/components/_logo.scss */
.logo--small {
  width: 35px;
  height: 35px;
  font-size: 1.5rem;
}

/* line 28, app/assets/stylesheets/components/_logo.scss */
.login-header .logo {
  color: #346FCF;
}

/* line 32, app/assets/stylesheets/components/_logo.scss */
.validator-header .logo {
  color: #346FCF;
}

/* line 36, app/assets/stylesheets/components/_logo.scss */
.nav-container .logo {
  margin: 0;
}

/* line 39, app/assets/stylesheets/components/_logo.scss */
.nav-container .logo h3 {
  font-size: 3rem !important;
  color: #346FCF;
  margin: 0;
  font-size: 28px;
}

/* line 1, app/assets/stylesheets/components/devise.scss */
body {
  background-color: #f2f2f2;
}

/* line 5, app/assets/stylesheets/components/devise.scss */
.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

/* line 12, app/assets/stylesheets/components/devise.scss */
.login-box {
  background-color: white;
  padding: 3rem;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  width: 22.5rem;
  margin-bottom: 10rem;
  padding-right: 4.5rem;
  padding-top: 2rem;
}

/* line 23, app/assets/stylesheets/components/devise.scss */
.login-header {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  margin-top: 1rem;
}

/* line 29, app/assets/stylesheets/components/devise.scss */
.login-header h1 {
  font-size: 1.4rem;
  margin: 0;
  line-height: 1.2rem;
}

/* line 34, app/assets/stylesheets/components/devise.scss */
.login-header h1 span {
  color: #888;
  font-weight: normal;
}

/* line 41, app/assets/stylesheets/components/devise.scss */
h2 {
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
  color: #333;
}

/* line 47, app/assets/stylesheets/components/devise.scss */
.field {
  margin-bottom: 1rem;
}

/* line 51, app/assets/stylesheets/components/devise.scss */
.reg-input-field {
  width: 100%;
  padding: 10px;
  font-size: 0.95rem;
  border-radius: 4px;
  border: 1px solid #ccc;
}

/* line 59, app/assets/stylesheets/components/devise.scss */
.remember-me {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

/* line 66, app/assets/stylesheets/components/devise.scss */
.actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}

/* line 73, app/assets/stylesheets/components/devise.scss */
.login-button {
  background-color: #1c64f2;
  border: none;
  color: white;
  padding: 10px 18px;
  border-radius: 4px;
  width: 37%;
  cursor: pointer;
  text-decoration: none !important;
}

/* line 84, app/assets/stylesheets/components/devise.scss */
.forgot {
  color: #666;
  font-size: 0.9rem;
}

/* line 89, app/assets/stylesheets/components/devise.scss */
.linkedin-signin {
  margin-top: 1.5rem;
  text-align: center;
}

/* line 94, app/assets/stylesheets/components/devise.scss */
.linkedin-btn {
  background-color: white;
  border: 1px solid #ddd;
  padding: 10px;
  width: 100%;
  border-radius: 4px;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* line 107, app/assets/stylesheets/components/devise.scss */
.linkedin-btn img {
  height: 20px;
}

/* line 111, app/assets/stylesheets/components/devise.scss */
.bottom-signup {
  text-align: right;
  margin-right: -2.5rem;
  margin-top: 15px;
  font-size: 0.9rem;
  color: #555;
  margin-bottom: -1.5rem;
}

/* line 120, app/assets/stylesheets/components/devise.scss */
.bottom-signup a {
  color: #1c64f2;
  text-decoration: none;
  font-weight: 500;
  margin-left: 5px;
}

/* line 127, app/assets/stylesheets/components/devise.scss */
.bottom-signup a:hover {
  text-decoration: underline;
}

/* line 1, app/assets/stylesheets/components/_search.scss */
.search-bar {
  position: relative;
  display: flex;
  align-items: center;
}

/* line 6, app/assets/stylesheets/components/_search.scss */
.search-bar input {
  width: 300px;
  padding: 8px 16px;
  padding-left: 40px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  transition: all 0.2s;
}

/* line 16, app/assets/stylesheets/components/_search.scss */
.search-bar input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

@media (max-width: 768px) {
  /* line 6, app/assets/stylesheets/components/_search.scss */
  .search-bar input {
    width: 200px;
  }
}

/* line 26, app/assets/stylesheets/components/_search.scss */
.search-bar .search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
}

/* line 1, app/assets/stylesheets/components/_header_actions.scss */
.header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 6, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .separator {
  color: #e2e8f0;
  font-size: 20px;
  line-height: 1;
}

/* line 12, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .notifications {
  position: relative;
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: background-color 0.2s;
}

/* line 19, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .notifications:hover {
  background-color: #f8fafc;
}

/* line 23, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .notifications i {
  color: #64748b;
  font-size: 16px;
}

/* line 28, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .notifications .notification-count {
  position: absolute;
  top: 0;
  right: 0;
  background: #ef4444;
  color: white;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 10px;
  transform: translate(25%, -25%);
}

/* line 41, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile {
  position: relative;
  z-index: 2002;
}

/* line 45, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .user-info {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: background-color 0.2s;
}

/* line 54, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .user-info:hover {
  background-color: #f8fafc;
}

/* line 58, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .user-info .user-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

/* line 64, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .user-info .user-details .user-name {
  color: #1e293b;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

/* line 72, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .user-info .dropdown-icon {
  color: #64748b;
  font-size: 12px;
  transition: transform 0.2s;
}

/* line 78, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .user-info.active .dropdown-icon {
  transform: rotate(180deg);
}

/* line 83, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  min-width: 200px;
  width: 200px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px) scale(0.95);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2003;
  border: 1px solid #e2e8f0;
  overflow: hidden;
}

/* line 101, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

/* line 108, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu.submenu-active {
  width: 280px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 112, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu.submenu-active .main-content {
  display: none !important;
}

/* line 116, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu.submenu-active .submenu-content {
  display: block !important;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

/* line 125, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .dropdown-content {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 128, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .dropdown-content.main-content {
  display: block;
}

/* line 132, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .dropdown-content.submenu-content {
  display: none;
}

/* line 137, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  color: #64748b;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  border-radius: 8px;
  margin: 2px 8px;
}

/* line 154, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .dropdown-item i {
  font-size: 16px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 159, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .dropdown-item .dropdown-arrow {
  margin-left: auto;
  font-size: 12px;
  color: #94a3b8;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 168, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .dropdown-divider {
  height: 1px;
  background-color: #e2e8f0;
  margin: 4px 0;
}

/* line 174, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .dropdown-parent {
  position: relative;
}

/* line 179, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-header {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  background: #f8fafc;
  border-radius: 12px 12px 0 0;
  position: relative;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 190, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-header:hover .settings-back-btn {
  color: #1e293b;
  transform: translateX(-2px);
}

/* line 194, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-header:hover .settings-back-btn i {
  transform: translateX(-2px);
}

/* line 200, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-header .settings-back-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  border-radius: 8px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  gap: 6px;
  color: #64748b;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 217, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-header .settings-back-btn i {
  font-size: 16px;
  color: #1e293b;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 226, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-menu-container {
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
}

/* line 233, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-menu-container .settings-menu-item {
  display: flex;
  align-items: center;
  margin: 0 8px;
  border-radius: 8px;
  transition: all 0.2s ease;
  text-align: left;
}

/* line 241, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-menu-container .settings-menu-item .settings-menu-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  width: 100%;
  text-decoration: none;
  color: #64748b;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

/* line 255, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-menu-container .settings-menu-item .settings-menu-link .settings-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* line 263, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-menu-container .settings-menu-item .settings-menu-link .settings-icon-wrapper .settings-menu-icon {
  width: 20px;
  height: 20px;
  filter: grayscale(1) brightness(0.6);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 271, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-menu-container .settings-menu-item .settings-menu-link .settings-text {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

/* line 280, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-menu-container .settings-menu-item:hover:not(.upcoming) .settings-menu-link {
  background-color: #f5faff;
  color: #2196f3;
  transform: translateX(4px);
}

/* line 285, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-menu-container .settings-menu-item:hover:not(.upcoming) .settings-menu-link .settings-menu-icon {
  filter: brightness(0) saturate(100%) invert(41%) sepia(92%) saturate(747%) hue-rotate(181deg) brightness(97%) contrast(101%);
  transform: scale(1.1);
}

/* line 293, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-menu-container .settings-menu-item.active .settings-menu-link {
  background-color: #e3f0ff;
  color: #2196f3;
  font-weight: 600;
}

/* line 298, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-menu-container .settings-menu-item.active .settings-menu-link .settings-menu-icon {
  filter: brightness(0) saturate(100%) invert(41%) sepia(92%) saturate(747%) hue-rotate(181deg) brightness(97%) contrast(101%);
}

/* line 304, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-menu-container .settings-menu-item.upcoming {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 309, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-menu-container .settings-menu-item.upcoming .settings-menu-link {
  color: #a7aabc;
  cursor: not-allowed;
}

/* line 313, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .user-profile .dropdown-menu .settings-menu-container .settings-menu-item.upcoming .settings-menu-link .settings-menu-icon {
  filter: grayscale(1) brightness(0.4);
}

/* line 324, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .dropdown-menu.submenu-active {
  width: 280px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 329, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .dropdown-menu.submenu-active .main-content {
  display: none !important;
}

/* line 333, app/assets/stylesheets/components/_header_actions.scss */
.header-actions .dropdown-menu.submenu-active .submenu-content {
  display: block !important;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

/* line 34, app/assets/stylesheets/components/dashboard.scss */
.dashboard-container {
  display: flex;
  min-height: 100vh;
  background-color: #F4F2EE;
  padding-left: 0;
  padding-top: 4rem;
}

/* line 42, app/assets/stylesheets/components/dashboard.scss */
.logout-button {
  position: fixed;
  top: 24px;
  right: 32px;
  z-index: 1001;
  background-color: #f44336;
  color: white;
  padding: 8px 14px;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

/* line 58, app/assets/stylesheets/components/dashboard.scss */
.logout-button:hover {
  background-color: #d32f2f;
}

/* line 63, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header {
  text-align: center;
}

/* line 67, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header h1 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

/* line 72, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header p {
  font-size: 1.1rem;
  color: #555;
}

/* line 77, app/assets/stylesheets/components/dashboard.scss */
.new-claim-button {
  display: inline-block;
  margin-top: 1rem;
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
}

/* line 87, app/assets/stylesheets/components/dashboard.scss */
.claims-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5rem;
}

/* line 93, app/assets/stylesheets/components/dashboard.scss */
.claim-card h3 {
  font-size: 1rem;
  color: #333;
}

/* line 98, app/assets/stylesheets/components/dashboard.scss */
.view-button {
  display: inline-block;
  margin-top: 0.5rem;
  color: #1c64f2;
  text-decoration: underline;
}

/* line 105, app/assets/stylesheets/components/dashboard.scss */
.no-claims {
  text-align: center;
  color: #999;
  font-style: italic;
  margin-top: 2rem;
}

/* line 112, app/assets/stylesheets/components/dashboard.scss */
.dashboard-nav {
  position: fixed;
  width: 17.5rem;
  height: 19.5rem;
  top: 22.125rem;
  left: 5rem;
  border-radius: 0.5rem;
  background: #FFFFFF;
  opacity: 1;
  z-index: 1000;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
  transition: height 0.2s ease, top 0.2s ease;
}

/* line 127, app/assets/stylesheets/components/dashboard.scss */
.dashboard-nav.has-admin {
  height: 22.5rem;
}

@media (max-width: 48rem) {
  /* line 112, app/assets/stylesheets/components/dashboard.scss */
  .dashboard-nav {
    width: 15rem;
    left: 1rem;
    top: 5rem;
  }
}

/* line 138, app/assets/stylesheets/components/dashboard.scss */
body.dashboard-nav-page .dashboard-nav {
  top: 5.9375rem;
}

@media (max-width: 48rem) {
  /* line 138, app/assets/stylesheets/components/dashboard.scss */
  body.dashboard-nav-page .dashboard-nav {
    top: 5rem;
  }
}

/* line 146, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-nav {
  width: 69px;
  height: 312px;
  top: 85px;
  left: 80px;
  border-radius: 8px;
  transition: width 0.25s ease, height 0.25s ease, top 0.2s ease;
}

/* line 154, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-nav:hover {
  width: 17.5rem;
  height: 19.5rem;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* line 161, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-nav:hover .nav-item {
  left: 1.5rem;
  transform: translateX(0);
  justify-content: flex-start;
}

/* line 166, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-nav:hover .nav-text {
  max-width: 12rem;
  opacity: 1;
}

/* line 172, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-nav.has-admin:hover {
  height: 22.5rem;
}

@media (max-width: 48rem) {
  /* line 146, app/assets/stylesheets/components/dashboard.scss */
  body.collapsed-dashboard-nav .dashboard-nav {
    width: 69px;
    left: 1rem;
    top: 5rem;
  }
  /* line 180, app/assets/stylesheets/components/dashboard.scss */
  body.collapsed-dashboard-nav .dashboard-nav:hover {
    width: 15rem;
  }
}

/* line 186, app/assets/stylesheets/components/dashboard.scss */
.dashboard-sources {
  position: fixed;
  width: 17.5rem;
  height: 13.5rem;
  top: 23.625rem;
  left: 5rem;
  border-radius: 8px;
  background: #FFFFFF;
  opacity: 1;
  z-index: 999;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

@media (max-width: 48rem) {
  /* line 186, app/assets/stylesheets/components/dashboard.scss */
  .dashboard-sources {
    width: 15rem;
    left: 1rem;
    top: 22rem;
  }
}

/* line 206, app/assets/stylesheets/components/dashboard.scss */
body.dashboard-nav-page .dashboard-sources {
  top: 27rem;
}

/* line 210, app/assets/stylesheets/components/dashboard.scss */
body.dashboard-nav-page .dashboard-nav.has-admin ~ .dashboard-sources {
  top: 30rem;
}

@media (min-width: 48.0625rem) {
  /* line 215, app/assets/stylesheets/components/dashboard.scss */
  body:not(.dashboard-nav-page):not(.collapsed-dashboard-nav) .dashboard-sources {
    top: 43.125rem;
  }
  /* line 219, app/assets/stylesheets/components/dashboard.scss */
  body:not(.dashboard-nav-page):not(.collapsed-dashboard-nav) .dashboard-nav.has-admin ~ .dashboard-sources {
    top: 46.125rem;
  }
}

/* line 224, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-sources {
  width: 69px;
  height: 216px;
  top: 417px;
  left: 80px;
  transition: width 0.25s ease, height 0.25s ease, top 0.2s ease;
}

/* line 231, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-sources:hover {
  width: 17.5rem;
  height: 13.5rem;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* line 238, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-sources:hover .dashboard-sources-item {
  transform: translateX(0);
  justify-content: flex-start;
}

/* line 244, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-sources:hover .dashboard-sources-item:nth-child(1) {
  left: 1.5rem;
  padding: 0;
}

/* line 249, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-sources:hover .dashboard-sources-item:nth-child(2),
body.collapsed-dashboard-nav .dashboard-sources:hover .dashboard-sources-item:nth-child(3),
body.collapsed-dashboard-nav .dashboard-sources:hover .dashboard-sources-item:nth-child(4) {
  left: 2.5rem;
  padding: 0;
}

/* line 256, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-sources:hover .dashboard-sources-text {
  max-width: 12rem;
  opacity: 1;
}

@media (max-width: 48rem) {
  /* line 224, app/assets/stylesheets/components/dashboard.scss */
  body.collapsed-dashboard-nav .dashboard-sources {
    width: 69px;
    left: 1rem;
    top: 22rem;
  }
  /* line 266, app/assets/stylesheets/components/dashboard.scss */
  body.collapsed-dashboard-nav .dashboard-sources:hover {
    width: 15rem;
  }
}

/* line 272, app/assets/stylesheets/components/dashboard.scss */
.dashboard-sources-items {
  position: relative;
  padding: 1rem 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 281, app/assets/stylesheets/components/dashboard.scss */
.dashboard-sources-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 1.5rem;
  color: #1F1F1F;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

/* line 290, app/assets/stylesheets/components/dashboard.scss */
.dashboard-sources-item:nth-child(2) {
  position: absolute;
  top: 4.5rem;
  left: 2.5rem;
  min-width: 5rem;
  height: 1.5rem;
  gap: 0.75rem;
  padding: 0;
}

/* line 299, app/assets/stylesheets/components/dashboard.scss */
.dashboard-sources-item:nth-child(3) {
  position: absolute;
  top: 7.5rem;
  left: 2.5rem;
  min-width: 5rem;
  height: 1.5rem;
  gap: 0.75rem;
  padding: 0;
}

/* line 308, app/assets/stylesheets/components/dashboard.scss */
.dashboard-sources-item:nth-child(4) {
  position: absolute;
  top: 10.5rem;
  left: 2.5rem;
  min-width: 5rem;
  height: 1.5rem;
  gap: 0.75rem;
  padding: 0;
}

/* line 318, app/assets/stylesheets/components/dashboard.scss */
.dashboard-sources-item:hover {
  background: transparent;
}

/* line 323, app/assets/stylesheets/components/dashboard.scss */
.dashboard-sources-item--disabled {
  pointer-events: none;
  cursor: default;
  user-select: none;
}

/* line 329, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-sources-items {
  padding: 0;
}

/* line 333, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-sources-item {
  position: absolute;
  height: 1.5rem;
  padding: 0;
  left: 60%;
  transform: translateX(-50%);
  justify-content: center;
  transition: left 0.25s ease, transform 0.25s ease, background 0.2s ease, color 0.2s ease;
}

/* line 342, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-sources-item:nth-child(1) {
  top: 1.5rem;
}

/* line 345, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-sources-item:nth-child(2) {
  top: 4.5rem;
  left: 60%;
  transform: translateX(-50%);
}

/* line 350, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-sources-item:nth-child(3) {
  top: 7.5rem;
  left: 60%;
  transform: translateX(-50%);
}

/* line 355, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-sources-item:nth-child(4) {
  top: 10.5rem;
  left: 60%;
  transform: translateX(-50%);
}

/* line 362, app/assets/stylesheets/components/dashboard.scss */
.dashboard-sources-icon {
  width: 20px;
  height: 20px;
  opacity: 1;
  flex-shrink: 0;
  object-fit: contain;
}

/* line 370, app/assets/stylesheets/components/dashboard.scss */
.dashboard-sources-text {
  font-size: 1.125rem;
  font-weight: 400;
  color: #111827;
}

/* line 376, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .dashboard-sources-text {
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  white-space: nowrap;
  transition: max-width 0.25s ease, opacity 0.2s ease;
}

/* line 384, app/assets/stylesheets/components/dashboard.scss */
.nav-text {
  color: #111827;
}

/* line 388, app/assets/stylesheets/components/dashboard.scss */
.nav-items {
  position: relative;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

/* line 394, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 1.5rem;
  color: #1F1F1F;
  text-decoration: none;
  transition: all 0.2s ease;
  opacity: 1;
  left: 1.5rem;
  justify-content: flex-start;
}

/* line 408, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item.nav-item-facts {
  width: 5.1875rem;
  top: 1.5rem;
}

/* line 414, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item.nav-item-claims {
  width: 6rem;
  top: 4.5rem;
}

/* line 420, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item.nav-item-myclaims {
  width: 7.8125rem;
  top: 7.5rem;
}

/* line 426, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item.nav-item-theories {
  width: 6.875rem;
  top: 10.5rem;
}

/* line 432, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item.nav-item-mytheories {
  width: 8.6875rem;
  top: 13.5rem;
}

/* line 438, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item.nav-item-veritalk {
  width: 6.5625rem;
  top: 16.5rem;
}

/* line 444, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item.nav-item-admin {
  width: 10.5rem;
  top: 19.5rem;
}

/* line 449, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item:hover {
  opacity: 0.8;
}

/* line 454, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item.active .nav-icon {
  filter: brightness(0) saturate(100%) invert(41%) sepia(92%) saturate(747%) hue-rotate(181deg) brightness(97%) contrast(101%);
}

/* line 457, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item.active .nav-text {
  color: #2196F3;
}

/* line 461, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item.upcoming {
  opacity: 0.7;
  cursor: not-allowed;
}

/* line 465, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item .nav-icon {
  width: 1.375rem;
  height: 1.375rem;
  object-fit: contain;
  flex-shrink: 0;
  transition: all 0.2s ease;
  opacity: 1;
}

/* line 473, app/assets/stylesheets/components/dashboard.scss */
.nav-items .nav-item .nav-text {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #1F1F1F;
}

/* line 486, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .nav-text {
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  white-space: nowrap;
  transition: max-width 0.25s ease, opacity 0.2s ease;
}

/* line 494, app/assets/stylesheets/components/dashboard.scss */
body.collapsed-dashboard-nav .nav-items .nav-item {
  left: 60%;
  transform: translateX(-50%);
  justify-content: center;
  transition: left 0.25s ease, transform 0.25s ease, opacity 0.2s ease;
}

/* line 502, app/assets/stylesheets/components/dashboard.scss */
.dashboard-main {
  background-color: #f4f2ee;
  flex: 1;
  padding: 0;
  overflow-x: hidden;
}

/* line 510, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 20px;
  background-color: white;
  border-bottom: 1px solid #edf2f7;
}

/* line 518, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header .header-title {
  font-size: 24px;
  font-weight: 600;
  color: #1e293b;
}

/* line 524, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header .header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 529, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header .header-actions .search-bar {
  position: relative;
}

/* line 532, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header .header-actions .search-bar input {
  width: 300px;
  padding: 8px 16px;
  padding-left: 40px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  transition: all 0.2s;
}

/* line 542, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header .header-actions .search-bar input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

@media (max-width: 768px) {
  /* line 532, app/assets/stylesheets/components/dashboard.scss */
  .dashboard-header .header-actions .search-bar input {
    width: 200px;
  }
}

/* line 552, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header .header-actions .search-bar .search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
}

/* line 561, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header .header-actions .notifications {
  position: relative;
  padding: 8px;
  border-radius: 50%;
  background-color: #f8f9fe;
  cursor: pointer;
}

/* line 568, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header .header-actions .notifications .notification-count {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ef4444;
  color: white;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 10px;
}

/* line 580, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header .header-actions .user-profile {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

/* line 587, app/assets/stylesheets/components/dashboard.scss */
.dashboard-header .header-actions .user-profile .dropdown-icon {
  color: #64748b;
}

/* line 595, app/assets/stylesheets/components/dashboard.scss */
.content-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  padding: 20px;
}

/* line 602, app/assets/stylesheets/components/dashboard.scss */
.content-card {
  background-color: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* line 608, app/assets/stylesheets/components/dashboard.scss */
.content-card .card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

/* line 614, app/assets/stylesheets/components/dashboard.scss */
.content-card .card-header .source-tags {
  display: flex;
  gap: 4px;
  font-size: 12px;
  color: #64748b;
}

/* line 622, app/assets/stylesheets/components/dashboard.scss */
.content-card .card-title {
  font-size: 16px;
  font-weight: 500;
  color: #1e293b;
  margin-bottom: 8px;
}

/* line 629, app/assets/stylesheets/components/dashboard.scss */
.content-card .card-status {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
}

/* line 636, app/assets/stylesheets/components/dashboard.scss */
.content-card .card-status.fact {
  background-color: #dcfce7;
  color: #16a34a;
}

/* line 641, app/assets/stylesheets/components/dashboard.scss */
.content-card .card-status.claim {
  background-color: #dbeafe;
  color: #2563eb;
}

/* line 646, app/assets/stylesheets/components/dashboard.scss */
.content-card .card-status.disputed {
  background-color: #fee2e2;
  color: #dc2626;
}

/* line 654, app/assets/stylesheets/components/dashboard.scss */
.new-claim-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: #3b82f6;
  color: white;
  border-radius: 8px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s;
}

/* line 666, app/assets/stylesheets/components/dashboard.scss */
.new-claim-button:hover {
  background-color: #2563eb;
}

/* line 670, app/assets/stylesheets/components/dashboard.scss */
.new-claim-button .plus-icon {
  font-size: 20px;
}

/* line 675, app/assets/stylesheets/components/dashboard.scss */
.feed-main {
  display: flex;
  gap: 0;
  align-items: flex-start;
  background: #F4F2EE;
  min-height: 100vh;
}

/* line 682, app/assets/stylesheets/components/dashboard.scss */
.feed-main > div:first-child {
  flex: 1;
  min-width: 0;
  position: relative;
}

/* line 689, app/assets/stylesheets/components/dashboard.scss */
.feed-header {
  padding: 24px 32px 12px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

/* line 695, app/assets/stylesheets/components/dashboard.scss */
.feed-header h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #23263b;
}

/* line 702, app/assets/stylesheets/components/dashboard.scss */
.feed-search-bar {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
  padding: 4px 12px;
}

/* line 709, app/assets/stylesheets/components/dashboard.scss */
.feed-search-bar input {
  border: none;
  outline: none;
  font-size: 1rem;
  background: transparent;
  padding: 8px 0 8px 8px;
  width: 180px;
}

/* line 717, app/assets/stylesheets/components/dashboard.scss */
.feed-search-bar .feed-search-btn {
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 18px;
  padding: 6px 18px;
  margin-left: 8px;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.2s;
}

/* line 727, app/assets/stylesheets/components/dashboard.scss */
.feed-search-bar .feed-search-btn:hover {
  background: #1746a2;
}

/* line 730, app/assets/stylesheets/components/dashboard.scss */
.feed-list {
  position: absolute;
  top: 8.9375rem;
  left: 24.375rem;
  width: 39.25rem;
  overflow-y: auto;
  overflow-x: visible;
  max-height: calc(100vh - 12.9375rem - 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 2rem;
  background: transparent;
  pointer-events: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* line 748, app/assets/stylesheets/components/dashboard.scss */
.feed-list::-webkit-scrollbar {
  display: none;
}

/* line 752, app/assets/stylesheets/components/dashboard.scss */
.feed-list .feed-card-block {
  flex-shrink: 0;
  pointer-events: auto;
}

/* line 757, app/assets/stylesheets/components/dashboard.scss */
.feed-list::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

/* line 768, app/assets/stylesheets/components/dashboard.scss */
.feed-main:not(.facts-page-main):not(.theories-page-main) .feed-list .feed-card-comments-section {
  margin-top: 12rem;
}

/* line 772, app/assets/stylesheets/components/dashboard.scss */
.feed-loader {
  position: absolute;
  top: 12.9375rem;
  left: 24.375rem;
  width: 39.25rem;
  text-align: center;
  color: #64748b;
  font-size: 1.1rem;
  padding: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 787, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .facts-page-content {
  position: relative;
  flex: 1;
  min-width: 0;
}

/* line 793, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .facts-page-header {
  position: absolute;
  top: 8px;
  padding: 1.5rem 0 1.25rem 24.375rem;
}

/* line 799, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .facts-page-title {
  width: 49px;
  height: 23px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0 0 20px 0;
  padding: 0;
}

/* line 814, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .facts-page-filters {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 821, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .facts-filter-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 6px 24px;
  border-radius: 100px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.5%;
  text-decoration: none;
  background: #FFFFFF;
  color: #475865;
  font-weight: 400;
  transition: background 0.2s, color 0.2s;
  box-sizing: border-box;
}

/* line 839, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .facts-filter-pill.active {
  background: #2196F333;
  color: #2196F3;
  font-weight: 500;
}

/* line 845, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .facts-filter-pill:hover:not(.active) {
  background: #f5f5f5;
}

/* line 850, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .feed-list {
  top: 8rem;
  max-height: calc(100vh - 11rem - 2rem);
}

/* line 854, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .feed-list.facts-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

/* line 862, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .facts-empty-state {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  color: #64748b;
  text-align: center;
}

/* line 871, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .feed-loader {
  top: 11rem;
}

/* line 875, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .feed-card-block {
  min-height: 13rem;
  padding-bottom: 1.5rem;
  overflow: visible;
}

/* line 9, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .feed-card-block .feed-card-fact-badge {
  display: flex;
}

/* line 13, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .feed-card-block .feed-card-content {
  top: 7.25rem;
}

/* line 17, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .feed-card-block .feed-card-divider {
  top: 10.125rem;
}

/* line 21, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .feed-card-block .feed-card-verified-by {
  top: 10.8rem;
}

/* line 25, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .feed-card-block .feed-card-actions-wrapper {
  top: 10.875rem;
}

/* line 29, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main .feed-card-block .feed-card-comments-section {
  margin-top: 13rem;
}

/* line 881, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .facts-page-title.groups-feed-page-title {
  width: auto;
  max-width: none;
  height: auto;
  margin: 0 0 4px 0;
  flex: 1;
  min-width: 0;
  word-wrap: break-word;
}

/* line 891, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .groups-feed-header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  max-width: 39.25rem;
}

/* line 899, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .groups-feed-page-menu {
  left: 425px;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  margin-left: auto;
  opacity: 1;
}

/* line 908, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .groups-feed-page-menu-btn {
  width: 35px;
  height: 35px;
  border: none;
  background: #ffffff;
  padding: 0;
  cursor: pointer;
  line-height: 1;
  border-radius: 17.5px;
  flex-shrink: 0;
  opacity: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: visible;
}

/* line 926, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .groups-feed-page-menu-btn:hover {
  background: #f8fafc;
}

/* line 930, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .groups-feed-page-menu-dots {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 22px;
  min-height: 5px;
  flex-shrink: 0;
  pointer-events: none;
}

/* line 942, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .groups-feed-page-menu-dot {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #919191;
  flex-shrink: 0;
}

/* line 951, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .groups-feed-page-dropdown.dropdown-menu {
  width: 157px;
  min-height: 97px;
  padding: 20px 16px 29px;
  box-sizing: border-box;
  opacity: 1;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  margin-top: 0.35rem !important;
}

/* line 963, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .groups-feed-page-dropdown li {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 969, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .groups-feed-page-dropdown li + li {
  margin-top: 16px;
}

/* line 973, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .groups-feed-page-dropdown .groups-feed-dropdown-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 16px;
  padding: 0 !important;
  margin: 0;
  border: none;
  background: transparent !important;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: #171717;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
}

/* line 997, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .groups-feed-page-dropdown .groups-feed-dropdown-item:hover,
.facts-page-main.groups-feed-page .groups-feed-page-dropdown .groups-feed-dropdown-item:focus,
.facts-page-main.groups-feed-page .groups-feed-page-dropdown .groups-feed-dropdown-item:active {
  background: transparent !important;
  color: #171717;
}

/* line 1004, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .groups-feed-dropdown-icon {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  display: block;
  object-fit: contain;
}

/* line 1012, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .groups-feed-dropdown-label {
  flex: 1;
  min-width: 0;
  line-height: 1;
  font: inherit;
  color: inherit;
}

/* line 1020, app/assets/stylesheets/components/dashboard.scss */
.facts-page-main.groups-feed-page .feed-card-block--group-feed .feed-card-dismiss,
.facts-page-main.groups-feed-page .feed-card-block--group-feed .feed-card-close,
.facts-page-main.groups-feed-page .feed-card-block--group-feed button.feed-card-corner-close {
  display: none !important;
}

/* line 1028, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}

/* line 1035, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar-card {
  width: 100%;
  max-width: 312px;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 1.25rem 1.5rem 1.25rem 24px;
  box-sizing: border-box;
}

/* line 1045, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar-title {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  color: #171717;
  margin: 0 0 1rem;
}

/* line 1055, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-profile-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #171717;
}

/* line 1064, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-leader-profile {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

/* line 1070, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-leader-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 1078, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-leader-avatar-link {
  flex-shrink: 0;
  line-height: 0;
}

/* line 1083, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-leader-text {
  flex: 1;
  min-width: 0;
}

/* line 1088, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-leader-name-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}

/* line 1095, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-leader-name {
  text-decoration: none;
}

/* line 1099, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-leader-name:hover {
  color: #2196f3;
}

/* line 1103, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-leader-verified {
  width: 1rem;
  height: 1rem;
}

/* line 1108, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-leader-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.35rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  color: #64748b;
}

/* line 1118, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-leader-rating {
  color: #fbbf24;
}

/* line 1122, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-leader-about-block {
  margin-top: 1rem;
}

/* line 1126, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-about-heading {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  color: #171717;
  margin: 0 0 0.5rem;
}

/* line 1136, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-about-body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
  color: #4c4c4c;
}

/* line 1144, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-about-body p {
  margin: 0 0 0.5em;
  color: inherit;
  font: inherit;
}

/* line 1149, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-about-body p:last-child {
  margin-bottom: 0;
}

/* line 1155, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-about-body-empty {
  margin: 0;
  font: inherit;
  color: inherit;
}

/* line 1161, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar-member-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 1167, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar-member-row {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.5rem 0;
}

/* line 1174, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar-member-avatar {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 1182, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar-member-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
}

/* line 1191, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar-member-name-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
  width: 100%;
}

/* line 1199, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar-member-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

/* line 1206, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar-member-verified {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
}

/* line 1212, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar-member-rating {
  font-size: 12px;
  color: #fbbf24;
  display: block;
}

/* line 1218, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar-view-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  border-radius: 100px;
  border: 1.5px solid #2196f3;
  background: #fff;
  color: #2196f3;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
  margin-top: 0.25rem;
}

/* line 1236, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar-view-btn:hover {
  background: #f5f9ff;
  color: #1976d2;
  border-color: #1976d2;
}

/* line 1242, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .groups-feed-sidebar-empty {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0;
}

/* line 1248, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .facts-top-facts {
  width: 100%;
  max-width: 312px;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 1.25rem 1.5rem 1.25rem 24px;
  box-sizing: border-box;
}

/* line 1257, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .facts-top-facts h4 {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  color: #171717;
  margin: 0 0 1rem;
}

/* line 1268, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar.groups-feed-rightbar .facts-tf-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #171717;
}

/* line 1282, app/assets/stylesheets/components/dashboard.scss */
.profile-page-main .profile-content-wrap .feed-list {
  top: 8rem;
  max-height: calc(100vh - 11rem - 2rem);
}

/* line 1286, app/assets/stylesheets/components/dashboard.scss */
.profile-page-main .profile-content-wrap .feed-list.facts-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

/* line 1293, app/assets/stylesheets/components/dashboard.scss */
.profile-page-main .profile-content-wrap .feed-list.theories-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

/* line 1301, app/assets/stylesheets/components/dashboard.scss */
.profile-page-main.profile-theories-tab .feed-list .feed-card-block {
  min-height: 0;
  height: auto;
  padding-bottom: 1rem;
}

/* line 1306, app/assets/stylesheets/components/dashboard.scss */
.profile-page-main.profile-theories-tab .feed-list .feed-card-block .feed-card-fact-badge {
  display: none;
}

/* line 1310, app/assets/stylesheets/components/dashboard.scss */
.profile-page-main.profile-theories-tab .feed-list .feed-card-block .feed-card-theory-badge {
  display: flex;
}

/* line 1314, app/assets/stylesheets/components/dashboard.scss */
.profile-page-main.profile-theories-tab .feed-list .feed-card-block .feed-card-content {
  position: relative;
  top: auto;
  left: auto;
  margin: 1.5rem 1rem 0 1rem;
  max-width: none;
}

/* line 1322, app/assets/stylesheets/components/dashboard.scss */
.profile-page-main.profile-theories-tab .feed-list .feed-card-block .feed-card-divider {
  position: relative;
  top: auto;
  left: auto;
  margin: 0.5rem 1rem;
}

/* line 1329, app/assets/stylesheets/components/dashboard.scss */
.profile-page-main.profile-theories-tab .feed-list .feed-card-block .feed-card-bottom-bar {
  position: relative;
  top: auto;
  width: 440px;
}

/* line 1335, app/assets/stylesheets/components/dashboard.scss */
.profile-page-main.profile-theories-tab .feed-list .feed-card-block .feed-card-verified-by {
  position: relative;
  top: auto;
  right: auto;
}

/* line 1341, app/assets/stylesheets/components/dashboard.scss */
.profile-page-main.profile-theories-tab .feed-list .feed-card-block .feed-card-actions-wrapper {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

/* line 1349, app/assets/stylesheets/components/dashboard.scss */
.profile-page-main.profile-theories-tab .feed-list .feed-card-block .feed-card-comments-section {
  margin-top: 1rem;
}

/* line 1356, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .theories-page-content {
  position: relative;
  flex: 1;
  min-width: 0;
}

/* line 1362, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .theories-page-header {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  padding: 1.5rem 0 1.25rem 24.375rem;
  z-index: 2;
}

/* line 1371, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .theories-page-title {
  width: auto;
  height: 23px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0 0 20px 0;
  padding: 0;
}

/* line 1386, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .theories-page-filters {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 1393, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .theories-filter-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 6px 24px;
  border-radius: 100px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.5%;
  text-decoration: none;
  background: #FFFFFF;
  color: #475865;
  font-weight: 400;
  transition: background 0.2s, color 0.2s;
  box-sizing: border-box;
}

/* line 1411, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .theories-filter-pill.active {
  background: #2196F333;
  color: #2196F3;
  font-weight: 500;
}

/* line 1417, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .theories-filter-pill:hover:not(.active) {
  background: #f5f5f5;
}

/* line 1422, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .theories-page-new-btn {
  position: absolute;
  top: 1.5rem;
  right: 24.375rem;
  margin-left: auto;
  background: #2196F3;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1.2rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}

/* line 1441, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .feed-list {
  top: 8rem;
  max-height: calc(100vh - 11rem - 2rem);
}

/* line 1445, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .feed-list.theories-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

/* line 1453, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .theories-empty-state {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  color: #64748b;
  text-align: center;
}

/* line 1462, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .feed-loader {
  top: 11rem;
}

/* line 1466, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .feed-card-block {
  min-height: 0;
  height: auto;
  padding-bottom: 1rem;
}

/* line 1471, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .feed-card-block .feed-card-fact-badge {
  display: none;
}

/* line 1475, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .feed-card-block .feed-card-theory-badge {
  display: flex;
}

/* line 1479, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .feed-card-block .feed-card-content {
  position: relative;
  top: auto;
  left: auto;
  margin: 1.5rem 1rem 0 1rem;
  max-width: none;
}

/* line 1487, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .feed-card-block .feed-card-divider {
  position: relative;
  top: auto;
  left: auto;
  margin: 0.5rem 1rem;
}

/* line 1494, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .feed-card-block .feed-card-bottom-bar {
  position: relative;
  top: auto;
  width: 440px;
}

/* line 1500, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .feed-card-block .feed-card-verified-by {
  position: relative;
  top: auto;
  right: auto;
}

/* line 1506, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .feed-card-block .feed-card-actions-wrapper {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

/* line 1514, app/assets/stylesheets/components/dashboard.scss */
.theories-page-main .feed-card-block .feed-card-comments-section {
  margin-top: 1rem;
}

/* line 1520, app/assets/stylesheets/components/dashboard.scss */
.public-theories-page .feed-list {
  top: 5rem;
}

/* line 1525, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-page-content {
  position: relative;
  flex: 1;
  min-width: 0;
}

/* line 1531, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-page-header {
  position: absolute;
  top: 2.1rem;
  left: 24.375rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* line 1543, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-page-title {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  margin: 0 0 1.375rem 0;
  padding: 0;
}

/* line 1554, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-page-filters {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 1561, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-filter-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 6px 24px;
  border-radius: 100px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.5%;
  text-decoration: none;
  background: #FFFFFF;
  color: #475865;
  font-weight: 400;
  transition: background 0.2s, color 0.2s;
  box-sizing: border-box;
}

/* line 1579, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-filter-pill.active {
  background: #2196F333;
  color: #2196F3;
  font-weight: 500;
}

/* line 1585, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-filter-pill:hover:not(.active) {
  background: #f5f5f5;
}

/* line 1590, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-main {
  margin-top: 8rem;
  margin-right: 336px;
}

/* line 1595, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-block {
  position: absolute;
  top: 7.8125rem;
  left: 24.375rem;
  width: 975px;
  height: 661px;
  min-height: 661px;
  border-radius: 8px;
  background: #ffffff;
  opacity: 1;
  box-sizing: border-box;
}

/* line 1608, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-block-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.1875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem 0;
}

/* line 1620, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-block-title {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  margin: 0;
  padding: 0;
}

/* line 1631, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-show-all {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0%;
  color: #2196F3;
  text-decoration: none;
}

/* line 1641, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-show-all:hover {
  text-decoration: underline;
}

/* line 1645, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-block-divider {
  position: absolute;
  top: 3.3125rem;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px solid #D8D8D8;
  opacity: 1;
}

/* line 1655, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-list {
  position: absolute;
  top: 3.375rem;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 0;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* line 1669, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-list::-webkit-scrollbar {
  display: none;
}

/* line 1673, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-list.notifications-list-empty {
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

/* line 1680, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notifications-empty {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 1rem;
  color: #64748b;
  margin: 0;
}

/* line 1687, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-row {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-height: 4.5rem;
  padding: 1rem 1rem;
  gap: 0.75rem;
  border-bottom: 1px solid #f0f0f0;
}

/* line 1696, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-row:last-child {
  border-bottom: none;
}

/* line 1701, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-row-link {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 0.75rem;
  text-decoration: none;
  color: inherit;
}

/* line 1711, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-row-link:hover {
  color: inherit;
}

/* line 1715, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-row-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 1723, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-row-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 1731, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-row-message {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #919191;
  margin: 0;
}

/* line 1739, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-row-message .notification-profile-name {
  font-weight: 600;
  color: #171717;
}

/* line 1744, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-row-message .notification-content-text {
  font-weight: 400;
  color: #919191;
}

/* line 1750, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-row-time {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  line-height: 1;
  color: #64748b;
}

/* line 1757, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-row-actions {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}

/* line 1765, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-peer-actions-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 1771, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-peer-accept-btn,
.notifications-page-main .notification-peer-cancel-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 1rem;
  border-radius: 100px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  text-decoration: none;
}

/* line 1787, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-peer-accept-btn {
  background: #2196F3;
  color: #fff;
}

/* line 1792, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-peer-accept-btn:hover {
  background: #1976D2;
}

/* line 1796, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-peer-cancel-btn {
  background: #fff;
  color: #64748b;
  border: 1.5px solid #D8D8D8;
}

/* line 1802, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-peer-cancel-btn:hover {
  background: #f5f5f5;
  color: #171717;
}

/* line 1807, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-row-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  border-radius: 4px;
}

/* line 1821, app/assets/stylesheets/components/dashboard.scss */
.notifications-page-main .notification-row-menu-btn:hover {
  background: #f5f5f5;
  color: #171717;
}

/* line 1829, app/assets/stylesheets/components/dashboard.scss */
body:not(.dashboard-nav-page) .notifications-page-main .notifications-page-header {
  top: 2rem;
}

/* line 1833, app/assets/stylesheets/components/dashboard.scss */
body:not(.dashboard-nav-page) .notifications-page-main .notifications-block {
  top: 8rem;
}

/* line 1837, app/assets/stylesheets/components/dashboard.scss */
body:not(.dashboard-nav-page) .notifications-page-main .notifications-main {
  margin-top: 14.8375rem;
}

/* line 1843, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-page-content {
  position: relative;
  flex: 1;
  min-width: 0;
}

/* line 1849, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-page-header {
  position: absolute;
  top: 2.1rem;
  left: 24.375rem;
  padding: 0;
}

/* line 1856, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-page-title {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0 0 1.375rem 0;
  padding: 0;
}

/* line 1869, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-page-filters {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 1876, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-filter-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 6px 24px;
  border-radius: 100px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.5%;
  text-decoration: none;
  background: #FFFFFF;
  color: #475865;
  font-weight: 400;
  transition: background 0.2s, color 0.2s;
  box-sizing: border-box;
}

/* line 1894, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-filter-pill.active {
  background: #2196F333;
  color: #2196F3;
  font-weight: 500;
}

/* line 1900, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-filter-pill:hover:not(.active) {
  background: #f5f5f5;
}

/* line 1905, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-main {
  margin-top: 8rem;
  margin-right: 336px;
}

/* line 1910, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-know-block {
  position: absolute;
  top: 7.8125rem;
  left: 24.375rem;
  width: 39.25rem;
  min-height: 41.3125rem;
  border-radius: 8px;
  background: #FFFFFF;
  box-sizing: border-box;
}

/* line 1921, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-know-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.1875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem 0;
}

/* line 1933, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-know-title {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  margin: 0;
  padding: 0;
}

/* line 1944, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-know-show-all {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0%;
  color: #2196F3;
  text-decoration: none;
}

/* line 1954, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-know-show-all:hover {
  text-decoration: underline;
}

/* line 1958, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-know-divider {
  position: absolute;
  top: 3.3125rem;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px solid #D8D8D8;
  opacity: 1;
}

/* line 1968, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-know-list {
  position: absolute;
  top: 3.375rem;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  padding: 1rem 1rem 1rem;
  gap: 0;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* line 1982, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-know-list::-webkit-scrollbar {
  display: none;
}

/* line 1986, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-know-list.peers-know-empty {
  align-items: center;
  justify-content: center;
}

/* line 1992, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-know-list .no-requests-message {
  text-align: center;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 1rem;
  color: #64748b;
}

/* line 1999, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 4.5rem;
  padding: 0.5rem 0;
  gap: 0.75rem;
}

/* line 2008, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-link {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 0.75rem;
  text-decoration: none;
  color: inherit;
}

/* line 2018, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-link:hover {
  color: inherit;
}

/* line 2022, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0rem;
  right: 0rem;
  height: 0;
  border-top: 1px solid #D8D8D8;
  opacity: 1;
}

/* line 2033, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row:last-child::after {
  display: none;
}

/* line 2037, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 2045, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* line 2053, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-name-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 2059, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  color: #171717;
}

/* line 2067, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-verified {
  display: inline-flex;
  align-items: center;
}

/* line 2072, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-verified-icon {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}

/* line 2078, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-meta {
  display: flex;
  align-items: center;
  gap: 3px;
}

/* line 2084, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-subtitle {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #64748b;
}

/* line 2092, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-rating {
  font-size: 14px;
  line-height: 1;
  color: #fbbf24;
}

/* line 2098, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

/* line 2105, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-ignore {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #64748b;
  text-decoration: none;
}

/* line 2113, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-row-ignore:hover {
  text-decoration: underline;
}

/* line 2117, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-followed-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.875rem;
  height: 32px;
  padding: 12px 24px;
  border-radius: 100px;
  border: 1.5px solid #2196F3;
  background: #fff;
  color: #2196F3;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  box-sizing: border-box;
}

/* line 2134, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-unfollow-btn {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent !important;
  height: auto;
}

/* line 2141, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-unfollow-btn:hover, .peers-page-main .peer-unfollow-btn:focus, .peers-page-main .peer-unfollow-btn:active {
  outline: none;
  box-shadow: none;
  background: transparent !important;
}

/* line 2150, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-unfollow-btn-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 106px;
  min-width: 106px;
  height: 30px;
  padding: 0 24px;
  line-height: 30px;
  border-radius: 18px;
  border: 1.5px solid #2196F3;
  background: #fff !important;
  color: #2196F3;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 14px;
  box-sizing: border-box;
  cursor: pointer;
}

/* line 2170, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-unfollow-btn-submit:hover,
.peers-page-main .peer-unfollow-btn-submit:focus,
.peers-page-main .peer-unfollow-btn-submit:active {
  background: #fff !important;
  color: #2196F3;
  outline: none;
  box-shadow: none;
}

/* line 2179, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-unfollow-btn .peer-followed-text,
.peers-page-main .peer-unfollow-btn .peer-unfollow-text {
  color: #2196F3;
}

/* line 2184, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-unfollow-btn .peer-followed-text {
  display: inline;
}

/* line 2188, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-unfollow-btn .peer-unfollow-text {
  display: none;
}

/* line 2192, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-unfollow-btn:hover .peer-followed-text {
  display: none;
}

/* line 2196, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peer-unfollow-btn:hover .peer-unfollow-text {
  display: inline;
}

/* line 2200, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-add-btn {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent !important;
  height: auto;
}

/* line 2207, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-add-btn:hover, .peers-page-main .peers-add-btn:focus, .peers-page-main .peers-add-btn:focus-visible, .peers-page-main .peers-add-btn:active {
  outline: none;
  box-shadow: none;
  background: transparent !important;
}

/* line 2217, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-add-btn-submit {
  white-space: nowrap;
  width: 5.875rem;
  height: 32px;
  padding: 12px 24px;
  border-radius: 100px;
  border: 1.5px solid #2196F3;
  background: #fff !important;
  color: #2196F3;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  cursor: pointer;
}

/* line 2237, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-add-btn-submit:hover {
  background: #fff;
  color: #2196F3;
}

/* line 2242, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-add-btn-submit:active,
.peers-page-main .peers-add-btn-submit:focus,
.peers-page-main .peers-add-btn-submit:focus-visible {
  background: #fff !important;
  color: #2196F3;
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 2252, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-add-btn input[type="submit"] {
  width: 5.875rem;
  height: 32px;
  padding: 12px 24px;
  border-radius: 100px;
  border: 1.5px solid #2196F3;
  background: #fff !important;
  color: #2196F3;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}

/* line 2266, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-add-btn input[type="submit"]:hover {
  background: #fff;
  color: #2196F3;
}

/* line 2271, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main .peers-add-btn input[type="submit"]:active,
.peers-page-main .peers-add-btn input[type="submit"]:focus,
.peers-page-main .peers-add-btn input[type="submit"]:focus-visible {
  background: #fff !important;
  color: #2196F3;
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 2283, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar {
  position: relative;
  width: 320px;
  min-width: 260px;
  max-width: 340px;
  padding: 0;
  align-self: flex-start;
  background: transparent;
  min-height: 100vh;
}

/* line 2293, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-top-picks {
  top: 35.063rem;
  left: 65.5rem;
  position: fixed;
  width: 19.5rem;
  height: 19.938rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  background: #FFFFFF;
  opacity: 1;
  padding: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* line 2306, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-top-picks h3, .feed-rightbar .theories-top-picks h4 {
  position: absolute;
  width: 118px;
  height: 21px;
  top: 24px;
  left: 24px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0;
  padding: 0;
}

/* line 2324, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-top-picks .tp-pick-item {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0 0 0 24px;
  margin-bottom: 30px;
}

/* line 2331, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-top-picks .tp-pick-item:first-of-type {
  margin-top: 75px;
}

/* line 2335, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-top-picks .tp-pick-item .tp-profile-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

/* line 2343, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-top-picks .tp-pick-item .tp-avatar {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  object-fit: cover;
  opacity: 1;
  flex-shrink: 0;
}

/* line 2352, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-top-picks .tp-pick-item .tp-name-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 2358, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-top-picks .tp-pick-item .tp-name {
  width: 92px;
  height: 19px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 2376, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-top-picks .tp-pick-item .tp-verified {
  width: 18px;
  height: 18px;
  opacity: 1;
  flex-shrink: 0;
}

/* line 2383, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-top-picks .tp-pick-item .tp-title {
  width: 344px;
  max-width: calc(100% - 48px);
  height: 18px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 2403, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-top-picks .tp-pick-item .tp-date {
  width: 83px;
  height: 16px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #4C4C4C;
  opacity: 1;
  margin: 0;
  padding: 0;
}

/* line 2420, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-top-picks {
  position: fixed;
  width: 312px;
  height: 319px;
  top: 561px;
  left: 1048px;
  border-radius: 8px;
  background: #FFFFFF;
  opacity: 1;
  padding: 0;
  z-index: 100;
  transform: none;
}

/* line 2433, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-top-picks h3, .feed-rightbar .feed-top-picks h4 {
  position: absolute;
  width: 118px;
  height: 21px;
  top: 24px;
  left: 24px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0;
  padding: 0;
}

/* line 2451, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-top-picks .tp-pick-item {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0 24px;
  margin-bottom: 16px;
}

/* line 2458, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-top-picks .tp-pick-item:first-of-type {
  margin-top: 65px;
}

/* line 2462, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-top-picks .tp-pick-item .tp-profile-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

/* line 2470, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-top-picks .tp-pick-item .tp-avatar {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  object-fit: cover;
  opacity: 1;
  flex-shrink: 0;
}

/* line 2479, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-top-picks .tp-pick-item .tp-name-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 2485, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-top-picks .tp-pick-item .tp-name {
  width: 92px;
  height: 19px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 2503, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-top-picks .tp-pick-item .tp-verified {
  width: 18px;
  height: 18px;
  opacity: 1;
  flex-shrink: 0;
}

/* line 2510, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-top-picks .tp-pick-item .tp-title {
  width: 344px;
  max-width: calc(100% - 48px);
  height: 18px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 2530, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-top-picks .tp-pick-item .tp-date {
  width: 83px;
  height: 16px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #4C4C4C;
  opacity: 1;
  margin: 0;
  padding: 0;
}

/* line 2547, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow {
  top: 5.938rem;
  left: 65.5rem;
  position: fixed;
  width: 19.5rem;
  height: 27.875rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  background: #FFFFFF;
  opacity: 1;
  padding: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* line 2560, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow h3, .feed-rightbar .theories-who-to-follow h4 {
  position: absolute;
  width: 118px;
  height: 21px;
  top: 24px;
  left: 24px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0;
  padding: 0;
}

/* line 2578, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow .wtf-user-wrapper {
  padding: 0 20px;
  margin-bottom: 16px;
}

/* line 2582, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow .wtf-user-wrapper:first-of-type {
  margin-top: 65px;
}

/* line 2587, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow .wtf-user {
  display: flex;
  flex-direction: column;
  position: relative;
}

/* line 2592, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow .wtf-user .wtf-content-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2px;
}

/* line 2599, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow .wtf-user .wtf-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 2607, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow .wtf-user .wtf-info {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* line 2613, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow .wtf-user .wtf-name-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

/* line 2620, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow .wtf-user .wtf-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0;
  padding: 0;
}

/* line 2633, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow .wtf-user .wtf-verified {
  width: 16px;
  height: 16px;
  opacity: 1;
  flex-shrink: 0;
}

/* line 2640, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow .wtf-user .wtf-description {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0%;
  color: #4C4C4C;
  opacity: 1;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 2655, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow .wtf-user .wtf-description .wtf-dot {
  width: 0.25rem;
  height: 0.25rem;
  background: #4C4C4C;
  border-radius: 50%;
  opacity: 1;
  flex-shrink: 0;
}

/* line 2665, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow .wtf-user .wtf-follow-btn {
  margin-right: 2.688rem !important;
  width: 106px;
  height: 30px;
  border-radius: 18px;
  border: 1.5px solid #2196F3;
  padding: 0;
  opacity: 1;
  margin: 0;
  background: #FFFFFF;
  color: #2196F3;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* line 2685, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .theories-who-to-follow .wtf-user .wtf-follow-btn:hover {
  background: #E3F2FD;
  color: #1976D2;
  border-color: #1976D2;
}

/* line 2694, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow {
  position: fixed;
  width: 312px;
  height: 446px;
  top: 95px;
  left: 1048px;
  border-radius: 8px;
  background: #FFFFFF;
  opacity: 1;
  padding: 0;
  z-index: 100;
  transform: none;
}

/* line 2707, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow h3, .feed-rightbar .feed-who-to-follow h4 {
  position: absolute;
  width: 118px;
  height: 21px;
  top: 24px;
  left: 24px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0;
  padding: 0;
}

/* line 2725, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user {
  position: relative;
  margin-bottom: 0;
  display: block;
  height: auto;
  min-height: 150px;
}

/* line 2733, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(2) .wtf-avatar {
  top: 65px;
}

/* line 2736, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(2) .wtf-info {
  top: 65px;
}

/* line 2739, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(2) .wtf-follow-btn {
  top: 107px;
}

/* line 2745, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(3) .wtf-avatar {
  top: 153px;
}

/* line 2748, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(3) .wtf-info {
  top: 153px;
}

/* line 2751, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(3) .wtf-follow-btn {
  top: 195px;
}

/* line 2757, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(4) .wtf-avatar {
  top: 211px;
}

/* line 2760, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(4) .wtf-info {
  top: 211px;
}

/* line 2763, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(4) .wtf-follow-btn {
  top: 253px;
}

/* line 2769, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(5) .wtf-avatar {
  top: 269px;
}

/* line 2772, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(5) .wtf-info {
  top: 269px;
}

/* line 2775, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(5) .wtf-follow-btn {
  top: 311px;
}

/* line 2781, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(6) .wtf-avatar {
  top: 327px;
}

/* line 2784, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(6) .wtf-info {
  top: 327px;
}

/* line 2787, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(6) .wtf-follow-btn {
  top: 369px;
}

/* line 2793, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(7) .wtf-avatar {
  top: 385px;
}

/* line 2796, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(7) .wtf-info {
  top: 385px;
}

/* line 2799, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user:nth-child(7) .wtf-follow-btn {
  top: 427px;
}

/* line 2804, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user .wtf-avatar {
  position: absolute;
  width: 48px;
  height: 48px;
  left: 24px;
  border-radius: 100px;
  opacity: 1;
  margin: 0;
  object-fit: cover;
}

/* line 2815, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user .wtf-info {
  position: absolute;
  left: 84px;
  display: block;
  width: auto;
}

/* line 2822, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user .wtf-name {
  position: relative;
  width: 103px;
  height: 16px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  overflow: visible;
}

/* line 2841, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user .wtf-name .wtf-verified {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 108px;
  opacity: 1;
  margin: 0;
  color: #2196F3;
  font-size: 16px;
}

/* line 2854, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user .wtf-meta {
  position: relative;
  width: auto;
  min-width: 16px;
  height: 16px;
  top: 8px;
  left: 0;
  opacity: 1;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  color: #4C4C4C;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

/* line 2872, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user .wtf-follow-btn {
  position: absolute;
  width: 106px;
  height: 30px;
  left: 84px;
  border-radius: 18px;
  border: 1.5px solid #2196F3;
  padding: 0;
  opacity: 1;
  margin: 0;
  background: #FFFFFF;
  color: #2196F3;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* line 2893, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar .feed-who-to-follow .wtf-user .wtf-follow-btn:hover {
  background: #E3F2FD;
  color: #1976D2;
  border-color: #1976D2;
}

/* line 2904, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-leader-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 4.5rem;
  padding: 0.5rem 0;
}

/* line 2913, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-leader-row::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #d8d8d8;
}

/* line 2922, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-leader-row:last-child::after {
  display: none;
}

/* line 2926, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-leader-row-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 2934, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-leader-row-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 2942, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-leader-row-name-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 2948, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-leader-row-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #171717;
}

/* line 2955, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-leader-row-verified {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}

/* line 2961, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-leader-row-meta {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1;
  color: #64748b;
}

/* line 2971, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-leader-row-rating {
  color: #fbbf24;
  font-size: 14px;
}

/* line 2976, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-leader-row-rating-num {
  color: #64748b;
  font-weight: 400;
}

/* line 2981, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-leader-view-profile-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  border-radius: 100px;
  border: 1.5px solid #2196f3;
  background: #fff;
  color: #2196f3;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  white-space: nowrap;
}

/* line 2999, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-leader-view-profile-btn:hover {
  background: #f5f9ff;
  color: #1976d2;
  border-color: #1976d2;
}

/* line 3005, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 4.5rem;
  padding: 0.5rem 0;
}

/* line 3014, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-row::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #d8d8d8;
}

/* line 3023, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-groups-list .groups-my-group-row:last-of-type::after {
  display: none;
}

/* line 3027, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-thumb {
  flex-shrink: 0;
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  overflow: hidden;
}

/* line 3036, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 3043, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-main {
  flex: 1;
  min-width: 0;
}

/* line 3048, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-text-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* line 3054, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-text-link:hover {
  color: inherit;
}

/* line 3058, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-name-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 3064, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #171717;
}

/* line 3071, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-verified {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}

/* line 3077, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-members {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.35rem;
}

/* line 3084, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-member-avatars {
  display: flex;
  align-items: center;
  padding-left: 2px;
}

/* line 3090, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-member-avatar {
  width: 24px;
  height: 24px;
  border-radius: 100px;
  object-fit: cover;
  border: 2px solid #fff;
  margin-left: -8px;
}

/* line 3099, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-member-avatar:first-child {
  margin-left: 0;
}

/* line 3103, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-members-count {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  color: #64748b;
}

/* line 3109, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-menu {
  flex-shrink: 0;
}

/* line 3113, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-menu-btn {
  border: none;
  background: transparent;
  color: #64748b;
  padding: 0.25rem;
  cursor: pointer;
  line-height: 0;
  border-radius: 4px;
}

/* line 3123, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-menu-btn:hover {
  background: #f1f5f9;
  color: #171717;
}

/* line 3128, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-my-group-dropdown .dropdown-item {
  font-size: 14px;
}

/* line 3132, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-search-communities-wrap {
  text-align: center;
  padding: 1rem 0.5rem 0.5rem;
  margin-top: 0.25rem;
}

/* line 3138, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-search-communities-text {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  color: #64748b;
  font-weight: 400;
  line-height: 1.45;
  margin: 0;
}

/* line 3147, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-search-communities-search-link {
  color: #2196f3;
  font-weight: 500;
  text-decoration: none;
}

/* line 3153, app/assets/stylesheets/components/dashboard.scss */
.peers-page-main.groups-page-main .groups-search-communities-search-link:hover {
  text-decoration: underline;
}

/* line 3158, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar {
  position: fixed;
  width: 312px;
  height: 785px;
  top: 94px;
  left: 1048px;
  opacity: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 3169, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .peers-rightbar-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

/* line 3176, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peers-section {
  width: 100%;
  max-width: 312px;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 1.5rem 1.5rem 1.5rem 24px;
  flex-shrink: 0;
}

/* line 3185, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peers-section h4 {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #171717;
  margin: 0 0 1rem 0;
}

/* line 3194, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-row {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 12px;
  align-items: start;
  margin-bottom: 1.25rem;
}

/* line 3202, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-row:last-of-type {
  margin-bottom: 0;
}

/* line 3206, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-avatar-wrap {
  min-width: 0;
}

/* line 3210, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-avatar-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* line 3216, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-right-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

/* line 3224, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  object-fit: cover;
  display: block;
}

/* line 3232, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-details-link,
.feed-rightbar.peers-page-rightbar .my-peer-details-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  text-decoration: none;
  color: inherit;
}

/* line 3243, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-details-link:hover,
.feed-rightbar.peers-page-rightbar .my-peer-details-inner.my-peer-row-link-static {
  color: inherit;
}

/* line 3248, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-name-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 3254, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #171717;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 3266, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-verified-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* line 3272, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-meta {
  display: flex;
  align-items: center;
  gap: 3px;
  min-height: 16px;
}

/* line 3279, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-followers-avatars {
  display: flex;
  align-items: center;
  margin-right: 2px;
}

/* line 3285, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-follower-avatar {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  object-fit: cover;
  border: 1.5px solid #fff;
  margin-left: -6px;
  flex-shrink: 0;
}

/* line 3295, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-follower-avatar:first-child {
  margin-left: 0;
}

/* line 3299, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-followers-count {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
}

/* line 3308, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-rating {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  line-height: 1;
  color: #fbbf24;
}

/* line 3317, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-rating-num {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #919191;
}

/* line 3326, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peers-section .peers-follow-form,
.feed-rightbar.peers-page-rightbar .my-peers-section .my-peer-follow-btn {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  flex-shrink: 0;
  display: block;
}

/* line 3336, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peers-section .peers-follow-form input[type="submit"],
.feed-rightbar.peers-page-rightbar .my-peers-section .peers-follow-form button[type="submit"],
.feed-rightbar.peers-page-rightbar .my-peers-section .my-peer-follow-btn input[type="submit"],
.feed-rightbar.peers-page-rightbar .my-peers-section .my-peer-follow-btn button[type="submit"] {
  width: 106px !important;
  min-width: 106px !important;
  height: 30px !important;
  padding: 0 24px !important;
  border-radius: 18px !important;
  border-width: 1.5px !important;
  border-style: solid !important;
  border-color: #2196F3 !important;
  background: #fff !important;
  color: #2196F3 !important;
  opacity: 1 !important;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 30px !important;
  letter-spacing: 0% !important;
  text-align: center !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* line 3367, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peers-section .peers-follow-form input[type="submit"]:hover,
.feed-rightbar.peers-page-rightbar .my-peers-section .peers-follow-form button[type="submit"]:hover,
.feed-rightbar.peers-page-rightbar .my-peers-section .my-peer-follow-btn input[type="submit"]:hover,
.feed-rightbar.peers-page-rightbar .my-peers-section .my-peer-follow-btn button[type="submit"]:hover {
  background: #f5f9ff !important;
  border-color: #1976d2 !important;
  color: #1976d2 !important;
}

/* line 3376, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peers-section .peer-unfollow-btn .peer-unfollow-btn-submit {
  width: 106px !important;
  min-width: 106px !important;
  height: 30px !important;
  padding: 0 24px !important;
  line-height: 30px !important;
  border-radius: 18px !important;
  border: 1.5px solid #2196F3 !important;
  background: #fff !important;
  color: #2196F3 !important;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* line 3393, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peers-section .peer-unfollow-btn:hover .peer-unfollow-btn-submit {
  background: #f5f9ff !important;
  border-color: #1976d2 !important;
  color: #1976d2 !important;
}

/* line 3399, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-row-link-static {
  cursor: default;
}

/* line 3403, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-details-inner.my-peer-row-link-static {
  cursor: default;
}

/* line 3407, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .my-peer-followed-static {
  flex-shrink: 0;
  min-width: 106px;
  height: 30px;
  padding: 0 24px;
  line-height: 30px;
  border-radius: 18px;
  border: 1.5px solid #2196F3;
  background: #fff;
  color: #2196F3;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* line 3426, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-section {
  width: 100%;
  max-width: 312px;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 1.5rem 1.5rem 1.5rem 24px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 3438, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-section h4 {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  color: #171717;
  margin: 0;
  white-space: normal;
  word-wrap: break-word;
}

/* line 3452, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
}

/* line 3459, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-card-main {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  text-decoration: none;
  color: inherit;
}

/* line 3467, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-card-main:hover {
  color: inherit;
}

/* line 3471, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 3479, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-text {
  flex: 1;
  min-width: 0;
}

/* line 3484, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-name-row {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
}

/* line 3491, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #171717;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 3505, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-verified {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
  flex-shrink: 0;
}

/* line 3512, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-members-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

/* line 3519, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-member-avatars {
  display: flex;
  align-items: center;
  padding-left: 2px;
  flex-shrink: 0;
}

/* line 3526, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-member-avatar {
  width: 22px;
  height: 22px;
  border-radius: 100px;
  object-fit: cover;
  border: 2px solid #fff;
  margin-left: -6px;
}

/* line 3535, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-member-avatar:first-child {
  margin-left: 0;
}

/* line 3539, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-members {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  color: #64748b;
  line-height: 1;
}

/* line 3546, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-join-form {
  margin-right: 26px;
  align-self: center;
}

/* line 3551, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-join-btn {
  align-self: center;
  margin: 0;
  padding: 0.5rem 1.25rem;
  border-radius: 100px;
  border: 1.5px solid #2196f3;
  background: #fff;
  color: #2196f3;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

/* line 3566, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-join-btn:hover {
  background: #f5f9ff;
  border-color: #1976d2;
  color: #1976d2;
}

/* line 3572, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .groups-suggested-empty {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0;
}

/* line 3579, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar {
  position: fixed;
  width: 312px;
  height: 785px;
  top: 94px;
  left: 1048px;
  opacity: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 3590, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-following-rightbar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: 100%;
}

/* line 3598, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-top-facts {
  width: 100%;
  max-width: 312px;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  flex-shrink: 0;
}

/* line 3607, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-top-facts h4 {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #171717;
  margin: 0 0 1rem 0;
}

/* line 3616, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-item {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 0.75rem 0;
  transition: background 0.15s;
}

/* line 3623, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-item:hover {
  background: #f8f9fa;
  border-radius: 0.25rem;
}

/* line 3629, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-profile {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

/* line 3637, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-avatar {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 3645, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-meta {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 3651, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 3666, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-verified {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* line 3672, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-content {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  margin: 0 0 20px 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 3687, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-date {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #4C4C4C;
  margin: 0;
  padding: 0;
}

/* line 3699, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-empty {
  margin: 0;
  font-size: 0.875rem;
  color: #64748b;
}

/* line 3705, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .theories-who-to-follow {
  position: relative;
  top: auto;
  left: auto;
  width: 312px;
  height: 446px;
  opacity: 1;
  border-radius: 8px;
  margin-bottom: 0;
  flex-shrink: 0;
}

/* line 3719, app/assets/stylesheets/components/dashboard.scss */
.all-claims-page-main .all-claims-page-content {
  position: relative;
  flex: 1;
  min-width: 0;
}

/* line 3724, app/assets/stylesheets/components/dashboard.scss */
.all-claims-page-main .all-claims-page-header {
  padding-left: 24.375rem;
}

/* line 3727, app/assets/stylesheets/components/dashboard.scss */
.all-claims-page-main .all-claims-list {
  margin-top: 139px;
  margin-left: 390px;
  width: 628px;
}

/* line 3732, app/assets/stylesheets/components/dashboard.scss */
.all-claims-page-main .all-claims-list .my-claim-card {
  width: 628px;
  max-width: 100%;
  border-radius: 8px;
  opacity: 1;
}

/* line 3739, app/assets/stylesheets/components/dashboard.scss */
.all-claims-page-main .all-claims-empty {
  margin-top: 139px;
  margin-left: 390px;
}

/* line 3743, app/assets/stylesheets/components/dashboard.scss */
.all-claims-page-main .all-claims-pagination {
  margin-left: 390px;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

/* line 3750, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.theories-page-rightbar {
  position: fixed;
  width: 312px;
  height: 785px;
  top: 94px;
  left: 1048px;
  opacity: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 3761, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.theories-page-rightbar .theories-following-rightbar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: 100%;
}

/* line 3769, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.theories-page-rightbar .theories-top-picks,
.feed-rightbar.theories-page-rightbar .theories-who-to-follow {
  width: 100%;
  max-width: 312px;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  flex-shrink: 0;
}

/* line 3779, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.theories-page-rightbar .theories-top-picks h4,
.feed-rightbar.theories-page-rightbar .theories-who-to-follow h4 {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #171717;
  margin: 0 0 1rem 0;
}

/* line 3789, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar {
  position: fixed;
  width: 312px;
  height: 785px;
  top: 94px;
  left: 1048px;
  opacity: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 3800, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-following-rightbar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: 100%;
}

/* line 3808, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-top-facts {
  width: 100%;
  max-width: 312px;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  flex-shrink: 0;
}

/* line 3817, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-top-facts h4 {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #171717;
  margin: 0 0 1rem 0;
}

/* line 3826, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-item {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 0.75rem 0;
  transition: background 0.15s;
}

/* line 3833, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-item:hover {
  background: #f8f9fa;
  border-radius: 0.25rem;
}

/* line 3839, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-profile {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

/* line 3847, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-avatar {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 3855, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-meta {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 3861, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 3876, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-verified {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* line 3882, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-content {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  margin: 0 0 20px 0;
}

/* line 3893, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-date {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #4C4C4C;
  margin: 0;
}

/* line 3904, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.facts-page-rightbar .facts-tf-empty {
  margin: 0;
  font-size: 0.875rem;
  color: #64748b;
}

/* line 3911, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .facts-top-facts {
  width: 100%;
  max-width: 312px;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  flex-shrink: 0;
}

/* line 3920, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .facts-top-facts h4 {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  color: #171717;
  margin: 0 0 1rem 0;
}

/* line 3929, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .facts-tf-item {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 0.75rem 0;
  transition: background 0.15s;
}

/* line 3936, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .facts-tf-item:hover {
  background: #f8f9fa;
  border-radius: 0.25rem;
}

/* line 3942, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .facts-tf-profile {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

/* line 3950, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .facts-tf-avatar {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 3958, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .facts-tf-meta {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 3964, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .facts-tf-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 3979, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .facts-tf-verified {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* line 3985, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .facts-tf-content {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  margin: 0 0 20px 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 4000, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .facts-tf-date {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #4C4C4C;
  margin: 0;
  padding: 0;
}

/* line 4012, app/assets/stylesheets/components/dashboard.scss */
.feed-rightbar.peers-page-rightbar .facts-tf-empty {
  margin: 0;
  font-size: 0.875rem;
  color: #64748b;
}

/* line 4019, app/assets/stylesheets/components/dashboard.scss */
.feed-card {
  background: none;
  border-radius: 0;
  box-shadow: none;
  padding: 24px 32px 12px 32px;
  border-bottom: 1px solid #e5e7eb;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 4031, app/assets/stylesheets/components/dashboard.scss */
.feed-card.js-card-clickable {
  cursor: pointer;
}

/* line 4035, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 2px;
}

/* line 4040, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-header .feed-card-badge {
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 8px;
  padding: 2px 10px;
}

/* line 4045, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-header .feed-card-badge.theory {
  background: #fef3c7;
  color: #f59e42;
}

/* line 4046, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-header .feed-card-badge.fact {
  background: #dcfce7;
  color: #16a34a;
}

/* line 4048, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-header .feed-card-user {
  padding-top: 6px;
  font-size: 0.97rem;
  font-weight: 600;
  color: #23263b;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 4056, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-header .feed-card-user .verified-badge {
  color: #2563eb;
  font-size: 1.1em;
}

/* line 4061, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-header .feed-card-meta {
  font-size: 0.93rem;
  color: #64748b;
  margin-left: 8px;
}

/* line 4067, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-title {
  font-size: 1.13rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 2px;
}

/* line 4073, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-content {
  font-size: 1.01rem;
  color: #23263b;
  margin-bottom: 2px;
}

/* line 4078, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}

/* line 4083, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-footer .feed-card-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}

/* line 4087, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-footer .feed-card-actions .feed-like {
  color: #2563eb;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.2s;
}

/* line 4097, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-footer .feed-card-actions .feed-like:hover {
  color: #1d4ed8;
}

/* line 4101, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-footer .feed-card-actions .feed-like.liked {
  color: #10b981;
}

/* line 4104, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-footer .feed-card-actions .feed-like.liked:hover {
  color: #059669;
}

/* line 4110, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-footer .feed-card-date {
  color: #64748b;
  font-size: 0.97rem;
}

/* line 4114, app/assets/stylesheets/components/dashboard.scss */
.feed-card .feed-card-footer .feed-card-link {
  color: #2563eb;
  font-size: 0.97rem;
  text-decoration: underline;
  margin-left: 12px;
  cursor: pointer;
}

/* line 4124, app/assets/stylesheets/components/dashboard.scss */
.feed-card-badge-user {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

/* line 4131, app/assets/stylesheets/components/dashboard.scss */
.claim-main {
  display: flex;
  gap: 0;
  align-items: flex-start;
  background: #F4F2EE;
  min-height: 100vh;
}

/* line 4138, app/assets/stylesheets/components/dashboard.scss */
.claim-main > .claim-center {
  min-width: 0;
  position: relative;
}

/* line 4143, app/assets/stylesheets/components/dashboard.scss */
.claim-center {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: none;
  min-height: 100vh;
  height: auto;
  background: #f4f2ee;
  padding-top: 1rem;
}

/* line 4153, app/assets/stylesheets/components/dashboard.scss */
.claim-header {
  padding: 0;
  min-height: 0;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  white-space: nowrap;
}

/* line 4161, app/assets/stylesheets/components/dashboard.scss */
.claim-header h2 {
  position: absolute;
  width: 106px;
  height: 23px;
  top: 30px;
  left: 390px;
  margin: 0;
  z-index: 10;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
  color: #171717;
  opacity: 1;
  box-sizing: border-box;
}

/* line 4181, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block {
  width: 628px;
  min-height: 145px;
  margin-top: 60px;
  margin-left: 390px;
  border-radius: 8px;
  opacity: 1;
  background: #ffffff;
  box-sizing: border-box;
}

/* line 4192, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .claim-detail-card-style {
  position: relative;
  display: block;
  padding-bottom: 3.5rem;
}

/* line 4198, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .claim-detail-card-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 12px;
  left: 16px;
  border-radius: 104px;
  opacity: 1;
  background: #eff2fa;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* line 4212, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .claim-detail-card-icon .claim-detail-icon-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 4219, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .claim-detail-card-header {
  position: relative;
  margin-bottom: 0;
  min-height: 48px;
}

/* line 4223, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .claim-detail-card-header .claim-details-label {
  position: absolute;
  width: 42px;
  height: 16px;
  top: 12px;
  left: 56px;
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #171717;
  opacity: 1;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

/* line 4242, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .claim-detail-card-header .claim-details-date {
  position: absolute;
  width: 65px;
  height: 14px;
  top: 32px;
  left: 56px;
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  color: #939393;
  opacity: 1;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  white-space: nowrap;
}

/* line 4264, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .claim-detail-card-header .claim-detail-fact-badge {
  position: absolute;
  width: 56px;
  height: 24px;
  top: 16px;
  right: 0;
  left: auto;
  border-radius: 28px;
  padding: 3px 8px;
  gap: 10px;
  background: #e5ffe8;
  opacity: 1;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  margin-right: 10px;
  color: #11ad24;
}

/* line 4290, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .claim-details-content {
  margin: 10px 0 10px 16px;
  padding: 0;
  width: auto;
  max-width: calc(100% - 32px);
  min-height: 20px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #171717;
  opacity: 1;
  box-sizing: border-box;
}

/* line 4307, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-divider {
  position: absolute;
  width: calc(100% - 2rem);
  height: 0;
  bottom: 3rem;
  left: 1rem;
  border-top: 0.0625rem solid #d8d8d8;
  opacity: 1;
}

/* line 4317, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-verified-by {
  position: absolute;
  width: 9.625rem;
  height: 1.625rem;
  bottom: 0.7rem;
  right: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  opacity: 1;
}

/* line 4327, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-verified-by .verified-by-label {
  height: 1.25rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.5%;
  color: #919191;
  opacity: 1;
  white-space: nowrap;
}

/* line 4338, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-verified-by .verified-by-avatars {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 4342, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-verified-by .verified-by-avatars .verified-by-avatar {
  width: 2rem;
  height: 1.666666rem;
  border-radius: 50%;
  border: 0.125rem solid #fff;
  object-fit: cover;
  opacity: 1;
}

/* line 4353, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions-wrapper {
  position: absolute;
  bottom: 0.7rem;
  left: 0;
  right: 0;
  display: flex;
  width: 100%;
}

/* line 4362, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions {
  position: relative;
  height: 1.5rem;
  margin-left: 1rem;
  margin-right: 12rem;
  display: flex;
  align-items: center;
  gap: 1.875rem;
  opacity: 1;
  width: auto;
}

/* line 4372, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions .feed-action-like {
  height: 1.125rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  opacity: 1;
}

/* line 4378, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions .feed-action-like .feed-like {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: inherit;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* line 4389, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions .feed-action-like .like-icon {
  width: 1.125rem;
  height: 1.125rem;
  object-fit: contain;
}

/* line 4394, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions .feed-action-like .like-count {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #4c4c4c;
}

/* line 4401, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions .feed-action-like .feed-like.liked .like-icon {
  filter: brightness(0) saturate(100%) invert(41%) sepia(92%) saturate(747%) hue-rotate(181deg) brightness(97%) contrast(101%);
}

/* line 4405, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions .feed-action-comment {
  width: 5.25rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 1;
  text-decoration: none;
  color: inherit;
}

/* line 4414, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions .feed-action-comment .comment-icon {
  width: 1.125rem;
  height: 1.125rem;
  object-fit: contain;
}

/* line 4419, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions .feed-action-comment .comment-count {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #919191;
}

/* line 4426, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions .feed-action-comment .comment-text {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #919191;
}

/* line 4434, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions .feed-action-share {
  width: 3.625rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 1;
}

/* line 4441, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions .feed-action-share .feed-share-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* line 4450, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions .feed-action-share .share-icon {
  width: 0.965rem;
  height: 0.965rem;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(57%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

/* line 4456, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title-block .feed-card-actions .feed-action-share .share-text {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #919191;
}

/* line 4466, app/assets/stylesheets/components/dashboard.scss */
.theory-show-card-wrapper {
  width: 628px;
  margin-top: 60px;
  margin-left: 390px;
  border-radius: 8px;
  box-sizing: border-box;
}

/* line 4472, app/assets/stylesheets/components/dashboard.scss */
.theory-show-card-wrapper .feed-card-block {
  border-radius: 8px;
  opacity: 1;
  background: #ffffff;
  min-height: 13rem;
  height: auto;
  padding-bottom: 1rem;
  padding-left: 0;
  padding-right: 0;
}

/* line 4482, app/assets/stylesheets/components/dashboard.scss */
.theory-show-card-wrapper .feed-card-block .feed-card-theory-badge {
  display: flex !important;
  left: 33rem;
  top: 3.625rem;
}

/* line 4487, app/assets/stylesheets/components/dashboard.scss */
.theory-show-card-wrapper .feed-card-block .feed-card-content .feed-card-title {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  display: block;
}

/* line 4496, app/assets/stylesheets/components/dashboard.scss */
.theory-show-card-wrapper .feed-card-block .feed-card-content {
  position: relative;
  top: auto;
  left: auto;
  overflow: visible;
  text-overflow: unset;
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  -webkit-box-orient: unset;
  white-space: normal;
  margin: 0 1rem 0.75rem;
  max-width: calc(100% - 2rem);
}

/* line 4510, app/assets/stylesheets/components/dashboard.scss */
.theory-show-card-wrapper .feed-card-block .feed-card-divider {
  position: relative;
  top: auto;
  left: auto;
  width: calc(100% - 2rem);
  margin: 0 1rem 0.5rem;
}

/* line 4517, app/assets/stylesheets/components/dashboard.scss */
.theory-show-card-wrapper .feed-card-block .feed-card-bottom-bar {
  position: relative;
  top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 12rem);
  gap: 1rem;
}

/* line 4526, app/assets/stylesheets/components/dashboard.scss */
.theory-show-card-wrapper .feed-card-block .feed-card-bottom-bar .feed-card-verified-by {
  position: relative;
  top: auto;
  right: auto;
  margin: 0;
  flex-shrink: 0;
}

/* line 4533, app/assets/stylesheets/components/dashboard.scss */
.theory-show-card-wrapper .feed-card-block .feed-card-bottom-bar .feed-card-actions-wrapper {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0;
  flex-shrink: 0;
}

/* line 4544, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block {
  width: 628px;
  min-height: 145px;
  margin-top: 60px;
  margin-left: 390px;
  border-radius: 8px;
  opacity: 1;
  background: #ffffff;
  box-sizing: border-box;
  transform: rotate(0deg);
}

/* line 4556, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-card-style {
  position: relative;
  display: block;
  padding-bottom: 1rem;
}

/* line 4562, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-author-avatar {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 12px;
  left: 16px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  box-sizing: border-box;
}

/* line 4572, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-author-avatar .theory-detail-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 4580, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .claim-detail-card-header {
  position: relative;
  margin-bottom: 0;
  min-height: 48px;
}

/* line 4584, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .claim-detail-card-header .theory-detail-author-name {
  position: absolute;
  max-width: calc(100% - 180px);
  height: 20px;
  top: 14px;
  left: 64px;
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  color: #171717;
  opacity: 1;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 4604, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .claim-detail-card-header .claim-details-date {
  position: absolute;
  width: 65px;
  height: 14px;
  top: 34px;
  left: 64px;
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  color: #939393;
  opacity: 1;
  white-space: nowrap;
}

/* line 4622, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .claim-detail-card-header .theory-detail-badge {
  position: absolute;
  width: 71px;
  min-width: 71px;
  height: 24px;
  top: 16px;
  right: 0;
  left: auto;
  border-radius: 28px;
  padding: 3px 8px;
  gap: 10px;
  background: #FFEBE2;
  opacity: 1;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  margin-right: 10px;
  color: #FF7A3C;
}

/* line 4648, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-details-content {
  margin: 10px 0 10px 16px;
  padding: 0;
  width: auto;
  max-width: calc(100% - 32px);
  min-height: 20px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #171717;
  opacity: 1;
  box-sizing: border-box;
}

/* line 4662, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-details-content .theory-detail-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0.5rem;
}

/* line 4667, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-details-content .theory-detail-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #171717;
}

/* line 4675, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-bottom-bar {
  position: relative;
  margin-top: 0.75rem;
  width: 100%;
}

/* line 4681, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-bottom-bar .feed-card-divider {
  position: relative;
  width: calc(100% - 2rem);
  height: 0;
  margin: 0 0 0.5rem 1rem;
  border-top: 0.0625rem solid #d8d8d8;
  opacity: 1;
}

/* line 4690, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-bottom-bar .feed-card-verified-by {
  position: relative;
  width: 9.625rem;
  height: 1.625rem;
  margin-left: auto;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  opacity: 1;
}

/* line 4701, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-bottom-bar .feed-card-verified-by .verified-by-label {
  height: 1.25rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.5%;
  color: #919191;
  opacity: 1;
  white-space: nowrap;
}

/* line 4712, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-bottom-bar .feed-card-verified-by .verified-by-avatars {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 4716, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-bottom-bar .feed-card-verified-by .verified-by-avatars .verified-by-avatar {
  width: 2rem;
  height: 1.666666rem;
  border-radius: 50%;
  border: 0.125rem solid #fff;
  object-fit: cover;
  opacity: 1;
}

/* line 4727, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-bottom-bar .feed-card-actions-wrapper {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0;
  width: 100%;
}

/* line 4736, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-menu {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: 12px;
  right: 16px;
  cursor: pointer;
  z-index: 5;
}

/* line 4744, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-menu .menu-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 4749, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-menu .feed-card-menu-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  min-width: 199px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* line 4762, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-menu .feed-card-menu-dropdown.show {
  opacity: 1;
  visibility: visible;
}

/* line 4766, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-menu .feed-card-menu-dropdown .feed-menu-item {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 12px 20px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  color: #263238;
}

/* line 4775, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-menu .feed-card-menu-dropdown .feed-menu-item:hover {
  background: #f5f5f5;
}

/* line 4779, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-menu .feed-card-menu-dropdown .feed-menu-icon {
  width: 15px;
  height: 15px;
  object-fit: contain;
}

/* line 4787, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions-wrapper {
  position: absolute;
  bottom: 0.7rem;
  left: 0;
  right: 0;
  display: flex;
  width: 100%;
}

/* line 4796, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions {
  position: relative;
  height: 1.5rem;
  margin-left: 1rem;
  margin-right: 12rem;
  display: flex;
  align-items: center;
  gap: 1.875rem;
  opacity: 1;
  width: auto;
}

/* line 4806, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-like {
  height: 1.125rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  opacity: 1;
}

/* line 4812, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-like .feed-like {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: inherit;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* line 4823, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-like .like-icon {
  width: 1.125rem;
  height: 1.125rem;
  object-fit: contain;
}

/* line 4828, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-like .like-count {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #4c4c4c;
}

/* line 4835, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-like .feed-like.liked .like-icon {
  filter: brightness(0) saturate(100%) invert(41%) sepia(92%) saturate(747%) hue-rotate(181deg) brightness(97%) contrast(101%);
}

/* line 4839, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-comment {
  width: 5.25rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 1;
  text-decoration: none;
  color: inherit;
}

/* line 4848, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-comment .comment-icon {
  width: 1.125rem;
  height: 1.125rem;
  object-fit: contain;
}

/* line 4853, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-comment .comment-count {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #919191;
}

/* line 4860, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-comment .comment-text {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #919191;
}

/* line 4868, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-share {
  width: 3.625rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 1;
}

/* line 4875, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-share .feed-share-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* line 4884, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-share .share-icon {
  width: 0.965rem;
  height: 0.965rem;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(57%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

/* line 4890, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-share .share-text {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #919191;
}

/* line 4898, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-reshare {
  width: auto;
  height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 1;
}

/* line 4905, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-reshare .feed-reshare-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: inherit;
  font-size: inherit;
}

/* line 4916, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-reshare .reshare-icon {
  width: 0.965rem;
  height: 0.965rem;
  object-fit: contain;
}

/* line 4921, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .feed-card-actions .feed-action-reshare .reshare-text {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #919191;
}

/* line 4931, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-comments-section {
  position: relative;
  margin-top: 1rem;
  padding: 1rem 1rem 0.5rem;
  border-top: 1px solid #e5e7eb;
  width: 100%;
  box-sizing: border-box;
}

/* line 4939, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-comments-section .feed-card-comment-form {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

/* line 4945, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-comments-section .feed-card-comment-profile-pic {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

/* line 4951, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-comments-section .feed-card-comment-profile-pic .profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 4957, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-comments-section .feed-card-comment-field {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background: #fff;
}

/* line 4967, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-comments-section .feed-card-comment-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 0.875rem;
  padding: 0;
}

/* line 4974, app/assets/stylesheets/components/dashboard.scss */
.theory-details-block .theory-detail-comments-section .feed-card-comments-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 4981, app/assets/stylesheets/components/dashboard.scss */
.claim-details-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-bottom: 40px;
  background: #f4f2ee;
}

/* line 4992, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card {
  position: relative;
  width: 628px;
  min-height: 160px;
  height: auto;
  margin-top: 24px;
  margin-left: 390px;
  border-radius: 8px;
  opacity: 1;
  background: #ffffff;
  padding: 12px 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 5px;
  border: none;
  overflow: visible;
}

/* line 5009, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .claim-details-section {
  border: none;
  flex: 0 1 auto;
  min-height: 0;
  overflow: visible;
}

/* line 5017, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .evidence-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 48px;
  border: none;
}

/* line 5026, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .evidence-header-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 5030, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .evidence-header-left .claim-section-icon {
  width: 32px;
  height: 32px;
  border-radius: 80px;
  opacity: 1;
  object-fit: contain;
  flex-shrink: 0;
}

/* line 5038, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .evidence-header-left .claim-details-label {
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #171717;
  opacity: 1;
}

/* line 5051, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .evidence-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

/* line 5058, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .claim-evidence-block {
  position: relative;
  border: none;
  height: auto;
  min-height: 0;
  overflow: visible;
}

/* line 5066, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .btn-challenge-evidence {
  width: 150px;
  height: 30px;
  border-radius: 18px;
  opacity: 1;
  padding: 12px 24px;
  gap: 8px;
  border: none;
  background: #2196f3;
  color: #ffffff;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  box-shadow: none;
  transition: background 0.2s;
  flex-shrink: 0;
}

/* line 5092, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .btn-challenge-evidence:hover, .claim-details-evidence-card .btn-challenge-evidence:focus {
  background: #1976d2;
  color: #fff;
}

/* line 5099, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .evidence-sources-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  opacity: 1;
  border: none;
}

/* line 5108, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .evidence-sources-row .source-badge {
  min-width: 65px;
  height: 24px;
  border-radius: 28px;
  padding: 3px 8px;
  gap: 10px;
  background: #f4f2ee;
  opacity: 1;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #374151;
  margin: 0;
  border: none;
}

/* line 5127, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .claim-details-evidence {
  border: none;
  height: auto;
  min-height: 0;
  overflow: visible;
}

/* line 5133, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .evidence-content,
.claim-details-evidence-card .evidence-section,
.claim-details-evidence-card .evidence-detail {
  border: none;
  height: auto;
  min-height: 0;
  overflow: visible;
}

/* line 5142, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .evidence-content,
.claim-details-evidence-card .evidence-section,
.claim-details-evidence-card .evidence-detail {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
  color: #4c4c4c;
}

/* line 5153, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence-card .evidence-content strong,
.claim-details-evidence-card .evidence-section strong,
.claim-details-evidence-card .evidence-detail strong {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
}

/* line 5164, app/assets/stylesheets/components/dashboard.scss */
.claim-details-card {
  background: none;
  border-radius: 0;
  box-shadow: none;
  padding: 24px 32px 12px 32px;
  border-bottom: 1px solid #e5e7eb;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* line 5177, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card {
  width: 628px;
  margin-left: 390px;
  margin-top: 24px;
  min-height: 0;
  height: auto;
  border-radius: 8px;
  opacity: 1;
  background: #ffffff;
  box-shadow: none;
  border: none;
  padding: 12px 0px;
  overflow: visible;
}

/* line 5190, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .claim-details-section {
  min-height: 0;
  height: auto;
  overflow: visible;
}

/* line 5195, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .claim-section-heading {
  position: relative;
  min-height: 48px;
  margin-bottom: 0;
}

/* line 5200, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .claim-section-heading .claim-section-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 12px;
  left: 16px;
  border-radius: 80px;
  opacity: 1;
  object-fit: contain;
}

/* line 5210, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .claim-section-heading .claim-details-label {
  position: absolute;
  white-space: nowrap;
  width: 159px;
  height: 16px;
  top: 20px;
  left: 56px;
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #171717;
  opacity: 1;
}

/* line 5227, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card #reasoning-content {
  position: relative;
  min-height: 0;
  height: auto;
  overflow: visible;
  padding-top: 75px;
  padding-left: 15px;
}

/* line 5235, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-status {
  position: absolute;
  top: 15px;
  left: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 1;
}

/* line 5245, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 4px;
  background: #dcfce7;
  color: #16a34a;
  font-size: 12px;
  line-height: 1;
}

/* line 5257, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-status-icon::after {
  content: '✓';
  font-weight: 700;
}

/* line 5262, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-status-text {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: #171717;
  opacity: 1;
}

/* line 5272, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-consistent-with {
  position: absolute;
  top: 50px;
  left: 16px;
  height: 14px;
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  color: #4c4c4c;
  opacity: 1;
}

/* line 5287, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-sources {
  margin: 0 0 1rem 0;
  padding-left: 1.25rem;
  list-style-type: disc;
  list-style-position: outside;
}

/* line 5293, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-source-line {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #4c4c4c;
  margin-bottom: 0.5rem;
}

/* line 5299, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-source-line strong {
  font-weight: 600;
  color: #171717;
}

/* line 5304, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-sources .ai-validator-source-line:last-child {
  margin-bottom: 0;
}

/* line 5307, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-verse {
  margin-left: 0.25em;
  color: #4c4c4c;
}

/* line 5311, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-verdict {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #4c4c4c;
}

/* line 5320, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-verdict-label {
  font-weight: 600;
  color: #171717;
}

/* line 5324, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-verdict-row {
  align-items: center;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}

/* line 5331, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-verdict-word {
  font-weight: 600;
  color: #171717;
}

/* line 5335, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-verdict-lsv-line {
  color: #4c4c4c;
  font-weight: 400;
}

/* line 5339, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-verdict-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 4px;
  background: #dcfce7;
  color: #16a34a;
  font-size: 14px;
  line-height: 1;
}

/* line 5351, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-verdict-icon::after {
  content: '✓';
  font-weight: 700;
}

/* line 5356, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-verdict-text {
  flex: 1;
  min-width: 0;
  font-weight: 400;
  color: #4c4c4c;
}

/* line 5361, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-verdict-text p {
  margin: 0 0 0.25rem 0;
  color: #4c4c4c;
}

/* line 5364, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-verdict-text p:last-child {
  margin-bottom: 0;
}

/* line 5368, app/assets/stylesheets/components/dashboard.scss */
.claim-details-ai-validator-card .ai-validator-verdict-text strong {
  font-weight: 600;
  color: #171717;
}

/* line 5375, app/assets/stylesheets/components/dashboard.scss */
.claim-details-peer-insight-card {
  position: relative;
  width: 628px;
  min-height: 124px;
  height: auto;
  margin-top: 24px;
  margin-left: 390px;
  border-radius: 8px;
  opacity: 1;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  padding: 12px 16px;
  padding-top: 48px;
  box-sizing: border-box;
  border: none;
}

/* line 5390, app/assets/stylesheets/components/dashboard.scss */
.claim-details-peer-insight-card .peer-insight-header {
  position: absolute;
  top: 15px;
  left: 56px;
}

/* line 5395, app/assets/stylesheets/components/dashboard.scss */
.claim-details-peer-insight-card .peer-insight-header .peer-insight-title {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.25;
  color: #171717;
}

/* line 5403, app/assets/stylesheets/components/dashboard.scss */
.claim-details-peer-insight-card .peer-insight-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 12px;
  left: 16px;
  border-radius: 80px;
  opacity: 1;
  object-fit: contain;
}

/* line 5413, app/assets/stylesheets/components/dashboard.scss */
.claim-details-peer-insight-card .peer-insight-body {
  padding-left: 0;
}

/* line 5416, app/assets/stylesheets/components/dashboard.scss */
.claim-details-peer-insight-card .peer-insight-quote {
  margin: 0 0 4px 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: #4c4c4c;
}

/* line 5424, app/assets/stylesheets/components/dashboard.scss */
.claim-details-peer-insight-card .peer-insight-attribution {
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.17;
  height: 14px;
  color: #161616;
  opacity: 1;
}

/* line 5436, app/assets/stylesheets/components/dashboard.scss */
.claim-details-publish-fact-card {
  width: 628px;
  margin-left: 390px;
  margin-top: 24px;
  min-height: 0;
  height: auto;
  border-radius: 8px;
  opacity: 1;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  padding: 12px 15px;
  border: none;
  box-sizing: border-box;
  overflow: visible;
}

/* line 5450, app/assets/stylesheets/components/dashboard.scss */
.claim-details-publish-fact-card .claim-publish-section {
  padding: 0;
  margin-top: 0;
  background: transparent;
  border-radius: 0;
}

/* line 5456, app/assets/stylesheets/components/dashboard.scss */
.claim-details-publish-fact-card .claim-section-heading {
  position: relative;
  min-height: 48px;
  margin-bottom: 12px;
}

/* line 5461, app/assets/stylesheets/components/dashboard.scss */
.claim-details-publish-fact-card .claim-section-heading .claim-section-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 12px;
  left: 16px;
  border-radius: 80px;
  opacity: 1;
  object-fit: contain;
}

/* line 5471, app/assets/stylesheets/components/dashboard.scss */
.claim-details-publish-fact-card .claim-section-heading .claim-details-label {
  position: absolute;
  top: 15px;
  left: 56px;
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #171717;
}

/* line 5484, app/assets/stylesheets/components/dashboard.scss */
.claim-details-publish-fact-card .publish-fact-actions {
  margin-top: 0;
  padding-left: 0;
}

/* line 5488, app/assets/stylesheets/components/dashboard.scss */
.claim-details-publish-fact-card .btn-publish-fact,
.claim-details-publish-fact-card .btn-unpublish-fact {
  border-radius: 8px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
}

/* line 5496, app/assets/stylesheets/components/dashboard.scss */
.claim-details-row {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 8px;
}

/* line 5502, app/assets/stylesheets/components/dashboard.scss */
.claim-details-badge.fact {
  background: #dcfce7;
  color: #16a34a;
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 8px;
  padding: 2px 12px;
  margin-right: 8px;
}

/* line 5511, app/assets/stylesheets/components/dashboard.scss */
.claim-details-date {
  color: #64748b;
  font-size: 0.97rem;
  margin-left: auto;
}

/* line 5516, app/assets/stylesheets/components/dashboard.scss */
.claim-details-title {
  font-size: 1.13rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 2px;
}

/* line 5522, app/assets/stylesheets/components/dashboard.scss */
.claim-details-label {
  font-size: 1.01rem;
  color: black;
  font-weight: 600;
  margin-bottom: 4px;
  display: block;
}

/* line 5529, app/assets/stylesheets/components/dashboard.scss */
.claim-details-content {
  font-size: 1.13rem;
  color: #23263b;
  font-weight: 700;
  margin-bottom: 2px;
}

/* line 5536, app/assets/stylesheets/components/dashboard.scss */
.claim-details-evidence {
  font-size: 1.01rem;
  color: #23263b;
  margin-bottom: 2px;
}

/* line 5541, app/assets/stylesheets/components/dashboard.scss */
.claim-details-reasoning {
  margin-top: 10px;
  background: #f8fafc;
  border-radius: 8px;
  padding: 12px 16px;
}

/* line 5547, app/assets/stylesheets/components/dashboard.scss */
.claim-details-reasoning-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
}

/* line 5553, app/assets/stylesheets/components/dashboard.scss */
.claim-details-source {
  font-size: 0.97rem;
  font-weight: 600;
  color: #2563eb;
}

/* line 5558, app/assets/stylesheets/components/dashboard.scss */
.claim-details-result {
  font-size: 0.97rem;
  font-weight: 600;
  color: #16a34a;
}

/* line 5563, app/assets/stylesheets/components/dashboard.scss */
.claim-details-reasoning-body {
  font-size: 1.01rem;
  color: #23263b;
}

/* line 5567, app/assets/stylesheets/components/dashboard.scss */
.claim-details-sources {
  display: flex;
  gap: 24px;
}

/* line 5571, app/assets/stylesheets/components/dashboard.scss */
.claim-details-primary, .claim-details-secondary {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 5576, app/assets/stylesheets/components/dashboard.scss */
.claim-details-source-label {
  font-size: 0.97rem;
  color: #64748b;
  font-weight: 600;
  margin-bottom: 2px;
}

/* line 5582, app/assets/stylesheets/components/dashboard.scss */
.claim-details-source-badge {
  background: #e0f2fe;
  color: #2563eb;
  font-size: 0.97rem;
  font-weight: 600;
  border-radius: 8px;
  padding: 2px 10px;
  margin-bottom: 2px;
  display: inline-block;
}

/* line 5592, app/assets/stylesheets/components/dashboard.scss */
.claim-details-source-badge.secondary {
  background: #fee2e2;
  color: #dc2626;
}

/* line 5596, app/assets/stylesheets/components/dashboard.scss */
.claim-details-source-badge.badge-true {
  background: #d1fae5;
  color: #16a34a;
}

/* line 5600, app/assets/stylesheets/components/dashboard.scss */
.claim-details-source-badge.badge-false {
  background: #fee2e2;
  color: #dc2626;
}

/* line 5604, app/assets/stylesheets/components/dashboard.scss */
.claim-details-source-badge.badge-unverifiable {
  background: #fef9c3;
  color: #b45309;
}

/* line 5608, app/assets/stylesheets/components/dashboard.scss */
.claim-details-source-badge.badge-default {
  background: #f3f4f6;
  color: #23263b;
}

/* line 5612, app/assets/stylesheets/components/dashboard.scss */
.claim-challenges {
  margin-top: 18px;
}

/* line 5616, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card {
  width: 628px;
  margin-left: 390px;
  margin-top: 24px;
  min-height: 270px;
  height: auto;
  border-radius: 8px;
  opacity: 1;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  padding: 12px 16px 16px;
  border: none;
  box-sizing: border-box;
  overflow: visible;
}

/* line 5631, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-block-title {
  margin: 0 0 1rem 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.3;
  color: #171717;
}

/* line 5640, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-list {
  margin-bottom: 1rem;
}

/* line 5644, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-card {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-bottom: 0;
  box-shadow: none;
}

/* line 5653, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-entry {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 0.5rem;
}

/* line 5660, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-user-avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: #e5e7eb;
}

/* line 5667, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-user-avatar .challenge-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 5674, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-entry-body {
  flex: 1;
  min-width: 0;
}

/* line 5679, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-user-name {
  display: block;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  color: #171717;
  margin-bottom: 2px;
}

/* line 5688, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-date {
  display: block;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  color: #6b7280;
  margin-bottom: 6px;
}

/* line 5697, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-text {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #171717;
  margin: 0;
}

/* line 5704, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-text p {
  margin: 0 0 0.25rem 0;
}

/* line 5704, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-text p:last-child {
  margin-bottom: 0;
}

/* line 5707, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-reasonings {
  margin-top: 0.75rem;
  margin-left: 52px;
}

/* line 5712, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-divider {
  height: 0;
  border: none;
  border-top: 1px solid #e5e7eb;
  margin: 0.75rem 0;
}

/* line 5719, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-form-wrapper {
  margin-top: 0.5rem;
}

/* line 5723, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-form {
  background: transparent;
  padding: 0;
  border: none;
  margin-top: 0;
  border-radius: 0;
}

/* line 5731, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-form-title {
  margin: 0 0 0.75rem 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #171717;
}

/* line 5739, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-form-row {
  display: flex;
  gap: 8px;
  margin-bottom: 0;
}

/* line 5745, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-form-avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: #e5e7eb;
}

/* line 5752, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-form-avatar .challenge-form-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 5759, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-form-field-wrap {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-left: 0;
}

/* line 5769, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-form-textarea {
  width: 548px;
  max-width: 100%;
  height: 44px;
  min-height: 44px;
  padding: 10px 1rem;
  border: 1px solid #d8d8d8;
  border-radius: 100px;
  opacity: 1;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  line-height: 20px;
  color: #171717;
  resize: none;
  box-sizing: border-box;
}

/* line 5784, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-form-textarea::placeholder {
  color: #9ca3af;
  font-style: normal;
}

/* line 5788, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-form-textarea:focus {
  border-color: #2196f3;
  outline: 0;
}

/* line 5794, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .claim-details-challenge-card .challenge-form-row .form-actions {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  flex-shrink: 0;
}

/* line 5801, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-submit-btn {
  position: relative;
  top: 10px;
  left: 424px;
  width: 123px;
  height: 45px;
  padding: 12px 30px;
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  opacity: 1;
  border: none;
  background: #2196f3;
  color: #ffffff;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  cursor: pointer;
  transition: background 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* line 5826, app/assets/stylesheets/components/dashboard.scss */
.claim-details-challenge-card .challenge-submit-btn:hover {
  background: #1976d2;
}

/* line 5832, app/assets/stylesheets/components/dashboard.scss */
.claim-rightbar {
  position: relative;
  left: 25px;
  top: 32px;
  width: 312px;
  min-width: 312px;
  max-width: 312px;
  padding: 0;
  align-self: flex-start;
  background: transparent;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 5848, app/assets/stylesheets/components/dashboard.scss */
.claim-rightbar .claim-sidebar-card {
  width: 312px;
  box-sizing: border-box;
}

/* line 5853, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
  padding: 18px;
  margin-bottom: 0;
}

/* line 5859, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #23263b;
  margin: 0 0 12px 0;
}

/* line 5867, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-profile-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 5872, app/assets/stylesheets/components/dashboard.scss */
a.claim-sidebar-profile-row {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* line 5877, app/assets/stylesheets/components/dashboard.scss */
a.claim-sidebar-profile-row:hover {
  color: inherit;
  text-decoration: none;
}

/* line 5882, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 5890, app/assets/stylesheets/components/dashboard.scss */
.claim-posted-by.claim-sidebar-card {
  height: 137px;
  min-height: 137px;
  border-radius: 8px;
  background: #FFFFFF;
  opacity: 1;
  box-sizing: border-box;
}

/* line 5897, app/assets/stylesheets/components/dashboard.scss */
.claim-posted-by.claim-sidebar-card .claim-sidebar-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  opacity: 1;
}

/* line 5905, app/assets/stylesheets/components/dashboard.scss */
.claim-verified-by.claim-sidebar-card .claim-sidebar-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  opacity: 1;
}

/* line 5911, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-profile-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 5916, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #171717;
}

/* line 5923, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-rating {
  font-size: 12px;
  line-height: 18px;
  color: #4C4C4C;
}

/* line 5928, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-rating::before {
  content: '★ ';
  color: #fbbf24;
  margin-right: 2px;
}

/* line 5934, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-verifier-entry {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
}

/* line 5939, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-verifier-entry:last-child {
  margin-bottom: 0;
}

/* line 5943, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-verifier-info {
  flex: 1;
  min-width: 0;
}

/* line 5947, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-name-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

/* line 5953, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-verified-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 5958, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-description {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #4C4C4C;
  margin: 0 0 8px 0;
}

/* line 5966, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-follow-btn {
  width: 106px;
  height: 30px;
  border-radius: 18px;
  padding: 12px 24px;
  gap: 8px;
  border: 1.5px solid #2196F3;
  background: #fff;
  color: #2196F3;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
  opacity: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

/* line 5986, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-follow-btn:hover:not(:disabled) {
  background: #E3F2FD;
  color: #1976D2;
  border-color: #1976D2;
}

/* line 5991, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-follow-btn:disabled {
  opacity: 0.7;
  cursor: default;
}

/* line 5997, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-source-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

/* line 6003, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-source-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 264px;
  height: 40px;
  padding: 12px 24px;
  border-radius: 30px;
  opacity: 1;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  transition: opacity 0.2s;
}

/* line 6019, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-source-pill:hover {
  opacity: 0.9;
}

/* line 6023, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-source-pill-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  object-fit: contain;
}

/* line 6029, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-source-pill--primary {
  background: #E5FFE8;
  color: #166534;
}

/* line 6033, app/assets/stylesheets/components/dashboard.scss */
.claim-sidebar-source-pill--secondary {
  background: #FFEAEA;
  color: #991b1b;
}

/* line 6039, app/assets/stylesheets/components/dashboard.scss */
.claim-verified-by.claim-sidebar-card, .claim-posted-by.claim-sidebar-card, .claim-primary-source.claim-sidebar-card, .claim-secondary-source.claim-sidebar-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
  padding: 18px;
  margin-bottom: 0;
}

/* line 6046, app/assets/stylesheets/components/dashboard.scss */
.claim-verified-by.claim-posted-by.claim-sidebar-card, .claim-posted-by.claim-posted-by.claim-sidebar-card, .claim-primary-source.claim-posted-by.claim-sidebar-card, .claim-secondary-source.claim-posted-by.claim-sidebar-card {
  border-radius: 8px;
}

/* line 6049, app/assets/stylesheets/components/dashboard.scss */
.claim-verified-by h3, .claim-posted-by h3, .claim-primary-source h3, .claim-secondary-source h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 24px;
}

/* line 6057, app/assets/stylesheets/components/dashboard.scss */
.claim-peer-insight {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
  padding: 18px 18px 18px 18px;
  margin-bottom: 12px;
}

/* line 6064, app/assets/stylesheets/components/dashboard.scss */
.claim-peer-insight h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 12px;
}

/* line 6070, app/assets/stylesheets/components/dashboard.scss */
.peer-insight-text {
  color: #64748b;
  font-size: 1.01rem;
  font-style: italic;
}

/* line 6076, app/assets/stylesheets/components/dashboard.scss */
.claim-section-divider {
  border-bottom: 1px solid #e5e7eb;
  margin: 18px 0 18px 0;
  width: 100%;
}

/* line 6082, app/assets/stylesheets/components/dashboard.scss */
.claim-section-heading {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 6089, app/assets/stylesheets/components/dashboard.scss */
#claim-form-wrapper {
  position: relative;
  background: #F4F2EE;
  min-height: calc(100vh - 4rem);
  padding: 1.5rem;
}

/* line 6096, app/assets/stylesheets/components/dashboard.scss */
.new-claim-main {
  position: absolute;
  left: 180px;
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  right: 1.5rem;
}

/* line 6104, app/assets/stylesheets/components/dashboard.scss */
.new-claim-center {
  flex: 2 2 560px;
  max-width: 692px;
  min-height: 550px;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

/* line 6116, app/assets/stylesheets/components/dashboard.scss */
.new-claim-header {
  padding: 1.5rem 1.5rem 0.75rem;
  border-bottom: 1px solid #f0f0f0;
}

/* line 6119, app/assets/stylesheets/components/dashboard.scss */
.new-claim-header h2 {
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #171717;
}

/* line 6127, app/assets/stylesheets/components/dashboard.scss */
.new-claim-content {
  flex: 1 1 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1.5rem 2rem;
}

/* line 6134, app/assets/stylesheets/components/dashboard.scss */
.new-claim-title {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
  color: #171717;
}

/* line 6141, app/assets/stylesheets/components/dashboard.scss */
.new-claim-field {
  margin-bottom: 1.25rem;
}

/* line 6144, app/assets/stylesheets/components/dashboard.scss */
.new-claim-field label {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #171717;
  margin-bottom: 0.5rem;
  display: block;
}

/* line 6152, app/assets/stylesheets/components/dashboard.scss */
.new-claim-input {
  width: 100%;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  padding: 12px 16px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  background: #FFFFFF;
  color: #171717;
  margin-top: 0.25rem;
  resize: none;
  transition: border 0.2s;
  box-sizing: border-box;
}

/* line 6167, app/assets/stylesheets/components/dashboard.scss */
.new-claim-input:focus {
  border-color: #2196F3;
  outline: none;
}

/* line 6171, app/assets/stylesheets/components/dashboard.scss */
.new-claim-char-count {
  text-align: right;
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  color: #939393;
  margin-top: 0.25rem;
}

/* line 6178, app/assets/stylesheets/components/dashboard.scss */
.new-claim-sources-section {
  margin-bottom: 32px;
}

/* line 6181, app/assets/stylesheets/components/dashboard.scss */
.new-claim-sources-label {
  font-size: 1.13rem;
  font-weight: 600;
  color: #23263b;
  margin-bottom: 10px;
}

/* line 6187, app/assets/stylesheets/components/dashboard.scss */
.new-claim-sources-list {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}

/* line 6192, app/assets/stylesheets/components/dashboard.scss */
.new-claim-sources-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.08rem;
  color: #23263b;
  margin-bottom: 6px;
}

/* line 6200, app/assets/stylesheets/components/dashboard.scss */
.source-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/assets/source-icon.png) no-repeat center center/contain;
  margin-right: 4px;
}

/* line 6207, app/assets/stylesheets/components/dashboard.scss */
.remove-source {
  color: #ef4444;
  font-size: 1.01rem;
  margin-left: 8px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}

/* line 6215, app/assets/stylesheets/components/dashboard.scss */
.remove-source:hover {
  color: #b91c1c;
}

/* line 6218, app/assets/stylesheets/components/dashboard.scss */
.new-claim-add-source {
  margin-top: 8px;
  position: relative;
}

/* line 6222, app/assets/stylesheets/components/dashboard.scss */
.add-source-btn {
  background: #fff;
  color: #2196F3;
  border: 1px solid #2196F3;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border 0.2s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 6237, app/assets/stylesheets/components/dashboard.scss */
.add-source-btn:hover {
  background: #2196F3;
  color: #fff;
}

/* line 6241, app/assets/stylesheets/components/dashboard.scss */
.add-source-dropdown {
  position: absolute;
  left: 0;
  top: 38px;
  min-width: 180px;
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.07);
  z-index: 10;
  padding: 8px 0;
}

/* line 6253, app/assets/stylesheets/components/dashboard.scss */
.dropdown-item {
  padding: 10px 18px;
  cursor: pointer;
  color: #23263b;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.08rem;
  transition: background 0.2s;
}

/* line 6263, app/assets/stylesheets/components/dashboard.scss */
.dropdown-empty {
  padding: 10px 18px;
  color: #64748b;
  font-size: 1.01rem;
}

/* line 6268, app/assets/stylesheets/components/dashboard.scss */
.new-claim-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

/* line 6275, app/assets/stylesheets/components/dashboard.scss */
.new-claim-cancel {
  background: #f3f4f6;
  color: #4C4C4C;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1.25rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

/* line 6287, app/assets/stylesheets/components/dashboard.scss */
.new-claim-cancel:hover {
  background: #e5e7eb;
  color: #171717;
}

/* line 6291, app/assets/stylesheets/components/dashboard.scss */
.new-claim-submit {
  background: #2196F3;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1.25rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: background 0.2s;
}

/* line 6306, app/assets/stylesheets/components/dashboard.scss */
.new-claim-submit:hover {
  background: #1976D2;
}

/* line 6309, app/assets/stylesheets/components/dashboard.scss */
.new-claim-rightbar {
  height: 550px;
  flex: 1 1 1px;
  min-width: 0;
  position: sticky;
  top: 1.5rem;
  align-self: flex-start;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* line 6324, app/assets/stylesheets/components/dashboard.scss */
.new-claim-rightbar .ai-chatbot-container,
.new-claim-rightbar .ai-evidence-chatbot-container {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* line 6332, app/assets/stylesheets/components/dashboard.scss */
.new-claim-rightbar .ai-chatbot-messages {
  flex: 1 1 0;
  min-height: 0;
  max-height: none;
}

/* line 6338, app/assets/stylesheets/components/dashboard.scss */
.new-claim-illustration {
  flex: 0 0 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 320px;
  margin-top: 32px;
}

/* line 6346, app/assets/stylesheets/components/dashboard.scss */
.new-claim-image {
  width: 100%;
  max-width: 420px;
  height: auto;
  display: block;
}

@media (max-width: 1100px) {
  /* line 6353, app/assets/stylesheets/components/dashboard.scss */
  .new-claim-main {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 6357, app/assets/stylesheets/components/dashboard.scss */
  .new-claim-center {
    max-width: 100%;
  }
  /* line 6360, app/assets/stylesheets/components/dashboard.scss */
  .new-claim-content {
    padding: 1.25rem 1.5rem 1.5rem;
  }
  /* line 6363, app/assets/stylesheets/components/dashboard.scss */
  .new-claim-rightbar {
    width: 100%;
    max-width: 100%;
    position: relative;
    top: 0;
  }
  /* line 6369, app/assets/stylesheets/components/dashboard.scss */
  .new-claim-illustration {
    margin-top: 0;
    min-width: 0;
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  /* line 6377, app/assets/stylesheets/components/dashboard.scss */
  #claim-form-wrapper {
    padding: 1rem;
  }
  /* line 6380, app/assets/stylesheets/components/dashboard.scss */
  .new-claim-main {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 6384, app/assets/stylesheets/components/dashboard.scss */
  .new-claim-center {
    max-width: 100%;
  }
  /* line 6387, app/assets/stylesheets/components/dashboard.scss */
  .new-claim-content {
    padding: 1rem 1rem 1.25rem;
  }
  /* line 6390, app/assets/stylesheets/components/dashboard.scss */
  .new-claim-rightbar {
    width: 100%;
    max-width: 100%;
    position: relative;
    top: 0;
  }
  /* line 6396, app/assets/stylesheets/components/dashboard.scss */
  .new-claim-illustration {
    margin-top: 0;
    min-width: 0;
    width: 100%;
    justify-content: flex-start;
  }
}

/* line 6404, app/assets/stylesheets/components/dashboard.scss */
.new-claim-field textarea[name='claim[evidence]'] {
  min-height: 180px;
}

@media (max-width: 768px) {
  /* line 6409, app/assets/stylesheets/components/dashboard.scss */
  .dashboard-container {
    padding-left: 60px;
  }
}

/* line 6414, app/assets/stylesheets/components/dashboard.scss */
.peers-pagination-wrap {
  padding: 1rem 1.5rem 1.5rem;
}

/* line 6418, app/assets/stylesheets/components/dashboard.scss */
.groups-group-row .groups-group-row-info {
  padding-left: 0;
}

/* line 6422, app/assets/stylesheets/components/dashboard.scss */
.groups-new-page {
  max-width: 32rem;
  margin: 2rem auto 3rem;
  padding: 0 1.5rem;
}

/* line 6428, app/assets/stylesheets/components/dashboard.scss */
.groups-new-card {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  padding: 2rem;
}

/* line 6436, app/assets/stylesheets/components/dashboard.scss */
.groups-new-title {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: #171717;
  margin: 0 0 0.5rem;
}

/* line 6444, app/assets/stylesheets/components/dashboard.scss */
.groups-new-subtitle {
  font-size: 0.9375rem;
  color: #64748b;
  margin: 0 0 1.5rem;
}

/* line 6450, app/assets/stylesheets/components/dashboard.scss */
.groups-new-errors {
  margin: 0 0 1rem;
  padding-left: 1.25rem;
  color: #b91c1c;
  font-size: 0.875rem;
}

/* line 6457, app/assets/stylesheets/components/dashboard.scss */
.groups-new-field {
  margin-bottom: 1.25rem;
}

/* line 6461, app/assets/stylesheets/components/dashboard.scss */
.groups-new-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.375rem;
}

/* line 6469, app/assets/stylesheets/components/dashboard.scss */
.groups-new-input,
.groups-new-textarea {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 0.625rem 0.875rem;
  font-size: 0.9375rem;
  font-family: inherit;
}

/* line 6479, app/assets/stylesheets/components/dashboard.scss */
.groups-new-textarea {
  resize: vertical;
  min-height: 6rem;
}

/* line 6484, app/assets/stylesheets/components/dashboard.scss */
.groups-new-help {
  margin: 0 0 0.625rem;
  color: #64748b;
  font-size: 0.8125rem;
}

/* line 6490, app/assets/stylesheets/components/dashboard.scss */
.groups-new-invite-list {
  max-height: 12rem;
  overflow-y: auto;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  background: #fff;
}

/* line 6499, app/assets/stylesheets/components/dashboard.scss */
.groups-new-invite-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.875rem;
  color: #1f2937;
  padding: 0.375rem 0;
}

/* line 6508, app/assets/stylesheets/components/dashboard.scss */
.groups-new-invite-checkbox {
  width: 1rem;
  height: 1rem;
}

/* line 6513, app/assets/stylesheets/components/dashboard.scss */
.groups-invite-picker {
  position: relative;
}

/* line 6517, app/assets/stylesheets/components/dashboard.scss */
.groups-invite-results {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
  max-height: 13rem;
  overflow-y: auto;
  z-index: 5;
}

/* line 6531, app/assets/stylesheets/components/dashboard.scss */
.groups-invite-result-item {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 0.6rem 0.75rem;
  cursor: pointer;
  display: block;
}

/* line 6541, app/assets/stylesheets/components/dashboard.scss */
.groups-invite-result-item:hover {
  background: #f8fafc;
}

/* line 6545, app/assets/stylesheets/components/dashboard.scss */
.groups-invite-result-title {
  color: #111827;
  font-size: 0.875rem;
}

/* line 6550, app/assets/stylesheets/components/dashboard.scss */
.groups-invite-result-subtitle {
  color: #6b7280;
  font-size: 0.75rem;
}

/* line 6555, app/assets/stylesheets/components/dashboard.scss */
.groups-invite-result-empty {
  color: #6b7280;
  cursor: default;
}

/* line 6560, app/assets/stylesheets/components/dashboard.scss */
.groups-invite-selected {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.65rem;
}

/* line 6567, app/assets/stylesheets/components/dashboard.scss */
.groups-invite-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 9999px;
  padding: 0.3rem 0.6rem;
}

/* line 6577, app/assets/stylesheets/components/dashboard.scss */
.groups-invite-chip-name {
  font-size: 0.8125rem;
  color: #1e3a8a;
}

/* line 6582, app/assets/stylesheets/components/dashboard.scss */
.groups-invite-chip-remove {
  border: 0;
  background: transparent;
  color: #1e3a8a;
  font-size: 0.875rem;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}

/* line 6592, app/assets/stylesheets/components/dashboard.scss */
.groups-invite-empty {
  color: #6b7280;
  font-size: 0.8125rem;
}

/* line 6597, app/assets/stylesheets/components/dashboard.scss */
.groups-new-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 1.5rem;
}

/* line 6605, app/assets/stylesheets/components/dashboard.scss */
.groups-new-cancel {
  color: #64748b;
  text-decoration: none;
  font-size: 0.9375rem;
}

/* line 6611, app/assets/stylesheets/components/dashboard.scss */
.groups-new-cancel:hover {
  color: #171717;
}

/* line 6615, app/assets/stylesheets/components/dashboard.scss */
.groups-new-submit {
  background: #2196f3;
  color: #fff;
  border: none;
  border-radius: 100px;
  padding: 0.625rem 1.5rem;
  font-weight: 500;
  font-size: 0.9375rem;
  cursor: pointer;
}

/* line 6626, app/assets/stylesheets/components/dashboard.scss */
.groups-new-submit:hover {
  background: #1976d2;
}

/* line 6630, app/assets/stylesheets/components/dashboard.scss */
.groups-show-back {
  display: inline-block;
  font-size: 0.875rem;
  color: #2196f3;
  text-decoration: none;
  margin-bottom: 0.75rem;
}

/* line 6638, app/assets/stylesheets/components/dashboard.scss */
.groups-show-meta {
  font-size: 0.9375rem;
  color: #64748b;
  margin: 0.25rem 0 0;
}

/* line 6644, app/assets/stylesheets/components/dashboard.scss */
.groups-show-leader-link {
  color: #2196f3;
  text-decoration: none;
}

/* line 6649, app/assets/stylesheets/components/dashboard.scss */
.groups-show-section {
  margin-bottom: 1.5rem;
}

/* line 6652, app/assets/stylesheets/components/dashboard.scss */
.groups-show-section:last-of-type {
  margin-bottom: 0;
}

/* line 6657, app/assets/stylesheets/components/dashboard.scss */
.groups-show-section-title {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  color: #171717;
  margin: 0 0 0.75rem;
  line-height: 1.25;
}

/* line 6666, app/assets/stylesheets/components/dashboard.scss */
.groups-show-description,
.groups-show-empty-desc {
  font-size: 0.9375rem;
  color: #475569;
  line-height: 1.5;
  margin: 0;
}

/* line 6674, app/assets/stylesheets/components/dashboard.scss */
.groups-show-description {
  margin-bottom: 0;
}

/* line 6678, app/assets/stylesheets/components/dashboard.scss */
.groups-show-section .groups-show-empty-desc {
  color: #94a3b8;
  font-style: italic;
}

/* line 6683, app/assets/stylesheets/components/dashboard.scss */
.groups-show-member-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 20rem;
  overflow-y: auto;
}

/* line 6691, app/assets/stylesheets/components/dashboard.scss */
.groups-show-member-row {
  border-bottom: 1px solid #f1f5f9;
}

/* line 6694, app/assets/stylesheets/components/dashboard.scss */
.groups-show-member-row:last-child {
  border-bottom: none;
}

/* line 6699, app/assets/stylesheets/components/dashboard.scss */
.groups-show-member-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}

/* line 6708, app/assets/stylesheets/components/dashboard.scss */
.groups-show-member-link:hover .groups-show-member-name {
  color: #2196f3;
}

/* line 6713, app/assets/stylesheets/components/dashboard.scss */
.groups-show-member-avatar {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 6721, app/assets/stylesheets/components/dashboard.scss */
.groups-show-member-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #171717;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

/* line 6733, app/assets/stylesheets/components/dashboard.scss */
.groups-show-member-badge {
  flex-shrink: 0;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #2196f3;
  background: #e3f2fd;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
}

/* line 6745, app/assets/stylesheets/components/dashboard.scss */
.groups-show-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid #e5e7eb;
}

/* line 6755, app/assets/stylesheets/components/dashboard.scss */
.groups-show-status {
  font-size: 0.875rem;
  color: #64748b;
}

/* line 6760, app/assets/stylesheets/components/dashboard.scss */
.groups-show-btn {
  margin: 0;
  border-radius: 100px;
  padding: 0.5rem 1.25rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  cursor: pointer;
  border: 1.5px solid transparent;
}

/* line 6771, app/assets/stylesheets/components/dashboard.scss */
.groups-show-btn--primary {
  background: #2196f3;
  color: #fff;
  border-color: #2196f3;
}

/* line 6776, app/assets/stylesheets/components/dashboard.scss */
.groups-show-btn--primary:hover {
  background: #1976d2;
  border-color: #1976d2;
}

/* line 6782, app/assets/stylesheets/components/dashboard.scss */
.groups-show-btn--secondary {
  background: #fff;
  color: #dc2626;
  border-color: #fecaca;
}

/* line 6787, app/assets/stylesheets/components/dashboard.scss */
.groups-show-btn--secondary:hover {
  background: #fef2f2;
  border-color: #f87171;
}

@media (min-width: 90.0625rem) {
  /* line 6795, app/assets/stylesheets/components/dashboard.scss */
  :root {
    --dashboard-wide-offset: calc((100vw - 90rem) / 2);
  }
  /* line 6799, app/assets/stylesheets/components/dashboard.scss */
  .dashboard-nav,
.dashboard-sources {
    left: calc(var(--dashboard-wide-offset) + 5rem);
  }
  /* line 6804, app/assets/stylesheets/components/dashboard.scss */
  body.collapsed-dashboard-nav .dashboard-nav,
body.collapsed-dashboard-nav .dashboard-sources {
    left: calc(var(--dashboard-wide-offset) + 80px);
  }
  /* line 6809, app/assets/stylesheets/components/dashboard.scss */
  .feed-list,
.notifications-page-main .notifications-page-header,
.notifications-page-main .notifications-block {
    left: calc(var(--dashboard-wide-offset) + 24.375rem);
  }
  /* line 6815, app/assets/stylesheets/components/dashboard.scss */
  .feed-rightbar .theories-who-to-follow,
.feed-rightbar .theories-top-picks,
.feed-rightbar .feed-top-picks {
    left: calc(var(--dashboard-wide-offset) + 65.5rem);
  }
}

/* line 1, app/assets/stylesheets/components/claims.scss */
body {
  background-color: #f2f2f2;
}

/* line 5, app/assets/stylesheets/components/claims.scss */
.validator-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  min-height: 70vh;
}

/* line 13, app/assets/stylesheets/components/claims.scss */
.evidence-source-badge {
  display: inline-block;
  background: #e0e7ff;
  color: black;
  font-weight: 600;
  border-radius: 16px;
  padding: 0.2em 1em;
  font-size: 1.05em;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
}

/* line 25, app/assets/stylesheets/components/claims.scss */
.validator-box {
  background-color: white;
  padding: 2.5rem;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 720px;
  width: 100%;
}

/* line 34, app/assets/stylesheets/components/claims.scss */
.validator-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 39, app/assets/stylesheets/components/claims.scss */
.validator-header h1 {
  font-size: 1.4rem;
  margin: 0;
  line-height: 1.2rem;
  font-weight: normal;
}

/* line 45, app/assets/stylesheets/components/claims.scss */
.validator-header h1 span {
  color: #888;
  font-weight: normal;
}

/* line 52, app/assets/stylesheets/components/claims.scss */
.claim-heading {
  color: #888;
  font-weight: normal;
}

/* line 57, app/assets/stylesheets/components/claims.scss */
h2 {
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
  color: #333;
}

/* line 63, app/assets/stylesheets/components/claims.scss */
.field {
  margin-bottom: 1rem;
}

/* line 66, app/assets/stylesheets/components/claims.scss */
.field .input-field {
  width: 100%;
  padding: 10px;
  font-size: 0.95rem;
  border-radius: 4px;
  border: 1px solid #ccc;
  resize: vertical;
  min-height: 80px;
}

/* line 77, app/assets/stylesheets/components/claims.scss */
.actions {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
  text-decoration: none;
}

/* line 84, app/assets/stylesheets/components/claims.scss */
.validator-button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 18px;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
}

/* line 94, app/assets/stylesheets/components/claims.scss */
span {
  color: #888;
  font-weight: normal;
}

/* line 100, app/assets/stylesheets/components/claims.scss */
.claims-container {
  max-width: 1200px;
  margin: 2rem auto;
  padding: 0 2rem;
}

/* line 106, app/assets/stylesheets/components/claims.scss */
.claims-header {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 2rem;
}

/* line 112, app/assets/stylesheets/components/claims.scss */
.claims-header h1 {
  font-size: 2rem;
  color: #0B0146;
  margin: 0;
}

/* line 119, app/assets/stylesheets/components/claims.scss */
.claims-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

/* line 126, app/assets/stylesheets/components/claims.scss */
.claim-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
  transition: all 0.2s ease;
  text-decoration: none;
  display: block;
  border: 1px solid transparent;
}

/* line 136, app/assets/stylesheets/components/claims.scss */
.claim-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-color: #e2e8f0;
}

/* line 143, app/assets/stylesheets/components/claims.scss */
.claim-card .claim-content .claim-text {
  font-size: 1rem;
  color: #1e293b;
  margin-bottom: 1rem;
  line-height: 1.5;
  overflow-wrap: break-word;
}

/* line 151, app/assets/stylesheets/components/claims.scss */
.claim-card .claim-content .badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 158, app/assets/stylesheets/components/claims.scss */
.claim-card .claim-content .badge-success {
  background: #E6F7ED;
  color: #027A48;
}

/* line 163, app/assets/stylesheets/components/claims.scss */
.claim-card .claim-content .badge-danger {
  background: #FEE4E2;
  color: #D92D20;
}

/* line 168, app/assets/stylesheets/components/claims.scss */
.claim-card .claim-content .badge-neutral {
  background: #EEF4FF;
  color: #175CD3;
}

/* line 176, app/assets/stylesheets/components/claims.scss */
.empty-state {
  text-align: center;
  padding: 4rem 0;
}

/* line 180, app/assets/stylesheets/components/claims.scss */
.empty-state p {
  color: #64748b;
  margin-bottom: 1.5rem;
  font-size: 1.1rem;
}

/* line 188, app/assets/stylesheets/components/claims.scss */
.pagination-container {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  padding: 1rem 0;
}

/* line 194, app/assets/stylesheets/components/claims.scss */
.pagination-container .pagination {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 199, app/assets/stylesheets/components/claims.scss */
.pagination-container .pagination span, .pagination-container .pagination a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  color: #64748b;
  text-decoration: none;
  transition: all 0.2s ease;
}

/* line 212, app/assets/stylesheets/components/claims.scss */
.pagination-container .pagination span:hover, .pagination-container .pagination a:hover {
  background-color: #f1f5f9;
  color: #1e293b;
}

/* line 217, app/assets/stylesheets/components/claims.scss */
.pagination-container .pagination span.current, .pagination-container .pagination a.current {
  background-color: #3b82f6;
  color: white;
}

/* line 222, app/assets/stylesheets/components/claims.scss */
.pagination-container .pagination span.gap, .pagination-container .pagination a.gap {
  background: none;
  cursor: default;
}

/* line 226, app/assets/stylesheets/components/claims.scss */
.pagination-container .pagination span.gap:hover, .pagination-container .pagination a.gap:hover {
  background: none;
  color: #64748b;
}

/* line 235, app/assets/stylesheets/components/claims.scss */
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: #2196F3;
  color: white;
  border-radius: 8px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s;
}

/* line 247, app/assets/stylesheets/components/claims.scss */
.btn-primary:hover {
  background-color: #2563eb;
  transform: translateY(-1px);
}

/* line 252, app/assets/stylesheets/components/claims.scss */
.btn-primary .btn-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

/* line 258, app/assets/stylesheets/components/claims.scss */
.btn-primary span {
  color: white;
  font-weight: 500;
}

/* line 264, app/assets/stylesheets/components/claims.scss */
.reasoning-section {
  margin-top: 2rem;
  padding: 1.5rem;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}

/* line 271, app/assets/stylesheets/components/claims.scss */
.reasoning-section h3 {
  color: #1d2430;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
}

/* line 278, app/assets/stylesheets/components/claims.scss */
.reasoning-section p {
  margin-bottom: 1rem;
  line-height: 1.6;
}

/* line 282, app/assets/stylesheets/components/claims.scss */
.reasoning-section p:last-child {
  margin-bottom: 0;
}

/* line 289, app/assets/stylesheets/components/claims.scss */
.new-claim-heading {
  color: white;
}

/* line 292, app/assets/stylesheets/components/claims.scss */
.my-claims-page {
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  background: #f4f2ee;
  min-height: 100vh;
}

/* line 299, app/assets/stylesheets/components/claims.scss */
.my-claims-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2rem 0 1.5rem 0;
}

/* line 306, app/assets/stylesheets/components/claims.scss */
.my-claims-title {
  position: absolute;
  width: 62px;
  height: 23px;
  top: 0;
  left: 390px;
  margin: 0;
  opacity: 1;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
}

/* line 323, app/assets/stylesheets/components/claims.scss */
.my-claims-header-actions {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

/* line 329, app/assets/stylesheets/components/claims.scss */
.my-claims-search-form {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  padding: 0.2rem 0.7rem;
}

/* line 338, app/assets/stylesheets/components/claims.scss */
.my-claims-search-input {
  border: none;
  outline: none;
  font-size: 1rem;
  padding: 0.5rem 0.3rem;
  background: transparent;
  width: 160px;
}

/* line 347, app/assets/stylesheets/components/claims.scss */
.my-claims-search-btn {
  background: none;
  border: none;
  color: #888;
  font-size: 1.1rem;
  cursor: pointer;
}

/* line 355, app/assets/stylesheets/components/claims.scss */
.my-claims-new-btn {
  background: #2196f3;
  color: #fff;
  border-radius: 8px;
  padding: 0.6rem 1.2rem;
  font-weight: 500;
  font-size: 1rem;
  text-decoration: none;
  transition: background 0.2s;
  border: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 369, app/assets/stylesheets/components/claims.scss */
.my-claims-new-btn:hover {
  background: #1769aa;
}

/* line 373, app/assets/stylesheets/components/claims.scss */
.my-claims-filter-bar {
  position: absolute;
  top: 45px;
  left: 390px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  opacity: 1;
}

/* line 384, app/assets/stylesheets/components/claims.scss */
.my-claims-filter-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 6px 24px;
  border-radius: 100px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.5%;
  text-decoration: none;
  background: #ffffff;
  color: #475865;
  font-weight: 400;
  transition: background 0.2s, color 0.2s;
  box-sizing: border-box;
}

/* line 402, app/assets/stylesheets/components/claims.scss */
.my-claims-filter-pill.active {
  background: #2196f333;
  color: #2196f3;
  font-weight: 500;
}

/* line 408, app/assets/stylesheets/components/claims.scss */
.my-claims-filter-pill:hover:not(.active) {
  background: #f5f5f5;
}

/* line 413, app/assets/stylesheets/components/claims.scss */
.my-claims-list .empty-state {
  margin: 0;
  margin-left: 0;
  text-align: left;
  padding: 0;
  align-self: flex-start;
  max-width: 42rem;
}

/* line 422, app/assets/stylesheets/components/claims.scss */
.my-claims-list .empty-state p {
  margin: 0;
  margin-bottom: 0;
  color: #64748b;
  font-size: 1rem;
  line-height: 1.5;
}

/* line 430, app/assets/stylesheets/components/claims.scss */
.my-claims-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 100px;
  margin-left: 360px;
}

/* line 438, app/assets/stylesheets/components/claims.scss */
.my-claims-page.claims-page-facts-tab .my-claim-card-wrapper {
  width: 975px;
  min-height: 210px;
  border-radius: 8px;
  opacity: 1;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

/* line 447, app/assets/stylesheets/components/claims.scss */
.my-claims-page.claims-page-facts-tab .my-claim-card-wrapper .feed-card-block {
  width: 100%;
  min-height: 210px;
  height: 100%;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid #f0f0f0;
}

/* line 457, app/assets/stylesheets/components/claims.scss */
.my-claims-page.claims-page-facts-tab .feed-card-block .feed-card-content {
  top: 50%;
  transform: translateY(-50%);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #4C4C4C;
}

/* line 469, app/assets/stylesheets/components/claims.scss */
.my-claims-page.claims-page-facts-tab .feed-card-block .feed-card-bottom-bar {
  top: 10.75rem;
}

/* line 473, app/assets/stylesheets/components/claims.scss */
.my-claims-page.claims-page-facts-tab .feed-card-block .feed-card-verified-by {
  left: 350px;
  right: auto;
}

/* line 478, app/assets/stylesheets/components/claims.scss */
.my-claims-page.claims-page-facts-tab .feed-card-block .feed-card-menu {
  left: 935px;
}

/* line 482, app/assets/stylesheets/components/claims.scss */
.my-claims-page.claims-page-facts-tab .feed-card-block .feed-card-fact-badge {
  display: flex;
  position: absolute;
  width: 3.5rem;
  height: 1.5rem;
  left: 1rem;
  border-radius: 1.75rem;
  padding: 3px 8px;
  background: #e5ffe8;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* line 496, app/assets/stylesheets/components/claims.scss */
.my-claims-page.claims-page-facts-tab .feed-card-block .feed-card-fact-badge-text {
  font-family: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #11ad24;
}

/* line 505, app/assets/stylesheets/components/claims.scss */
.my-claims-page.claims-page-facts-tab .feed-card-block .feed-card-divider {
  position: absolute;
  width: 943px;
  height: 0;
  top: 160px;
  left: 16px;
  opacity: 1;
  border: none;
  border-top: 1px solid #d8d8d8;
}

/* line 516, app/assets/stylesheets/components/claims.scss */
.my-claim-card {
  position: relative;
  width: 975px;
  min-height: 140px;
  height: auto;
  background: #fff;
  border-radius: 8px;
  opacity: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  padding: 10px 16px 12px 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border: 1px solid #f0f0f0;
  transition: box-shadow 0.2s, border 0.2s;
  box-sizing: border-box;
}

/* line 533, app/assets/stylesheets/components/claims.scss */
.my-claim-card:hover {
  box-shadow: 0 4px 16px rgba(33, 150, 243, 0.08);
  border: 1px solid #b3d7f6;
}

/* line 537, app/assets/stylesheets/components/claims.scss */
.my-claim-card.js-card-clickable {
  cursor: pointer;
}

/* line 541, app/assets/stylesheets/components/claims.scss */
.my-claim-card-header {
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0.4rem;
}

/* line 549, app/assets/stylesheets/components/claims.scss */
.my-claim-user {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
}

/* line 554, app/assets/stylesheets/components/claims.scss */
.my-claim-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  object-fit: cover;
  opacity: 1;
  flex-shrink: 0;
}

/* line 562, app/assets/stylesheets/components/claims.scss */
.my-claim-user-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 567, app/assets/stylesheets/components/claims.scss */
.my-claim-user-name-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

/* line 572, app/assets/stylesheets/components/claims.scss */
.my-claim-user-name {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #171717;
}

/* line 581, app/assets/stylesheets/components/claims.scss */
.my-claim-verified-icon {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
  flex-shrink: 0;
}

/* line 587, app/assets/stylesheets/components/claims.scss */
.my-claim-user-rating {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 1rem;
  letter-spacing: 0.05em;
}

/* line 594, app/assets/stylesheets/components/claims.scss */
.my-claim-stars {
  color: #fbbf24;
}

/* line 597, app/assets/stylesheets/components/claims.scss */
.my-claim-rating-value {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #919191;
}

/* line 607, app/assets/stylesheets/components/claims.scss */
.my-claim-badge {
  font-size: 0.98rem;
  font-weight: 500;
  border-radius: 16px;
  padding: 0.3rem 1.1rem;
  display: inline-block;
}

/* line 614, app/assets/stylesheets/components/claims.scss */
.my-claim-badge.ai-validated {
  width: 111px;
  min-width: 111px;
  height: 24px;
  border-radius: 28px;
  padding: 3px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #FFF8E9;
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: #F8A705;
}

/* line 633, app/assets/stylesheets/components/claims.scss */
.my-claim-badge.verification-pending {
  width: 136px;
  min-width: 136px;
  height: 24px;
  border-radius: 28px;
  padding: 3px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #E8FBFF;
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: #0E7490;
}

/* line 651, app/assets/stylesheets/components/claims.scss */
.my-claim-badge.verified {
  width: 90px;
  background: #e6f7ed;
  color: #27ae60;
}

/* line 656, app/assets/stylesheets/components/claims.scss */
.my-claim-badge.draft {
  background: #f5f5f5;
  color: #888;
}

/* line 661, app/assets/stylesheets/components/claims.scss */
.my-claim-content {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #4C4C4C;
  margin-bottom: 0.5rem;
  min-height: 40px;
  flex: 1;
  display: flex;
  align-items: center;
}

/* line 676, app/assets/stylesheets/components/claims.scss */
.my-claim-card-footer {
  display: flex;
  justify-content: flex-end;
  gap: 18px;
  align-items: center;
  margin-top: 0.25rem;
}

/* line 683, app/assets/stylesheets/components/claims.scss */
.my-claim-card.is-draft .my-claim-card-footer {
  position: absolute;
  top: 16px;
  left: 909px;
  gap: 10px;
  align-items: center;
  opacity: 1;
}

/* line 691, app/assets/stylesheets/components/claims.scss */
.my-claim-card.is-draft .my-claim-draft-icon {
  width: 20px;
  height: 20px;
  display: block;
  object-fit: contain;
}

/* line 697, app/assets/stylesheets/components/claims.scss */
.my-claim-card.is-draft .my-claim-edit-link,
.my-claim-card.is-draft .my-claim-delete-link {
  padding: 0;
  font-size: 0;
  margin: 0;
  line-height: 0;
}

/* line 704, app/assets/stylesheets/components/claims.scss */
.my-claim-card.is-draft .my-claim-edit-link i,
.my-claim-card.is-draft .my-claim-delete-link i {
  display: none;
}

/* line 708, app/assets/stylesheets/components/claims.scss */
.my-claim-edit-link {
  color: #2563eb;
  font-weight: 500;
  text-decoration: none;
  font-size: 1.01rem;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 18px;
}

/* line 718, app/assets/stylesheets/components/claims.scss */
.my-claim-edit-link i {
  color: #2563eb;
}

/* line 721, app/assets/stylesheets/components/claims.scss */
.my-claim-edit-link:hover {
  color: #1746a2;
}

/* line 724, app/assets/stylesheets/components/claims.scss */
.my-claim-delete-link {
  color: #ef4444;
  font-weight: 600;
  text-decoration: none;
  font-size: 1.01rem;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 0;
  cursor: pointer;
  transition: color 0.2s;
}

/* line 736, app/assets/stylesheets/components/claims.scss */
.my-claim-delete-link i {
  color: #ef4444;
}

/* line 739, app/assets/stylesheets/components/claims.scss */
.my-claim-delete-link:hover {
  color: #b91c1c;
}

/* line 743, app/assets/stylesheets/components/claims.scss */
.my-claim-make-public-btn {
  position: absolute;
  top: 16px;
  left: 858px;
  width: 101px;
  height: 28px;
  border-radius: 6px;
  padding: 8px 24px;
  border: none;
  gap: 10px;
  background: #2196F3;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  opacity: 1;
  white-space: nowrap;
}

/* line 769, app/assets/stylesheets/components/claims.scss */
.my-claim-make-public-btn:hover {
  background: #1976D2;
}

@media (max-width: 1100px) {
  /* line 774, app/assets/stylesheets/components/claims.scss */
  .my-claims-page.claims-page-facts-tab .my-claim-card-wrapper {
    width: 100%;
    max-width: 975px;
  }
  /* line 778, app/assets/stylesheets/components/claims.scss */
  .my-claim-card {
    width: 100%;
    max-width: 975px;
  }
  /* line 782, app/assets/stylesheets/components/claims.scss */
  .my-claims-list {
    margin-left: 1rem;
    gap: 1.2rem;
  }
}

/* line 788, app/assets/stylesheets/components/claims.scss */
.new-claim-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 32px;
}

/* line 796, app/assets/stylesheets/components/claims.scss */
.new-claim-actions-right {
  display: flex;
  gap: 12px;
  align-items: center;
}

/* line 802, app/assets/stylesheets/components/claims.scss */
.new-claim-save-draft {
  color: #2196F3;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  text-decoration: none;
  background: rgba(33, 150, 243, 0.08);
  border: 1px solid #2196F3;
  border-radius: 8px;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  transition: background 0.2s, color 0.2s, border 0.2s;
  cursor: pointer;
  display: inline-block;
}

/* line 816, app/assets/stylesheets/components/claims.scss */
.new-claim-save-draft:hover {
  background: #2196F3;
  color: #fff;
}

/* line 821, app/assets/stylesheets/components/claims.scss */
.delete-claim-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(30, 30, 30, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

/* line 832, app/assets/stylesheets/components/claims.scss */
.delete-claim-modal {
  width: 364px;
  height: 255px;
  background: #fff;
  border-radius: 8px;
  opacity: 1;
  box-shadow: 0 2px 16px rgba(30, 41, 59, 0.18);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 0;
  box-sizing: border-box;
}

/* line 846, app/assets/stylesheets/components/claims.scss */
.delete-claim-modal-close-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 47px;
  height: 43px;
  border: none;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 16.02px;
  background: #2E2E2E;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

/* line 862, app/assets/stylesheets/components/claims.scss */
.delete-claim-modal-close-icon {
  width: 13px;
  height: 14px;
  object-fit: contain;
  opacity: 1;
}

/* line 868, app/assets/stylesheets/components/claims.scss */
.delete-claim-modal-content {
  width: 288px;
  height: 104px;
  position: absolute;
  top: 43px;
  left: 38px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  opacity: 1;
}

/* line 880, app/assets/stylesheets/components/claims.scss */
.delete-claim-modal-icon-wrap {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  padding: 10px;
  gap: 10px;
  background: #FFF2F2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 892, app/assets/stylesheets/components/claims.scss */
.delete-claim-modal-icon {
  width: 30px;
  height: 30px;
  object-fit: contain;
  opacity: 1;
}

/* line 898, app/assets/stylesheets/components/claims.scss */
.delete-claim-modal-content .delete-claim-modal-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: #171717;
  margin: 0;
}

/* line 909, app/assets/stylesheets/components/claims.scss */
.delete-claim-modal-form {
  margin: 0;
  position: absolute;
  bottom: 43px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}

/* line 918, app/assets/stylesheets/components/claims.scss */
.delete-claim-modal-confirm {
  width: 140px;
  height: 45px;
  border-radius: 100px;
  padding: 12px 30px;
  border: none;
  gap: 10px;
  background: #FF1111;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: background 0.2s;
}

/* line 940, app/assets/stylesheets/components/claims.scss */
.delete-claim-modal-confirm:hover {
  background: #cc0e0e;
}

/* line 943, app/assets/stylesheets/components/claims.scss */
body.modal-open {
  overflow: hidden;
}

/* line 947, app/assets/stylesheets/components/claims.scss */
.publish-success-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(30, 30, 30, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2001;
}

/* line 958, app/assets/stylesheets/components/claims.scss */
.publish-success-modal {
  width: 421px;
  height: 354px;
  background: #fff;
  border-radius: 8px;
  opacity: 1;
  box-shadow: 0 2px 16px rgba(30, 41, 59, 0.18);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  box-sizing: border-box;
}

/* line 972, app/assets/stylesheets/components/claims.scss */
.publish-success-modal-close-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 47px;
  height: 43px;
  border: none;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 16.02px;
  background: #2E2E2E;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  opacity: 1;
}

/* line 989, app/assets/stylesheets/components/claims.scss */
.publish-success-modal-close-icon {
  width: 13px;
  height: 14px;
  object-fit: contain;
  opacity: 1;
}

/* line 995, app/assets/stylesheets/components/claims.scss */
.publish-success-modal-icon-block {
  width: 112px;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  opacity: 1;
}

/* line 1004, app/assets/stylesheets/components/claims.scss */
.publish-success-modal-icon {
  width: 80px;
  height: 80px;
  object-fit: contain;
  opacity: 1;
}

/* line 1010, app/assets/stylesheets/components/claims.scss */
.publish-success-modal-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: #171717;
  white-space: nowrap;
}

/* line 1021, app/assets/stylesheets/components/claims.scss */
.publish-success-modal-description {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: #808080;
  margin: 16px 24px 0;
}

/* line 1032, app/assets/stylesheets/components/claims.scss */
.publish-success-done-btn {
  width: 175px;
  height: 45px;
  margin-top: 24px;
  border-radius: 100px;
  padding: 12px 30px;
  border: none;
  gap: 10px;
  background: #2196F3;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  opacity: 1;
}

/* line 1055, app/assets/stylesheets/components/claims.scss */
.publish-success-done-btn:hover {
  background: #1976D2;
}

/* line 1059, app/assets/stylesheets/components/claims.scss */
.sources-columns {
  display: none;
  gap: 1rem;
  margin-top: 6rem;
  margin-left: 2rem;
}

/* line 1065, app/assets/stylesheets/components/claims.scss */
.sources-columns .sources-column {
  flex: 1;
  min-width: 250px;
  max-width: 400px;
  background: #f8f9fa;
  border-radius: 8px;
  padding: 1rem;
}

/* line 1073, app/assets/stylesheets/components/claims.scss */
.sources-columns .sources-column h3 {
  margin: 0 0 1rem;
  font-size: 1rem;
  color: #495057;
}

/* line 1079, app/assets/stylesheets/components/claims.scss */
.sources-columns .sources-column .sources-list {
  min-height: 100px;
  border: 2px dashed #dee2e6;
  border-radius: 6px;
  padding: 0.5rem;
}

/* line 1085, app/assets/stylesheets/components/claims.scss */
.sources-columns .sources-column .sources-list.dragover {
  background: #e9ecef;
  border-style: solid;
}

/* line 1093, app/assets/stylesheets/components/claims.scss */
.sources-list {
  min-height: 200px;
  border: 2px dashed #e2e8f0;
  border-radius: 0.375rem;
  padding: 1rem;
  background: white;
  transition: all 0.2s;
}

/* line 1101, app/assets/stylesheets/components/claims.scss */
.sources-list.dragover {
  background: #f8fafc;
  border-color: #3b82f6;
  border-style: solid;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* line 1108, app/assets/stylesheets/components/claims.scss */
.sources-list:empty::after {
  content: 'Drag sources here';
  display: block;
  text-align: center;
  color: #94a3b8;
  font-style: italic;
  padding: 2rem 0;
}

/* line 1118, app/assets/stylesheets/components/claims.scss */
.source-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  background: #f1f5f9;
  border-radius: 0.25rem;
  cursor: move;
  transition: all 0.2s;
  user-select: none;
}

/* line 1130, app/assets/stylesheets/components/claims.scss */
.source-item:hover {
  background: #e2e8f0;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 1136, app/assets/stylesheets/components/claims.scss */
.source-item.dragging {
  opacity: 0.5;
  transform: rotate(5deg);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* line 1142, app/assets/stylesheets/components/claims.scss */
.source-item span {
  font-size: 0.875rem;
  color: #334155;
  font-weight: 500;
}

/* line 1150, app/assets/stylesheets/components/claims.scss */
.primary-sources .sources-list {
  border-color: #3b82f6;
}

/* line 1154, app/assets/stylesheets/components/claims.scss */
.primary-sources h3 {
  color: #1d4ed8;
}

/* line 1160, app/assets/stylesheets/components/claims.scss */
.secondary-sources .sources-list {
  border-color: #64748b;
}

/* line 1164, app/assets/stylesheets/components/claims.scss */
.secondary-sources h3 {
  color: #475569;
}

/* line 1169, app/assets/stylesheets/components/claims.scss */
.new-claim-validate {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  background-color: #2196F3;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 1184, app/assets/stylesheets/components/claims.scss */
.new-claim-validate:hover {
  background-color: #1976D2;
}

/* line 1188, app/assets/stylesheets/components/claims.scss */
.new-claim-validate i {
  font-size: 1rem;
}

/* line 1193, app/assets/stylesheets/components/claims.scss */
.new-claim-field > label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 1199, app/assets/stylesheets/components/claims.scss */
.edit-btn {
  background: none;
  border: 1px solid #d1d5db;
  color: #374151;
  font-weight: 500;
  cursor: pointer;
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem;
  border-radius: 6px;
  line-height: 1.25rem;
  margin-left: 1rem;
}

/* line 1211, app/assets/stylesheets/components/claims.scss */
.edit-btn:hover {
  background-color: #f3f4f6;
}

/* line 1216, app/assets/stylesheets/components/claims.scss */
.processing-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 20000 !important;
}

/* line 1228, app/assets/stylesheets/components/claims.scss */
.processing-overlay.active {
  display: flex;
}

/* line 1232, app/assets/stylesheets/components/claims.scss */
.processing-overlay .loader-container {
  text-align: center;
}

/* line 1236, app/assets/stylesheets/components/claims.scss */
.processing-overlay .loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  margin: 0 auto 1rem;
}

/* line 1246, app/assets/stylesheets/components/claims.scss */
.processing-overlay .loader-text {
  color: #333;
  font-size: 1.1rem;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 1257, app/assets/stylesheets/components/claims.scss */
.clickable-source-badge {
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

/* line 1261, app/assets/stylesheets/components/claims.scss */
.clickable-source-badge:hover {
  background: #e0e7ff;
  text-decoration: underline;
}

/* line 1266, app/assets/stylesheets/components/claims.scss */
#dynamic-ai-response-section h3 {
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0.25rem 0.75rem;
  border-radius: 6px;
  display: inline-block;
}

/* line 1275, app/assets/stylesheets/components/claims.scss */
.evidence-box {
  position: relative;
  margin-bottom: 18px;
  padding-top: 0;
}

/* line 1281, app/assets/stylesheets/components/claims.scss */
.remove-evidence-btn {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  border: 1.5px solid #ef4444;
  background: transparent;
  color: #ef4444;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 1.3rem;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  z-index: 2;
}

/* line 1297, app/assets/stylesheets/components/claims.scss */
.remove-evidence-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 1301, app/assets/stylesheets/components/claims.scss */
.remove-evidence-btn:hover:not(:disabled) {
  background: #fff0f0;
  color: #fff;
  border-color: #ef4444;
  background: #ef4444;
}

/* line 1308, app/assets/stylesheets/components/claims.scss */
.evidence-box-top {
  display: block;
  min-height: 0;
}

/* line 1313, app/assets/stylesheets/components/claims.scss */
#evidence-controls {
  margin-bottom: 1rem;
}

/* line 1317, app/assets/stylesheets/components/claims.scss */
.add-evidence-btn {
  background: #2196F3;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 1332, app/assets/stylesheets/components/claims.scss */
.add-evidence-btn:hover {
  background: #1976D2;
}

/* line 1336, app/assets/stylesheets/components/claims.scss */
.add-evidence-btn i {
  font-size: 1rem;
}

/* line 1341, app/assets/stylesheets/components/claims.scss */
#evidence-type-selector {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* line 1350, app/assets/stylesheets/components/claims.scss */
.evidence-type-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.75rem;
}

/* line 1356, app/assets/stylesheets/components/claims.scss */
.evidence-type-option {
  background: #FFFFFF;
  color: #171717;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 1371, app/assets/stylesheets/components/claims.scss */
.evidence-type-option:hover {
  background: rgba(33, 150, 243, 0.08);
  border-color: #2196F3;
  border-color: #3b82f6;
  color: #3b82f6;
}

/* line 1378, app/assets/stylesheets/components/claims.scss */
.evidence-type-option i {
  font-size: 1rem;
}

/* line 1383, app/assets/stylesheets/components/claims.scss */
.evidence-unit {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 1rem;
  overflow: hidden;
}

/* line 1390, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-unit-header {
  background: #3b82f6;
  color: white;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background 0.2s;
}

/* line 1400, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-unit-header:hover {
  background: #2563eb;
}

/* line 1404, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-unit-header .evidence-unit-title {
  font-weight: 600;
  font-size: 1rem;
}

/* line 1409, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-unit-header .evidence-unit-actions {
  display: flex;
  gap: 0.5rem;
}

/* line 1414, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-unit-header .remove-evidence-unit-btn {
  background: #ef4444;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  cursor: pointer;
}

/* line 1423, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-unit-header .remove-evidence-unit-btn:hover {
  background: #dc2626;
}

/* line 1428, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-unit-header .toggle-evidence-unit-btn {
  background: transparent;
  color: white;
  border: none;
  padding: 0.25rem;
  cursor: pointer;
  transition: transform 0.2s;
}

/* line 1436, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-unit-header .toggle-evidence-unit-btn.collapsed {
  transform: rotate(-90deg);
}

/* line 1442, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-unit-content {
  padding: 1rem;
  display: none;
}

/* line 1446, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-unit-content.expanded {
  display: block;
}

/* line 1451, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-sections {
  margin-bottom: 1rem;
}

/* line 1455, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  margin-bottom: 0.75rem;
  overflow: hidden;
}

/* line 1462, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-header {
  background: #f1f5f9;
  padding: 0.75rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background 0.2s;
}

/* line 1471, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-header:hover {
  background: #e2e8f0;
}

/* line 1475, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-header .evidence-section-title {
  font-weight: 600;
  color: #374151;
  text-transform: capitalize;
}

/* line 1481, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-header .evidence-section-actions {
  display: flex;
  gap: 0.5rem;
}

/* line 1486, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-header .remove-section-btn {
  background: #ef4444;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  cursor: pointer;
}

/* line 1495, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-header .remove-section-btn:hover {
  background: #dc2626;
}

/* line 1500, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-header .toggle-section-btn {
  background: transparent;
  color: #6b7280;
  border: none;
  padding: 0.25rem;
  cursor: pointer;
  transition: transform 0.2s;
}

/* line 1508, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-header .toggle-section-btn.collapsed {
  transform: rotate(-90deg);
}

/* line 1514, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-content {
  padding: 1rem;
  display: none;
}

/* line 1518, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-content.expanded {
  display: block;
}

/* line 1523, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-details {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 0.75rem;
  font-size: 0.875rem;
  margin-top: 0.75rem;
}

/* line 1531, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-details .detail-row {
  display: flex;
  margin-bottom: 0.5rem;
}

/* line 1535, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-details .detail-row:last-child {
  margin-bottom: 0;
}

/* line 1539, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-details .detail-row .detail-label {
  font-weight: 600;
  color: #374151;
  min-width: 100px;
}

/* line 1545, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section .evidence-section-details .detail-row .detail-value {
  color: #6b7280;
  flex: 1;
}

/* line 1553, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section-options {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}

/* line 1561, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section-options .add-section-btn {
  background: #10b981;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 1575, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section-options .add-section-btn:hover {
  background: #059669;
}

/* line 1579, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section-options .add-section-btn:disabled {
  background: #9ca3af;
  cursor: not-allowed;
}

/* line 1584, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section-options .add-section-btn i {
  font-size: 0.75rem;
}

/* line 1590, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section-loading {
  text-align: center;
  padding: 1rem;
  color: #6b7280;
  font-style: italic;
}

/* line 1597, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section-placeholder {
  text-align: center;
  padding: 1rem;
  color: #6b7280;
  font-style: italic;
  background: #f9fafb;
  border: 1px dashed #d1d5db;
  border-radius: 8px;
  margin: 0.5rem;
}

/* line 1608, app/assets/stylesheets/components/claims.scss */
.evidence-unit .evidence-section-text {
  color: #374151;
  line-height: 1.5;
  margin-bottom: 0.75rem;
  white-space: pre-wrap;
}

/* line 1616, app/assets/stylesheets/components/claims.scss */
.add-evidence-btn {
  display: inline-block;
  background: #2196F3;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  margin-top: 0.5rem;
  transition: background 0.2s, color 0.2s;
}

/* line 1630, app/assets/stylesheets/components/claims.scss */
.add-evidence-btn:hover {
  background: #1976D2;
  color: #fff;
}

/* line 1635, app/assets/stylesheets/components/claims.scss */
.ai-chatbot-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  background: #FFFFFF;
  padding: 1rem 1.25rem 1rem;
  min-height: 400px;
  border-top: 1px solid #f0f0f0;
}

/* line 1645, app/assets/stylesheets/components/claims.scss */
.ai-chatbot-header {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #171717;
  margin-bottom: 0.75rem;
  text-align: center;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #f0f0f0;
}

/* line 1655, app/assets/stylesheets/components/claims.scss */
.ai-chatbot-messages {
  flex: 1 1 0;
  overflow-y: auto;
  margin-bottom: 0.75rem;
  max-height: 320px;
  padding-right: 4px;
}

/* line 1662, app/assets/stylesheets/components/claims.scss */
.ai-chatbot-message {
  margin-bottom: 0.5rem;
  padding: 0.625rem 0.875rem;
  border-radius: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  max-width: 90%;
  word-break: break-word;
}

/* line 1672, app/assets/stylesheets/components/claims.scss */
.ai-chatbot-message.user {
  background: #2196F3;
  color: #fff;
  align-self: flex-end;
  margin-left: auto;
}

/* line 1678, app/assets/stylesheets/components/claims.scss */
.ai-chatbot-message.ai {
  background: rgba(33, 150, 243, 0.08);
  color: #171717;
  border: 1px solid rgba(33, 150, 243, 0.2);
  align-self: flex-start;
  margin-right: auto;
}

/* line 1685, app/assets/stylesheets/components/claims.scss */
.ai-chatbot-input-row {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 1690, app/assets/stylesheets/components/claims.scss */
.ai-chatbot-input {
  flex: 1 1 0;
  border: 1px solid #E2E2E2;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  color: #171717;
  outline: none;
  transition: border 0.2s;
}

/* line 1701, app/assets/stylesheets/components/claims.scss */
.ai-chatbot-input:focus {
  border-color: #2196F3;
}

/* line 1704, app/assets/stylesheets/components/claims.scss */
.ai-chatbot-input::placeholder {
  color: #939393;
}

/* line 1707, app/assets/stylesheets/components/claims.scss */
.ai-chatbot-send {
  background: #2196F3;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}

/* line 1719, app/assets/stylesheets/components/claims.scss */
.ai-chatbot-send:hover {
  background: #1976D2;
}

/* line 1723, app/assets/stylesheets/components/claims.scss */
.ai-evidence-chatbot-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  background: #FFFFFF;
  padding: 1rem 1.25rem 1rem;
  min-height: 400px;
  border-top: 1px solid #f0f0f0;
}

/* line 1734, app/assets/stylesheets/components/claims.scss */
.claim-evidence-block {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
  font-size: 1rem;
  line-height: 1.7;
}

/* line 1744, app/assets/stylesheets/components/claims.scss */
.claim-evidence-block:last-child {
  margin-bottom: 0;
  padding: 0px;
}

/* line 1749, app/assets/stylesheets/components/claims.scss */
.claim-evidence-block div {
  margin-bottom: 0.25rem;
}

/* line 1753, app/assets/stylesheets/components/claims.scss */
.claim-evidence-block div:last-child {
  margin-bottom: 0;
}

/* line 1757, app/assets/stylesheets/components/claims.scss */
.source-badge {
  display: inline-block;
  background: #e0e7ff;
  color: #374151;
  font-weight: 500;
  border-radius: 12px;
  padding: 0.25em 0.75em;
  font-size: 0.875rem;
  margin-right: 0.5em;
  margin-bottom: 0.25em;
}

/* line 1770, app/assets/stylesheets/components/claims.scss */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.45);
  justify-content: center;
  align-items: center;
}

/* line 1780, app/assets/stylesheets/components/claims.scss */
.modal .modal-content {
  background: #fff;
  border-radius: 18px;
  padding: 4rem 4rem 3rem 4rem;
  max-width: 900px;
  width: 100%;
  min-height: 480px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.18);
  position: relative;
  text-align: center;
}

/* line 1792, app/assets/stylesheets/components/claims.scss */
.modal .close {
  position: absolute;
  top: 18px;
  right: 22px;
  font-size: 1.5rem;
  color: #888;
  cursor: pointer;
  background: none;
  border: none;
  z-index: 2;
}

/* line 1804, app/assets/stylesheets/components/claims.scss */
.modal h3 {
  font-size: 2rem;
  font-weight: 700;
  color: #181848;
  margin-bottom: 1.2rem;
  letter-spacing: -1px;
}

/* line 1812, app/assets/stylesheets/components/claims.scss */
.modal textarea.form-control {
  width: 100%;
  min-height: 220px;
  border-radius: 10px;
  border: 1.5px solid #e5e7eb;
  padding: 1.5rem 1.5rem;
  font-size: 1.25rem;
  margin-bottom: 2rem;
  background: #f8fafc;
  color: #23263b;
  resize: vertical;
  transition: border 0.2s;
}

/* line 1826, app/assets/stylesheets/components/claims.scss */
.modal textarea.form-control:focus {
  border-color: #2563eb;
  outline: none;
  background: #fff;
}

/* line 1832, app/assets/stylesheets/components/claims.scss */
.modal .form-actions {
  margin-top: 0.5rem;
}

/* line 1836, app/assets/stylesheets/components/claims.scss */
.btn-challenge-evidence {
  display: inline-block;
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 7px 18px;
  font-size: 1.02rem;
  font-weight: 600;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 2px;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08);
}

/* line 1852, app/assets/stylesheets/components/claims.scss */
.btn-challenge-evidence:hover, .btn-challenge-evidence:focus {
  background: #1746b0;
  color: #fff;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.13);
}

/* line 1858, app/assets/stylesheets/components/claims.scss */
.modal .btn-primary {
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 22px;
  font-size: 1.08rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  margin-top: 0.5rem;
}

/* line 1871, app/assets/stylesheets/components/claims.scss */
.modal .btn-primary:hover, .modal .btn-primary:focus {
  background: #1746b0;
  color: #fff;
}

/* line 1876, app/assets/stylesheets/components/claims.scss */
.evidence-modal-label {
  font-weight: 600;
  color: #23263b;
  margin-bottom: 0.3rem;
  display: block;
  text-align: left;
  font-size: 1.08rem;
  letter-spacing: 0.01em;
}

/* line 1886, app/assets/stylesheets/components/claims.scss */
.evidence-modal-evidence-text {
  margin-bottom: 1.2rem;
  background: #f3f4f6;
  color: #23263b;
  resize: none;
}

/* line 1893, app/assets/stylesheets/components/claims.scss */
.claim-publish-section {
  padding: 1.5rem;
  background: #f8fafc;
  border-radius: 8px;
  margin-top: 1rem;
}

/* line 1899, app/assets/stylesheets/components/claims.scss */
.claim-publish-section .claim-section-heading {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 1904, app/assets/stylesheets/components/claims.scss */
.claim-publish-section .claim-section-heading .claim-section-icon {
  width: 24px;
  height: 24px;
  margin-right: 0.75rem;
}

/* line 1910, app/assets/stylesheets/components/claims.scss */
.claim-publish-section .claim-section-heading h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #1d2430;
}

/* line 1918, app/assets/stylesheets/components/claims.scss */
.claim-publish-section .publish-fact-actions {
  display: flex;
  justify-content: flex-start;
}

/* line 1923, app/assets/stylesheets/components/claims.scss */
.claim-publish-section .btn-publish-fact {
  background: #10b981;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 1937, app/assets/stylesheets/components/claims.scss */
.claim-publish-section .btn-publish-fact:hover {
  background: #059669;
}

/* line 1941, app/assets/stylesheets/components/claims.scss */
.claim-publish-section .btn-publish-fact:disabled {
  background: #9ca3af;
  cursor: not-allowed;
}

/* line 1946, app/assets/stylesheets/components/claims.scss */
.claim-publish-section .btn-publish-fact i {
  font-size: 0.9rem;
}

/* line 1951, app/assets/stylesheets/components/claims.scss */
.claim-publish-section .btn-unpublish-fact {
  background: #ef4444;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 1965, app/assets/stylesheets/components/claims.scss */
.claim-publish-section .btn-unpublish-fact:hover {
  background: #dc2626;
}

/* line 1969, app/assets/stylesheets/components/claims.scss */
.claim-publish-section .btn-unpublish-fact:disabled {
  background: #9ca3af;
  cursor: not-allowed;
}

/* line 1974, app/assets/stylesheets/components/claims.scss */
.claim-publish-section .btn-unpublish-fact i {
  font-size: 0.9rem;
}

/* line 1980, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal {
  max-width: 800px;
  max-height: 80vh;
  overflow-y: auto;
  text-align: left;
}

/* line 1986, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal h3 {
  margin-bottom: 1.5rem;
  color: #1d2430;
}

/* line 1991, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-section-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1.5rem 0 1rem 0;
  color: #374151;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 2001, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claims-list {
  margin-bottom: 1.5rem;
}

/* line 2005, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-item {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
}

/* line 2012, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-item:last-child {
  margin-bottom: 0;
}

/* line 2017, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

/* line 2024, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-header .duplicate-claim-user strong {
  color: #1d2430;
  font-weight: 600;
}

/* line 2029, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-header .duplicate-claim-user .duplicate-claim-date {
  color: #6b7280;
  font-size: 0.875rem;
  margin-left: 0.5rem;
}

/* line 2037, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-header .duplicate-claim-similarity .similarity-badge {
  background: #3b82f6;
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 2048, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-content {
  color: #374151;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}

/* line 2054, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-evidence {
  margin-bottom: 0.75rem;
}

/* line 2057, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-evidence strong {
  color: #374151;
  font-weight: 600;
}

/* line 2062, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-evidence .evidence-item {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: white;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
}

/* line 2069, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-evidence .evidence-item h5 {
  margin: 0 0 0.75rem 0;
  color: #374151;
  font-weight: 600;
  font-size: 1rem;
}

/* line 2076, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-evidence .evidence-item .evidence-detail {
  margin-bottom: 0.5rem;
}

/* line 2079, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-evidence .evidence-item .evidence-detail strong {
  color: #6b7280;
  font-weight: 600;
}

/* line 2085, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-evidence .evidence-item .evidence-sources {
  margin-bottom: 0.25rem;
}

/* line 2088, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-evidence .evidence-item .evidence-sources .source-badge {
  background: #e0e7ff;
  color: #374151;
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  font-size: 0.75rem;
  margin-right: 0.25rem;
}

/* line 2098, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-evidence .evidence-item .evidence-content {
  color: #6b7280;
  font-size: 0.875rem;
  line-height: 1.4;
}

/* line 2106, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-actions {
  text-align: right;
}

/* line 2109, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-actions .btn-outline {
  background: transparent;
  border: 1px solid #3b82f6;
  color: #3b82f6;
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  font-size: 0.875rem;
  text-decoration: none;
}

/* line 2118, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-claim-actions .btn-outline:hover {
  background: #3b82f6;
  color: white;
}

/* line 2125, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-actions {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}

/* line 2133, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-actions .btn {
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background 0.2s;
}

/* line 2141, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-actions .btn.btn-primary {
  background: #3b82f6;
  color: white;
}

/* line 2145, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-actions .btn.btn-primary:hover {
  background: #2563eb;
}

/* line 2150, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-actions .btn.btn-secondary {
  background: #6b7280;
  color: white;
}

/* line 2154, app/assets/stylesheets/components/claims.scss */
.duplicate-claims-modal .duplicate-actions .btn.btn-secondary:hover {
  background: #4b5563;
}

/* line 2162, app/assets/stylesheets/components/claims.scss */
.duplicate-warning {
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 16px 0;
  color: #991b1b;
  font-size: 14px;
  line-height: 1.5;
}

/* line 2172, app/assets/stylesheets/components/claims.scss */
.duplicate-warning i {
  margin-right: 8px;
}

/* line 2, app/assets/stylesheets/components/home.scss */
.hero-section {
  padding: 0 5%;
  background: white;
  position: relative;
  overflow: hidden;
  height: 35rem;
}

/* line 9, app/assets/stylesheets/components/home.scss */
.hero-section::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 141%;
  background-image: url(/assets/blue_vector.png);
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 15rem;
  right: 60rem;
  opacity: 0.5;
}

@media (max-width: 768px) {
  /* line 2, app/assets/stylesheets/components/home.scss */
  .hero-section {
    height: auto;
    min-height: 35vh;
    padding: 4rem 5% 5rem;
  }
}

/* line 28, app/assets/stylesheets/components/home.scss */
.hero-section::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 300px;
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='300' viewBox='0 0 1440 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 300C240 300 240 250 480 250C720 250 720 300 960 300C1200 300 1200 250 1440 250' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 275C240 275 240 225 480 225C720 225 720 275 960 275C1200 275 1200 225 1440 225' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 250C240 250 240 200 480 200C720 200 720 250 960 250C1200 250 1200 200 1440 200' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 225C240 225 240 175 480 175C720 175 720 225 960 225C1200 225 1200 175 1440 175' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 200C240 200 240 150 480 150C720 150 720 200 960 200C1200 200 1200 150 1440 150' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 175C240 175 240 125 480 125C720 125 720 175 960 125C1200 175 1200 125 1440 125' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 150C240 150 240 100 480 100C720 100 720 150 960 150C1200 150 1200 100 1440 100' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 125C240 125 240 75 480 75C720 75 720 125 960 125C1200 125 1200 75 1440 75' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 100C240 100 240 50 480 50C720 50 720 100 960 100C1200 100 1200 50 1440 50' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 75C240 75 240 25 480 25C720 25 720 75 960 75C1200 75 1200 25 1440 25' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 50C240 50 240 0 480 0C720 0 720 50 960 50C1200 50 1200 0 1440 0' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.65;
  pointer-events: none;
  z-index: 1;
}

/* line 44, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 5%;
  background: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

@media (max-width: 768px) {
  /* line 44, app/assets/stylesheets/components/home.scss */
  .hero-section .nav-container {
    padding: 1rem 5%;
  }
}

/* line 62, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container .logo h3 {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
}

/* line 67, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container .logo .nav-logo {
  height: 50px;
}

/* line 72, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 0.25rem;
  cursor: pointer;
  padding: 0.5rem;
  z-index: 101;
  background: transparent;
  border: none;
  outline: none;
  position: relative;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 768px) {
  /* line 72, app/assets/stylesheets/components/home.scss */
  .hero-section .nav-container .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* line 92, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container .menu-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #1d2430;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform-origin: center;
  position: relative;
}

/* line 101, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container .menu-toggle span + span {
  margin-top: 5px;
}

/* line 108, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container .menu-toggle.active span:first-child {
  transform: translateY(0);
}

/* line 111, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container .menu-toggle.active span:nth-child(2) {
  opacity: 0.5;
}

/* line 114, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container .menu-toggle.active span:last-child {
  transform: translateY(0);
}

/* line 121, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container .nav-buttons {
  display: flex;
  gap: 1rem;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 121, app/assets/stylesheets/components/home.scss */
  .hero-section .nav-container .nav-buttons {
    position: fixed;
    top: 0;
    right: -100%;
    width: 250px;
    height: 100vh;
    background: white;
    flex-direction: column;
    padding: 5rem 2rem;
    transition: transform 0.3s ease;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    z-index: 100;
    transform: translateX(100%);
  }
  /* line 140, app/assets/stylesheets/components/home.scss */
  .hero-section .nav-container .nav-buttons.active {
    transform: translateX(0);
    right: 0;
  }
  /* line 145, app/assets/stylesheets/components/home.scss */
  .hero-section .nav-container .nav-buttons .btn-secondary, .hero-section .nav-container .nav-buttons .btn-primary {
    width: 100%;
    text-align: center;
    margin: 0.5rem 0;
  }
}

/* line 152, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container .nav-buttons .btn-secondary {
  padding: 0.75rem 1.5rem;
  background: white;
  border: 1px solid rgba(7, 6, 6, 0.86);
  border-radius: 8px;
  color: #1d2430;
  text-decoration: none;
  transition: all 0.2s ease;
  font-weight: 700;
}

/* line 162, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container .nav-buttons .btn-secondary:hover {
  background: #f8f9fa;
}

/* line 167, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container .nav-buttons .btn-primary {
  padding: 0.75rem 1.5rem;
  background: #2196F3;
  border-radius: 8px;
  color: white;
  text-decoration: none;
  transition: all 0.2s ease;
  font-weight: 500;
}

/* line 176, app/assets/stylesheets/components/home.scss */
.hero-section .nav-container .nav-buttons .btn-primary:hover {
  background: #1976D2;
}

@media (max-width: 768px) {
  /* line 183, app/assets/stylesheets/components/home.scss */
  .hero-section .nav-container .menu-toggle {
    display: flex;
  }
}

/* line 189, app/assets/stylesheets/components/home.scss */
.hero-section .main-content {
  padding-top: 6rem;
  max-width: 800px;
  margin: 8rem auto 0;
  text-align: center;
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  /* line 189, app/assets/stylesheets/components/home.scss */
  .hero-section .main-content {
    margin: 3rem auto 0;
    padding: 2rem 1rem;
  }
}

/* line 202, app/assets/stylesheets/components/home.scss */
.hero-section .main-content h1 {
  font-size: 64px;
  line-height: 1.2;
  color: #0A1929;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  /* line 202, app/assets/stylesheets/components/home.scss */
  .hero-section .main-content h1 {
    font-size: 40px;
    margin-top: 2rem;
  }
}

/* line 214, app/assets/stylesheets/components/home.scss */
.hero-section .main-content p {
  font-size: 24px;
  line-height: 1.5;
  color: #42526E;
  margin-bottom: 2.5rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  /* line 214, app/assets/stylesheets/components/home.scss */
  .hero-section .main-content p {
    font-size: 18px;
    margin-bottom: 2rem;
  }
}

/* line 229, app/assets/stylesheets/components/home.scss */
.hero-section .main-content .cta-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 229, app/assets/stylesheets/components/home.scss */
  .hero-section .main-content .cta-buttons {
    flex-direction: column;
    width: 100%;
    gap: 1.5rem;
  }
  /* line 240, app/assets/stylesheets/components/home.scss */
  .hero-section .main-content .cta-buttons .btn-primary {
    width: 100%;
  }
  /* line 244, app/assets/stylesheets/components/home.scss */
  .hero-section .main-content .cta-buttons .btn-watch {
    width: 100%;
    justify-content: center;
  }
}

/* line 250, app/assets/stylesheets/components/home.scss */
.hero-section .main-content .cta-buttons .btn-primary {
  padding: 1rem 2rem;
  background: #2196F3;
  border-radius: 8px;
  color: white;
  font-size: 1.1rem;
  text-decoration: none;
  transition: all 0.2s ease;
}

/* line 259, app/assets/stylesheets/components/home.scss */
.hero-section .main-content .cta-buttons .btn-primary:hover {
  background: #1976D2;
  transform: translateY(-2px);
}

/* line 265, app/assets/stylesheets/components/home.scss */
.hero-section .main-content .cta-buttons .btn-watch {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 2rem;
  border: none;
  color: #42526E;
  font-size: 1.1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  background: white;
}

/* line 277, app/assets/stylesheets/components/home.scss */
.hero-section .main-content .cta-buttons .btn-watch .play-circle {
  width: 3.5rem;
  height: 3.5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 285, app/assets/stylesheets/components/home.scss */
.hero-section .main-content .cta-buttons .btn-watch .play-circle::before {
  content: '';
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  border-radius: 50%;
  background: rgba(10, 78, 138, 0.324);
}

/* line 296, app/assets/stylesheets/components/home.scss */
.hero-section .main-content .cta-buttons .btn-watch .play-circle::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #1E88E5;
  border-radius: 50%;
}

/* line 304, app/assets/stylesheets/components/home.scss */
.hero-section .main-content .cta-buttons .btn-watch .play-circle i {
  color: white;
  font-size: 1.2rem;
  margin-left: 2px;
  position: relative;
  z-index: 1;
}

/* line 316, app/assets/stylesheets/components/home.scss */
.hero-section .floating-avatars {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

/* line 325, app/assets/stylesheets/components/home.scss */
.hero-section .floating-avatars .avatar {
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
  animation: float 6s ease-in-out infinite;
}

/* line 331, app/assets/stylesheets/components/home.scss */
.hero-section .floating-avatars .avatar svg {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

/* line 337, app/assets/stylesheets/components/home.scss */
.hero-section .floating-avatars .avatar.avatar-1 {
  top: 10%;
  left: -30%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}

/* line 345, app/assets/stylesheets/components/home.scss */
.hero-section .floating-avatars .avatar.avatar-2 {
  top: 15%;
  right: -30%;
  animation-delay: 1s;
  width: 80px;
  height: 80px;
}

/* line 353, app/assets/stylesheets/components/home.scss */
.hero-section .floating-avatars .avatar.avatar-3 {
  top: 45%;
  left: -5%;
  animation-delay: 2s;
  width: 60px;
  height: 60px;
}

/* line 361, app/assets/stylesheets/components/home.scss */
.hero-section .floating-avatars .avatar.avatar-4 {
  top: 40%;
  right: -10%;
  animation-delay: 3s;
  width: 60px;
  height: 60px;
}

/* line 369, app/assets/stylesheets/components/home.scss */
.hero-section .floating-avatars .avatar.avatar-5 {
  bottom: 5%;
  left: -35%;
  animation-delay: 4s;
  width: 80px;
  height: 80px;
}

/* line 377, app/assets/stylesheets/components/home.scss */
.hero-section .floating-avatars .avatar.avatar-6 {
  bottom: 10%;
  right: -25%;
  animation-delay: 5s;
  width: 80px;
  height: 80px;
}

/* line 388, app/assets/stylesheets/components/home.scss */
.core-functionality {
  padding: 5rem 5%;
  text-align: center;
}

/* line 392, app/assets/stylesheets/components/home.scss */
.core-functionality h2 {
  margin-bottom: 3rem;
}

/* line 396, app/assets/stylesheets/components/home.scss */
.core-functionality .features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

/* line 403, app/assets/stylesheets/components/home.scss */
.core-functionality .features-grid .feature-card {
  padding: 2rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
}

/* line 410, app/assets/stylesheets/components/home.scss */
.core-functionality .features-grid .feature-card:hover {
  transform: translateY(-5px);
}

/* line 414, app/assets/stylesheets/components/home.scss */
.core-functionality .features-grid .feature-card .icon {
  width: 48px;
  height: 48px;
  background: rgba(52, 111, 207, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
}

/* line 424, app/assets/stylesheets/components/home.scss */
.core-functionality .features-grid .feature-card .icon i {
  color: #346FCF;
  font-size: 1.5rem;
}

/* line 430, app/assets/stylesheets/components/home.scss */
.core-functionality .features-grid .feature-card h4 {
  margin-bottom: 1rem;
}

/* line 437, app/assets/stylesheets/components/home.scss */
.featured-claims {
  padding: 5rem 5%;
  background: white;
  position: relative;
  overflow: hidden;
}

/* line 442, app/assets/stylesheets/components/home.scss */
.featured-claims .claims-heading {
  display: flex;
  justify-content: center;
}

/* line 447, app/assets/stylesheets/components/home.scss */
.featured-claims::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 300px;
  transform: translateY(-50%) rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='300' viewBox='0 0 1440 300' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 300C240 300 240 250 480 250C720 250 720 300 960 300C1200 300 1200 250 1440 250' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 275C240 275 240 225 480 225C720 225 720 275 960 275C1200 275 1200 225 1440 225' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 250C240 250 240 200 480 200C720 200 720 250 960 250C1200 250 1200 200 1440 200' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 225C240 225 240 175 480 175C720 175 720 225 960 225C1200 225 1200 175 1440 175' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 200C240 200 240 150 480 150C720 150 720 200 960 200C1200 200 1200 150 1440 150' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 175C240 175 240 125 480 125C720 125 720 175 960 125C1200 175 1200 125 1440 125' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 150C240 150 240 100 480 100C720 100 720 150 960 150C1200 150 1200 100 1440 100' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 125C240 125 240 75 480 75C720 75 720 125 960 125C1200 125 1200 75 1440 75' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 100C240 100 240 50 480 50C720 50 720 100 960 100C1200 100 1200 50 1440 50' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 75C240 75 240 25 480 25C720 25 720 75 960 75C1200 75 1200 25 1440 25' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3Cpath d='M0 50C240 50 240 0 480 0C720 0 720 50 960 50C1200 50 1200 0 1440 0' stroke='rgba(30, 136, 229, 0.15)' stroke-width='0.75'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.65;
  pointer-events: none;
}

/* line 463, app/assets/stylesheets/components/home.scss */
.featured-claims h2 {
  margin-bottom: 3rem;
  position: relative;
  z-index: 1;
}

/* line 469, app/assets/stylesheets/components/home.scss */
.featured-claims .claims-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

/* line 478, app/assets/stylesheets/components/home.scss */
.featured-claims .claims-grid .claim-card {
  background: white;
  padding: 2rem;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  border-left: 5px solid transparent;
}

/* line 489, app/assets/stylesheets/components/home.scss */
.featured-claims .claims-grid .claim-card.success-card {
  border-left-color: #027A48;
}

/* line 493, app/assets/stylesheets/components/home.scss */
.featured-claims .claims-grid .claim-card.neutral-card {
  border-left-color: #175CD3;
}

/* line 497, app/assets/stylesheets/components/home.scss */
.featured-claims .claims-grid .claim-card.danger-card {
  border-left-color: #D92D20;
}

/* line 501, app/assets/stylesheets/components/home.scss */
.featured-claims .claims-grid .claim-card .claim-text {
  font-weight: 500;
  color: #0B0146;
}

/* line 506, app/assets/stylesheets/components/home.scss */
.featured-claims .claims-grid .claim-card .badge {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 512, app/assets/stylesheets/components/home.scss */
.featured-claims .claims-grid .claim-card .badge-success {
  background: #E6F7ED;
  color: #027A48;
}

/* line 517, app/assets/stylesheets/components/home.scss */
.featured-claims .claims-grid .claim-card .badge-neutral {
  background: #EEF4FF;
  color: #175CD3;
}

/* line 522, app/assets/stylesheets/components/home.scss */
.featured-claims .claims-grid .claim-card .badge-danger {
  background: #FEE4E2;
  color: #D92D20;
}

/* line 531, app/assets/stylesheets/components/home.scss */
.lsv-section {
  padding: 5rem 5%;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

/* line 537, app/assets/stylesheets/components/home.scss */
.lsv-section h2 {
  margin-bottom: 1.5rem;
}

/* line 541, app/assets/stylesheets/components/home.scss */
.lsv-section p {
  margin-bottom: 2rem;
}

/* line 545, app/assets/stylesheets/components/home.scss */
.lsv-section .btn-primary {
  transition: all 0.2s ease;
  background-color: #2196F3;
}

/* line 549, app/assets/stylesheets/components/home.scss */
.lsv-section .btn-primary:hover {
  transform: translateY(-2px);
}

/* line 555, app/assets/stylesheets/components/home.scss */
.join-movement {
  display: flex;
  justify-content: center;
  padding: 4rem;
  background: white;
}

/* line 561, app/assets/stylesheets/components/home.scss */
.join-movement .content {
  background: linear-gradient(90deg, #1e88e5b5 0%, #1547c0 100%);
  border-radius: 24px;
  padding: 4rem;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  width: 80rem;
}

/* line 573, app/assets/stylesheets/components/home.scss */
.join-movement .content::before {
  content: '';
  position: absolute;
  top: -30%;
  right: -15%;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

/* line 585, app/assets/stylesheets/components/home.scss */
.join-movement .content::after {
  content: '';
  position: absolute;
  top: -20%;
  right: -10%;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

/* line 597, app/assets/stylesheets/components/home.scss */
.join-movement .content .text-content {
  text-align: left;
  max-width: 670px;
  position: relative;
  z-index: 2;
}

/* line 603, app/assets/stylesheets/components/home.scss */
.join-movement .content .text-content::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -150%;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
  z-index: 1;
}

/* line 616, app/assets/stylesheets/components/home.scss */
.join-movement .content .text-content::after {
  content: '';
  position: absolute;
  top: -40%;
  right: -120%;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
  z-index: 1;
}

/* line 629, app/assets/stylesheets/components/home.scss */
.join-movement .content .text-content .circle-decoration {
  position: absolute;
  top: 20%;
  right: -180%;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
  z-index: 1;
}

/* line 640, app/assets/stylesheets/components/home.scss */
.join-movement .content .text-content .circle-decoration::before {
  content: '';
  position: absolute;
  top: -25%;
  right: -25%;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 651, app/assets/stylesheets/components/home.scss */
.join-movement .content .text-content .circle-decoration::after {
  content: '';
  position: absolute;
  bottom: -15%;
  right: -15%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 663, app/assets/stylesheets/components/home.scss */
.join-movement .content .text-content h2 {
  color: white;
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
  line-height: 1.2;
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 700;
}

/* line 672, app/assets/stylesheets/components/home.scss */
.join-movement .content .text-content p {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0;
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.6;
}

/* line 682, app/assets/stylesheets/components/home.scss */
.join-movement .content .downward-arrow {
  position: absolute;
  bottom: 23%;
  right: 364px;
  transform: translateY(50%);
  opacity: 0.6;
  pointer-events: none;
}

/* line 691, app/assets/stylesheets/components/home.scss */
.join-movement .content .btn-secondary {
  background: transparent;
  color: white;
  padding: 1rem 2rem;
  font-size: 1.1rem;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 2;
}

/* line 706, app/assets/stylesheets/components/home.scss */
.join-movement .content .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  /* line 561, app/assets/stylesheets/components/home.scss */
  .join-movement .content {
    flex-direction: column;
    text-align: center;
    gap: 2rem;
    padding: 3rem 2rem;
  }
  /* line 718, app/assets/stylesheets/components/home.scss */
  .join-movement .content .text-content {
    text-align: center;
  }
  /* line 721, app/assets/stylesheets/components/home.scss */
  .join-movement .content .text-content::before {
    display: none;
  }
  /* line 726, app/assets/stylesheets/components/home.scss */
  .join-movement .content .downward-arrow {
    display: none;
  }
  /* line 730, app/assets/stylesheets/components/home.scss */
  .join-movement .content::before, .join-movement .content::after {
    display: none;
  }
}

/* line 737, app/assets/stylesheets/components/home.scss */
.site-footer {
  background: #1E293B;
  color: white;
  padding: 5rem 5% 2rem;
}

/* line 742, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 4rem;
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  /* line 742, app/assets/stylesheets/components/home.scss */
  .site-footer .footer-content {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}

/* line 755, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content .footer-brand h3 {
  margin-bottom: 1.5rem;
}

/* line 757, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content .footer-brand h3 .footer-logo {
  max-width: 180px;
  height: auto;
  display: block;
}

/* line 764, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content .footer-brand p {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.5;
}

/* line 771, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content .footer-brand .social-links {
  display: flex;
  gap: 1rem;
}

/* line 775, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content .footer-brand .social-links .social-link {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

/* line 783, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content .footer-brand .social-links .social-link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 789, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content .footer-brand .social-links .social-link:hover {
  transform: translateY(-2px);
}

/* line 796, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content .footer-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

@media (max-width: 992px) {
  /* line 796, app/assets/stylesheets/components/home.scss */
  .site-footer .footer-content .footer-links {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 796, app/assets/stylesheets/components/home.scss */
  .site-footer .footer-content .footer-links {
    grid-template-columns: 1fr;
  }
}

/* line 810, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content .footer-links .link-column h4 {
  color: white;
  margin-bottom: 1.5rem;
  font-size: 1.1rem;
  font-weight: 600;
}

/* line 817, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content .footer-links .link-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 822, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content .footer-links .link-column ul li {
  margin-bottom: 1rem;
}

/* line 825, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content .footer-links .link-column ul li a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 1rem;
}

/* line 831, app/assets/stylesheets/components/home.scss */
.site-footer .footer-content .footer-links .link-column ul li a:hover {
  color: white;
  transform: translateX(5px);
}

/* line 842, app/assets/stylesheets/components/home.scss */
.site-footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 4rem;
  padding-top: 2rem;
  text-align: center;
}

/* line 848, app/assets/stylesheets/components/home.scss */
.site-footer .footer-bottom p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
}

/* line 856, app/assets/stylesheets/components/home.scss */
.btn-primary {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: #346FCF;
  color: white;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s ease;
}

/* line 866, app/assets/stylesheets/components/home.scss */
.btn-primary:hover {
  background: #2d64bd;
  transform: translateY(-2px);
}

/* line 872, app/assets/stylesheets/components/home.scss */
.btn-secondary {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: #F7F9FF;
  color: #0B0146;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 882, app/assets/stylesheets/components/home.scss */
.btn-secondary:hover {
  background: #dee6ff;
}

/* line 887, app/assets/stylesheets/components/home.scss */
.btn-secondary-outline {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: transparent;
  color: #0B0146;
  border: 2px solid #A0A3BD;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* line 898, app/assets/stylesheets/components/home.scss */
.btn-secondary-outline:hover {
  background: #F7F9FF;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* line 916, app/assets/stylesheets/components/home.scss */
.floating-avatars {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}

/* line 925, app/assets/stylesheets/components/home.scss */
.floating-avatars .avatar {
  position: absolute;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* line 933, app/assets/stylesheets/components/home.scss */
.floating-avatars .avatar .avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 939, app/assets/stylesheets/components/home.scss */
.floating-avatars .avatar-1 {
  top: 15%;
  left: 10%;
}

/* line 940, app/assets/stylesheets/components/home.scss */
.floating-avatars .avatar-2 {
  top: 25%;
  right: 15%;
}

/* line 941, app/assets/stylesheets/components/home.scss */
.floating-avatars .avatar-3 {
  top: 45%;
  left: 20%;
}

/* line 942, app/assets/stylesheets/components/home.scss */
.floating-avatars .avatar-4 {
  top: 60%;
  right: 25%;
}

/* line 943, app/assets/stylesheets/components/home.scss */
.floating-avatars .avatar-5 {
  top: 75%;
  left: 30%;
}

/* line 948, app/assets/stylesheets/components/home.scss */
.core-functionality {
  padding: 5rem 5%;
  background: #f8f9fa;
}

/* line 952, app/assets/stylesheets/components/home.scss */
.core-functionality h2 {
  text-align: center;
  font-size: 2.5rem;
  color: #0A1929;
  margin-bottom: 1rem;
}

/* line 959, app/assets/stylesheets/components/home.scss */
.core-functionality .subtitle {
  text-align: center;
  color: #42526E;
  font-size: 1.2rem;
  max-width: 700px;
  margin: 0 auto 3rem;
}

/* line 967, app/assets/stylesheets/components/home.scss */
.core-functionality .features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

/* line 974, app/assets/stylesheets/components/home.scss */
.core-functionality .features-grid .feature-card {
  background: white;
  padding: 2rem;
  border-radius: 12px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* line 981, app/assets/stylesheets/components/home.scss */
.core-functionality .features-grid .feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* line 986, app/assets/stylesheets/components/home.scss */
.core-functionality .features-grid .feature-card .icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 1.5rem;
}

/* line 991, app/assets/stylesheets/components/home.scss */
.core-functionality .features-grid .feature-card .icon .feature-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 998, app/assets/stylesheets/components/home.scss */
.core-functionality .features-grid .feature-card h4 {
  font-size: 1.25rem;
  color: #0A1929;
  margin-bottom: 1rem;
}

/* line 1004, app/assets/stylesheets/components/home.scss */
.core-functionality .features-grid .feature-card p {
  color: #42526E;
  font-size: 1rem;
  line-height: 1.5;
}

/* line 1014, app/assets/stylesheets/components/home.scss */
.how-it-works {
  padding: 5rem 5%;
  text-align: center;
  background: linear-gradient(264.42deg, #C5EEF0 3.86%, #ECD9CB 97.29%);
}

/* line 1019, app/assets/stylesheets/components/home.scss */
.how-it-works h2 {
  font-size: 2.5rem;
  color: #0A1929;
  margin-bottom: 1rem;
}

/* line 1025, app/assets/stylesheets/components/home.scss */
.how-it-works .subtitle {
  color: #42526E;
  font-size: 1.2rem;
  max-width: 800px;
  margin: 0 auto 3rem;
}

/* line 1032, app/assets/stylesheets/components/home.scss */
.how-it-works .video-container {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

/* line 1041, app/assets/stylesheets/components/home.scss */
.how-it-works .video-container .video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #000;
}

/* line 1048, app/assets/stylesheets/components/home.scss */
.how-it-works .video-container .video-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* line 1058, app/assets/stylesheets/components/home.scss */
.how-it-works .video-container .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/video_thumbnail-46b586ef5cdf19c986a304f295ec329d4de47cc05de4dc77bb6ad3c46bfbe2e6.png);
  background-size: cover;
  background-position: center;
  z-index: 1;
  transition: opacity 0.3s ease;
}

/* line 1071, app/assets/stylesheets/components/home.scss */
.how-it-works .video-container .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 2;
}

/* line 1088, app/assets/stylesheets/components/home.scss */
.how-it-works .video-container .play-button i {
  font-size: 2rem;
  color: #1E88E5;
}

/* line 1093, app/assets/stylesheets/components/home.scss */
.how-it-works .video-container .play-button:hover {
  background: white;
  transform: translate(-50%, -50%) scale(1.1);
}

@media (max-width: 768px) {
  /* line 1104, app/assets/stylesheets/components/home.scss */
  .core-functionality {
    padding: 3rem 5%;
  }
  /* line 1107, app/assets/stylesheets/components/home.scss */
  .core-functionality h2 {
    font-size: 2rem;
  }
  /* line 1111, app/assets/stylesheets/components/home.scss */
  .core-functionality .features-grid {
    grid-template-columns: 1fr;
  }
  /* line 1116, app/assets/stylesheets/components/home.scss */
  .how-it-works {
    padding: 3rem 5%;
  }
  /* line 1119, app/assets/stylesheets/components/home.scss */
  .how-it-works h2 {
    font-size: 2rem;
  }
  /* line 1123, app/assets/stylesheets/components/home.scss */
  .how-it-works .play-button {
    width: 60px;
    height: 60px;
  }
  /* line 1127, app/assets/stylesheets/components/home.scss */
  .how-it-works .play-button i {
    font-size: 1.5rem;
  }
  /* line 1133, app/assets/stylesheets/components/home.scss */
  .lsv-section {
    padding: 3rem 5%;
  }
  /* line 1136, app/assets/stylesheets/components/home.scss */
  .lsv-section h2 {
    font-size: 2rem;
  }
  /* line 1140, app/assets/stylesheets/components/home.scss */
  .lsv-section .body-large {
    font-size: 1.1rem;
  }
  /* line 1145, app/assets/stylesheets/components/home.scss */
  .join-movement {
    padding: 3rem 5%;
  }
  /* line 1150, app/assets/stylesheets/components/home.scss */
  .join-movement .content .text-content h2 {
    font-size: 2rem;
  }
  /* line 1154, app/assets/stylesheets/components/home.scss */
  .join-movement .content .text-content p {
    font-size: 1.1rem;
  }
}

/* line 1, app/assets/stylesheets/components/login.scss */
.login-container {
  display: flex;
  min-height: 100vh;
  background: white;
}

/* line 7, app/assets/stylesheets/components/login.scss */
.login-left {
  flex: 1;
  background: linear-gradient(180deg, #0d8cedd4 0%, #1942d2 100%);
  padding: 0rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  position: relative;
  overflow: hidden;
  height: inherit;
  padding-bottom: 15rem;
}

/* line 20, app/assets/stylesheets/components/login.scss */
.login-left::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 400px;
  height: 400px;
  background-image: url(/assets/elipse-6394d7fd7bbaf6525ef28529027a12cfaf4787f2aeebc5d8388be57547653ed9.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain;
  pointer-events: none;
  filter: brightness(0) invert(100%) opacity(40%);
}

/* line 35, app/assets/stylesheets/components/login.scss */
.login-left h1 {
  font-size: 3.5rem;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  font-weight: 700;
  color: white;
  margin-top: -3rem;
}

/* line 44, app/assets/stylesheets/components/login.scss */
.login-left p {
  font-size: 1.25rem;
  line-height: 1.6;
  opacity: 0.9;
  max-width: 500px;
  color: white;
}

/* line 53, app/assets/stylesheets/components/login.scss */
.login-right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

/* line 61, app/assets/stylesheets/components/login.scss */
.login-form-container {
  width: 100%;
  max-width: 500px;
  padding: 2rem;
}

/* line 66, app/assets/stylesheets/components/login.scss */
.login-form-container .login-logo {
  display: block;
  width: 220px;
  height: auto;
  margin: 0 auto 3rem;
}

/* line 73, app/assets/stylesheets/components/login.scss */
.login-form-container h2 {
  font-size: 1.75rem;
  color: #1d2430;
  margin-bottom: 2rem;
  font-weight: 600;
}

/* line 80, app/assets/stylesheets/components/login.scss */
.login-form-container .forgot-password {
  margin-bottom: 0;
}

/* line 84, app/assets/stylesheets/components/login.scss */
.login-form-container .form-description {
  color: #4a5568;
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.5;
}

/* line 91, app/assets/stylesheets/components/login.scss */
.login-form-container .form-hint {
  color: #718096;
  margin-top: 1rem;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

/* line 98, app/assets/stylesheets/components/login.scss */
.login-form-container .inbox-check {
  margin-bottom: 0;
}

/* line 104, app/assets/stylesheets/components/login.scss */
.login-form .form-group {
  margin-bottom: 1.5rem;
}

/* line 107, app/assets/stylesheets/components/login.scss */
.login-form .form-group label {
  display: block;
  margin-bottom: 0.5rem;
  color: #1d2430;
  font-weight: 500;
}

/* line 114, app/assets/stylesheets/components/login.scss */
.login-form .form-group input {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 1rem;
  transition: border-color 0.2s;
}

/* line 122, app/assets/stylesheets/components/login.scss */
.login-form .form-group input:focus {
  outline: none;
  border-color: #1e88e5;
}

/* line 127, app/assets/stylesheets/components/login.scss */
.login-form .form-group input::placeholder {
  color: #9ca3af;
}

/* line 132, app/assets/stylesheets/components/login.scss */
.login-form .form-group .password-hint {
  display: block;
  margin-top: 0.5rem;
  color: #6b7280;
  font-size: 0.875rem;
}

/* line 140, app/assets/stylesheets/components/login.scss */
.login-form .password-input-container {
  position: relative;
}

/* line 143, app/assets/stylesheets/components/login.scss */
.login-form .password-input-container .toggle-password {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  padding: 0;
}

/* line 154, app/assets/stylesheets/components/login.scss */
.login-form .password-input-container .toggle-password:hover {
  color: #6b7280;
}

/* line 161, app/assets/stylesheets/components/login.scss */
.login-links {
  margin-top: 1.5rem;
  color: #4a5568;
  font-size: 0.875rem;
}

/* line 166, app/assets/stylesheets/components/login.scss */
.login-links a {
  color: #1E88E5;
  text-decoration: none;
  font-weight: 500;
}

/* line 171, app/assets/stylesheets/components/login.scss */
.login-links a:hover {
  text-decoration: underline;
}

/* line 177, app/assets/stylesheets/components/login.scss */
.form-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

/* line 183, app/assets/stylesheets/components/login.scss */
.form-options .remember-me {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 188, app/assets/stylesheets/components/login.scss */
.form-options .remember-me input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  cursor: pointer;
}

/* line 195, app/assets/stylesheets/components/login.scss */
.form-options .remember-me input[type="checkbox"]:checked {
  background-color: #159e10cb;
  border-color: #159e10cb;
}

/* line 201, app/assets/stylesheets/components/login.scss */
.form-options .remember-me label {
  color: #4b5563;
  font-size: 0.875rem;
  cursor: pointer;
}

/* line 208, app/assets/stylesheets/components/login.scss */
.form-options .forgot-password {
  color: #1e88e5;
  font-size: 0.875rem;
  text-decoration: none;
}

/* line 213, app/assets/stylesheets/components/login.scss */
.form-options .forgot-password:hover {
  text-decoration: underline;
}

/* line 219, app/assets/stylesheets/components/login.scss */
.login-button {
  width: 100%;
  padding: 0.875rem;
  background: #1e88e5;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

/* line 231, app/assets/stylesheets/components/login.scss */
.login-button:hover {
  background: #1976d2;
}

/* line 236, app/assets/stylesheets/components/login.scss */
.divider {
  display: flex;
  align-items: center;
  margin: 1.5rem 0;
  color: #6b7280;
}

/* line 242, app/assets/stylesheets/components/login.scss */
.divider::before, .divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #e5e7eb;
}

/* line 250, app/assets/stylesheets/components/login.scss */
.divider span {
  padding: 0 1rem;
  font-size: 0.875rem;
}

/* line 256, app/assets/stylesheets/components/login.scss */
.google-login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.875rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #1d2430;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.2s;
  cursor: pointer;
}

/* line 273, app/assets/stylesheets/components/login.scss */
.google-login:hover {
  background: #f9fafb;
}

/* line 277, app/assets/stylesheets/components/login.scss */
.google-login .google-icon {
  width: 20px;
  height: 20px;
}

/* line 283, app/assets/stylesheets/components/login.scss */
.twitter-login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.875rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #1d2430;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.2s;
  cursor: pointer;
  margin-top: 0.75rem;
}

/* line 301, app/assets/stylesheets/components/login.scss */
.twitter-login:hover {
  background: #f9fafb;
}

/* line 305, app/assets/stylesheets/components/login.scss */
.twitter-login .twitter-icon {
  width: 20px;
  height: 20px;
}

/* line 310, app/assets/stylesheets/components/login.scss */
.facebook-login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.875rem;
  background: #1877f2;
  border: 1px solid #1877f2;
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s;
  cursor: pointer;
  margin-top: 0.5rem;
}

/* line 328, app/assets/stylesheets/components/login.scss */
.facebook-login:hover {
  background: #166fe5;
  border-color: #166fe5;
  color: #fff;
  text-decoration: none;
}

/* line 335, app/assets/stylesheets/components/login.scss */
.facebook-login:active {
  background: #1877f2;
  transform: translateY(1px);
}

/* line 340, app/assets/stylesheets/components/login.scss */
.facebook-login:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.1);
}

/* line 346, app/assets/stylesheets/components/login.scss */
.facebook-login .facebook-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* line 354, app/assets/stylesheets/components/login.scss */
.signup-prompt {
  margin-top: 1.5rem;
  text-align: center;
  color: #4b5563;
  font-size: 0.875rem;
}

/* line 360, app/assets/stylesheets/components/login.scss */
.signup-prompt a {
  color: #1e88e5;
  text-decoration: none;
  font-weight: 500;
}

/* line 365, app/assets/stylesheets/components/login.scss */
.signup-prompt a:hover {
  text-decoration: underline;
}

/* line 371, app/assets/stylesheets/components/login.scss */
.verification-code-container {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
  gap: 10px;
}

/* line 378, app/assets/stylesheets/components/login.scss */
.verification-code-input {
  width: 40px;
  height: 40px;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  background: #F9FAFB;
  transition: all 0.3s ease;
}

/* line 389, app/assets/stylesheets/components/login.scss */
.verification-code-input:focus {
  border-color: #3B82F6;
  background: white;
  outline: none;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

/* line 397, app/assets/stylesheets/components/login.scss */
.link-button {
  background: none;
  border: none;
  color: #3B82F6;
  cursor: pointer;
  font-weight: 500;
  padding: 0;
  text-decoration: underline;
}

/* line 406, app/assets/stylesheets/components/login.scss */
.link-button:hover {
  color: #2563EB;
}

@media (max-width: 768px) {
  /* line 412, app/assets/stylesheets/components/login.scss */
  .login-container {
    flex-direction: column;
  }
  /* line 416, app/assets/stylesheets/components/login.scss */
  .login-left {
    padding: 0rem 4rem;
    text-align: center;
  }
  /* line 420, app/assets/stylesheets/components/login.scss */
  .login-left h1 {
    font-size: 2.5rem;
  }
  /* line 424, app/assets/stylesheets/components/login.scss */
  .login-left p {
    font-size: 1.125rem;
    margin: 0 auto;
  }
  /* line 430, app/assets/stylesheets/components/login.scss */
  .login-right {
    padding: 2rem 1rem;
  }
  /* line 434, app/assets/stylesheets/components/login.scss */
  .login-form-container {
    padding: 0;
  }
}

/* line 1, app/assets/stylesheets/components/challenges.scss */
.challenges-section {
  margin-top: 2rem;
  padding: 2rem;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
}

/* line 9, app/assets/stylesheets/components/challenges.scss */
.challenges-section h2 {
  margin-bottom: 1.5rem;
  color: #1d2430;
  font-size: 1.5rem;
}

/* line 16, app/assets/stylesheets/components/challenges.scss */
.processing-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  backdrop-filter: blur(3px);
}

/* line 29, app/assets/stylesheets/components/challenges.scss */
.processing-overlay.active {
  display: flex;
}

/* line 33, app/assets/stylesheets/components/challenges.scss */
.processing-overlay .loader-container {
  background: white;
  padding: 2rem;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 40, app/assets/stylesheets/components/challenges.scss */
.processing-overlay .loader-container .loader {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #2196F3;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 1rem;
}

/* line 50, app/assets/stylesheets/components/challenges.scss */
.processing-overlay .loader-container .loader-text {
  color: #1d2430;
  font-size: 1rem;
  margin: 0;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 72, app/assets/stylesheets/components/challenges.scss */
.challenge-card {
  background: transparent;
  border-radius: 0;
  padding: 0;
  margin-bottom: 2rem;
  border: none;
}

/* line 79, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-card-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

/* line 87, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-page-heading {
  font-size: 1.25rem;
  font-weight: 700;
  color: #171717;
  margin: 0;
  letter-spacing: 0;
}

/* line 95, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-delete-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  border-radius: 6px;
  transition: color 0.2s, background 0.2s;
  flex-shrink: 0;
}

/* line 109, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-delete-link:hover {
  color: #ef4444;
  background: #fef2f2;
}

/* line 113, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-delete-link .fa-trash {
  font-size: 0.9375rem;
}

/* line 118, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-entry {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

/* line 124, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-user-avatar {
  flex-shrink: 0;
}

/* line 128, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-avatar-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

/* line 135, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-entry-body {
  flex: 1;
  min-width: 0;
}

/* line 140, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-user-name,
.challenge-card .challenge-date {
  display: block;
  color: #374151;
  font-size: 0.9375rem;
  margin-bottom: 0.25rem;
}

/* line 148, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-date {
  color: #6b7280;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

/* line 154, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-text {
  color: #171717;
  line-height: 1.6;
  font-size: 1rem;
  margin: 0;
}

/* line 161, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-reasonings {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 168, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-card.reasoning-section {
  background: #ffebe6;
  padding: 1.25rem 1.5rem;
  border-radius: 10px;
  margin-bottom: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* line 176, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-title {
  font-size: 1.0625rem;
  font-weight: 700;
  color: #8b0000;
  margin: 0 0 0.75rem 0;
  letter-spacing: 0;
}

/* line 184, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-result {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 192, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-result .result-label {
  color: #374151;
  font-weight: 500;
  font-size: 0.9375rem;
}

/* line 198, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-result .result-value {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

/* line 204, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-result .result-icon {
  font-size: 1rem;
}

/* line 208, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-result .result-icon-false {
  color: #dc2626;
}

/* line 212, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-result .result-text {
  font-weight: 600;
}

/* line 216, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-result .result-value-false .result-text {
  color: #8b0000;
}

/* line 220, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-result .result-value-true .result-text {
  color: #166534;
}

/* line 224, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-result .result-icon-true {
  color: #16a34a;
}

/* line 228, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-result .result-value-unverifiable .result-text {
  color: #92400e;
}

/* line 232, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-result .result-icon-unverifiable {
  color: #d97706;
}

/* line 236, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-analysis-reasoning {
  margin-top: 0.75rem;
}

/* line 240, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-ai-reasoning-heading {
  display: block;
  color: #171717;
  font-size: 0.9375rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

/* line 248, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-ai-reasoning-body {
  color: #374151;
  font-size: 0.9375rem;
  line-height: 1.65;
  margin: 0;
}

/* line 254, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-ai-reasoning-body p {
  margin: 0 0 0.5rem 0;
}

/* line 257, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-ai-reasoning-body p:last-child {
  margin-bottom: 0;
}

/* line 263, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 270, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-header .user-info .user-name {
  font-weight: 600;
  color: #1d2430;
}

/* line 275, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-header .user-info .challenge-date {
  margin-left: 1rem;
  color: #6c757d;
  font-size: 0.9rem;
}

/* line 282, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-header .status-badge {
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 288, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-header .status-badge.pending {
  background: #fff3cd;
  color: #856404;
}

/* line 293, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-header .status-badge.processing {
  background: #cce5ff;
  color: #004085;
}

/* line 298, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-header .status-badge.completed {
  background: #d4edda;
  color: #155724;
}

/* line 303, app/assets/stylesheets/components/challenges.scss */
.challenge-card .challenge-header .status-badge.failed {
  background: #f8d7da;
  color: #721c24;
}

/* line 310, app/assets/stylesheets/components/challenges.scss */
.challenge-card .ai-response {
  background: white;
  padding: 1.5rem;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}

/* line 316, app/assets/stylesheets/components/challenges.scss */
.challenge-card .ai-response h4 {
  color: #1d2430;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}

/* line 322, app/assets/stylesheets/components/challenges.scss */
.challenge-card .ai-response .ai-response-content {
  color: #495057;
  line-height: 1.6;
}

/* line 326, app/assets/stylesheets/components/challenges.scss */
.challenge-card .ai-response .ai-response-content p {
  margin-bottom: 1rem;
}

/* line 329, app/assets/stylesheets/components/challenges.scss */
.challenge-card .ai-response .ai-response-content p:last-child {
  margin-bottom: 0;
}

/* line 337, app/assets/stylesheets/components/challenges.scss */
.challenge-form {
  background: white;
  padding: 1.5rem;
  border-radius: 8px;
  border: 1px solid #e9ecef;
  margin-top: 2rem;
}

/* line 344, app/assets/stylesheets/components/challenges.scss */
.challenge-form .error-messages {
  margin-bottom: 1rem;
  padding: 1rem;
  background: #f8d7da;
  border-radius: 4px;
  border: 1px solid #f5c6cb;
}

/* line 351, app/assets/stylesheets/components/challenges.scss */
.challenge-form .error-messages .error {
  color: #721c24;
  margin: 0;
  font-size: 0.9rem;
}

/* line 358, app/assets/stylesheets/components/challenges.scss */
.challenge-form .form-group {
  margin-bottom: 1.5rem;
}

/* line 361, app/assets/stylesheets/components/challenges.scss */
.challenge-form .form-group label {
  display: block;
  margin-bottom: 0.5rem;
  color: #1d2430;
  font-weight: 500;
}

/* line 368, app/assets/stylesheets/components/challenges.scss */
.challenge-form .form-group textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  resize: vertical;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
}

/* line 378, app/assets/stylesheets/components/challenges.scss */
.challenge-form .form-group textarea:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* line 387, app/assets/stylesheets/components/challenges.scss */
.challenge-form .form-actions .btn-primary {
  background: #2196F3;
  color: white;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 398, app/assets/stylesheets/components/challenges.scss */
.challenge-form .form-actions .btn-primary:hover {
  background: #1976D2;
  transform: translateY(-1px);
}

/* line 2, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-policy-container {
  background: #fff;
  width: 100%;
  max-width: none;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 100px;
  font-family: 'SF Pro Display', 'Inter', Arial, sans-serif;
  color: #1e293b;
}

/* line 14, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-policy-header {
  text-align: left;
  margin-bottom: 2.5rem;
  padding-top: 2.5rem;
  padding-left: 0;
  padding-right: 0;
}

/* line 21, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-policy-header h1 {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #2563eb;
  letter-spacing: -1px;
}

/* line 29, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-policy-header .privacy-policy-meta {
  display: flex;
  gap: 2rem;
  font-size: 1rem;
  color: #64748b;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

/* line 38, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-policy-header p {
  font-size: 1.1rem;
  color: #334155;
  margin-bottom: 0;
  line-height: 1.7;
}

/* line 46, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-policy-section {
  margin-bottom: 2.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e5e7eb;
  padding-left: 0;
  padding-right: 0;
}

/* line 53, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-policy-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 59, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-policy-section h2 {
  font-size: 1.35rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 1.2rem;
  margin-top: 0;
}

/* line 67, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-policy-section h3 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2563eb;
  margin-bottom: 0.7rem;
  margin-top: 1.2rem;
}

/* line 75, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-policy-section ul {
  margin: 0 0 1.2rem 1.2rem;
  padding: 0;
  list-style: disc;
  color: #334155;
  font-size: 1rem;
  line-height: 1.7;
}

/* line 82, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-policy-section ul li {
  margin-bottom: 0.5rem;
}

/* line 85, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-policy-section ul ul {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  list-style: circle;
}

/* line 92, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-policy-section p {
  color: #475569;
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.7;
}

/* line 100, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-contact-methods {
  display: flex;
  gap: 2.5rem;
  margin-top: 1.5rem;
  flex-wrap: wrap;
}

/* line 106, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-contact-methods .privacy-contact-item {
  background: #f1f5f9;
  border-radius: 8px;
  padding: 1.2rem 1.5rem;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
  margin-bottom: 1rem;
}

/* line 117, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-contact-methods .privacy-contact-item .privacy-contact-label {
  font-size: 0.98rem;
  color: #2563eb;
  font-weight: 600;
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
}

/* line 124, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-contact-methods .privacy-contact-item a, .privacy-contact-methods .privacy-contact-item span {
  font-size: 1.05rem;
  color: #1e293b;
  word-break: break-all;
}

/* line 129, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-contact-methods .privacy-contact-item a {
  text-decoration: underline;
  color: #2563eb;
}

/* line 132, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-contact-methods .privacy-contact-item a:hover {
  color: #1d4ed8;
}

/* line 139, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 5%;
  background: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

@media (max-width: 768px) {
  /* line 139, app/assets/stylesheets/components/privacy_policy.scss */
  .nav-container {
    padding: 1rem 5%;
  }
}

/* line 157, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container .logo h3 {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
}

/* line 162, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container .logo .nav-logo {
  height: 50px;
}

/* line 167, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container .menu-toggle {
  display: none;
  flex-direction: column;
  gap: 0.25rem;
  cursor: pointer;
  padding: 0.5rem;
  z-index: 101;
  background: transparent;
  border: none;
  outline: none;
  position: relative;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 768px) {
  /* line 167, app/assets/stylesheets/components/privacy_policy.scss */
  .nav-container .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* line 187, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container .menu-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #1d2430;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform-origin: center;
  position: relative;
}

/* line 196, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container .menu-toggle span + span {
  margin-top: 5px;
}

/* line 203, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container .menu-toggle.active span:first-child {
  transform: translateY(0);
}

/* line 206, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container .menu-toggle.active span:nth-child(2) {
  opacity: 0.5;
}

/* line 209, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container .menu-toggle.active span:last-child {
  transform: translateY(0);
}

/* line 216, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container .nav-buttons {
  display: flex;
  gap: 1rem;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 216, app/assets/stylesheets/components/privacy_policy.scss */
  .nav-container .nav-buttons {
    position: fixed;
    top: 0;
    right: -100%;
    width: 250px;
    height: 100vh;
    background: white;
    flex-direction: column;
    padding: 5rem 2rem;
    transition: transform 0.3s ease;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    z-index: 100;
    transform: translateX(100%);
  }
  /* line 235, app/assets/stylesheets/components/privacy_policy.scss */
  .nav-container .nav-buttons.active {
    transform: translateX(0);
    right: 0;
  }
  /* line 240, app/assets/stylesheets/components/privacy_policy.scss */
  .nav-container .nav-buttons .btn-secondary, .nav-container .nav-buttons .btn-primary {
    width: 100%;
    text-align: center;
    margin: 0.5rem 0;
  }
}

/* line 247, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container .nav-buttons .btn-secondary {
  padding: 0.75rem 1.5rem;
  background: white;
  border: 1px solid rgba(7, 6, 6, 0.86);
  border-radius: 8px;
  color: #1d2430;
  text-decoration: none;
  transition: all 0.2s ease;
  font-weight: 700;
}

/* line 257, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container .nav-buttons .btn-secondary:hover {
  background: #f8f9fa;
}

/* line 262, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container .nav-buttons .btn-primary {
  padding: 0.75rem 1.5rem;
  background: #2196F3;
  border-radius: 8px;
  color: white;
  text-decoration: none;
  transition: all 0.2s ease;
  font-weight: 500;
}

/* line 271, app/assets/stylesheets/components/privacy_policy.scss */
.nav-container .nav-buttons .btn-primary:hover {
  background: #1976D2;
}

@media (max-width: 768px) {
  /* line 278, app/assets/stylesheets/components/privacy_policy.scss */
  .nav-container .menu-toggle {
    display: flex;
  }
}

/* line 285, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-hero-section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  min-height: 340px;
  padding: 3.5rem 0 2.5rem 0;
  position: relative;
}

@media (max-width: 900px) {
  /* line 285, app/assets/stylesheets/components/privacy_policy.scss */
  .privacy-hero-section {
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem 0 1.5rem 0;
  }
}

/* line 301, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-hero-content {
  margin-top: 3rem;
  flex: 1 1 60%;
  max-width: 60%;
  padding-right: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 900px) {
  /* line 301, app/assets/stylesheets/components/privacy_policy.scss */
  .privacy-hero-content {
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 2rem;
  }
}

/* line 317, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-hero-title {
  font-size: 2.8rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2rem;
  letter-spacing: -1.5px;
  line-height: 1.1;
}

/* line 326, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-hero-meta {
  display: flex;
  gap: 2.5rem;
  font-size: 1.1rem;
  color: #23263b;
  font-weight: 500;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

/* line 335, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-hero-meta span {
  display: block;
  margin-bottom: 0.2rem;
}

/* line 341, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-hero-text {
  font-size: 1.15rem;
  color: #23263b;
  line-height: 1.7;
  margin-bottom: 0.5rem;
}

/* line 346, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-hero-text p {
  margin-bottom: 1.1rem;
  margin-top: 0;
}

/* line 352, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-hero-image {
  flex: 0 0 368px;
  max-width: 368px;
  min-width: 260px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  background: #fff;
  box-sizing: border-box;
  padding: 1.2rem 1.2rem 0.5rem 1.2rem;
  margin-left: 2.5rem;
  min-height: 368px;
}

/* line 365, app/assets/stylesheets/components/privacy_policy.scss */
.privacy-hero-image img {
  width: 100%;
  height: auto;
  max-width: 320px;
  object-fit: contain;
  display: block;
}

@media (max-width: 1100px) {
  /* line 352, app/assets/stylesheets/components/privacy_policy.scss */
  .privacy-hero-image {
    flex: 0 0 260px;
    max-width: 260px;
    min-width: 180px;
    min-height: 220px;
    margin-left: 1.2rem;
    padding: 0.7rem;
  }
}

@media (max-width: 900px) {
  /* line 352, app/assets/stylesheets/components/privacy_policy.scss */
  .privacy-hero-image {
    margin-left: 0;
    margin-bottom: 2rem;
    align-self: center;
  }
}

/* line 389, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-container {
  background: #fff;
  width: 100%;
  max-width: none;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 100px;
  font-family: 'SF Pro Display', 'Inter', Arial, sans-serif;
  color: #1e293b;
}

/* line 399, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-container .ai-data-hero-section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  min-height: 340px;
  padding: 3.5rem 0 2.5rem 0;
  position: relative;
}

@media (max-width: 900px) {
  /* line 399, app/assets/stylesheets/components/privacy_policy.scss */
  .ai-data-container .ai-data-hero-section {
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem 0 1.5rem 0;
  }
}

/* line 415, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-container .ai-data-hero-content {
  margin-top: 3rem;
  flex: 1 1 60%;
  max-width: 60%;
  padding-right: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 900px) {
  /* line 415, app/assets/stylesheets/components/privacy_policy.scss */
  .ai-data-container .ai-data-hero-content {
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 2rem;
  }
}

/* line 431, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-container .ai-data-hero-title {
  font-size: 2.8rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2rem;
  letter-spacing: -1.5px;
  line-height: 1.1;
}

/* line 440, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-container .ai-data-hero-meta {
  display: flex;
  gap: 2.5rem;
  font-size: 1.1rem;
  color: #23263b;
  font-weight: 500;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

/* line 449, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-container .ai-data-hero-meta span {
  display: block;
  margin-bottom: 0.2rem;
}

/* line 455, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-container .ai-data-hero-text {
  font-size: 1.15rem;
  color: #23263b;
  line-height: 1.7;
  margin-bottom: 0.5rem;
}

/* line 460, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-container .ai-data-hero-text p {
  margin-bottom: 1.1rem;
  margin-top: 0;
}

/* line 466, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-container .ai-data-hero-image {
  flex: 0 0 368px;
  max-width: 368px;
  min-width: 260px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  background: #fff;
  box-sizing: border-box;
  padding: 1.2rem 1.2rem 0.5rem 1.2rem;
  margin-left: 2.5rem;
  min-height: 368px;
}

/* line 479, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-container .ai-data-hero-image img {
  width: 100%;
  height: auto;
  max-width: 320px;
  object-fit: contain;
  display: block;
}

@media (max-width: 1100px) {
  /* line 466, app/assets/stylesheets/components/privacy_policy.scss */
  .ai-data-container .ai-data-hero-image {
    flex: 0 0 260px;
    max-width: 260px;
    min-width: 180px;
    min-height: 220px;
    margin-left: 1.2rem;
    padding: 0.7rem;
  }
}

@media (max-width: 900px) {
  /* line 466, app/assets/stylesheets/components/privacy_policy.scss */
  .ai-data-container .ai-data-hero-image {
    margin-left: 0;
    margin-bottom: 2rem;
    align-self: center;
  }
}

/* line 504, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 508, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section .privacy-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.5rem;
  letter-spacing: -1px;
}

/* line 516, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section .info-collect-columns {
  display: flex;
  gap: 3.5rem;
  margin-bottom: 2.5rem;
}

@media (max-width: 900px) {
  /* line 516, app/assets/stylesheets/components/privacy_policy.scss */
  .info-collect-section .info-collect-columns {
    flex-direction: column;
    gap: 2rem;
  }
}

/* line 527, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section .info-collect-col {
  flex: 1 1 0;
  min-width: 260px;
}

/* line 531, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section .info-collect-col h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 1.2rem;
}

/* line 538, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section .info-collect-col ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
}

/* line 545, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section .info-collect-col ul li {
  margin-bottom: 1.1rem;
}

/* line 547, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section .info-collect-col ul li strong {
  font-weight: 700;
}

/* line 554, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section .info-collect-not-collect {
  margin-top: 2.5rem;
}

/* line 557, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section .info-collect-not-collect h3 {
  font-size: 1.18rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 1rem;
}

/* line 564, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section .info-collect-not-collect p {
  font-size: 1.05rem;
  color: #23263b;
  margin-bottom: 0.7rem;
}

/* line 570, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section .info-collect-not-collect ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
}

/* line 577, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section .info-collect-not-collect ul li {
  margin-bottom: 0.7rem;
}

/* line 579, app/assets/stylesheets/components/privacy_policy.scss */
.info-collect-section .info-collect-not-collect ul li strong {
  font-weight: 700;
}

/* line 588, app/assets/stylesheets/components/privacy_policy.scss */
.use-info-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 592, app/assets/stylesheets/components/privacy_policy.scss */
.use-info-section .privacy-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 600, app/assets/stylesheets/components/privacy_policy.scss */
.use-info-section .use-info-intro {
  font-size: 1.15rem;
  color: #23263b;
  margin-bottom: 1.2rem;
}

/* line 606, app/assets/stylesheets/components/privacy_policy.scss */
.use-info-section .use-info-list {
  list-style: disc;
  margin-left: 2.2rem;
  color: #23263b;
  font-size: 1.13rem;
  line-height: 1.8;
  max-width: 700px;
}

/* line 614, app/assets/stylesheets/components/privacy_policy.scss */
.use-info-section .use-info-list li {
  margin-bottom: 1.1rem;
}

/* line 616, app/assets/stylesheets/components/privacy_policy.scss */
.use-info-section .use-info-list li strong {
  font-weight: 700;
}

/* line 624, app/assets/stylesheets/components/privacy_policy.scss */
.protect-data-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 628, app/assets/stylesheets/components/privacy_policy.scss */
.protect-data-section .privacy-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 636, app/assets/stylesheets/components/privacy_policy.scss */
.protect-data-section .protect-data-list {
  list-style: disc;
  margin-left: 2.2rem;
  color: #23263b;
  font-size: 1.13rem;
  line-height: 1.8;
  max-width: 900px;
}

/* line 644, app/assets/stylesheets/components/privacy_policy.scss */
.protect-data-section .protect-data-list li {
  margin-bottom: 1.1rem;
}

/* line 646, app/assets/stylesheets/components/privacy_policy.scss */
.protect-data-section .protect-data-list li strong {
  font-weight: 700;
}

/* line 654, app/assets/stylesheets/components/privacy_policy.scss */
.share-info-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 658, app/assets/stylesheets/components/privacy_policy.scss */
.share-info-section .privacy-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 666, app/assets/stylesheets/components/privacy_policy.scss */
.share-info-section .share-info-intro {
  font-size: 1.15rem;
  color: #23263b;
  margin-bottom: 1.2rem;
}

/* line 672, app/assets/stylesheets/components/privacy_policy.scss */
.share-info-section .share-info-list {
  list-style: disc;
  margin-left: 2.2rem;
  color: #23263b;
  font-size: 1.13rem;
  line-height: 1.8;
  max-width: 900px;
  margin-bottom: 1.5rem;
}

/* line 681, app/assets/stylesheets/components/privacy_policy.scss */
.share-info-section .share-info-list li {
  margin-bottom: 1.1rem;
}

/* line 683, app/assets/stylesheets/components/privacy_policy.scss */
.share-info-section .share-info-list li strong {
  font-weight: 700;
}

/* line 689, app/assets/stylesheets/components/privacy_policy.scss */
.share-info-section .share-info-note {
  font-size: 1.08rem;
  color: #23263b;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 698, app/assets/stylesheets/components/privacy_policy.scss */
.analytics-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 702, app/assets/stylesheets/components/privacy_policy.scss */
.analytics-section .privacy-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 710, app/assets/stylesheets/components/privacy_policy.scss */
.analytics-section .analytics-intro {
  font-size: 1.15rem;
  color: #23263b;
  margin-bottom: 1.2rem;
}

/* line 716, app/assets/stylesheets/components/privacy_policy.scss */
.analytics-section .analytics-uses-list {
  list-style: disc;
  margin-left: 2.2rem;
  color: #23263b;
  font-size: 1.13rem;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

/* line 724, app/assets/stylesheets/components/privacy_policy.scss */
.analytics-section .analytics-uses-list li {
  margin-bottom: 1.1rem;
}

/* line 726, app/assets/stylesheets/components/privacy_policy.scss */
.analytics-section .analytics-uses-list li strong {
  font-weight: 700;
}

/* line 732, app/assets/stylesheets/components/privacy_policy.scss */
.analytics-section .analytics-data-intro {
  font-size: 1.08rem;
  color: #23263b;
  margin-bottom: 0.7rem;
  margin-top: 1.2rem;
}

/* line 739, app/assets/stylesheets/components/privacy_policy.scss */
.analytics-section .analytics-data-list {
  list-style: disc;
  margin-left: 2.2rem;
  color: #23263b;
  font-size: 1.13rem;
  line-height: 1.8;
  margin-bottom: 1.2rem;
}

/* line 747, app/assets/stylesheets/components/privacy_policy.scss */
.analytics-section .analytics-data-list li {
  margin-bottom: 0.7rem;
}

/* line 749, app/assets/stylesheets/components/privacy_policy.scss */
.analytics-section .analytics-data-list li strong {
  font-weight: 700;
}

/* line 755, app/assets/stylesheets/components/privacy_policy.scss */
.analytics-section .analytics-note {
  font-size: 1.08rem;
  color: #23263b;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 764, app/assets/stylesheets/components/privacy_policy.scss */
.data-rights-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 768, app/assets/stylesheets/components/privacy_policy.scss */
.data-rights-section .privacy-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 776, app/assets/stylesheets/components/privacy_policy.scss */
.data-rights-section .data-rights-columns {
  display: flex;
  gap: 4rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 900px) {
  /* line 776, app/assets/stylesheets/components/privacy_policy.scss */
  .data-rights-section .data-rights-columns {
    flex-direction: column;
    gap: 2rem;
  }
}

/* line 786, app/assets/stylesheets/components/privacy_policy.scss */
.data-rights-section .data-rights-col {
  flex: 1 1 0;
  min-width: 260px;
}

/* line 790, app/assets/stylesheets/components/privacy_policy.scss */
.data-rights-section .data-rights-col h3 {
  font-size: 1.35rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 1.2rem;
}

/* line 797, app/assets/stylesheets/components/privacy_policy.scss */
.data-rights-section .data-rights-col ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

/* line 804, app/assets/stylesheets/components/privacy_policy.scss */
.data-rights-section .data-rights-col ul li {
  margin-bottom: 1.1rem;
}

/* line 809, app/assets/stylesheets/components/privacy_policy.scss */
.data-rights-section .data-rights-col .data-rights-note {
  font-size: 1.05rem;
  color: #23263b;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 814, app/assets/stylesheets/components/privacy_policy.scss */
.data-rights-section .data-rights-col .data-rights-note a {
  color: #2563eb;
  text-decoration: underline;
}

/* line 817, app/assets/stylesheets/components/privacy_policy.scss */
.data-rights-section .data-rights-col .data-rights-note a:hover {
  color: #1d4ed8;
}

/* line 826, app/assets/stylesheets/components/privacy_policy.scss */
.data-retention-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 830, app/assets/stylesheets/components/privacy_policy.scss */
.data-retention-section .privacy-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 838, app/assets/stylesheets/components/privacy_policy.scss */
.data-retention-section .data-retention-list {
  list-style: disc;
  margin-left: 2.2rem;
  color: #23263b;
  font-size: 1.13rem;
  line-height: 1.8;
  max-width: 900px;
}

/* line 845, app/assets/stylesheets/components/privacy_policy.scss */
.data-retention-section .data-retention-list li {
  margin-bottom: 1.1rem;
}

/* line 852, app/assets/stylesheets/components/privacy_policy.scss */
.cookies-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 856, app/assets/stylesheets/components/privacy_policy.scss */
.cookies-section .privacy-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 864, app/assets/stylesheets/components/privacy_policy.scss */
.cookies-section .cookies-intro {
  font-size: 1.15rem;
  color: #23263b;
  margin-bottom: 1.2rem;
  margin-top: 1.2rem;
}

/* line 871, app/assets/stylesheets/components/privacy_policy.scss */
.cookies-section .cookies-list {
  list-style: disc;
  margin-left: 2.2rem;
  color: #23263b;
  font-size: 1.13rem;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

/* line 878, app/assets/stylesheets/components/privacy_policy.scss */
.cookies-section .cookies-list li {
  margin-bottom: 1.1rem;
}

/* line 880, app/assets/stylesheets/components/privacy_policy.scss */
.cookies-section .cookies-list li strong {
  font-weight: 700;
}

/* line 886, app/assets/stylesheets/components/privacy_policy.scss */
.cookies-section .cookies-note {
  font-size: 1.08rem;
  color: #23263b;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 895, app/assets/stylesheets/components/privacy_policy.scss */
.children-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 899, app/assets/stylesheets/components/privacy_policy.scss */
.children-section .privacy-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 907, app/assets/stylesheets/components/privacy_policy.scss */
.children-section .children-text {
  font-size: 1.13rem;
  color: #23263b;
  line-height: 1.7;
  max-width: 900px;
  margin-bottom: 1.5rem;
}

/* line 917, app/assets/stylesheets/components/privacy_policy.scss */
.changes-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 921, app/assets/stylesheets/components/privacy_policy.scss */
.changes-section .privacy-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 929, app/assets/stylesheets/components/privacy_policy.scss */
.changes-section .changes-text {
  font-size: 1.13rem;
  color: #23263b;
  margin-bottom: 1.5rem;
}

/* line 933, app/assets/stylesheets/components/privacy_policy.scss */
.changes-section .changes-text ul.changes-list {
  list-style: disc;
  margin-left: 2.2rem;
  margin-bottom: 1.2rem;
  margin-top: 1.2rem;
}

/* line 938, app/assets/stylesheets/components/privacy_policy.scss */
.changes-section .changes-text ul.changes-list li {
  margin-bottom: 0.7rem;
}

/* line 946, app/assets/stylesheets/components/privacy_policy.scss */
.contact-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 950, app/assets/stylesheets/components/privacy_policy.scss */
.contact-section .privacy-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 958, app/assets/stylesheets/components/privacy_policy.scss */
.contact-section .contact-text {
  font-size: 1.13rem;
  color: #23263b;
  margin-bottom: 2.2rem;
}

/* line 964, app/assets/stylesheets/components/privacy_policy.scss */
.contact-section .contact-cards {
  display: flex;
  gap: 2.5rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

@media (max-width: 900px) {
  /* line 964, app/assets/stylesheets/components/privacy_policy.scss */
  .contact-section .contact-cards {
    flex-direction: column;
    gap: 1.2rem;
  }
}

/* line 976, app/assets/stylesheets/components/privacy_policy.scss */
.contact-section .contact-card {
  background: #f7f7f8;
  border-radius: 18px;
  padding: 2rem 2.5rem 1.5rem 2rem;
  min-width: 260px;
  flex: 1 1 320px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
  margin-bottom: 1rem;
}

/* line 989, app/assets/stylesheets/components/privacy_policy.scss */
.contact-section .contact-card .contact-label {
  font-size: 1.08rem;
  color: #23263b;
  font-weight: 600;
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
}

/* line 996, app/assets/stylesheets/components/privacy_policy.scss */
.contact-section .contact-card .contact-value {
  font-size: 1.18rem;
  color: #23263b;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

/* line 1001, app/assets/stylesheets/components/privacy_policy.scss */
.contact-section .contact-card .contact-value a {
  color: #23263b;
  text-decoration: underline;
}

/* line 1004, app/assets/stylesheets/components/privacy_policy.scss */
.contact-section .contact-card .contact-value a:hover {
  color: #2563eb;
}

/* line 1009, app/assets/stylesheets/components/privacy_policy.scss */
.contact-section .contact-card .contact-icon {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  font-size: 2rem;
  color: #4f8ee6;
  opacity: 0.85;
}

@media (max-width: 900px) {
  /* line 1009, app/assets/stylesheets/components/privacy_policy.scss */
  .contact-section .contact-card .contact-icon {
    position: static;
    margin-top: 1rem;
    align-self: flex-end;
  }
}

/* line 1026, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 1030, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 1038, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-section-intro {
  font-size: 1.15rem;
  color: #23263b;
  margin-bottom: 2.2rem;
}

/* line 1044, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-purpose-columns {
  display: flex;
  gap: 3.5rem;
  align-items: flex-start;
}

@media (max-width: 900px) {
  /* line 1044, app/assets/stylesheets/components/privacy_policy.scss */
  .ai-purpose-section .ai-purpose-columns {
    flex-direction: column;
    gap: 2rem;
  }
}

/* line 1054, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-purpose-col {
  flex: 1 1 0;
  min-width: 260px;
}

/* line 1059, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-purpose-block {
  margin-bottom: 2.5rem;
}

/* line 1061, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-purpose-block h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 1.2rem;
  margin-top: 0;
}

/* line 1068, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-purpose-block ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

/* line 1075, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-purpose-block ul li {
  margin-bottom: 0.7rem;
}

/* line 1077, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-purpose-block ul li strong {
  font-weight: 700;
}

/* line 1080, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-purpose-block ul li .ai-icon {
  font-size: 1.1em;
  margin-right: 0.2em;
}

/* line 1084, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-purpose-block ul li .ai-icon.valid {
  color: #22c55e;
}

/* line 1085, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-purpose-block ul li .ai-icon.invalid {
  color: #ef4444;
}

/* line 1086, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-purpose-block ul li .ai-icon.neutral {
  color: #eab308;
}

/* line 1088, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-purpose-block ul ul {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  list-style: circle;
  font-size: 1em;
}

/* line 1095, app/assets/stylesheets/components/privacy_policy.scss */
.ai-purpose-section .ai-purpose-block .ai-purpose-block-desc {
  font-size: 1.05rem;
  color: #23263b;
  margin-bottom: 0.7rem;
  margin-top: 0.2rem;
}

/* line 1105, app/assets/stylesheets/components/privacy_policy.scss */
.ai-models-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 1109, app/assets/stylesheets/components/privacy_policy.scss */
.ai-models-section .ai-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 1116, app/assets/stylesheets/components/privacy_policy.scss */
.ai-models-section .ai-models-intro {
  font-size: 1.15rem;
  color: #23263b;
  margin-bottom: 1.5rem;
}

/* line 1121, app/assets/stylesheets/components/privacy_policy.scss */
.ai-models-section .ai-models-providers {
  font-size: 1.08rem;
  color: #23263b;
  margin-bottom: 1.2rem;
}

/* line 1125, app/assets/stylesheets/components/privacy_policy.scss */
.ai-models-section .ai-models-providers strong {
  font-weight: 700;
}

/* line 1128, app/assets/stylesheets/components/privacy_policy.scss */
.ai-models-section .ai-models-providers ul {
  list-style: disc;
  margin-left: 1.2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 1133, app/assets/stylesheets/components/privacy_policy.scss */
.ai-models-section .ai-models-providers ul li {
  margin-bottom: 0.7rem;
}

/* line 1135, app/assets/stylesheets/components/privacy_policy.scss */
.ai-models-section .ai-models-providers ul li strong {
  font-weight: 700;
}

/* line 1139, app/assets/stylesheets/components/privacy_policy.scss */
.ai-models-section .ai-models-instructions {
  font-size: 1.08rem;
  color: #23263b;
  margin-bottom: 0.7rem;
}

/* line 1143, app/assets/stylesheets/components/privacy_policy.scss */
.ai-models-section .ai-models-instructions ul {
  list-style: disc;
  margin-left: 1.2rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 1148, app/assets/stylesheets/components/privacy_policy.scss */
.ai-models-section .ai-models-instructions ul li {
  margin-bottom: 0.7rem;
}

/* line 1150, app/assets/stylesheets/components/privacy_policy.scss */
.ai-models-section .ai-models-instructions ul li strong {
  font-weight: 700;
}

/* line 1153, app/assets/stylesheets/components/privacy_policy.scss */
.ai-models-section .ai-models-instructions .ai-models-note {
  font-size: 1.05rem;
  color: #475569;
  margin-top: 0.7rem;
}

/* line 1162, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-shared-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 1166, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-shared-section .ai-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 1173, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-shared-section .ai-data-shared-columns {
  display: flex;
  gap: 3.5rem;
  align-items: flex-start;
}

@media (max-width: 900px) {
  /* line 1173, app/assets/stylesheets/components/privacy_policy.scss */
  .ai-data-shared-section .ai-data-shared-columns {
    flex-direction: column;
    gap: 2rem;
  }
}

/* line 1182, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-shared-section .ai-data-shared-col {
  flex: 1 1 0;
  min-width: 260px;
}

/* line 1185, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-shared-section .ai-data-shared-col h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 1.2rem;
  margin-top: 0;
}

/* line 1192, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-shared-section .ai-data-shared-col .ai-data-shared-desc {
  font-size: 1.05rem;
  color: #23263b;
  margin-bottom: 0.7rem;
}

/* line 1197, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-shared-section .ai-data-shared-col ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

/* line 1204, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-shared-section .ai-data-shared-col ul li {
  margin-bottom: 0.7rem;
}

/* line 1206, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-shared-section .ai-data-shared-col ul li strong {
  font-weight: 700;
}

/* line 1209, app/assets/stylesheets/components/privacy_policy.scss */
.ai-data-shared-section .ai-data-shared-col .ai-data-shared-note {
  font-size: 1.05rem;
  color: #475569;
  margin-top: 0.7rem;
}

/* line 1218, app/assets/stylesheets/components/privacy_policy.scss */
.ai-output-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 1221, app/assets/stylesheets/components/privacy_policy.scss */
.ai-output-section .ai-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 1228, app/assets/stylesheets/components/privacy_policy.scss */
.ai-output-section .ai-output-desc {
  font-size: 1.08rem;
  color: #23263b;
}

/* line 1229, app/assets/stylesheets/components/privacy_policy.scss */
.ai-output-section .ai-output-desc .ai-output-desc-head {
  margin-bottom: 0.7rem;
}

/* line 1234, app/assets/stylesheets/components/privacy_policy.scss */
.ai-output-section .ai-output-desc ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

/* line 1241, app/assets/stylesheets/components/privacy_policy.scss */
.ai-output-section .ai-output-desc ul li {
  margin-bottom: 0.7rem;
}

/* line 1243, app/assets/stylesheets/components/privacy_policy.scss */
.ai-output-section .ai-output-desc ul li strong {
  font-weight: 700;
}

/* line 1246, app/assets/stylesheets/components/privacy_policy.scss */
.ai-output-section .ai-output-desc .ai-output-note {
  font-size: 1.05rem;
  color: #475569;
  margin-top: 0.7rem;
}

/* line 1255, app/assets/stylesheets/components/privacy_policy.scss */
.ai-retention-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 1258, app/assets/stylesheets/components/privacy_policy.scss */
.ai-retention-section .ai-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 1265, app/assets/stylesheets/components/privacy_policy.scss */
.ai-retention-section .ai-retention-desc {
  font-size: 1.08rem;
  color: #23263b;
}

/* line 1266, app/assets/stylesheets/components/privacy_policy.scss */
.ai-retention-section .ai-retention-desc .ai-retention-desc-head {
  margin-bottom: 0.7rem;
}

/* line 1271, app/assets/stylesheets/components/privacy_policy.scss */
.ai-retention-section .ai-retention-desc ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

/* line 1278, app/assets/stylesheets/components/privacy_policy.scss */
.ai-retention-section .ai-retention-desc ul li {
  margin-bottom: 0.7rem;
}

/* line 1282, app/assets/stylesheets/components/privacy_policy.scss */
.ai-retention-section .ai-retention-desc .ai-retention-note {
  font-size: 1.05rem;
  color: #475569;
  margin-top: 0.7rem;
}

/* line 1286, app/assets/stylesheets/components/privacy_policy.scss */
.ai-retention-section .ai-retention-desc .ai-retention-note strong {
  font-weight: 700;
}

/* line 1292, app/assets/stylesheets/components/privacy_policy.scss */
.ai-theology-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 1295, app/assets/stylesheets/components/privacy_policy.scss */
.ai-theology-section .ai-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 1302, app/assets/stylesheets/components/privacy_policy.scss */
.ai-theology-section .ai-theology-desc {
  font-size: 1.08rem;
  color: #23263b;
}

/* line 1303, app/assets/stylesheets/components/privacy_policy.scss */
.ai-theology-section .ai-theology-desc .ai-theology-desc-head {
  margin-bottom: 0.7rem;
}

/* line 1308, app/assets/stylesheets/components/privacy_policy.scss */
.ai-theology-section .ai-theology-desc ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

/* line 1315, app/assets/stylesheets/components/privacy_policy.scss */
.ai-theology-section .ai-theology-desc ul li {
  margin-bottom: 0.7rem;
}

/* line 1319, app/assets/stylesheets/components/privacy_policy.scss */
.ai-theology-section .ai-theology-desc .ai-theology-note {
  font-size: 1.05rem;
  color: #475569;
  margin-top: 0.7rem;
}

/* line 1323, app/assets/stylesheets/components/privacy_policy.scss */
.ai-theology-section .ai-theology-desc .ai-theology-note strong {
  font-weight: 700;
}

/* line 1329, app/assets/stylesheets/components/privacy_policy.scss */
.ai-limitations-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 1332, app/assets/stylesheets/components/privacy_policy.scss */
.ai-limitations-section .ai-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 1339, app/assets/stylesheets/components/privacy_policy.scss */
.ai-limitations-section .ai-limitations-desc {
  font-size: 1.08rem;
  color: #23263b;
}

/* line 1340, app/assets/stylesheets/components/privacy_policy.scss */
.ai-limitations-section .ai-limitations-desc .ai-limitations-desc-head {
  margin-bottom: 0.7rem;
}

/* line 1345, app/assets/stylesheets/components/privacy_policy.scss */
.ai-limitations-section .ai-limitations-desc ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

/* line 1352, app/assets/stylesheets/components/privacy_policy.scss */
.ai-limitations-section .ai-limitations-desc ul li {
  margin-bottom: 0.7rem;
}

/* line 1356, app/assets/stylesheets/components/privacy_policy.scss */
.ai-limitations-section .ai-limitations-desc .ai-limitations-mitigation {
  font-size: 1.05rem;
  color: #23263b;
  margin-bottom: 0.7rem;
}

/* line 1360, app/assets/stylesheets/components/privacy_policy.scss */
.ai-limitations-section .ai-limitations-desc .ai-limitations-mitigation ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

/* line 1367, app/assets/stylesheets/components/privacy_policy.scss */
.ai-limitations-section .ai-limitations-desc .ai-limitations-mitigation ul li {
  margin-bottom: 0.7rem;
}

/* line 1372, app/assets/stylesheets/components/privacy_policy.scss */
.ai-limitations-section .ai-limitations-desc .ai-limitations-note {
  font-size: 1.05rem;
  color: #475569;
  margin-top: 0.7rem;
}

/* line 1381, app/assets/stylesheets/components/privacy_policy.scss */
.ai-compliance-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 1384, app/assets/stylesheets/components/privacy_policy.scss */
.ai-compliance-section .ai-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 1391, app/assets/stylesheets/components/privacy_policy.scss */
.ai-compliance-section .ai-compliance-desc {
  font-size: 1.08rem;
  color: #23263b;
}

/* line 1392, app/assets/stylesheets/components/privacy_policy.scss */
.ai-compliance-section .ai-compliance-desc .ai-compliance-desc-head {
  margin-bottom: 0.7rem;
}

/* line 1397, app/assets/stylesheets/components/privacy_policy.scss */
.ai-compliance-section .ai-compliance-desc ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

/* line 1404, app/assets/stylesheets/components/privacy_policy.scss */
.ai-compliance-section .ai-compliance-desc ul li {
  margin-bottom: 0.7rem;
}

/* line 1406, app/assets/stylesheets/components/privacy_policy.scss */
.ai-compliance-section .ai-compliance-desc ul li strong {
  font-weight: 700;
}

/* line 1409, app/assets/stylesheets/components/privacy_policy.scss */
.ai-compliance-section .ai-compliance-desc .ai-compliance-usage {
  font-size: 1.05rem;
  color: #23263b;
  margin-bottom: 0.7rem;
}

/* line 1413, app/assets/stylesheets/components/privacy_policy.scss */
.ai-compliance-section .ai-compliance-desc .ai-compliance-usage ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

/* line 1420, app/assets/stylesheets/components/privacy_policy.scss */
.ai-compliance-section .ai-compliance-desc .ai-compliance-usage ul li {
  margin-bottom: 0.7rem;
}

/* line 1425, app/assets/stylesheets/components/privacy_policy.scss */
.ai-compliance-section .ai-compliance-desc .ai-compliance-not-used {
  font-size: 1.05rem;
  color: #23263b;
  margin-bottom: 0.7rem;
}

/* line 1429, app/assets/stylesheets/components/privacy_policy.scss */
.ai-compliance-section .ai-compliance-desc .ai-compliance-not-used ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

/* line 1436, app/assets/stylesheets/components/privacy_policy.scss */
.ai-compliance-section .ai-compliance-desc .ai-compliance-not-used ul li {
  margin-bottom: 0.7rem;
}

/* line 1445, app/assets/stylesheets/components/privacy_policy.scss */
.ai-policy-changes-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 1448, app/assets/stylesheets/components/privacy_policy.scss */
.ai-policy-changes-section .ai-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 1455, app/assets/stylesheets/components/privacy_policy.scss */
.ai-policy-changes-section .ai-policy-changes-desc {
  font-size: 1.08rem;
  color: #23263b;
}

/* line 1456, app/assets/stylesheets/components/privacy_policy.scss */
.ai-policy-changes-section .ai-policy-changes-desc .ai-policy-changes-desc-head {
  margin-bottom: 0.7rem;
}

/* line 1461, app/assets/stylesheets/components/privacy_policy.scss */
.ai-policy-changes-section .ai-policy-changes-desc ul {
  list-style: disc;
  margin-left: 1.2rem;
  color: #23263b;
  font-size: 1.08rem;
  line-height: 1.7;
  margin-bottom: 1.2rem;
}

/* line 1468, app/assets/stylesheets/components/privacy_policy.scss */
.ai-policy-changes-section .ai-policy-changes-desc ul li {
  margin-bottom: 0.7rem;
}

/* line 1472, app/assets/stylesheets/components/privacy_policy.scss */
.ai-policy-changes-section .ai-policy-changes-desc .ai-policy-changes-note {
  font-size: 1.05rem;
  color: #475569;
  margin-top: 0.7rem;
}

/* line 1481, app/assets/stylesheets/components/privacy_policy.scss */
.ai-contact-section {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

/* line 1484, app/assets/stylesheets/components/privacy_policy.scss */
.ai-contact-section .ai-section-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
  letter-spacing: -1px;
}

/* line 1491, app/assets/stylesheets/components/privacy_policy.scss */
.ai-contact-section .ai-contact-intro {
  font-size: 1.15rem;
  color: #23263b;
  margin-bottom: 1.2rem;
}

/* line 1496, app/assets/stylesheets/components/privacy_policy.scss */
.ai-contact-section .ai-contact-team {
  font-size: 1.08rem;
  color: #23263b;
  font-weight: 700;
  margin-bottom: 2.2rem;
}

/* line 1502, app/assets/stylesheets/components/privacy_policy.scss */
.ai-contact-section .ai-contact-cards {
  display: flex;
  gap: 2.5rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

@media (max-width: 900px) {
  /* line 1502, app/assets/stylesheets/components/privacy_policy.scss */
  .ai-contact-section .ai-contact-cards {
    flex-direction: column;
    gap: 1.2rem;
  }
}

/* line 1513, app/assets/stylesheets/components/privacy_policy.scss */
.ai-contact-section .ai-contact-card {
  background: #f7f7f8;
  border-radius: 24px;
  padding: 2rem 2.5rem 1.5rem 2rem;
  min-width: 260px;
  flex: 1 1 320px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
  margin-bottom: 1rem;
}

/* line 1525, app/assets/stylesheets/components/privacy_policy.scss */
.ai-contact-section .ai-contact-card .ai-contact-label {
  font-size: 1.08rem;
  color: #23263b;
  font-weight: 600;
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
}

/* line 1532, app/assets/stylesheets/components/privacy_policy.scss */
.ai-contact-section .ai-contact-card .ai-contact-value {
  font-size: 1.18rem;
  color: #23263b;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

/* line 1537, app/assets/stylesheets/components/privacy_policy.scss */
.ai-contact-section .ai-contact-card .ai-contact-value a {
  color: #23263b;
  text-decoration: underline;
}

/* line 1540, app/assets/stylesheets/components/privacy_policy.scss */
.ai-contact-section .ai-contact-card .ai-contact-value a:hover {
  color: #2563eb;
}

/* line 1545, app/assets/stylesheets/components/privacy_policy.scss */
.ai-contact-section .ai-contact-card .ai-contact-icon {
  position: absolute;
  right: 2rem;
  bottom: 1.5rem;
  font-size: 2rem;
  color: #2563eb;
  opacity: 0.85;
}

@media (max-width: 900px) {
  /* line 1545, app/assets/stylesheets/components/privacy_policy.scss */
  .ai-contact-section .ai-contact-card .ai-contact-icon {
    position: static;
    margin-top: 1rem;
    align-self: flex-end;
  }
}

/* line 1557, app/assets/stylesheets/components/privacy_policy.scss */
.ai-contact-section .ai-contact-card .ai-contact-icon svg {
  display: block;
}

@media (max-width: 900px) {
  /* line 1566, app/assets/stylesheets/components/privacy_policy.scss */
  .privacy-policy-container {
    max-width: 100vw;
    padding: 0;
  }
  /* line 1570, app/assets/stylesheets/components/privacy_policy.scss */
  .privacy-contact-methods {
    flex-direction: column;
    gap: 1.2rem;
  }
}

/* line 1577, app/assets/stylesheets/components/privacy_policy.scss */
.terms-container {
  background: #fff;
  width: 100%;
  max-width: none;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 100px;
  font-family: 'SF Pro Display', 'Inter', Arial, sans-serif;
  color: #1e293b;
}

/* line 1589, app/assets/stylesheets/components/privacy_policy.scss */
.terms-hero-section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  min-height: 340px;
  padding: 3.5rem 0 2.5rem 0;
  position: relative;
}

@media (max-width: 900px) {
  /* line 1589, app/assets/stylesheets/components/privacy_policy.scss */
  .terms-hero-section {
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem 0 1.5rem 0;
  }
}

/* line 1604, app/assets/stylesheets/components/privacy_policy.scss */
.terms-hero-content {
  margin-top: 3rem;
  flex: 1 1 60%;
  max-width: 60%;
  padding-right: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 900px) {
  /* line 1604, app/assets/stylesheets/components/privacy_policy.scss */
  .terms-hero-content {
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 2rem;
  }
}

/* line 1619, app/assets/stylesheets/components/privacy_policy.scss */
.terms-hero-title {
  font-size: 2.8rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2rem;
  letter-spacing: -1.5px;
  line-height: 1.1;
}

/* line 1628, app/assets/stylesheets/components/privacy_policy.scss */
.terms-hero-meta {
  display: flex;
  gap: 2.5rem;
  font-size: 1.1rem;
  color: #23263b;
  font-weight: 500;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

/* line 1636, app/assets/stylesheets/components/privacy_policy.scss */
.terms-hero-meta span {
  display: block;
  margin-bottom: 0.2rem;
}

/* line 1642, app/assets/stylesheets/components/privacy_policy.scss */
.terms-hero-text {
  font-size: 1.15rem;
  color: #23263b;
  line-height: 1.7;
  margin-bottom: 0.5rem;
}

/* line 1647, app/assets/stylesheets/components/privacy_policy.scss */
.terms-hero-text p {
  margin-bottom: 1.1rem;
  margin-top: 0;
}

/* line 1653, app/assets/stylesheets/components/privacy_policy.scss */
.terms-hero-image {
  flex: 0 0 368px;
  max-width: 368px;
  min-width: 260px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  background: #fff;
  box-sizing: border-box;
  padding: 1.2rem 1.2rem 0.5rem 1.2rem;
  margin-left: 2.5rem;
  min-height: 368px;
}

/* line 1665, app/assets/stylesheets/components/privacy_policy.scss */
.terms-hero-image img {
  width: 100%;
  height: auto;
  max-width: 320px;
  object-fit: contain;
  display: block;
}

@media (max-width: 1100px) {
  /* line 1653, app/assets/stylesheets/components/privacy_policy.scss */
  .terms-hero-image {
    flex: 0 0 260px;
    max-width: 260px;
    min-width: 180px;
    min-height: 220px;
    margin-left: 1.2rem;
    padding: 0.7rem;
  }
}

@media (max-width: 900px) {
  /* line 1653, app/assets/stylesheets/components/privacy_policy.scss */
  .terms-hero-image {
    margin-left: 0;
    margin-bottom: 2rem;
    align-self: center;
  }
}

/* line 1687, app/assets/stylesheets/components/privacy_policy.scss */
.terms-section {
  margin-bottom: 2.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e5e7eb;
  padding-left: 0;
  padding-right: 0;
}

/* line 1693, app/assets/stylesheets/components/privacy_policy.scss */
.terms-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 1698, app/assets/stylesheets/components/privacy_policy.scss */
.terms-section .terms-section-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 1.2rem;
  margin-top: 0;
}

/* line 1705, app/assets/stylesheets/components/privacy_policy.scss */
.terms-section ul {
  margin: 0 0 1.2rem 1.2rem;
  padding: 0;
  list-style: disc;
  color: #334155;
  font-size: 1rem;
  line-height: 1.7;
}

/* line 1712, app/assets/stylesheets/components/privacy_policy.scss */
.terms-section ul li {
  margin-bottom: 0.5rem;
}

/* line 1716, app/assets/stylesheets/components/privacy_policy.scss */
.terms-section p {
  color: #475569;
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.7;
}

@media (max-width: 900px) {
  /* line 1725, app/assets/stylesheets/components/privacy_policy.scss */
  .terms-container {
    max-width: 100vw;
    padding: 0;
  }
}

/* line 2, app/assets/stylesheets/components/lsv.scss */
.lsv-page {
  background: #fff;
  width: 100%;
  max-width: none;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  font-family: 'SF Pro Display', 'Inter', Arial, sans-serif;
  color: #1e293b;
}

/* line 11, app/assets/stylesheets/components/lsv.scss */
.lsv-page .lsv-hero-section {
  margin-top: 5rem;
  padding: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
}

@media (max-width: 900px) {
  /* line 11, app/assets/stylesheets/components/lsv.scss */
  .lsv-page .lsv-hero-section {
    flex-direction: column;
    padding: 2.2rem 0 1.5rem 0;
    gap: 1.5rem;
  }
}

/* line 25, app/assets/stylesheets/components/lsv.scss */
.lsv-page .lsv-hero-content {
  flex: 1 1 60%;
}

/* line 27, app/assets/stylesheets/components/lsv.scss */
.lsv-page .lsv-hero-content h1 {
  font-size: 2.7rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 1.1rem;
  letter-spacing: -1px;
}

/* line 34, app/assets/stylesheets/components/lsv.scss */
.lsv-page .lsv-hero-content div {
  font-size: 1.25rem;
  color: #23263b;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

/* line 42, app/assets/stylesheets/components/lsv.scss */
.lsv-page .lsv-hero-image {
  flex: 1 1 40%;
  display: flex;
  justify-content: flex-end;
}

/* line 46, app/assets/stylesheets/components/lsv.scss */
.lsv-page .lsv-hero-image img {
  max-width: 340px;
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
}

/* line 55, app/assets/stylesheets/components/lsv.scss */
.lsv-page .lsv-section-page {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f7f7f8;
  border-radius: 18px;
  padding: 3.2rem 0 3.2rem 0;
  margin-bottom: 2.5rem;
  gap: 2.5rem;
}

@media (max-width: 900px) {
  /* line 55, app/assets/stylesheets/components/lsv.scss */
  .lsv-page .lsv-section-page {
    flex-direction: column;
    padding: 1.5rem 0 1.5rem 0;
    gap: 1.2rem;
  }
}

/* line 71, app/assets/stylesheets/components/lsv.scss */
.lsv-page .lsv-section-content {
  flex: 1 1 60%;
  padding-left: 2.5rem;
}

@media (max-width: 900px) {
  /* line 71, app/assets/stylesheets/components/lsv.scss */
  .lsv-page .lsv-section-content {
    padding-left: 0;
  }
}

/* line 77, app/assets/stylesheets/components/lsv.scss */
.lsv-page .lsv-section-content h2 {
  font-size: 2.1rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 1.1rem;
  letter-spacing: -1px;
}

/* line 84, app/assets/stylesheets/components/lsv.scss */
.lsv-page .lsv-section-content p {
  font-size: 1.08rem;
  color: #23263b;
  margin-bottom: 0.7rem;
}

/* line 88, app/assets/stylesheets/components/lsv.scss */
.lsv-page .lsv-section-content p:first-of-type {
  margin-bottom: 1.1rem;
}

/* line 94, app/assets/stylesheets/components/lsv.scss */
.lsv-page .lsv-section-image {
  flex: 1 1 40%;
  display: flex;
  justify-content: flex-end;
  padding-right: 2.5rem;
}

@media (max-width: 900px) {
  /* line 94, app/assets/stylesheets/components/lsv.scss */
  .lsv-page .lsv-section-image {
    padding-right: 0;
  }
}

/* line 102, app/assets/stylesheets/components/lsv.scss */
.lsv-page .lsv-section-image img {
  max-width: 340px;
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
}

/* line 112, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel-section {
  text-align: center;
  margin: 4rem 0 2rem 0;
}

/* line 115, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel-section .lsv-carousel-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 0.5rem;
}

/* line 121, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel-section .lsv-carousel-subtitle {
  color: #6b7280;
  font-size: 1.15rem;
  margin-bottom: 2.5rem;
}

/* line 128, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel-viewport {
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  width: calc(3 * 340px + 2 * 40px);
  max-width: 100vw;
  display: flex;
  justify-content: flex-start;
}

/* line 138, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* line 143, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-arrow {
  background: #f3f4f6;
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  font-size: 1.7rem;
  color: #23263b;
  margin: 0 1.2rem;
  cursor: pointer;
  transition: background 0.2s;
}

/* line 154, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-arrow:hover {
  background: #e0e7ef;
}

/* line 155, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-arrow.disabled {
  opacity: 0.4;
  pointer-events: none;
}

/* line 157, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 40px;
  justify-content: flex-start !important;
  width: calc(5 * 340px + 4 * 40px);
}

/* line 165, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-item {
  width: 340px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 2px 12px rgba(30, 41, 59, 0.07);
  padding: 2.2rem 1.5rem 1.5rem 1.5rem;
  flex: 0 0 340px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 175, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-item .lsv-carousel-icon {
  width: 70px;
  height: 70px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.2rem;
  box-shadow: 0 4px 24px rgba(80, 80, 200, 0.08);
}

/* line 184, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-item .lsv-carousel-icon.clarity {
  background: #a78bfa22;
}

/* line 185, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-item .lsv-carousel-icon.dependency {
  background: #67e8f922;
}

/* line 186, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-item .lsv-carousel-icon.accuracy {
  background: #c4b5fd22;
}

/* line 187, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-item .lsv-carousel-icon.validation {
  background: #bbf7d022;
}

/* line 188, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-item .lsv-carousel-icon.confirmation {
  background: #fde68a22;
}

/* line 189, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-item .lsv-carousel-icon img {
  width: 120px;
  height: 120px;
  margin-top: 5rem;
}

/* line 191, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-item .lsv-carousel-label {
  font-size: 1.25rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 0.7rem;
}

/* line 197, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel .lsv-carousel-item .lsv-carousel-desc {
  color: #23263b;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.5;
}

/* line 206, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel-dots {
  margin-top: 1.5rem;
}

/* line 208, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel-dots .lsv-carousel-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #e5e7eb;
  border-radius: 50%;
  margin: 0 5px;
}

/* line 215, app/assets/stylesheets/components/lsv.scss */
.lsv-carousel-dots .lsv-carousel-dot.active {
  background: #6366f1;
}

@media (max-width: 1100px) {
  /* line 220, app/assets/stylesheets/components/lsv.scss */
  .lsv-carousel-viewport {
    width: calc(3 * 270px + 2 * 20px);
  }
  /* line 221, app/assets/stylesheets/components/lsv.scss */
  .lsv-carousel-track {
    width: calc(5 * 270px + 4 * 20px);
  }
  /* line 222, app/assets/stylesheets/components/lsv.scss */
  .lsv-carousel-item {
    width: 270px;
    flex: 0 0 270px;
  }
}

@media (max-width: 900px) {
  /* line 228, app/assets/stylesheets/components/lsv.scss */
  .lsv-carousel-viewport {
    width: calc(3 * 220px + 2 * 10px);
  }
  /* line 229, app/assets/stylesheets/components/lsv.scss */
  .lsv-carousel-track {
    width: calc(5 * 220px + 4 * 10px);
  }
  /* line 230, app/assets/stylesheets/components/lsv.scss */
  .lsv-carousel-item {
    width: 220px;
    flex: 0 0 220px;
  }
}

@media (max-width: 700px) {
  /* line 236, app/assets/stylesheets/components/lsv.scss */
  .lsv-carousel-viewport {
    width: 90vw;
  }
  /* line 237, app/assets/stylesheets/components/lsv.scss */
  .lsv-carousel-track {
    width: calc(5 * 90vw + 4 * 4px);
  }
  /* line 238, app/assets/stylesheets/components/lsv.scss */
  .lsv-carousel-item {
    width: 90vw;
    flex: 0 0 90vw;
  }
}

/* line 244, app/assets/stylesheets/components/lsv.scss */
.lsv-why-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.5rem;
  background: #f7f7f8;
  border-radius: 18px;
  margin: 3.5rem 0 0 0;
  padding: 3.5rem 2.5rem;
}

@media (max-width: 900px) {
  /* line 244, app/assets/stylesheets/components/lsv.scss */
  .lsv-why-section {
    flex-direction: column;
    padding: 2rem 1rem;
    gap: 2rem;
  }
}

/* line 260, app/assets/stylesheets/components/lsv.scss */
.lsv-why-image {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 265, app/assets/stylesheets/components/lsv.scss */
.lsv-why-image img {
  width: 420px;
  max-width: 100%;
  border-radius: 50%;
  box-shadow: 0 4px 32px rgba(30, 41, 59, 0.1);
  background: #e0e7ef;
}

@media (max-width: 900px) {
  /* line 265, app/assets/stylesheets/components/lsv.scss */
  .lsv-why-image img {
    width: 260px;
  }
}

/* line 277, app/assets/stylesheets/components/lsv.scss */
.lsv-why-content {
  flex: 1 1 55%;
}

/* line 279, app/assets/stylesheets/components/lsv.scss */
.lsv-why-content h2 {
  font-size: 2.3rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 1.2rem;
}

/* line 285, app/assets/stylesheets/components/lsv.scss */
.lsv-why-content p {
  font-size: 1.13rem;
  color: #23263b;
  margin-bottom: 1.1rem;
  line-height: 1.6;
}

/* line 291, app/assets/stylesheets/components/lsv.scss */
.lsv-why-content ul {
  margin: 0.7rem 0 1.1rem 1.2rem;
  padding: 0;
  list-style: disc;
}

/* line 295, app/assets/stylesheets/components/lsv.scss */
.lsv-why-content ul li {
  font-size: 1.13rem;
  color: #23263b;
  font-weight: 600;
  margin-bottom: 0.4rem;
}

/* line 304, app/assets/stylesheets/components/lsv.scss */
.lsv-compare-section {
  margin: 4rem 0 0 0;
  padding: 2.5rem 0 3.5rem 0;
  background: #fff;
  border-radius: 18px;
  text-align: center;
  position: relative;
}

/* line 313, app/assets/stylesheets/components/lsv.scss */
.lsv-compare-title {
  font-size: 2.3rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 2.2rem;
}

/* line 320, app/assets/stylesheets/components/lsv.scss */
.lsv-compare-table-wrapper {
  overflow-x: auto;
  margin: 0 auto 1.5rem auto;
  max-width: 1300px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(30, 41, 59, 0.07);
}

/* line 329, app/assets/stylesheets/components/lsv.scss */
.lsv-compare-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 1.08rem;
  background: #fff;
}

/* line 335, app/assets/stylesheets/components/lsv.scss */
.lsv-compare-table th, .lsv-compare-table td {
  padding: 1.1rem 1.2rem;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  vertical-align: top;
}

/* line 341, app/assets/stylesheets/components/lsv.scss */
.lsv-compare-table th {
  font-size: 1.13rem;
  font-weight: 700;
  color: #23263b;
  background: #f7f7f8;
  border-top: 1px solid #e5e7eb;
}

/* line 348, app/assets/stylesheets/components/lsv.scss */
.lsv-compare-table tr:last-child td {
  border-bottom: none;
}

/* line 351, app/assets/stylesheets/components/lsv.scss */
.lsv-compare-table td:first-child, .lsv-compare-table th:first-child {
  text-align: center;
  font-weight: 700;
  color: #6366f1;
  width: 60px;
}

/* line 357, app/assets/stylesheets/components/lsv.scss */
.lsv-compare-table td:nth-child(3), .lsv-compare-table th:nth-child(3) {
  text-align: center;
  width: 110px;
  font-weight: 700;
  color: #23263b;
}

/* line 365, app/assets/stylesheets/components/lsv.scss */
.lsv-compare-footnote {
  margin-top: 2.2rem;
  font-size: 1.08rem;
  color: #23263b;
  font-style: italic;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* line 375, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-section {
  margin: 4rem 0 0 0;
  padding: 2.5rem 0 0 0;
  background: #f7f7f8;
  border-radius: 18px;
}

/* line 381, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.5rem;
  margin-bottom: 3.5rem;
}

@media (max-width: 900px) {
  /* line 381, app/assets/stylesheets/components/lsv.scss */
  .lsv-ownership-row {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2.2rem;
  }
}

/* line 393, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-row-reverse {
  flex-direction: row-reverse;
}

@media (max-width: 900px) {
  /* line 393, app/assets/stylesheets/components/lsv.scss */
  .lsv-ownership-row-reverse {
    flex-direction: column;
  }
}

/* line 399, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-image {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 404, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-image img {
  width: 370px;
  max-width: 100%;
  border-radius: 18px;
  box-shadow: 0 4px 32px rgba(30, 41, 59, 0.1);
  background: #e0e7ef;
}

@media (max-width: 900px) {
  /* line 404, app/assets/stylesheets/components/lsv.scss */
  .lsv-ownership-image img {
    width: 220px;
  }
}

/* line 415, app/assets/stylesheets/components/lsv.scss */
.content-reverse {
  padding-left: 8rem;
}

/* line 418, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-content {
  flex: 1 1 55%;
}

/* line 420, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-content h2 {
  font-size: 2.1rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 1.2rem;
}

/* line 426, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-content p {
  font-size: 1.13rem;
  color: #23263b;
  margin-bottom: 1.1rem;
  line-height: 1.6;
}

/* line 432, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-content ul {
  margin: 0.7rem 0 1.1rem 1.2rem;
  padding: 0;
  list-style: disc;
}

/* line 436, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-content ul li {
  font-size: 1.13rem;
  color: #23263b;
  font-weight: 500;
  margin-bottom: 0.4rem;
}

/* line 443, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-content a {
  color: #6366f1;
  text-decoration: underline;
  font-weight: 600;
}

/* line 449, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-final {
  background: #fff;
  text-align: center;
  padding: 4.5rem 0 4.5rem 0;
}

/* line 453, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-final h2 {
  font-size: 2.1rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 1.2rem;
}

/* line 459, app/assets/stylesheets/components/lsv.scss */
.lsv-ownership-final p {
  font-size: 1.13rem;
  color: #23263b;
  margin-bottom: 0.7rem;
  line-height: 1.6;
}

/* line 1, app/assets/stylesheets/components/faq.scss */
.faq-page {
  background: #f7fafd;
  min-height: 100vh;
  padding: 100px;
}

/* line 6, app/assets/stylesheets/components/faq.scss */
.faq-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 3.5rem 0 2.5rem 0;
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 900px) {
  /* line 6, app/assets/stylesheets/components/faq.scss */
  .faq-hero {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    padding: 2rem 0 1.5rem 0;
  }
}

/* line 20, app/assets/stylesheets/components/faq.scss */
.faq-hero-content {
  flex: 1 1 60%;
}

/* line 22, app/assets/stylesheets/components/faq.scss */
.faq-hero-content h1 {
  padding-top: 3.5rem;
  font-size: 2.7rem;
  font-weight: 800;
  color: #23263b;
  letter-spacing: -1px;
}

/* line 30, app/assets/stylesheets/components/faq.scss */
.faq-hero-image {
  flex: 1 1 40%;
  display: flex;
  justify-content: flex-end;
}

/* line 34, app/assets/stylesheets/components/faq.scss */
.faq-hero-image img {
  max-width: 340px;
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
}

/* line 42, app/assets/stylesheets/components/faq.scss */
.faq-list-wrapper {
  max-width: 1300px;
  margin: 0 auto;
  background: #f9f9fb;
  border-radius: 18px;
  box-shadow: 0 2px 12px rgba(30, 41, 59, 0.07);
  padding: 2.5rem 1.5rem;
}

/* line 50, app/assets/stylesheets/components/faq.scss */
.faq-list {
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
}

/* line 55, app/assets/stylesheets/components/faq.scss */
.faq-item {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
  transition: box-shadow 0.2s;
  overflow: hidden;
}

/* line 62, app/assets/stylesheets/components/faq.scss */
.faq-question {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  font-size: 1.18rem;
  font-weight: 600;
  color: #23263b;
  padding: 1.3rem 1.7rem 1.3rem 1.3rem;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: background 0.15s;
}

/* line 78, app/assets/stylesheets/components/faq.scss */
.faq-question[aria-expanded="true"] {
  background: #f3f4f6;
}

/* line 81, app/assets/stylesheets/components/faq.scss */
.faq-toggle {
  font-size: 1.7rem;
  color: #6366f1;
  font-weight: 700;
  margin-left: 1.2rem;
  transition: transform 0.2s;
}

/* line 88, app/assets/stylesheets/components/faq.scss */
.faq-question[aria-expanded="true"] .faq-toggle {
  transform: rotate(45deg);
}

/* line 91, app/assets/stylesheets/components/faq.scss */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  background: #f9f9fb;
  color: #23263b;
  font-size: 1.08rem;
  padding: 0 1.7rem;
  transition: max-height 0.3s cubic-bezier(0.4, 2, 0.6, 1), padding 0.2s;
}

/* line 100, app/assets/stylesheets/components/faq.scss */
.faq-item.open .faq-answer {
  padding: 1.1rem 1.7rem 1.3rem 1.7rem;
  max-height: 300px;
  transition: max-height 0.4s cubic-bezier(0.4, 2, 0.6, 1), padding 0.2s;
}

@media (max-width: 900px) {
  /* line 106, app/assets/stylesheets/components/faq.scss */
  .faq-list-wrapper {
    padding: 1.2rem 0.5rem;
  }
  /* line 109, app/assets/stylesheets/components/faq.scss */
  .faq-hero-image img {
    max-width: 220px;
  }
}

/* line 1, app/assets/stylesheets/components/theories.scss */
.theories-main {
  display: flex;
  gap: 0;
  align-items: flex-start;
  background: #fff;
  min-height: 100vh;
}

/* line 8, app/assets/stylesheets/components/theories.scss */
.theories-center {
  flex: 1 1 0;
  max-width: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: #fff;
  padding-top: 1rem;
}

/* line 18, app/assets/stylesheets/components/theories.scss */
.theories-header {
  padding: 24px 32px 12px 32px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 18px;
}

/* line 24, app/assets/stylesheets/components/theories.scss */
.theories-header h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #23263b;
}

/* line 30, app/assets/stylesheets/components/theories.scss */
.theories-header .theories-search-bar {
  display: flex;
  align-items: center;
  margin-left: 2rem;
}

/* line 34, app/assets/stylesheets/components/theories.scss */
.theories-header .theories-search-bar input {
  padding: 0.5rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 1rem;
  margin-right: 0.5rem;
}

/* line 41, app/assets/stylesheets/components/theories.scss */
.theories-header .theories-search-bar .theories-search-btn {
  background: #2196f3;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  cursor: pointer;
}

/* line 51, app/assets/stylesheets/components/theories.scss */
.theories-header .theories-new-btn {
  margin-left: auto;
  background: #2196f3;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1.2rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}

/* line 66, app/assets/stylesheets/components/theories.scss */
.theories-header .theories-new-btn .btn-icon {
  width: 22px;
  height: 22px;
  margin-right: 0.5rem;
}

/* line 71, app/assets/stylesheets/components/theories.scss */
.theories-header .theories-new-btn .new-theory-label {
  text-decoration: none;
  color: #fff;
}

/* line 76, app/assets/stylesheets/components/theories.scss */
.theories-filters {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2rem;
  background: #fff;
  border-radius: 12px;
  padding: 0.7rem 1.2rem;
  border: 2px solid #e5e7eb;
  max-width: 27rem;
  margin-left: 2rem;
}

/* line 87, app/assets/stylesheets/components/theories.scss */
.theories-filter {
  color: #888;
  font-size: 1.08rem;
  font-weight: 500;
  text-decoration: none;
  padding: 0.5rem 1.5rem;
  border-radius: 10px;
  transition: background 0.2s, color 0.2s;
  background: transparent;
  border: none;
  margin: 0 0.1rem;
}

/* line 99, app/assets/stylesheets/components/theories.scss */
.theories-filter.active {
  background: #e3f0ff;
  color: #2196f3;
  font-weight: 600;
}

/* line 104, app/assets/stylesheets/components/theories.scss */
.theories-filter:hover {
  background: #f5faff;
  color: #2196f3;
}

/* line 108, app/assets/stylesheets/components/theories.scss */
.theories-content-list {
  flex: 1 1 0;
  overflow-y: auto;
  max-height: calc(100vh - 120px);
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-bottom: 80px;
  background: #fff;
}

/* line 118, app/assets/stylesheets/components/theories.scss */
.empty-state {
  color: #888;
  font-size: 1.05rem;
  text-align: center;
  margin: 18px 0 10px 0;
}

/* line 124, app/assets/stylesheets/components/theories.scss */
.theories-rightbar {
  width: 420px;
  min-width: 260px;
  max-width: 480px;
  padding: 32px 24px 0 24px;
  position: sticky;
  top: 0;
  align-self: flex-start;
  background: #fff;
  border-left: 1.5px solid #e5e7eb;
  min-height: 100vh;
}

/* line 136, app/assets/stylesheets/components/theories.scss */
.theories-rightbar h4 {
  font-size: 1.18rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}

/* line 141, app/assets/stylesheets/components/theories.scss */
.tp-user {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.2rem;
}

/* line 146, app/assets/stylesheets/components/theories.scss */
.tp-user-main {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

/* line 151, app/assets/stylesheets/components/theories.scss */
.tp-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 0;
}

/* line 158, app/assets/stylesheets/components/theories.scss */
.tp-name {
  font-size: 1.08rem;
  font-weight: 600;
  color: #23263b;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

/* line 166, app/assets/stylesheets/components/theories.scss */
.tp-dot {
  color: #bbb;
  font-size: 1.2rem;
  margin: 0 0.2rem;
}

/* line 171, app/assets/stylesheets/components/theories.scss */
.tp-follow {
  color: #2196f3;
  font-size: 0.97rem;
  font-weight: 500;
  text-decoration: none;
  margin-left: 0.2rem;
  cursor: pointer;
}

/* line 179, app/assets/stylesheets/components/theories.scss */
.tp-verified {
  color: #2196f3;
  font-size: 1.1rem;
  margin-left: 0.1rem;
}

/* line 184, app/assets/stylesheets/components/theories.scss */
.tp-title {
  font-size: 1.01rem;
  font-weight: 600;
  color: #23263b;
  margin: 0.1rem 0 0.1rem 0;
}

/* line 190, app/assets/stylesheets/components/theories.scss */
.tp-date {
  color: #888;
  font-size: 0.97rem;
  margin-bottom: 0.2rem;
}

/* line 195, app/assets/stylesheets/components/theories.scss */
.tp-show-more {
  color: #2563eb;
  font-size: 0.97rem;
  text-align: left;
  cursor: pointer;
  margin-bottom: 1.5rem;
}

/* line 202, app/assets/stylesheets/components/theories.scss */
.wtf-user {
  display: flex;
  align-items: center;
  margin-bottom: 1.1rem;
}

/* line 207, app/assets/stylesheets/components/theories.scss */
.wtf-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 0.7rem;
}

/* line 214, app/assets/stylesheets/components/theories.scss */
.wtf-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* line 220, app/assets/stylesheets/components/theories.scss */
.wtf-name {
  font-size: 1.01rem;
  font-weight: 400;
  color: #23263b;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

/* line 228, app/assets/stylesheets/components/theories.scss */
.wtf-verified {
  color: #2196f3;
  font-size: 1.1rem;
  margin-left: 0.1rem;
}

/* line 233, app/assets/stylesheets/components/theories.scss */
.wtf-meta {
  color: #888;
  font-size: 0.97rem;
  margin-top: 0.1rem;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

/* line 241, app/assets/stylesheets/components/theories.scss */
.wtf-star {
  color: #fbbf24;
  font-size: 1.01rem;
  margin-left: 2px;
}

/* line 246, app/assets/stylesheets/components/theories.scss */
.wtf-follow-btn {
  margin-left: 0.7rem;
  color: #2196f3;
  font-size: 0.97rem;
  text-decoration: none;
  font-weight: 500;
  border: 2px solid #2196f3;
  border-radius: 32px;
  padding: 4px 18px;
  background: #fff;
  transition: background 0.2s, color 0.2s, border 0.2s;
  display: inline-block;
  cursor: pointer;
}

/* line 260, app/assets/stylesheets/components/theories.scss */
.wtf-follow-btn:hover {
  background: #e3f0ff;
  color: #1769aa;
  border-color: #1769aa;
}

/* line 265, app/assets/stylesheets/components/theories.scss */
.wtf-show-more {
  color: #2563eb;
  font-size: 0.97rem;
  text-align: left;
  cursor: pointer;
  margin-bottom: 1.5rem;
}

/* line 272, app/assets/stylesheets/components/theories.scss */
.theory-new-main {
  position: relative;
  padding: 0;
  background: #f4f2ee;
  min-height: 100vh;
}

/* line 278, app/assets/stylesheets/components/theories.scss */
.theory-new-form-section {
  position: absolute;
  width: min(975px, calc(100vw - 414px));
  height: 427px;
  top: 106px;
  left: 390px;
  border-radius: 8px;
  opacity: 1;
  background: #ffffff;
  padding: 12px 16px 1.25rem 16px;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 292, app/assets/stylesheets/components/theories.scss */
.theory-new-title {
  position: absolute;
  height: 21px;
  top: 58px;
  left: 390px;
  margin: 0;
  opacity: 1;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
}

/* line 307, app/assets/stylesheets/components/theories.scss */
.theory-new-form-section .form-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 312, app/assets/stylesheets/components/theories.scss */
.theory-new-form-section .form-group:first-of-type {
  margin-bottom: 22px;
}

/* line 315, app/assets/stylesheets/components/theories.scss */
.theory-new-form-section .form-group:nth-of-type(2) {
  margin-bottom: 2.2rem;
}

/* line 318, app/assets/stylesheets/components/theories.scss */
.theory-new-form-section .form-group label {
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #222222;
}

/* line 333, app/assets/stylesheets/components/theories.scss */
.theory-new-form-section .form-group:nth-of-type(2) label {
  line-height: 150%;
}

/* line 336, app/assets/stylesheets/components/theories.scss */
.theory-title-input {
  width: 100%;
  max-width: 100%;
  height: 46px;
  padding: 0 3px 3px 0;
  padding-left: 12px;
  padding-top: 12px;
  box-sizing: border-box;
  font-size: 1rem;
  border-radius: 8px;
  opacity: 1;
  border: 1px solid #e9e9e9;
  background: #fbfbfb;
  margin: 0;
}

/* line 351, app/assets/stylesheets/components/theories.scss */
.theory-title-input::placeholder {
  color: #bfc5ce;
  opacity: 1;
}

/* line 355, app/assets/stylesheets/components/theories.scss */
.theory-description-input {
  width: 100%;
  max-width: 100%;
  height: 200px;
  padding: 12px 3px 3px 12px;
  box-sizing: border-box;
  font-size: 1rem;
  border-radius: 8px;
  opacity: 1;
  border: 1px solid #e9e9e9;
  background: #fbfbfb;
  margin: 0;
  color: #23263b;
  resize: vertical;
}

/* line 370, app/assets/stylesheets/components/theories.scss */
.theory-description-input::placeholder {
  color: #bfc5ce;
  opacity: 1;
}

/* line 374, app/assets/stylesheets/components/theories.scss */
.theory-new-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  margin-top: 29px;
  margin-left: 0;
  margin-right: 0;
}

/* line 383, app/assets/stylesheets/components/theories.scss */
.theory-draft-left {
  flex: 1;
}

/* line 386, app/assets/stylesheets/components/theories.scss */
.theory-actions-right {
  position: absolute;
  top: 357px;
  right: 16px;
  left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
}

/* line 397, app/assets/stylesheets/components/theories.scss */
.theory-save-draft {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-decoration: underline;
  opacity: 1;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2196f3;
}

/* line 413, app/assets/stylesheets/components/theories.scss */
.theory-cancel-btn {
  width: 130px;
  height: 45px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  padding: 12px 30px;
  gap: 10px;
  opacity: 1;
  border: 1px solid #2196f3;
  background: #fff;
  cursor: pointer;
  text-decoration: none;
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2196f3;
}

/* line 437, app/assets/stylesheets/components/theories.scss */
.theory-submit-btn {
  width: 130px;
  height: 45px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  padding: 12px 30px;
  gap: 10px;
  opacity: 1;
  border: none;
  background: #2196f3;
  cursor: pointer;
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #ffffff;
  transition: background 0.2s;
}

/* line 461, app/assets/stylesheets/components/theories.scss */
.theory-submit-btn i {
  margin-left: 0.5rem;
}

/* line 464, app/assets/stylesheets/components/theories.scss */
.theory-submit-btn:hover {
  background: #1976d2;
}

/* line 1, app/assets/stylesheets/components/mission.scss */
.mission-page {
  background: #f7fafd;
  min-height: 100vh;
  padding-bottom: 4rem;
}

/* line 6, app/assets/stylesheets/components/mission.scss */
.mission-hero-section, .mission-clear-section, .mission-rebuild-section {
  background: #fff;
}

/* line 9, app/assets/stylesheets/components/mission.scss */
.mission-hero-section, .mission-era-section, .mission-clear-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.5rem;
  padding: 100px;
}

@media (max-width: 900px) {
  /* line 9, app/assets/stylesheets/components/mission.scss */
  .mission-hero-section, .mission-era-section, .mission-clear-section {
    flex-direction: column;
    padding: 2rem 1rem 1.5rem 1rem;
    gap: 2rem;
  }
}

/* line 21, app/assets/stylesheets/components/mission.scss */
.mission-hero-content {
  padding-top: 9.5rem;
}

/* line 24, app/assets/stylesheets/components/mission.scss */
.mission-hero-content, .mission-era-content, .mission-clear-content {
  flex: 1 1 55%;
}

/* line 26, app/assets/stylesheets/components/mission.scss */
.mission-hero-content h1, .mission-hero-content h2, .mission-era-content h1, .mission-era-content h2, .mission-clear-content h1, .mission-clear-content h2 {
  font-size: 2.3rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 1.2rem;
}

/* line 32, app/assets/stylesheets/components/mission.scss */
.mission-hero-content h1 span, .mission-era-content h1 span, .mission-clear-content h1 span {
  color: #23263b;
  font-size: 2.7rem;
  font-weight: 900;
  letter-spacing: -1px;
  display: block;
  margin-bottom: 0.7rem;
}

/* line 40, app/assets/stylesheets/components/mission.scss */
.mission-hero-content ul, .mission-era-content ul, .mission-clear-content ul {
  margin: 1.1rem 0 1.1rem 1.2rem;
  padding: 0;
  list-style: disc;
}

/* line 44, app/assets/stylesheets/components/mission.scss */
.mission-hero-content ul li, .mission-era-content ul li, .mission-clear-content ul li {
  font-size: 1.13rem;
  color: #23263b;
  font-weight: 500;
  margin-bottom: 0.4rem;
}

/* line 51, app/assets/stylesheets/components/mission.scss */
.mission-hero-content .mission-hero-desc, .mission-hero-content .mission-era-desc, .mission-hero-content .mission-clear-desc, .mission-era-content .mission-hero-desc, .mission-era-content .mission-era-desc, .mission-era-content .mission-clear-desc, .mission-clear-content .mission-hero-desc, .mission-clear-content .mission-era-desc, .mission-clear-content .mission-clear-desc {
  font-size: 1.13rem;
  color: #23263b;
  margin-bottom: 1.1rem;
  line-height: 1.6;
}

/* line 58, app/assets/stylesheets/components/mission.scss */
.mission-hero-image, .mission-era-image, .mission-clear-image {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 63, app/assets/stylesheets/components/mission.scss */
.mission-hero-image img, .mission-era-image img, .mission-clear-image img {
  width: 420px;
  max-width: 100%;
  background: #fff;
}

@media (max-width: 900px) {
  /* line 63, app/assets/stylesheets/components/mission.scss */
  .mission-hero-image img, .mission-era-image img, .mission-clear-image img {
    width: 260px;
  }
}

/* line 72, app/assets/stylesheets/components/mission.scss */
.mission-clear-section {
  flex-direction: row-reverse;
}

@media (max-width: 900px) {
  /* line 72, app/assets/stylesheets/components/mission.scss */
  .mission-clear-section {
    flex-direction: column;
  }
}

/* line 79, app/assets/stylesheets/components/mission.scss */
.mission-living-section, .mission-rebuild-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.5rem;
  padding: 100px;
}

@media (max-width: 900px) {
  /* line 79, app/assets/stylesheets/components/mission.scss */
  .mission-living-section, .mission-rebuild-section {
    flex-direction: column;
    padding: 2rem 1rem 1.5rem 1rem;
    gap: 2rem;
  }
}

/* line 91, app/assets/stylesheets/components/mission.scss */
.mission-living-content, .mission-rebuild-content {
  flex: 1 1 55%;
}

/* line 93, app/assets/stylesheets/components/mission.scss */
.mission-living-content h2, .mission-rebuild-content h2 {
  font-size: 2.1rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 1.2rem;
}

/* line 99, app/assets/stylesheets/components/mission.scss */
.mission-living-content ul, .mission-rebuild-content ul {
  margin: 1.1rem 0 1.1rem 1.2rem;
  padding: 0;
  list-style: disc;
}

/* line 103, app/assets/stylesheets/components/mission.scss */
.mission-living-content ul li, .mission-rebuild-content ul li {
  font-size: 1.13rem;
  color: #23263b;
  font-weight: 500;
  margin-bottom: 0.4rem;
}

/* line 110, app/assets/stylesheets/components/mission.scss */
.mission-living-content .mission-living-desc, .mission-living-content .mission-rebuild-desc, .mission-rebuild-content .mission-living-desc, .mission-rebuild-content .mission-rebuild-desc {
  font-size: 1.13rem;
  color: #23263b;
  margin-bottom: 1.1rem;
  line-height: 1.6;
}

/* line 117, app/assets/stylesheets/components/mission.scss */
.mission-living-image, .mission-rebuild-image {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 122, app/assets/stylesheets/components/mission.scss */
.mission-living-image img, .mission-rebuild-image img {
  width: 420px;
  max-width: 100%;
  border-radius: 18px;
  box-shadow: 0 4px 32px rgba(30, 41, 59, 0.1);
  background: #e0e7ef;
}

@media (max-width: 900px) {
  /* line 122, app/assets/stylesheets/components/mission.scss */
  .mission-living-image img, .mission-rebuild-image img {
    width: 260px;
  }
}

/* line 133, app/assets/stylesheets/components/mission.scss */
.mission-rebuild-section {
  flex-direction: row-reverse;
}

@media (max-width: 900px) {
  /* line 133, app/assets/stylesheets/components/mission.scss */
  .mission-rebuild-section {
    flex-direction: column;
  }
}

/* line 140, app/assets/stylesheets/components/mission.scss */
.mission-cta-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.5rem;
  max-width: 1200px;
  margin: 0 auto 3.5rem auto;
  padding: 3.5rem 2.5rem 3.5rem 2.5rem;
  background: linear-gradient(90deg, #346FCF 0%, #5A8DEE 100%);
  border-radius: 18px;
  box-shadow: 0 2px 12px rgba(30, 41, 59, 0.07);
  margin-top: 7rem;
}

@media (max-width: 900px) {
  /* line 140, app/assets/stylesheets/components/mission.scss */
  .mission-cta-section {
    flex-direction: column;
    padding: 2rem 1rem 2rem 1rem;
    gap: 2rem;
  }
}

/* line 158, app/assets/stylesheets/components/mission.scss */
.mission-cta-content {
  color: #fff;
}

/* line 160, app/assets/stylesheets/components/mission.scss */
.mission-cta-content h2 {
  font-size: 2.3rem;
  font-weight: 800;
  margin-bottom: 1.2rem;
  color: #fff;
}

/* line 166, app/assets/stylesheets/components/mission.scss */
.mission-cta-content .mission-cta-desc {
  font-size: 1.18rem;
  margin-bottom: 2.2rem;
  color: #e0e7ef;
}

/* line 172, app/assets/stylesheets/components/mission.scss */
.mission-cta-btn {
  display: inline-block;
  margin-left: 5rem;
  background: #fff;
  color: #346FCF;
  font-size: 1.13rem;
  font-weight: 700;
  border-radius: 8px;
  padding: 0.9rem 2.2rem;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.08);
  transition: background 0.2s, color 0.2s;
}

/* line 184, app/assets/stylesheets/components/mission.scss */
.mission-cta-btn:hover {
  background: #346FCF;
  color: #fff;
}

/* line 189, app/assets/stylesheets/components/mission.scss */
.mission-cta-image {
  flex: 1 1 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 194, app/assets/stylesheets/components/mission.scss */
.mission-cta-image img {
  width: 320px;
  max-width: 100%;
  border-radius: 18px;
  box-shadow: 0 4px 32px rgba(30, 41, 59, 0.1);
  background: #e0e7ef;
}

@media (max-width: 900px) {
  /* line 194, app/assets/stylesheets/components/mission.scss */
  .mission-cta-image img {
    width: 200px;
  }
}

/* line 1, app/assets/stylesheets/components/cookies.scss */
.cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  background: #10182b;
  color: #fff;
  padding: 0;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
  font-size: 1.1rem;
}

/* line 13, app/assets/stylesheets/components/cookies.scss */
.cookie-banner-content, .cookie-customize-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 2.5rem 2rem 2.5rem;
}

/* line 19, app/assets/stylesheets/components/cookies.scss */
.cookie-banner-message {
  flex: 1 1 0;
  font-size: 1.1rem;
  color: #fff;
}

/* line 24, app/assets/stylesheets/components/cookies.scss */
.cookie-banner-actions {
  display: flex;
  gap: 1.2rem;
  align-items: center;
}

/* line 29, app/assets/stylesheets/components/cookies.scss */
.cookie-btn {
  font-size: 1.1rem;
  border-radius: 8px;
  padding: 0.7rem 2.2rem;
  border: none;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.2s, color 0.2s, border 0.2s;
}

/* line 38, app/assets/stylesheets/components/cookies.scss */
.cookie-accept {
  background: #2196f3;
  color: #fff;
  border: none;
}

/* line 43, app/assets/stylesheets/components/cookies.scss */
.cookie-accept:hover {
  background: #1976d2;
}

/* line 46, app/assets/stylesheets/components/cookies.scss */
.cookie-customize {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}

/* line 51, app/assets/stylesheets/components/cookies.scss */
.cookie-customize:hover {
  background: #1a233a;
}

/* line 54, app/assets/stylesheets/components/cookies.scss */
.cookie-close {
  background: transparent;
  color: #fff;
  font-size: 2rem;
  border: none;
  padding: 0 0.7rem;
  line-height: 1;
}

/* line 62, app/assets/stylesheets/components/cookies.scss */
.cookie-customize-panel {
  flex-direction: column;
  align-items: flex-start;
  gap: 2.2rem;
}

/* line 67, app/assets/stylesheets/components/cookies.scss */
.cookie-customize-toggles {
  display: flex;
  gap: 4rem;
  width: 100%;
  justify-content: flex-start;
  margin: 2rem 0 1.5rem 0;
}

/* line 74, app/assets/stylesheets/components/cookies.scss */
.cookie-toggle-label {
  font-size: 1.25rem;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 1.1rem;
}

/* line 82, app/assets/stylesheets/components/cookies.scss */
.cookie-toggle {
  display: none;
}

/* line 85, app/assets/stylesheets/components/cookies.scss */
.cookie-switch {
  width: 38px;
  height: 22px;
  background: #222b3a;
  border-radius: 12px;
  position: relative;
  display: inline-block;
  margin-left: 0.5rem;
}

/* line 94, app/assets/stylesheets/components/cookies.scss */
.cookie-toggle:checked + .cookie-switch {
  background: #2196f3;
}

/* line 97, app/assets/stylesheets/components/cookies.scss */
.cookie-switch:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  transition: left 0.2s;
}

/* line 108, app/assets/stylesheets/components/cookies.scss */
.cookie-toggle:checked + .cookie-switch:before {
  left: 19px;
}

@media (max-width: 700px) {
  /* line 112, app/assets/stylesheets/components/cookies.scss */
  .cookie-banner-content, .cookie-customize-panel {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.2rem 1rem 1.2rem 1rem;
  }
  /* line 118, app/assets/stylesheets/components/cookies.scss */
  .cookie-customize-toggles {
    flex-direction: column;
    gap: 1.2rem;
  }
  /* line 122, app/assets/stylesheets/components/cookies.scss */
  .cookie-banner-actions {
    width: 100%;
    justify-content: flex-start;
  }
}

/* line 1, app/assets/stylesheets/components/contact.scss */
.contact-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 100px;
  border-radius: 0 0 48px 0;
}

/* line 9, app/assets/stylesheets/components/contact.scss */
.contact-hero-left {
  flex: 1 1 0;
  padding-left: 48px;
}

/* line 13, app/assets/stylesheets/components/contact.scss */
.contact-hero-left h1 {
  font-size: 2.4rem;
  font-weight: 800;
  color: #23263b;
  margin-bottom: 18px;
}

/* line 19, app/assets/stylesheets/components/contact.scss */
.contact-hero-left p {
  font-size: 1.13rem;
  color: #64748b;
  max-width: 520px;
}

/* line 24, app/assets/stylesheets/components/contact.scss */
.contact-hero-right {
  flex: 0 0 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 48px;
}

/* line 31, app/assets/stylesheets/components/contact.scss */
.contact-hero-img {
  width: 320px;
  max-width: 100%;
  height: auto;
}

/* line 36, app/assets/stylesheets/components/contact.scss */
.contact-section {
  padding: 0 48px 48px 48px;
  background: #fff;
  margin: 0;
}

/* line 41, app/assets/stylesheets/components/contact.scss */
.contact-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 8px;
}

/* line 48, app/assets/stylesheets/components/contact.scss */
.contact-subtitle {
  text-align: center;
  color: #64748b;
  font-size: 1.13rem;
  margin-bottom: 32px;
}

/* line 54, app/assets/stylesheets/components/contact.scss */
.contact-info-cards {
  display: flex;
  gap: 32px;
  justify-content: center;
  margin-bottom: 36px;
}

/* line 60, app/assets/stylesheets/components/contact.scss */
.contact-info-card {
  background: #f3f4f6;
  border-radius: 18px;
  padding: 32px 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 220px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
}

/* line 70, app/assets/stylesheets/components/contact.scss */
.contact-info-icon {
  width: 38px;
  height: 38px;
  margin-bottom: 14px;
}

/* line 75, app/assets/stylesheets/components/contact.scss */
.contact-info-label {
  font-size: 1.13rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 4px;
}

/* line 81, app/assets/stylesheets/components/contact.scss */
.contact-info-value {
  color: #64748b;
  font-size: 1.08rem;
}

/* line 85, app/assets/stylesheets/components/contact.scss */
.contact-flash {
  text-align: center;
  color: #16a34a;
  font-size: 1.13rem;
  margin-bottom: 18px;
  font-weight: 600;
}

/* line 92, app/assets/stylesheets/components/contact.scss */
.contact-form-map-row {
  display: flex;
  gap: 32px;
  margin-top: 18px;
  align-items: flex-start;
  justify-content: center;
}

/* line 99, app/assets/stylesheets/components/contact.scss */
.contact-form-col {
  flex: 1 1 0;
  max-width: 420px;
}

/* line 103, app/assets/stylesheets/components/contact.scss */
.contact-form {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
  padding: 32px 28px 28px 28px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* line 112, app/assets/stylesheets/components/contact.scss */
.contact-form-group label {
  font-size: 1.08rem;
  color: #23263b;
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

/* line 119, app/assets/stylesheets/components/contact.scss */
.contact-form-group input,
.contact-form-group textarea {
  width: 100%;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 1.08rem;
  background: #fafbfc;
  color: #23263b;
  margin-top: 4px;
  resize: none;
  transition: border 0.2s;
}

/* line 132, app/assets/stylesheets/components/contact.scss */
.contact-form-group input:focus,
.contact-form-group textarea:focus {
  border-color: #2563eb;
  outline: none;
}

/* line 137, app/assets/stylesheets/components/contact.scss */
.contact-form-actions {
  margin-top: 8px;
}

/* line 140, app/assets/stylesheets/components/contact.scss */
.contact-send-btn {
  background: #2196f3;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 32px;
  font-size: 1.13rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s;
}

/* line 151, app/assets/stylesheets/components/contact.scss */
.contact-send-btn:hover {
  background: #1976d2;
}

/* line 154, app/assets/stylesheets/components/contact.scss */
.contact-map-col {
  flex: 1 1 0;
  max-width: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4rem;
}

/* line 162, app/assets/stylesheets/components/contact.scss */
.contact-map-img {
  width: 100%;
  max-width: 420px;
  border-radius: 18px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
}

@media (max-width: 1100px) {
  /* line 169, app/assets/stylesheets/components/contact.scss */
  .contact-hero {
    flex-direction: column;
    gap: 18px;
    padding: 32px 0 18px 0;
  }
  /* line 174, app/assets/stylesheets/components/contact.scss */
  .contact-hero-left {
    padding-left: 18px;
  }
  /* line 177, app/assets/stylesheets/components/contact.scss */
  .contact-hero-right {
    padding-right: 18px;
  }
  /* line 180, app/assets/stylesheets/components/contact.scss */
  .contact-section {
    padding: 0 8px 32px 8px;
    margin: 0;
  }
  /* line 184, app/assets/stylesheets/components/contact.scss */
  .contact-info-cards {
    flex-direction: column;
    gap: 18px;
    align-items: center;
  }
  /* line 189, app/assets/stylesheets/components/contact.scss */
  .contact-form-map-row {
    flex-direction: column;
    gap: 18px;
  }
  /* line 193, app/assets/stylesheets/components/contact.scss */
  .contact-form-col, .contact-map-col {
    max-width: 100%;
    width: 100%;
  }
}

/* line 2, app/assets/stylesheets/components/peers.scss */
.peers-page {
  padding: 0 32px 32px 32px;
  position: relative;
}

/* line 7, app/assets/stylesheets/components/peers.scss */
.peers-main {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  margin-right: 450px;
}

/* line 14, app/assets/stylesheets/components/peers.scss */
.peers-suggestions {
  flex: 2;
}

/* line 18, app/assets/stylesheets/components/peers.scss */
.peers-section-title {
  font-size: 1.18rem;
  font-weight: 600;
  margin-bottom: 18px;
  color: #23263b;
}

/* line 25, app/assets/stylesheets/components/peers.scss */
.peers-suggestions-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 28px;
}

/* line 31, app/assets/stylesheets/components/peers.scss */
.peer-card {
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
  padding: 32px 18px 24px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 220px;
  max-width: 320px;
  transition: box-shadow 0.2s, border 0.2s;
}

/* line 44, app/assets/stylesheets/components/peers.scss */
.peer-card:hover {
  box-shadow: 0 4px 16px rgba(33, 150, 243, 0.08);
  border: 1.5px solid #b3d7f6;
}

/* line 48, app/assets/stylesheets/components/peers.scss */
.peer-avatar-wrap {
  margin-bottom: 10px;
}

/* line 51, app/assets/stylesheets/components/peers.scss */
.peer-avatar {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  object-fit: cover;
  border: 2.5px solid #e3f0ff;
}

/* line 58, app/assets/stylesheets/components/peers.scss */
.peer-name-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}

/* line 64, app/assets/stylesheets/components/peers.scss */
.peer-name {
  font-weight: 600;
  color: #23263b;
  font-size: 1.13rem;
}

/* line 69, app/assets/stylesheets/components/peers.scss */
.peer-verified {
  color: #2196f3;
  font-size: 1.1rem;
}

/* line 73, app/assets/stylesheets/components/peers.scss */
.peer-rating {
  color: #fbbf24;
  font-size: 1.08rem;
  margin-bottom: 12px;
}

/* line 78, app/assets/stylesheets/components/peers.scss */
.add-peer-btn {
  background: #fff;
  color: #2196f3;
  border: 1.5px solid #2196f3;
  border-radius: 8px;
  padding: 10px 28px;
  font-size: 1.08rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border 0.2s;
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 7px;
}

/* line 93, app/assets/stylesheets/components/peers.scss */
.add-peer-btn:hover {
  background: #2196f3;
  color: #fff;
}

/* line 98, app/assets/stylesheets/components/peers.scss */
.peers-sidebar,
.peers-sidebar.with-divider {
  flex: 1;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 0 !important;
  padding-top: 0 !important;
  align-self: flex-start;
}

/* line 109, app/assets/stylesheets/components/peers.scss */
.peers-sidebar.with-divider {
  position: absolute;
  top: 72px;
  right: 0;
  width: 420px;
  border-left: 1.5px solid #e5e7eb;
  margin-top: 0;
  background: transparent;
  z-index: 2;
}

/* line 119, app/assets/stylesheets/components/peers.scss */
.my-peers-section, .top-facts-section {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
  padding: 18px 18px 18px 18px;
  margin-bottom: 22px;
}

/* line 126, app/assets/stylesheets/components/peers.scss */
.my-peers-section h4, .top-facts-section h4 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 12px;
}

/* line 132, app/assets/stylesheets/components/peers.scss */
.my-peer-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

/* line 138, app/assets/stylesheets/components/peers.scss */
.my-peer-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #e3f0ff;
}

/* line 145, app/assets/stylesheets/components/peers.scss */
.my-peer-name {
  font-weight: 600;
  color: #23263b;
  font-size: 1.01rem;
}

/* line 150, app/assets/stylesheets/components/peers.scss */
.my-peer-verified {
  color: #2196f3;
  font-size: 1.1rem;
}

/* line 154, app/assets/stylesheets/components/peers.scss */
.my-peer-rating {
  color: #fbbf24;
  font-size: 1.01rem;
  margin-left: 2px;
}

/* line 159, app/assets/stylesheets/components/peers.scss */
.my-peer-view-profile {
  margin-left: auto;
  color: #2196f3;
  font-size: 0.97rem;
  text-decoration: none;
  font-weight: 500;
  border: 2px solid #2196f3;
  border-radius: 32px;
  padding: 4px 18px;
  background: #fff;
  transition: background 0.2s, color 0.2s, border 0.2s;
  display: inline-block;
}

/* line 172, app/assets/stylesheets/components/peers.scss */
.my-peer-view-profile:hover {
  background: #e3f0ff;
  color: #1769aa;
  border-color: #1769aa;
}

/* line 177, app/assets/stylesheets/components/peers.scss */
.my-peer-show-more {
  color: #2563eb;
  font-size: 0.97rem;
  text-align: right;
  cursor: pointer;
  margin-top: 6px;
}

/* line 184, app/assets/stylesheets/components/peers.scss */
.top-facts-section {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.04);
  padding: 18px 18px 18px 18px;
  margin-bottom: 22px;
}

/* line 191, app/assets/stylesheets/components/peers.scss */
.top-facts-section h4 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 12px;
}

/* line 197, app/assets/stylesheets/components/peers.scss */
.top-fact-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 18px;
  gap: 0.2rem;
}

/* line 204, app/assets/stylesheets/components/peers.scss */
.top-fact-badge {
  background: #dcfce7;
  color: #16a34a;
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 8px;
  padding: 2px 12px;
  margin-bottom: 0.3rem;
  margin-right: 0;
  display: inline-block;
}

/* line 215, app/assets/stylesheets/components/peers.scss */
.top-fact-title {
  font-size: 1.01rem;
  color: #23263b;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 0.2rem;
}

/* line 222, app/assets/stylesheets/components/peers.scss */
.top-fact-meta {
  display: flex;
  align-items: center;
  width: 100%;
}

/* line 227, app/assets/stylesheets/components/peers.scss */
.top-fact-verified-by {
  font-size: 0.97rem;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 234, app/assets/stylesheets/components/peers.scss */
.top-fact-avatar {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 2px;
}

/* line 241, app/assets/stylesheets/components/peers.scss */
.top-fact-date {
  color: #64748b;
  font-size: 0.97rem;
  margin-left: auto;
  white-space: nowrap;
}

/* line 247, app/assets/stylesheets/components/peers.scss */
.top-fact-show-more {
  color: #2563eb;
  font-size: 0.97rem;
  text-align: right;
  cursor: pointer;
  margin-top: 6px;
}

@media (max-width: 1100px) {
  /* line 255, app/assets/stylesheets/components/peers.scss */
  .peers-main {
    flex-direction: column;
    gap: 18px;
  }
  /* line 259, app/assets/stylesheets/components/peers.scss */
  .peers-sidebar {
    max-width: 100%;
    min-width: 0;
  }
}

/* line 265, app/assets/stylesheets/components/peers.scss */
.truncate-text {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
}

/* line 274, app/assets/stylesheets/components/peers.scss */
.no-peers-message {
  color: #888;
  font-size: 1.05rem;
  text-align: center;
  margin: 18px 0 10px 0;
}

/* line 281, app/assets/stylesheets/components/peers.scss */
.request-sent-text {
  background: none;
  color: #888;
  border: none;
  padding: 10px 0;
  font-size: 1.08rem;
  font-weight: 600;
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: default;
  box-shadow: none;
}

/* line 296, app/assets/stylesheets/components/peers.scss */
.request-sent-text:hover, .request-sent-text:focus {
  color: #888;
  background: none;
  border: none;
  cursor: default;
  text-decoration: none;
}

/* line 1, app/assets/stylesheets/components/profile.scss */
.profile-page-main {
  display: flex;
  gap: 0;
  align-items: flex-start;
  background: #F4F2EE;
  min-height: 100vh;
}

/* line 8, app/assets/stylesheets/components/profile.scss */
.profile-page-main .profile-page-content {
  position: relative;
  flex: 1;
  min-width: 0;
}

/* line 14, app/assets/stylesheets/components/profile.scss */
.profile-page-main .profile-page-header {
  position: absolute;
  top: 2.1rem;
  left: 24.375rem;
  padding: 0;
}

/* line 21, app/assets/stylesheets/components/profile.scss */
.profile-page-main .profile-page-title {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  margin: 0 0 1rem 0;
  padding: 0;
}

/* line 34, app/assets/stylesheets/components/profile.scss */
.profile-page-main .profile-page-tabs {
  position: absolute;
  top: 4.5rem;
  left: 24.375rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 44, app/assets/stylesheets/components/profile.scss */
.profile-page-main .profile-tab-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 6px 24px;
  border-radius: 100px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.5%;
  text-decoration: none;
  background: #FFFFFF;
  color: #475865;
  font-weight: 400;
  transition: background 0.2s, color 0.2s;
  box-sizing: border-box;
}

/* line 62, app/assets/stylesheets/components/profile.scss */
.profile-page-main .profile-tab-pill.active {
  background: #2196F333;
  color: #2196F3;
  font-weight: 500;
}

/* line 68, app/assets/stylesheets/components/profile.scss */
.profile-page-main .profile-tab-pill:hover:not(.active) {
  background: #f5f5f5;
}

/* line 73, app/assets/stylesheets/components/profile.scss */
.profile-page-main .profile-content-wrap {
  position: absolute;
  top: 8rem;
  left: 24.375rem;
  width: 39.25rem;
  max-height: calc(100vh - 12rem - 2rem);
  display: flex;
  flex-direction: column;
  background: transparent;
  overflow: hidden;
}

/* line 85, app/assets/stylesheets/components/profile.scss */
.profile-page-main .profile-content-wrap .feed-list {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-height: none !important;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: visible;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 2rem;
  background: transparent;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* line 101, app/assets/stylesheets/components/profile.scss */
.profile-page-main .profile-content-wrap .feed-list::-webkit-scrollbar {
  display: none;
}

/* line 108, app/assets/stylesheets/components/profile.scss */
.profile-page-main .profile-content-wrap .feed-loader {
  position: relative !important;
  top: auto !important;
  left: 0 !important;
  width: 100% !important;
  text-align: center;
  color: #64748b;
  font-size: 1.1rem;
  padding: 1rem 0;
  flex-shrink: 0;
}

/* line 120, app/assets/stylesheets/components/profile.scss */
.profile-page-main .profile-empty-state,
.profile-page-main .facts-empty-state,
.profile-page-main .theories-empty-state {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  color: #64748b;
  text-align: center;
  padding: 2rem;
}

/* line 133, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar {
  position: fixed;
  width: 312px;
  top: 94px;
  left: 1048px;
  opacity: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 143, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-about-block {
  width: 312px;
  height: 277px;
  border-radius: 8px;
  opacity: 1;
  background: #FFFFFF;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 1.5rem 1.5rem 1.5rem 24px;
  flex-shrink: 0;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* line 158, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-about-title {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  margin: 0.75rem 0 0.5rem 0;
  padding: 0;
}

/* line 170, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-about-text {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #4C4C4C;
  margin: 0;
  padding: 0;
  flex: 1;
  overflow-y: auto;
}

/* line 184, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block {
  width: 312px;
  height: 345px;
  border-radius: 8px;
  opacity: 1;
  background: #FFFFFF;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 24px;
  flex-shrink: 0;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* line 199, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .profile-following-title {
  width: 78px;
  height: 21px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  margin: 0 0 20px 0;
  padding: 0;
}

/* line 213, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-row {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 12px;
  align-items: start;
  margin-bottom: 1.25rem;
}

/* line 221, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-row:last-of-type {
  margin-bottom: 0;
}

/* line 225, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-avatar-wrap {
  min-width: 0;
}

/* line 229, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  object-fit: cover;
  display: block;
}

/* line 237, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-right-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}

/* line 245, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #171717;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 257, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-meta {
  display: flex;
  align-items: center;
  gap: 3px;
  min-height: 16px;
}

/* line 264, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-followers-avatars {
  display: flex;
  align-items: center;
  margin-right: 2px;
}

/* line 270, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-follower-avatar {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  object-fit: cover;
  border: 1.5px solid #fff;
  margin-left: -6px;
  flex-shrink: 0;
}

/* line 280, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-follower-avatar:first-child {
  margin-left: 0;
}

/* line 284, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-followers-count {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  text-align: center;
}

/* line 294, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-rating {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  line-height: 1;
  color: #fbbf24;
}

/* line 303, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-rating-num {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #919191;
}

/* line 312, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-follow-btn,
.feed-rightbar.profile-page-rightbar .profile-following-block .profile-follow-form {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  flex-shrink: 0;
  display: block;
}

/* line 322, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .profile-follow-form input[type="submit"],
.feed-rightbar.profile-page-rightbar .profile-following-block .profile-follow-form button[type="submit"],
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-follow-btn input[type="submit"],
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-follow-btn button[type="submit"] {
  width: 106px !important;
  min-width: 106px !important;
  height: 30px !important;
  padding: 0 24px !important;
  border-radius: 18px !important;
  border-width: 1.5px !important;
  border-style: solid !important;
  border-color: #2196F3 !important;
  background: #fff !important;
  color: #2196F3 !important;
  opacity: 1 !important;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 30px !important;
  letter-spacing: 0% !important;
  text-align: center !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* line 354, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .profile-follow-form input[type="submit"]:hover,
.feed-rightbar.profile-page-rightbar .profile-following-block .profile-follow-form button[type="submit"]:hover,
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-follow-btn input[type="submit"]:hover,
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-follow-btn button[type="submit"]:hover {
  background: #f5f9ff !important;
  border-color: #1976d2 !important;
  color: #1976d2 !important;
}

/* line 363, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .my-peer-followed-static {
  min-width: 106px;
  height: 30px;
  padding: 0 24px;
  border-radius: 18px;
  border: 1.5px solid #2196F3;
  background: #fff;
  color: #2196F3;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* line 382, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .peer-unfollow-btn .peer-followed-text,
.feed-rightbar.profile-page-rightbar .profile-following-block .peer-unfollow-btn .peer-unfollow-text {
  color: #2196F3;
}

/* line 386, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .peer-unfollow-btn .peer-followed-text {
  display: inline;
}

/* line 389, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .peer-unfollow-btn .peer-unfollow-text {
  display: none;
}

/* line 392, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .peer-unfollow-btn:hover .peer-followed-text {
  display: none;
}

/* line 395, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .peer-unfollow-btn:hover .peer-unfollow-text {
  display: inline;
}

/* line 398, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .peer-unfollow-btn .peer-unfollow-btn-submit {
  width: 106px !important;
  min-width: 106px !important;
  height: 30px !important;
  padding: 0 24px !important;
  border-radius: 18px !important;
  border: 1.5px solid #2196F3 !important;
  background: #fff !important;
  color: #2196F3 !important;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 30px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* line 416, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block .peer-unfollow-btn:hover .peer-unfollow-btn-submit {
  background: #f5f9ff !important;
  border-color: #1976d2 !important;
  color: #1976d2 !important;
}

/* line 422, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-follow-none {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #4C4C4C;
  font-style: italic;
  margin: 0;
}

/* line 432, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-row {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 20px;
  align-items: start;
  margin-bottom: 1rem;
}

/* line 440, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-row:last-of-type {
  margin-bottom: 0;
}

/* line 444, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-avatar-wrap {
  min-width: 0;
}

/* line 448, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-avatar-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* line 454, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-right-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
}

/* line 462, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-avatar {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  object-fit: cover;
  display: block;
}

/* line 470, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-details-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  text-decoration: none;
  color: inherit;
}

/* line 480, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-name-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 486, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #171717;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 496, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-verified-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* line 502, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  color: #4C4C4C;
}

/* line 510, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-followers-avatars {
  display: flex;
  align-items: center;
  margin-right: 4px;
}

/* line 516, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-follower-avatar {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  object-fit: cover;
  border: 1.5px solid #fff;
  margin-left: -6px;
  flex-shrink: 0;
}

/* line 526, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-follower-avatar:first-child {
  margin-left: 0;
}

/* line 530, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-followers-count {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  color: #4C4C4C;
}

/* line 536, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-rating {
  color: #fbbf24;
}

/* line 540, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-follow-btn {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  flex-shrink: 0;
}

/* line 548, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .my-peer-followed-static {
  flex-shrink: 0;
  padding: 8px 20px;
  border-radius: 100px;
  border: 1.5px solid #2196F3;
  background: #fff;
  color: #2196F3;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
}

/* line 562, app/assets/stylesheets/components/profile.scss */
.feed-rightbar.profile-page-rightbar .profile-following-block form [type="submit"] {
  width: 106px !important;
  min-width: 106px !important;
  height: 30px !important;
  padding: 12px 24px !important;
  border-radius: 18px !important;
  border: 1.5px solid #2196F3 !important;
  background: #fff !important;
  color: #2196F3 !important;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 26px !important;
  letter-spacing: 0% !important;
  text-align: center !important;
  vertical-align: middle !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* line 1, app/assets/stylesheets/components/settings.scss */
body.settings-page,
body.settings-page .dashboard-main {
  background: #F4F2EE;
}

/* line 6, app/assets/stylesheets/components/settings.scss */
.settings-main {
  padding: 460px 7vw 0 7vw;
  background: #F4F2EE;
  border: none;
  overflow: visible;
  min-height: 100vh;
}

@media (max-width: 600px) {
  /* line 15, app/assets/stylesheets/components/settings.scss */
  .settings-main {
    padding: 16px !important;
  }
}

/* line 20, app/assets/stylesheets/components/settings.scss */
.settings-title {
  position: absolute;
  top: 94px;
  left: 390px;
  width: 75px;
  height: 23px;
  font-family: Roboto, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
  color: #171717;
  opacity: 1;
  margin: 0;
}

/* line 36, app/assets/stylesheets/components/settings.scss */
.settings-tabs {
  position: absolute;
  top: 137px;
  left: 390px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 2;
}

/* line 46, app/assets/stylesheets/components/settings.scss */
.settings-tab-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 20px;
  border-radius: 100px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: #475865;
  background: #ffffff;
  opacity: 1;
  box-sizing: border-box;
  transition: background 0.2s, color 0.2s;
}

/* line 63, app/assets/stylesheets/components/settings.scss */
.settings-tab-pill.active {
  background: #2196F333;
  color: #2196F3;
  font-weight: 500;
}

/* line 69, app/assets/stylesheets/components/settings.scss */
.settings-tab-pill:hover:not(.active) {
  background: #f5f5f5;
}

/* line 74, app/assets/stylesheets/components/settings.scss */
.settings-tab-pill:first-child {
  width: 128px;
  min-width: 128px;
}

/* line 79, app/assets/stylesheets/components/settings.scss */
.settings-tab-pill:nth-child(2),
.settings-tab-pill:nth-child(3) {
  width: 118px;
  min-width: 118px;
}

/* line 85, app/assets/stylesheets/components/settings.scss */
.settings-header-section {
  position: absolute;
  top: 189px;
  left: 390px;
  width: 975px;
  height: 315px;
  border-radius: 8px;
  opacity: 1;
  overflow: hidden;
  background: #FFFFFF;
}

/* line 97, app/assets/stylesheets/components/settings.scss */
.settings-profile-banner-wrapper {
  position: relative;
  width: 100%;
}

/* line 102, app/assets/stylesheets/components/settings.scss */
.settings-profile-banner {
  width: 982px;
  height: 180px;
  opacity: 1;
  background: url(/assets/settings-banner-d483175c7100e11b39d06d0f1a0dcdda4afedb411cd72d8d4d246b0938fe6666.png) center/cover no-repeat;
  margin-bottom: 0;
  position: relative;
  cursor: pointer;
  transition: opacity 0.2s;
  z-index: 1;
}

/* line 113, app/assets/stylesheets/components/settings.scss */
.settings-profile-banner:hover {
  opacity: 0.95;
}

/* line 116, app/assets/stylesheets/components/settings.scss */
.settings-profile-banner:hover .settings-banner-delete-btn {
  opacity: 1;
  visibility: visible;
}

/* line 124, app/assets/stylesheets/components/settings.scss */
.settings-banner-edit-btn {
  position: absolute;
  bottom: 16px;
  right: 16px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  border: none;
  border-radius: 8px;
  color: #fff;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

/* line 146, app/assets/stylesheets/components/settings.scss */
.settings-banner-edit-btn:hover {
  background: rgba(0, 0, 0, 0.75);
  transform: translateY(-2px);
}

/* line 151, app/assets/stylesheets/components/settings.scss */
.settings-banner-edit-btn i {
  margin: 0;
  font-size: 16px;
}

/* line 156, app/assets/stylesheets/components/settings.scss */
.settings-banner-edit-btn span {
  white-space: nowrap;
}

/* line 162, app/assets/stylesheets/components/settings.scss */
.settings-banner-delete-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(239, 68, 68, 0.9);
  border: 2px solid #fff;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}

/* line 183, app/assets/stylesheets/components/settings.scss */
.settings-banner-delete-btn:hover {
  background: rgba(220, 38, 38, 0.95);
  transform: scale(1.1);
}

/* line 189, app/assets/stylesheets/components/settings.scss */
.settings-profile-header {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: -20px;
  margin-bottom: 18px;
  position: relative;
  z-index: 2;
}

/* line 199, app/assets/stylesheets/components/settings.scss */
.settings-profile-avatar-wrapper {
  position: absolute;
  left: 16px;
  display: inline-block;
}

/* line 205, app/assets/stylesheets/components/settings.scss */
.settings-profile-avatar {
  top: 20px;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  overflow: hidden;
  border: 1px solid #ffffff;
  opacity: 1;
  position: relative;
  z-index: 3;
  background: #fff;
}

/* line 218, app/assets/stylesheets/components/settings.scss */
.settings-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* line 226, app/assets/stylesheets/components/settings.scss */
.settings-profile-avatar-camera-btn {
  top: 92px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 27px;
  height: 24px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  border: 2px solid #fff;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  z-index: 5;
}

/* line 247, app/assets/stylesheets/components/settings.scss */
.settings-profile-avatar-camera-btn:hover {
  background: rgba(0, 0, 0, 0.75);
  transform: scale(1.05);
}

/* line 252, app/assets/stylesheets/components/settings.scss */
.settings-profile-avatar-camera-btn i {
  margin: 0;
}

/* line 256, app/assets/stylesheets/components/settings.scss */
.settings-profile-info {
  position: absolute;
  top: 65px;
  left: 16px;
  width: 279px;
  min-height: 48px;
  opacity: 1;
  display: flex;
  flex-direction: column;
}

/* line 267, app/assets/stylesheets/components/settings.scss */
.settings-header-actions {
  position: absolute;
  left: 820px;
  top: 60px;
  z-index: 2;
}

/* line 274, app/assets/stylesheets/components/settings.scss */
.settings-delete-profile-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 138.4375px;
  height: 45px;
  padding: 11px 14.44px 11.59px 15px;
  border-radius: 100px;
  border: 1px solid #E53F3C;
  background: transparent;
  color: #E53F3C;
  opacity: 1;
  font-family: Inter, Roboto, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 15px;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

/* line 297, app/assets/stylesheets/components/settings.scss */
.settings-delete-profile-btn:hover {
  background: #E53F3C;
  color: #fff;
}

/* line 303, app/assets/stylesheets/components/settings.scss */
.settings-profile-name {
  font-size: 1.3rem;
  font-weight: 700;
  color: #23263b;
  margin-top: 15px;
}

/* line 309, app/assets/stylesheets/components/settings.scss */
.settings-profile-username {
  color: #64748b;
  font-size: 1.01rem;
}

/* line 313, app/assets/stylesheets/components/settings.scss */
.settings-content {
  display: flex;
  gap: 10px;
  margin-top: 18px;
  position: relative;
  background: transparent;
  border: none;
}

/* line 321, app/assets/stylesheets/components/settings.scss */
.settings-sidebar {
  min-width: 270px;
  max-width: 320px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  padding: 28px 0 28px 0;
  height: 720px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* line 333, app/assets/stylesheets/components/settings.scss */
.settings-sidebar-heading {
  color: #a7aabc;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 10px 32px;
  opacity: 0.7;
}

/* line 342, app/assets/stylesheets/components/settings.scss */
.settings-menu {
  list-style: none;
  padding: 0;
  margin: 0 0 0 18px;
  width: auto;
}

/* line 348, app/assets/stylesheets/components/settings.scss */
.settings-menu-icon {
  width: 15px;
  height: 15px;
  margin-right: 8px;
  vertical-align: middle;
  filter: grayscale(1) brightness(0.6);
}

/* line 355, app/assets/stylesheets/components/settings.scss */
.settings-menu-shared, .settings-logout-btn, .settings-menu-link {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  font-weight: 500;
  border-radius: 8px;
  transition: background 0.2s, color 0.2s;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

/* line 369, app/assets/stylesheets/components/settings.scss */
.settings-menu-link {
  color: #64748b;
  text-decoration: none;
  background: none;
}

/* line 375, app/assets/stylesheets/components/settings.scss */
.settings-logout-btn {
  color: #64748b;
  background: none;
  text-align: left;
  cursor: pointer;
  font: inherit;
  border: none;
}

/* line 384, app/assets/stylesheets/components/settings.scss */
.settings-logout-btn:focus {
  outline: none;
  box-shadow: none;
}

/* line 388, app/assets/stylesheets/components/settings.scss */
.settings-logout-btn:hover,
.settings-menu li.active .settings-logout-btn {
  color: #ef4444;
  background: #fff0f0;
}

/* line 393, app/assets/stylesheets/components/settings.scss */
.logout-icon {
  filter: grayscale(1) brightness(0.6);
  transition: filter 0.2s;
}

/* line 397, app/assets/stylesheets/components/settings.scss */
.settings-logout-btn:hover .logout-icon,
.settings-menu li.active .settings-logout-btn .logout-icon {
  filter: brightness(0) saturate(100%) invert(38%) sepia(92%) saturate(1822%) hue-rotate(340deg) brightness(97%) contrast(101%);
}

/* line 401, app/assets/stylesheets/components/settings.scss */
.settings-menu li button.settings-menu-link {
  border: none;
  background: none;
  color: inherit;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: none;
}

/* line 414, app/assets/stylesheets/components/settings.scss */
.settings-menu li button.settings-menu-link:focus {
  outline: none;
  box-shadow: none;
}

/* line 420, app/assets/stylesheets/components/settings.scss */
.confirmation-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 434, app/assets/stylesheets/components/settings.scss */
.confirmation-modal.show {
  opacity: 1;
  visibility: visible;
}

/* line 439, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 451, app/assets/stylesheets/components/settings.scss */
.confirmation-modal.show .confirmation-overlay {
  opacity: 1;
}

/* line 455, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-dialog {
  position: relative;
  background: white;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  max-width: 400px;
  width: 90%;
  max-height: 90vh;
  overflow: hidden;
  transform: translateY(20px) scale(0.95);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 468, app/assets/stylesheets/components/settings.scss */
.confirmation-modal.show .confirmation-dialog {
  transform: translateY(0) scale(1);
}

/* line 472, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* line 479, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-header .confirmation-title {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}

/* line 486, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-header .confirmation-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  color: #64748b;
  transition: all 0.2s ease;
}

/* line 495, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-header .confirmation-close:hover {
  background: #f1f5f9;
  color: #1e293b;
}

/* line 500, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-header .confirmation-close i {
  font-size: 16px;
}

/* line 506, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-body {
  padding: 24px;
  text-align: center;
}

/* line 510, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-body .confirmation-icon {
  margin-bottom: 16px;
}

/* line 513, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-body .confirmation-icon i {
  font-size: 48px;
  color: #f59e0b;
}

/* line 519, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-body .confirmation-message {
  font-size: 16px;
  font-weight: 500;
  color: #1e293b;
  margin: 0 0 8px;
  line-height: 1.5;
}

/* line 527, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-body .confirmation-warning {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.4;
}

/* line 535, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-footer {
  display: flex;
  gap: 12px;
  padding: 16px 24px 24px;
  justify-content: flex-end;
}

/* line 541, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-footer .confirmation-btn {
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  min-width: 80px;
}

/* line 551, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-footer .confirmation-btn.confirmation-btn-cancel {
  background: #f8fafc;
  color: #64748b;
  border: 1px solid #e2e8f0;
}

/* line 556, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-footer .confirmation-btn.confirmation-btn-cancel:hover {
  background: #f1f5f9;
  color: #475569;
}

/* line 562, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-footer .confirmation-btn.confirmation-btn-confirm {
  background: #ef4444;
  color: white;
}

/* line 566, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-footer .confirmation-btn.confirmation-btn-confirm:hover {
  background: #dc2626;
  transform: translateY(-1px);
}

/* line 571, app/assets/stylesheets/components/settings.scss */
.confirmation-modal .confirmation-footer .confirmation-btn.confirmation-btn-confirm:active {
  transform: translateY(0);
}

/* line 580, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 594, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal.show {
  opacity: 1;
  visibility: visible;
}

/* line 599, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 611, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal.show .avatar-options-overlay {
  opacity: 1;
}

/* line 615, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-dialog {
  position: relative;
  background: white;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  max-width: 420px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  transform: translateY(20px) scale(0.95);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 628, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal.show .avatar-options-dialog {
  transform: translateY(0) scale(1);
}

/* line 632, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* line 639, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-header .avatar-options-title {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}

/* line 646, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-header .avatar-options-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  color: #64748b;
  transition: all 0.2s ease;
}

/* line 655, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-header .avatar-options-close:hover {
  background: #f1f5f9;
  color: #1e293b;
}

/* line 660, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-header .avatar-options-close i {
  font-size: 16px;
}

/* line 666, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 672, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-desc {
  margin: 0;
  color: #64748b;
  font-size: 14px;
  text-align: center;
}

/* line 679, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 20px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  width: 100%;
}

/* line 693, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-btn i {
  font-size: 18px;
}

/* line 697, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-btn span {
  font-weight: 500;
}

/* line 701, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-btn.avatar-options-upload-btn {
  background: #2196f3;
  color: white;
}

/* line 705, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-btn.avatar-options-upload-btn i {
  color: white;
}

/* line 709, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-btn.avatar-options-upload-btn span {
  color: white;
}

/* line 713, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-btn.avatar-options-upload-btn:hover {
  background: #1976d2;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3);
  color: white;
}

/* line 719, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-btn.avatar-options-upload-btn:hover i {
  color: white;
}

/* line 723, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-btn.avatar-options-upload-btn:hover span {
  color: white;
}

/* line 728, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-btn.avatar-options-upload-btn:active {
  transform: translateY(0);
}

/* line 733, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-btn.avatar-options-delete-btn {
  background: #f8fafc;
  color: #ef4444;
  border: 1px solid #fee2e2;
}

/* line 738, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-btn.avatar-options-delete-btn:hover {
  background: #fee2e2;
  color: #dc2626;
  border-color: #fecaca;
  transform: translateY(-1px);
}

/* line 745, app/assets/stylesheets/components/settings.scss */
.avatar-options-modal .avatar-options-body .avatar-options-btn.avatar-options-delete-btn:active {
  transform: translateY(0);
}

/* line 754, app/assets/stylesheets/components/settings.scss */
.image-crop-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10002;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 768, app/assets/stylesheets/components/settings.scss */
.image-crop-modal.show {
  opacity: 1;
  visibility: visible;
}

/* line 773, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 785, app/assets/stylesheets/components/settings.scss */
.image-crop-modal.show .image-crop-overlay {
  opacity: 1;
}

/* line 789, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-dialog {
  position: relative;
  background: white;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  max-width: 600px;
  width: 90%;
  max-height: 90vh;
  overflow: hidden;
  transform: translateY(20px) scale(0.95);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
}

/* line 804, app/assets/stylesheets/components/settings.scss */
.image-crop-modal.show .image-crop-dialog {
  transform: translateY(0) scale(1);
}

/* line 808, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* line 815, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-header .image-crop-title {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}

/* line 822, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-header .image-crop-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  color: #64748b;
  transition: all 0.2s ease;
}

/* line 831, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-header .image-crop-close:hover {
  background: #f1f5f9;
  color: #1e293b;
}

/* line 836, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-header .image-crop-close i {
  font-size: 16px;
}

/* line 842, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body {
  padding: 0;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
}

/* line 850, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
  min-height: 400px;
  position: relative;
  background: #e5e5e5;
}

/* line 860, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-main .image-crop-container-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

/* line 866, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-main .image-crop-container-wrapper .image-crop-container {
  width: 100%;
  max-width: 100%;
  position: relative;
  background: #e5e5e5;
  border-radius: 8px;
  overflow: visible;
}

/* line 874, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-main .image-crop-container-wrapper .image-crop-container img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* line 881, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-main .image-crop-container-wrapper .image-crop-drag-hint {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 12px 20px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  pointer-events: none;
  z-index: 10;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

/* line 900, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-main .image-crop-container-wrapper .image-crop-drag-hint i {
  font-size: 16px;
}

/* line 907, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls {
  padding: 20px 24px;
  background: white;
  border-top: 1px solid #e2e8f0;
}

/* line 912, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

/* line 919, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-rotation-controls {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 924, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-rotation-controls .image-crop-rotate-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e2e8f0;
  background: white;
  color: #64748b;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

/* line 937, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-rotation-controls .image-crop-rotate-btn:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #1e293b;
  transform: scale(1.05);
}

/* line 944, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-rotation-controls .image-crop-rotate-btn:active {
  transform: scale(0.95);
}

/* line 948, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-rotation-controls .image-crop-rotate-btn i {
  font-size: 16px;
}

/* line 954, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 959, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #e2e8f0;
  background: white;
  color: #64748b;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

/* line 972, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-btn:hover:not(:disabled) {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #1e293b;
}

/* line 978, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-btn:active:not(:disabled) {
  transform: scale(0.95);
}

/* line 982, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #94a3b8;
}

/* line 990, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-btn i {
  font-size: 14px;
}

/* line 995, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-slider-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 200px;
}

/* line 1002, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-slider-wrapper .image-crop-zoom-slider {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #e2e8f0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

/* line 1011, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-slider-wrapper .image-crop-zoom-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #2196f3;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

/* line 1023, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-slider-wrapper .image-crop-zoom-slider::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(33, 150, 243, 0.4);
}

/* line 1029, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-slider-wrapper .image-crop-zoom-slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #2196f3;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

/* line 1039, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-slider-wrapper .image-crop-zoom-slider::-moz-range-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(33, 150, 243, 0.4);
}

/* line 1045, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-slider-wrapper .image-crop-zoom-slider::-webkit-slider-runnable-track {
  height: 6px;
  background: linear-gradient(to right, #2196f3 0%, #2196f3 var(--slider-progress, 50%), #e2e8f0 var(--slider-progress, 50%), #e2e8f0 100%);
  border-radius: 3px;
}

/* line 1051, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-slider-wrapper .image-crop-zoom-slider::-moz-range-track {
  height: 6px;
  background: #e2e8f0;
  border-radius: 3px;
}

/* line 1058, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-body .image-crop-controls .image-crop-control-group .image-crop-zoom-controls .image-crop-zoom-slider-wrapper .image-crop-zoom-label {
  font-size: 12px;
  color: #64748b;
  font-weight: 500;
}

/* line 1069, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e2e8f0;
  background: #f8fafc;
}

/* line 1078, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-footer .image-crop-btn {
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 1090, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-footer .image-crop-btn.image-crop-cancel-btn {
  background: white;
  color: #64748b;
  border: 1px solid #e2e8f0;
}

/* line 1095, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-footer .image-crop-btn.image-crop-cancel-btn:hover {
  background: #f1f5f9;
  color: #1e293b;
  border-color: #cbd5e1;
}

/* line 1102, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-footer .image-crop-btn.image-crop-save-btn {
  background: #2196f3;
  color: #fff;
  border: 1px solid #2196f3;
}

/* line 1107, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-footer .image-crop-btn.image-crop-save-btn i,
.image-crop-modal .image-crop-footer .image-crop-btn.image-crop-save-btn span,
.image-crop-modal .image-crop-footer .image-crop-btn.image-crop-save-btn #image-crop-save-label {
  color: #fff;
}

/* line 1113, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-footer .image-crop-btn.image-crop-save-btn:hover {
  background: #1976d2;
  border-color: #1976d2;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(33, 150, 243, 0.3);
}

/* line 1120, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-footer .image-crop-btn.image-crop-save-btn:hover i,
.image-crop-modal .image-crop-footer .image-crop-btn.image-crop-save-btn:hover span,
.image-crop-modal .image-crop-footer .image-crop-btn.image-crop-save-btn:hover #image-crop-save-label {
  color: #fff;
}

/* line 1127, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-footer .image-crop-btn.image-crop-save-btn:active {
  transform: translateY(0);
}

/* line 1131, app/assets/stylesheets/components/settings.scss */
.image-crop-modal .image-crop-footer .image-crop-btn.image-crop-save-btn i {
  font-size: 14px;
}

/* line 1140, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-container {
  direction: ltr;
}

/* line 1144, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-view-box {
  outline: none;
  border-radius: 50%;
  overflow: hidden;
}

/* line 1150, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-face {
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1;
  border-radius: 50%;
}

/* line 1157, app/assets/stylesheets/components/settings.scss */
.image-crop-container-wrapper {
  position: relative;
  overflow: hidden;
}

/* line 1162, app/assets/stylesheets/components/settings.scss */
.image-crop-container-wrapper::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  max-width: 500px;
  max-height: 500px;
  border-radius: 50%;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
  pointer-events: none;
  z-index: 3;
}

/* line 1179, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-view-box {
  border: 3px solid #2196f3;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

/* line 1185, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-line {
  display: none;
}

/* line 1189, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-point {
  background-color: #2196f3;
  width: 12px;
  height: 12px;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}

/* line 1198, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-point.point-se {
  cursor: nwse-resize;
  bottom: -6px;
  right: -6px;
}

/* line 1204, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-point.point-sw {
  cursor: nesw-resize;
  bottom: -6px;
  left: -6px;
}

/* line 1210, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-point.point-nw {
  cursor: nwse-resize;
  top: -6px;
  left: -6px;
}

/* line 1216, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-point.point-ne {
  cursor: nesw-resize;
  top: -6px;
  right: -6px;
}

/* line 1222, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-point.point-n,
.image-crop-container .cropper-point.point-s {
  cursor: ns-resize;
  display: none;
}

/* line 1228, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-point.point-e,
.image-crop-container .cropper-point.point-w {
  cursor: ew-resize;
  display: none;
}

/* line 1235, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-crop-box {
  border-radius: 50%;
}

/* line 1240, app/assets/stylesheets/components/settings.scss */
.image-crop-container .cropper-dashed {
  display: none;
}

/* line 1245, app/assets/stylesheets/components/settings.scss */
.background-crop-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10002;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 1259, app/assets/stylesheets/components/settings.scss */
.background-crop-modal.show {
  opacity: 1;
  visibility: visible;
}

/* line 1264, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 1276, app/assets/stylesheets/components/settings.scss */
.background-crop-modal.show .background-crop-overlay {
  opacity: 1;
}

/* line 1280, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-dialog {
  position: relative;
  background: white;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  max-width: 900px;
  width: 90%;
  max-height: 90vh;
  overflow: hidden;
  transform: translateY(20px) scale(0.95);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
}

/* line 1295, app/assets/stylesheets/components/settings.scss */
.background-crop-modal.show .background-crop-dialog {
  transform: translateY(0) scale(1);
}

/* line 1299, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e2e8f0;
}

/* line 1306, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-header .background-crop-title {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}

/* line 1313, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-header .background-crop-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  color: #64748b;
  transition: all 0.2s ease;
}

/* line 1322, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-header .background-crop-close:hover {
  background: #f1f5f9;
  color: #1e293b;
}

/* line 1327, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-header .background-crop-close i {
  font-size: 16px;
}

/* line 1333, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body {
  padding: 0;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
}

/* line 1341, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
  min-height: 400px;
  position: relative;
  background: #e5e5e5;
}

/* line 1351, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-main .background-crop-container-wrapper {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

/* line 1357, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-main .background-crop-container-wrapper .background-crop-container {
  width: 100%;
  max-width: 100%;
  position: relative;
  background: #e5e5e5;
  border-radius: 8px;
  overflow: visible;
}

/* line 1365, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-main .background-crop-container-wrapper .background-crop-container img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* line 1372, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-main .background-crop-container-wrapper .background-crop-drag-hint {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 12px 20px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  pointer-events: none;
  z-index: 10;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

/* line 1391, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-main .background-crop-container-wrapper .background-crop-drag-hint i {
  font-size: 16px;
}

/* line 1398, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls {
  padding: 20px 24px;
  background: white;
  border-top: 1px solid #e2e8f0;
}

/* line 1403, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

/* line 1410, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-rotation-controls {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 1415, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-rotation-controls .background-crop-rotate-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e2e8f0;
  background: white;
  color: #64748b;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

/* line 1428, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-rotation-controls .background-crop-rotate-btn:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #1e293b;
  transform: scale(1.05);
}

/* line 1435, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-rotation-controls .background-crop-rotate-btn:active {
  transform: scale(0.95);
}

/* line 1439, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-rotation-controls .background-crop-rotate-btn i {
  font-size: 16px;
}

/* line 1445, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 1450, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #e2e8f0;
  background: white;
  color: #64748b;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

/* line 1463, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-btn:hover:not(:disabled) {
  background: #f1f5f9;
  border-color: #cbd5e1;
  color: #1e293b;
}

/* line 1469, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-btn:active:not(:disabled) {
  transform: scale(0.95);
}

/* line 1473, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #94a3b8;
}

/* line 1481, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-btn i {
  font-size: 14px;
}

/* line 1486, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-slider-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 200px;
}

/* line 1493, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-slider-wrapper .background-crop-zoom-slider {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #e2e8f0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

/* line 1502, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-slider-wrapper .background-crop-zoom-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #2196f3;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

/* line 1514, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-slider-wrapper .background-crop-zoom-slider::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(33, 150, 243, 0.4);
}

/* line 1520, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-slider-wrapper .background-crop-zoom-slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #2196f3;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}

/* line 1530, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-slider-wrapper .background-crop-zoom-slider::-moz-range-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(33, 150, 243, 0.4);
}

/* line 1536, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-slider-wrapper .background-crop-zoom-slider::-webkit-slider-runnable-track {
  height: 6px;
  background: linear-gradient(to right, #2196f3 0%, #2196f3 var(--slider-progress, 50%), #e2e8f0 var(--slider-progress, 50%), #e2e8f0 100%);
  border-radius: 3px;
}

/* line 1542, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-slider-wrapper .background-crop-zoom-slider::-moz-range-track {
  height: 6px;
  background: #e2e8f0;
  border-radius: 3px;
}

/* line 1549, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-body .background-crop-controls .background-crop-control-group .background-crop-zoom-controls .background-crop-zoom-slider-wrapper .background-crop-zoom-label {
  font-size: 12px;
  color: #64748b;
  font-weight: 500;
}

/* line 1560, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e2e8f0;
  background: #f8fafc;
}

/* line 1569, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-footer .background-crop-btn {
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 1581, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-footer .background-crop-btn.background-crop-cancel-btn {
  background: white;
  color: #64748b;
  border: 1px solid #e2e8f0;
}

/* line 1586, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-footer .background-crop-btn.background-crop-cancel-btn:hover {
  background: #f1f5f9;
  color: #1e293b;
  border-color: #cbd5e1;
}

/* line 1593, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-footer .background-crop-btn.background-crop-save-btn {
  background: #2196f3;
  color: white;
  border: 1px solid #2196f3;
}

/* line 1598, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-footer .background-crop-btn.background-crop-save-btn:hover {
  background: #1976d2;
  border-color: #1976d2;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(33, 150, 243, 0.3);
}

/* line 1605, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-footer .background-crop-btn.background-crop-save-btn:active {
  transform: translateY(0);
}

/* line 1609, app/assets/stylesheets/components/settings.scss */
.background-crop-modal .background-crop-footer .background-crop-btn.background-crop-save-btn i {
  font-size: 14px;
}

/* line 1618, app/assets/stylesheets/components/settings.scss */
.background-crop-container .cropper-container {
  direction: ltr;
}

/* line 1622, app/assets/stylesheets/components/settings.scss */
.background-crop-container .cropper-view-box {
  outline: none;
  border-radius: 4px;
  overflow: hidden;
  border: 3px solid #2196f3;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

/* line 1630, app/assets/stylesheets/components/settings.scss */
.background-crop-container .cropper-face {
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1;
  border-radius: 4px;
}

/* line 1637, app/assets/stylesheets/components/settings.scss */
.background-crop-container-wrapper {
  position: relative;
  overflow: hidden;
}

/* line 1642, app/assets/stylesheets/components/settings.scss */
.background-crop-container-wrapper::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  max-width: 1400px;
  max-height: 400px;
  aspect-ratio: 3.5;
  border-radius: 4px;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
  pointer-events: none;
  z-index: 3;
}

/* line 1660, app/assets/stylesheets/components/settings.scss */
.background-crop-container .cropper-line {
  display: none;
}

/* line 1664, app/assets/stylesheets/components/settings.scss */
.background-crop-container .cropper-point {
  background-color: #2196f3;
  width: 12px;
  height: 12px;
  border: 2px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}

/* line 1673, app/assets/stylesheets/components/settings.scss */
.background-crop-container .cropper-point.point-se {
  cursor: nwse-resize;
  bottom: -6px;
  right: -6px;
}

/* line 1679, app/assets/stylesheets/components/settings.scss */
.background-crop-container .cropper-point.point-sw {
  cursor: nesw-resize;
  bottom: -6px;
  left: -6px;
}

/* line 1685, app/assets/stylesheets/components/settings.scss */
.background-crop-container .cropper-point.point-nw {
  cursor: nwse-resize;
  top: -6px;
  left: -6px;
}

/* line 1691, app/assets/stylesheets/components/settings.scss */
.background-crop-container .cropper-point.point-ne {
  cursor: nesw-resize;
  top: -6px;
  right: -6px;
}

/* line 1697, app/assets/stylesheets/components/settings.scss */
.background-crop-container .cropper-point.point-n,
.background-crop-container .cropper-point.point-s {
  cursor: ns-resize;
  display: none;
}

/* line 1703, app/assets/stylesheets/components/settings.scss */
.background-crop-container .cropper-point.point-e,
.background-crop-container .cropper-point.point-w {
  cursor: ew-resize;
  display: none;
}

/* line 1710, app/assets/stylesheets/components/settings.scss */
.background-crop-container .cropper-crop-box {
  border-radius: 4px;
}

/* line 1715, app/assets/stylesheets/components/settings.scss */
.background-crop-container .cropper-dashed {
  display: none;
}

/* line 1719, app/assets/stylesheets/components/settings.scss */
.settings-menu li.active .settings-menu-link {
  color: #2196f3;
  background: #e3f0ff;
  font-weight: 600;
}

/* line 1725, app/assets/stylesheets/components/settings.scss */
.settings-menu li:hover .settings-menu-link {
  color: #2196f3;
  background: #f5faff;
}

/* line 1729, app/assets/stylesheets/components/settings.scss */
.settings-menu-link .settings-menu-icon {
  filter: grayscale(1) brightness(0.6);
  transition: filter 0.2s;
}

/* line 1733, app/assets/stylesheets/components/settings.scss */
.settings-menu li.active .settings-menu-link .settings-menu-icon {
  filter: brightness(0) saturate(100%) invert(41%) sepia(92%) saturate(747%) hue-rotate(181deg) brightness(97%) contrast(101%) !important;
}

/* line 1736, app/assets/stylesheets/components/settings.scss */
.settings-menu li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  font-size: 1.08rem;
  color: #64748b;
  cursor: pointer;
  border-left: none;
  transition: background 0.2s, color 0.2s;
  font-weight: 500;
  background: none;
  border-radius: 8px;
  margin-bottom: 2px;
  height: 38px;
  line-height: 38px;
  min-width: 0;
}

/* line 1754, app/assets/stylesheets/components/settings.scss */
.settings-menu li.active {
  color: #2196f3;
  background: #e3f0ff;
  font-weight: 600;
  border-left: none;
  border-radius: 8px;
  min-width: 235px;
}

/* line 1762, app/assets/stylesheets/components/settings.scss */
.settings-menu li.active .settings-menu-icon {
  filter: none;
}

/* line 1765, app/assets/stylesheets/components/settings.scss */
.settings-form-section {
  position: absolute;
  top: 530px;
  left: 390px;
  width: 975px;
  border-radius: 8px;
  background: #ffffff;
  opacity: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  padding: 32px 38px 32px 38px;
  z-index: 1;
}

/* line 1778, app/assets/stylesheets/components/settings.scss */
.settings-main.settings-no-header-tab .settings-form-section {
  top: 189px;
}

/* line 1782, app/assets/stylesheets/components/settings.scss */
.settings-main.settings-no-header-tab .subscription-settings-stack {
  position: absolute;
  top: 189px;
  left: 390px;
  width: 975px;
  max-width: calc(100vw - 390px - 7vw);
  box-sizing: border-box;
  background: transparent;
}

/* line 1792, app/assets/stylesheets/components/settings.scss */
.settings-main.settings-no-header-tab .subscription-settings-stack .subscription-page {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border-radius: 8px;
  background: #ffffff;
  opacity: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  padding: 1rem;
  box-sizing: border-box;
}

/* line 1806, app/assets/stylesheets/components/settings.scss */
.settings-section-title {
  font-size: 1.18rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 2px;
}

/* line 1812, app/assets/stylesheets/components/settings.scss */
.settings-section-desc {
  color: #64748b;
  font-size: 1.01rem;
  margin-bottom: 18px;
}

/* line 1817, app/assets/stylesheets/components/settings.scss */
.settings-avatar-section {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}

/* line 1824, app/assets/stylesheets/components/settings.scss */
.settings-background-section-row {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}

/* line 1831, app/assets/stylesheets/components/settings.scss */
.settings-background-info {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 1837, app/assets/stylesheets/components/settings.scss */
.settings-background-preview-wrapper {
  position: relative;
  display: inline-block;
}

/* line 1842, app/assets/stylesheets/components/settings.scss */
.settings-background-preview {
  width: 400px;
  height: 200px;
  border-radius: 12px;
  overflow: hidden;
  border: 2px solid #e3f0ff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  cursor: pointer;
  transition: opacity 0.2s;
}

/* line 1853, app/assets/stylesheets/components/settings.scss */
.settings-background-preview:hover {
  opacity: 0.95;
}

/* line 1856, app/assets/stylesheets/components/settings.scss */
.settings-background-preview:hover .settings-background-edit-btn,
.settings-background-preview:hover .settings-background-delete-overlay {
  opacity: 1;
  visibility: visible;
}

/* line 1864, app/assets/stylesheets/components/settings.scss */
.settings-background-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 1870, app/assets/stylesheets/components/settings.scss */
.settings-background-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  color: #64748b;
  font-size: 12px;
}

/* line 1881, app/assets/stylesheets/components/settings.scss */
.settings-background-placeholder i {
  font-size: 20px;
  margin-bottom: 4px;
}

/* line 1888, app/assets/stylesheets/components/settings.scss */
.settings-background-edit-btn {
  position: absolute;
  bottom: 16px;
  right: 16px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  border: none;
  border-radius: 8px;
  color: #fff;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* line 1910, app/assets/stylesheets/components/settings.scss */
.settings-background-edit-btn:hover {
  background: rgba(0, 0, 0, 0.75);
  transform: translateY(-2px);
}

/* line 1915, app/assets/stylesheets/components/settings.scss */
.settings-background-edit-btn i {
  font-size: 16px;
  margin: 0;
}

/* line 1920, app/assets/stylesheets/components/settings.scss */
.settings-background-edit-btn span {
  white-space: nowrap;
}

/* line 1927, app/assets/stylesheets/components/settings.scss */
.settings-background-preview:has(.settings-background-placeholder:not([style*="display: none"])) .settings-background-edit-btn {
  opacity: 1;
  visibility: visible;
  background: #1877f2;
}

/* line 1932, app/assets/stylesheets/components/settings.scss */
.settings-background-preview:has(.settings-background-placeholder:not([style*="display: none"])) .settings-background-edit-btn:hover {
  background: #166fe5;
}

/* line 1939, app/assets/stylesheets/components/settings.scss */
.settings-background-delete-overlay {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(239, 68, 68, 0.9);
  border: 2px solid #fff;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}

/* line 1960, app/assets/stylesheets/components/settings.scss */
.settings-background-delete-overlay:hover {
  background: rgba(220, 38, 38, 0.95);
  transform: scale(1.1);
}

/* line 1966, app/assets/stylesheets/components/settings.scss */
.settings-background-texts {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 1972, app/assets/stylesheets/components/settings.scss */
.settings-background-label {
  font-size: 1.08rem;
  font-weight: 600;
  color: #23263b;
}

/* line 1978, app/assets/stylesheets/components/settings.scss */
.settings-background-hint {
  color: #64748b;
  font-size: 0.97rem;
}

/* line 1983, app/assets/stylesheets/components/settings.scss */
.settings-background-actions-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

/* line 1990, app/assets/stylesheets/components/settings.scss */
.settings-background-update {
  background: #fff;
  color: #23263b;
  border: 1.5px solid #d1d5db;
  border-radius: 12px;
  padding: 0.7rem 2.2rem;
  font-size: 1.08rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border 0.2s;
}

/* line 2002, app/assets/stylesheets/components/settings.scss */
.settings-background-update:hover {
  background: #e3f0ff;
  color: #2196f3;
  border-color: #2196f3;
}

/* line 2008, app/assets/stylesheets/components/settings.scss */
.settings-background-delete {
  background: #fff;
  color: #ef4444;
  border: 1.5px solid #ef4444;
  border-radius: 12px;
  padding: 0.7rem 2.2rem;
  font-size: 1.08rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border 0.2s;
}

/* line 2020, app/assets/stylesheets/components/settings.scss */
.settings-background-delete:hover {
  background: #ef4444;
  color: #fff;
}

/* line 2024, app/assets/stylesheets/components/settings.scss */
.settings-avatar-preview-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 2031, app/assets/stylesheets/components/settings.scss */
.settings-avatar-preview {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #e3f0ff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  position: relative;
}

/* line 2041, app/assets/stylesheets/components/settings.scss */
.settings-avatar-img-lg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* line 2049, app/assets/stylesheets/components/settings.scss */
.settings-avatar-camera-side-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  border: 2px solid #fff;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  flex-shrink: 0;
}

/* line 2066, app/assets/stylesheets/components/settings.scss */
.settings-avatar-camera-side-btn:hover {
  background: rgba(0, 0, 0, 0.75);
  transform: scale(1.05);
}

/* line 2071, app/assets/stylesheets/components/settings.scss */
.settings-avatar-camera-side-btn i {
  margin: 0;
}

/* line 2075, app/assets/stylesheets/components/settings.scss */
.settings-avatar-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 2080, app/assets/stylesheets/components/settings.scss */
.settings-avatar-label {
  font-size: 1.08rem;
  font-weight: 600;
  color: #23263b;
}

/* line 2085, app/assets/stylesheets/components/settings.scss */
.settings-avatar-hint {
  color: #64748b;
  font-size: 0.97rem;
  margin-bottom: 6px;
}

/* line 2090, app/assets/stylesheets/components/settings.scss */
.settings-avatar-upload-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 2095, app/assets/stylesheets/components/settings.scss */
.settings-avatar-upload {
  font-size: 1.01rem;
  color: #23263b;
}

/* line 2099, app/assets/stylesheets/components/settings.scss */
.settings-avatar-update {
  background: #2196f3;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1.5rem;
  font-size: 1.08rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}

/* line 2110, app/assets/stylesheets/components/settings.scss */
.settings-avatar-update:hover {
  background: #1769aa;
}

/* line 2113, app/assets/stylesheets/components/settings.scss */
.settings-avatar-delete {
  background: #fff;
  color: #ef4444;
  border: 1.5px solid #ef4444;
  border-radius: 8px;
  padding: 0.5rem 1.5rem;
  font-size: 1.08rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border 0.2s;
}

/* line 2124, app/assets/stylesheets/components/settings.scss */
.settings-avatar-delete:hover {
  background: #ef4444;
  color: #fff;
}

/* line 2128, app/assets/stylesheets/components/settings.scss */
.settings-form-group {
  margin-bottom: 18px;
}

/* line 2131, app/assets/stylesheets/components/settings.scss */
.settings-form-group label {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #000000;
  display: block;
  margin-bottom: 4px;
}

/* line 2142, app/assets/stylesheets/components/settings.scss */
.settings-form-row {
  display: flex;
  gap: 18px;
}

/* line 2146, app/assets/stylesheets/components/settings.scss */
.settings-form-row .settings-form-group {
  flex: 1 1 50%;
  min-width: 0;
}

/* line 2151, app/assets/stylesheets/components/settings.scss */
.settings-input {
  width: 100%;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 18px;
  font-size: 1.08rem;
  background: #F4F2EE;
  color: #23263b;
  margin-top: 6px;
  transition: border 0.2s;
}

/* line 2162, app/assets/stylesheets/components/settings.scss */
.settings-input:focus {
  border-color: #2196f3;
  outline: none;
}

/* line 2166, app/assets/stylesheets/components/settings.scss */
.settings-select {
  width: 100%;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 18px;
  font-size: 1.08rem;
  background: #F4F2EE;
  color: #23263b;
  margin-top: 6px;
  transition: border 0.2s;
  cursor: pointer;
}

/* line 2178, app/assets/stylesheets/components/settings.scss */
.settings-select:focus {
  border-color: #2196f3;
  outline: none;
}

/* line 2182, app/assets/stylesheets/components/settings.scss */
.settings-textarea {
  width: 100%;
  border: 1.5px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 18px;
  font-size: 1.08rem;
  background: #F4F2EE;
  color: #23263b;
  margin-top: 6px;
  min-height: 80px;
  transition: border 0.2s;
}

/* line 2194, app/assets/stylesheets/components/settings.scss */
.settings-textarea:focus {
  border-color: #2196f3;
  outline: none;
}

/* line 2198, app/assets/stylesheets/components/settings.scss */
.settings-update-btn {
  width: 144.53125px;
  height: 45px;
  border-radius: 100px;
  border: 1px solid #2196F3;
  background: #2196F3;
  color: #FFFFFF;
  opacity: 1;
  font-family: Roboto, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 0px;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
  margin-top: 12px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: background 0.2s, border-color 0.2s;
}

/* line 2221, app/assets/stylesheets/components/settings.scss */
.settings-update-btn:hover {
  background: #1976D2;
  border-color: #1976D2;
}

/* line 2225, app/assets/stylesheets/components/settings.scss */
.settings-avatar-section-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 24px 0 24px 0;
  border-bottom: 1.5px solid #ececec;
  margin-bottom: 24px;
}

/* line 2234, app/assets/stylesheets/components/settings.scss */
.settings-avatar-info {
  display: flex;
  align-items: center;
  gap: 24px;
}

/* line 2239, app/assets/stylesheets/components/settings.scss */
.settings-avatar-texts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

/* line 2245, app/assets/stylesheets/components/settings.scss */
.settings-avatar-label {
  font-size: 1.18rem;
  font-weight: 700;
  color: #23263b;
}

/* line 2250, app/assets/stylesheets/components/settings.scss */
.settings-avatar-hint {
  color: #64748b;
  font-size: 1.01rem;
}

/* line 2254, app/assets/stylesheets/components/settings.scss */
.settings-avatar-actions-row {
  display: flex;
  align-items: center;
  gap: 18px;
}

/* line 2259, app/assets/stylesheets/components/settings.scss */
.settings-avatar-update {
  background: #fff;
  color: #23263b;
  border: 1.5px solid #d1d5db;
  border-radius: 12px;
  padding: 0.7rem 2.2rem;
  font-size: 1.08rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border 0.2s;
}

/* line 2270, app/assets/stylesheets/components/settings.scss */
.settings-avatar-update:hover {
  background: #e3f0ff;
  color: #2196f3;
  border-color: #2196f3;
}

/* line 2275, app/assets/stylesheets/components/settings.scss */
.settings-avatar-delete {
  background: #fff;
  color: #ef4444;
  border: 1.5px solid #ef4444;
  border-radius: 12px;
  padding: 0.7rem 2.2rem;
  font-size: 1.08rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border 0.2s;
}

/* line 2286, app/assets/stylesheets/components/settings.scss */
.settings-avatar-delete:hover {
  background: #ef4444;
  color: #fff;
}

/* line 2290, app/assets/stylesheets/components/settings.scss */
.settings-notification-section {
  margin-top: 18px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  padding: 32px 38px 32px 38px;
}

/* line 2297, app/assets/stylesheets/components/settings.scss */
.settings-notification-group {
  margin-bottom: 18px;
}

/* line 2300, app/assets/stylesheets/components/settings.scss */
.settings-notification-group-title {
  font-size: 1.18rem;
  font-weight: 700;
  color: #23263b;
  margin-bottom: 2px;
}

/* line 2306, app/assets/stylesheets/components/settings.scss */
.settings-notification-group-desc {
  color: #64748b;
  font-size: 1.01rem;
  margin-bottom: 12px;
}

/* line 2311, app/assets/stylesheets/components/settings.scss */
.settings-notification-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0 16px 0;
  font-size: 1.08rem;
  color: #23263b;
  border-bottom: 1px solid #ececec;
}

/* line 2320, app/assets/stylesheets/components/settings.scss */
.settings-notification-row:last-child {
  border-bottom: none;
}

/* line 2323, app/assets/stylesheets/components/settings.scss */
.settings-notification-divider {
  border-bottom: 2px solid #ececec;
  margin: 18px 0 18px 0;
  width: 100%;
}

/* Toggle Switch Styles */
/* line 2329, app/assets/stylesheets/components/settings.scss */
.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 26px;
}

/* line 2335, app/assets/stylesheets/components/settings.scss */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 2340, app/assets/stylesheets/components/settings.scss */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e5e7eb;
  transition: .4s;
  border-radius: 26px;
}

/* line 2351, app/assets/stylesheets/components/settings.scss */
.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: #fff;
  transition: .4s;
  border-radius: 50%;
}

/* line 2362, app/assets/stylesheets/components/settings.scss */
input:checked + .slider {
  background-color: #2196f3;
}

/* line 2365, app/assets/stylesheets/components/settings.scss */
input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

/* line 2368, app/assets/stylesheets/components/settings.scss */
input:checked + .slider:before {
  transform: translateX(22px);
}

/* line 2371, app/assets/stylesheets/components/settings.scss */
.slider.round {
  border-radius: 26px;
}

/* line 2374, app/assets/stylesheets/components/settings.scss */
.slider.round:before {
  border-radius: 50%;
}

@media (max-width: 600px) {
  /* line 2378, app/assets/stylesheets/components/settings.scss */
  .settings-header-section {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* line 2384, app/assets/stylesheets/components/settings.scss */
.settings-sidebar a {
  text-decoration: none !important;
}

/* line 2387, app/assets/stylesheets/components/settings.scss */
.settings-menu li.upcoming,
.settings-menu li.upcoming .settings-menu-link {
  cursor: not-allowed;
  opacity: 0.55;
  color: #a7aabc !important;
  background: none !important;
  pointer-events: none;
}

/* line 2395, app/assets/stylesheets/components/settings.scss */
.settings-menu li button.settings-menu-link.logout {
  color: #64748b;
}

/* line 2398, app/assets/stylesheets/components/settings.scss */
.settings-menu li button.settings-menu-link.logout:hover,
.settings-menu li.active button.settings-menu-link.logout {
  color: #ef4444 !important;
  background: #fff0f0;
}

/* line 2403, app/assets/stylesheets/components/settings.scss */
.settings-menu li button.settings-menu-link.logout .settings-menu-icon {
  filter: grayscale(1) brightness(0.6);
  transition: filter 0.2s;
}

/* line 2407, app/assets/stylesheets/components/settings.scss */
.settings-menu li button.settings-menu-link.logout:hover .settings-menu-icon,
.settings-menu li.active button.settings-menu-link.logout .settings-menu-icon {
  filter: brightness(0) saturate(100%) invert(38%) sepia(92%) saturate(1822%) hue-rotate(340deg) brightness(97%) contrast(101%) !important;
}

/* line 2411, app/assets/stylesheets/components/settings.scss */
.settings-menu li.active .settings-logout-btn {
  background: #fff0f0;
  color: #ef4444;
}

/* line 2415, app/assets/stylesheets/components/settings.scss */
.settings-menu li.active.logout-li {
  background: transparent !important;
}

/* line 2418, app/assets/stylesheets/components/settings.scss */
.settings-menu li.logout-li.active {
  background: transparent !important;
}

/* line 2423, app/assets/stylesheets/components/settings.scss */
.settings-preference-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

/* line 2430, app/assets/stylesheets/components/settings.scss */
.settings-preference-option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  background: white;
  transition: all 0.2s ease;
  cursor: pointer;
}

/* line 2441, app/assets/stylesheets/components/settings.scss */
.settings-preference-option:hover {
  border-color: #007bff;
  background-color: #f8f9ff;
}

/* line 2446, app/assets/stylesheets/components/settings.scss */
.settings-preference-option input[type="radio"] {
  margin: 0;
  margin-top: 2px;
}

/* line 2451, app/assets/stylesheets/components/settings.scss */
.settings-preference-option label {
  flex: 1;
  margin: 0;
  font-weight: 500;
  color: #1a1a1a;
  cursor: pointer;
}

/* line 2459, app/assets/stylesheets/components/settings.scss */
.settings-preference-option .settings-preference-desc {
  display: block;
  font-size: 0.875rem;
  color: #666;
  margin-top: 4px;
  line-height: 1.4;
}

/* line 2467, app/assets/stylesheets/components/settings.scss */
.settings-preference-option:has(input:checked) {
  border-color: #007bff;
  background-color: #f8f9ff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
}

/* line 2472, app/assets/stylesheets/components/settings.scss */
.settings-preference-option:has(input:checked) label {
  color: #007bff;
}

/* line 2479, app/assets/stylesheets/components/settings.scss */
.naming-preference-display {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}

/* line 2489, app/assets/stylesheets/components/settings.scss */
.naming-preference-display label {
  font-size: 14px;
  font-weight: 500;
  color: #64748b;
  margin: 0;
}

/* line 2496, app/assets/stylesheets/components/settings.scss */
.naming-preference-display .preference-badge {
  background: #2196f3;
  color: white;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 2507, app/assets/stylesheets/components/settings.scss */
.naming-preference-display .preference-note {
  color: #64748b;
  font-size: 12px;
  margin-left: auto;
}

/* line 2512, app/assets/stylesheets/components/settings.scss */
.naming-preference-display .preference-note .settings-link {
  color: #2196f3;
  text-decoration: none;
  font-weight: 500;
}

/* line 2517, app/assets/stylesheets/components/settings.scss */
.naming-preference-display .preference-note .settings-link:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  /* line 2525, app/assets/stylesheets/components/settings.scss */
  .settings-preference-option {
    padding: 12px;
  }
}

/* line 1, app/assets/stylesheets/components/facts.scss */
.facts-main {
  display: flex;
  gap: 0;
  align-items: flex-start;
  background: #fff;
  min-height: 100vh;
}

/* line 8, app/assets/stylesheets/components/facts.scss */
.facts-center {
  flex: 1 1 0;
  max-width: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: #fff;
  padding-top: 1rem;
}

/* line 18, app/assets/stylesheets/components/facts.scss */
.facts-header {
  padding: 24px 32px 12px 32px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 18px;
}

/* line 24, app/assets/stylesheets/components/facts.scss */
.facts-header h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #23263b;
}

/* line 30, app/assets/stylesheets/components/facts.scss */
.facts-header .facts-search-bar {
  display: flex;
  align-items: center;
  margin-left: 2rem;
}

/* line 34, app/assets/stylesheets/components/facts.scss */
.facts-header .facts-search-bar input {
  padding: 0.5rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 1rem;
  margin-right: 0.5rem;
}

/* line 41, app/assets/stylesheets/components/facts.scss */
.facts-header .facts-search-bar .facts-search-btn {
  background: #2196f3;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  cursor: pointer;
}

/* line 51, app/assets/stylesheets/components/facts.scss */
.facts-header .facts-new-btn {
  margin-left: auto;
  background: #2196f3;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1.2rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}

/* line 66, app/assets/stylesheets/components/facts.scss */
.facts-header .facts-new-btn .btn-icon {
  width: 22px;
  height: 22px;
  margin-right: 0.5rem;
}

/* line 71, app/assets/stylesheets/components/facts.scss */
.facts-header .facts-new-btn .new-fact-label {
  text-decoration: none;
  color: #fff;
}

/* line 76, app/assets/stylesheets/components/facts.scss */
.facts-filters {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2rem;
  background: #fff;
  border-radius: 12px;
  padding: 0.7rem 1.2rem;
  border: 2px solid #e5e7eb;
  max-width: 27rem;
  margin-left: 2rem;
}

/* line 87, app/assets/stylesheets/components/facts.scss */
.facts-filter {
  color: #888;
  font-size: 1.08rem;
  font-weight: 500;
  text-decoration: none;
  padding: 0.5rem 1.5rem;
  border-radius: 10px;
  transition: background 0.2s, color 0.2s;
  background: transparent;
  border: none;
  margin: 0 0.1rem;
}

/* line 99, app/assets/stylesheets/components/facts.scss */
.facts-filter.active {
  background: #e3f0ff;
  color: #2196f3;
  font-weight: 600;
}

/* line 104, app/assets/stylesheets/components/facts.scss */
.facts-filter:hover {
  background: #f5faff;
  color: #2196f3;
}

/* line 108, app/assets/stylesheets/components/facts.scss */
.facts-content-list {
  flex: 1 1 0;
  overflow-y: auto;
  max-height: calc(100vh - 120px);
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-bottom: 80px;
  background: #fff;
}

/* line 118, app/assets/stylesheets/components/facts.scss */
.facts-rightbar {
  width: 420px;
  min-width: 260px;
  max-width: 480px;
  padding: 32px 24px 0 24px;
  position: sticky;
  top: 0;
  align-self: flex-start;
  background: #fff;
  border-left: 1.5px solid #e5e7eb;
  min-height: 100vh;
}

/* line 130, app/assets/stylesheets/components/facts.scss */
.facts-rightbar h4 {
  font-size: 1.18rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}

/* line 135, app/assets/stylesheets/components/facts.scss */
.empty-state {
  color: #888;
  font-size: 1.05rem;
  text-align: center;
  margin: 18px 0 10px 0;
}

/* line 2, app/assets/stylesheets/components/_facebook_signin.scss */
.facebook-login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.875rem;
  background: #1877f2;
  border: 1px solid #1877f2;
  border-radius: 8px;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s;
  cursor: pointer;
  margin-top: 0.5rem;
}

/* line 20, app/assets/stylesheets/components/_facebook_signin.scss */
.facebook-login:hover {
  background: #166fe5;
  border-color: #166fe5;
  color: #fff;
  text-decoration: none;
}

/* line 27, app/assets/stylesheets/components/_facebook_signin.scss */
.facebook-login:active {
  background: #1877f2;
  transform: translateY(1px);
}

/* line 32, app/assets/stylesheets/components/_facebook_signin.scss */
.facebook-login:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.1);
}

/* line 37, app/assets/stylesheets/components/_facebook_signin.scss */
.facebook-login .facebook-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* line 45, app/assets/stylesheets/components/_facebook_signin.scss */
.facebook-signin-container {
  margin: 16px 0;
  text-align: center;
}

/* line 49, app/assets/stylesheets/components/_facebook_signin.scss */
.facebook-signin-container .divider {
  display: flex;
  align-items: center;
  margin: 20px 0;
  color: #666;
  font-size: 14px;
}

/* line 56, app/assets/stylesheets/components/_facebook_signin.scss */
.facebook-signin-container .divider::before, .facebook-signin-container .divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background-color: #e0e0e0;
}

/* line 64, app/assets/stylesheets/components/_facebook_signin.scss */
.facebook-signin-container .divider span {
  padding: 0 16px;
}

/* line 71, app/assets/stylesheets/components/_facebook_signin.scss */
.alert-danger {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
  padding: 12px 16px;
  border-radius: 4px;
  margin-bottom: 16px;
  border: 1px solid transparent;
}

/* line 82, app/assets/stylesheets/components/_facebook_signin.scss */
.facebook-login.loading {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 87, app/assets/stylesheets/components/_facebook_signin.scss */
.facebook-login.loading::after {
  content: '';
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-left: 8px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 480px) {
  /* line 106, app/assets/stylesheets/components/_facebook_signin.scss */
  .facebook-login {
    font-size: 14px;
    padding: 10px 12px;
  }
}

/* line 1, app/assets/stylesheets/components/tradition_selector.scss */
.tradition-selector {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding: 10px;
  background: #f8f9fa;
  border-radius: 8px;
}

/* line 10, app/assets/stylesheets/components/tradition_selector.scss */
.tradition-selector label {
  font-weight: 600;
  color: #333;
}

/* line 15, app/assets/stylesheets/components/tradition_selector.scss */
.tradition-selector select {
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: white;
  font-size: 14px;
  cursor: pointer;
}

/* line 23, app/assets/stylesheets/components/tradition_selector.scss */
.tradition-selector select:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
}

/* line 2, app/assets/stylesheets/components/_subscription_page.scss */
.subscription-page {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 0;
}

/* line 9, app/assets/stylesheets/components/_subscription_page.scss */
.user-profile-section {
  display: none;
}

/* line 14, app/assets/stylesheets/components/_subscription_page.scss */
.account-settings-menu {
  display: none;
}

/* line 19, app/assets/stylesheets/components/_subscription_page.scss */
.subscription-section {
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

/* line 25, app/assets/stylesheets/components/_subscription_page.scss */
.subscription-section .section-header {
  padding-top: 7px;
  padding-bottom: 0;
  margin-bottom: 1rem;
}

/* line 31, app/assets/stylesheets/components/_subscription_page.scss */
.subscription-section .section-title {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  color: #171717;
  opacity: 1;
  margin: 0 0 0.25rem 0;
  height: 21px;
  display: block;
}

/* line 45, app/assets/stylesheets/components/_subscription_page.scss */
.subscription-section .section-subtitle {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0;
  vertical-align: middle;
  color: #4C4C4C;
  opacity: 1;
  margin: 0;
  min-height: 20px;
}

/* line 60, app/assets/stylesheets/components/_subscription_page.scss */
.subscription-section-divider {
  width: 975px;
  max-width: 100%;
  height: 0;
  margin: 0 0 1.5rem 0;
  padding: 0;
  border: none;
  border-top: 1px solid #ECEBF1;
  opacity: 1;
  box-sizing: border-box;
}

/* line 72, app/assets/stylesheets/components/_subscription_page.scss */
.section-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: 1rem;
}

/* line 81, app/assets/stylesheets/components/_subscription_page.scss */
.header-content {
  flex: 1;
}

/* line 85, app/assets/stylesheets/components/_subscription_page.scss */
.section-title {
  font-size: 1.875rem;
  font-weight: 700;
  color: #1a202c;
  margin: 0 0 0.5rem 0;
}

/* line 92, app/assets/stylesheets/components/_subscription_page.scss */
.section-subtitle {
  color: #718096;
  font-size: 1rem;
  margin: 0;
}

/* line 98, app/assets/stylesheets/components/_subscription_page.scss */
.billing-history-link {
  color: #3b82f6;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.875rem;
}

/* line 104, app/assets/stylesheets/components/_subscription_page.scss */
.billing-history-link:hover {
  text-decoration: underline;
}

/* line 110, app/assets/stylesheets/components/_subscription_page.scss */
.plan-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  margin-top: 0.5rem;
}

/* line 117, app/assets/stylesheets/components/_subscription_page.scss */
.plan-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* line 122, app/assets/stylesheets/components/_subscription_page.scss */
.plan-card-link:hover {
  text-decoration: none;
  color: inherit;
}

/* line 128, app/assets/stylesheets/components/_subscription_page.scss */
.plan-card {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 2.5rem;
  position: relative;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

/* line 140, app/assets/stylesheets/components/_subscription_page.scss */
.plan-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* line 145, app/assets/stylesheets/components/_subscription_page.scss */
.plan-card.current-plan {
  border-color: #e2e8f0;
  background: white;
}

/* line 151, app/assets/stylesheets/components/_subscription_page.scss */
.plan-badge {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  background: #3b82f6;
  color: white;
  padding: 0.375rem 0.75rem;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 165, app/assets/stylesheets/components/_subscription_page.scss */
.plan-badge::before {
  content: "★";
  font-size: 0.625rem;
}

/* line 171, app/assets/stylesheets/components/_subscription_page.scss */
.plan-header {
  text-align: left;
  margin-bottom: 1.5rem;
}

/* line 176, app/assets/stylesheets/components/_subscription_page.scss */
.plan-name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a202c;
  margin: 0 0 0.5rem 0;
}

/* line 183, app/assets/stylesheets/components/_subscription_page.scss */
.plan-description {
  color: #718096;
  font-size: 0.875rem;
  margin: 0;
  line-height: 1.5;
}

/* line 190, app/assets/stylesheets/components/_subscription_page.scss */
.plan-pricing {
  text-align: left;
  margin-bottom: 1.5rem;
}

/* line 195, app/assets/stylesheets/components/_subscription_page.scss */
.price {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.25rem;
}

/* line 200, app/assets/stylesheets/components/_subscription_page.scss */
.price .currency {
  font-size: 1.25rem;
  font-weight: 600;
  color: #3b82f6;
}

/* line 206, app/assets/stylesheets/components/_subscription_page.scss */
.price .amount {
  font-size: 2.5rem;
  font-weight: 700;
  color: #3b82f6;
  line-height: 1;
}

/* line 214, app/assets/stylesheets/components/_subscription_page.scss */
.billing-cycle {
  color: #64748B;
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 220, app/assets/stylesheets/components/_subscription_page.scss */
.plan-features {
  margin-bottom: 2rem;
  flex-grow: 1;
}

/* line 225, app/assets/stylesheets/components/_subscription_page.scss */
.feature-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}

/* line 230, app/assets/stylesheets/components/_subscription_page.scss */
.feature-item .feature-icon {
  color: #10b981;
  margin-right: 0.75rem;
  font-size: 0.875rem;
}

/* line 236, app/assets/stylesheets/components/_subscription_page.scss */
.feature-item .feature-text {
  color: #4a5568;
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 243, app/assets/stylesheets/components/_subscription_page.scss */
.plan-action {
  text-align: center;
  margin-top: auto;
}

/* line 248, app/assets/stylesheets/components/_subscription_page.scss */
.btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all 0.2s;
  border: none;
  cursor: pointer;
  font-size: 0.875rem;
  width: 100%;
}

/* line 262, app/assets/stylesheets/components/_subscription_page.scss */
.btn.btn-current-plan, .btn.btn-select-plan, .btn.btn-upgrade, .btn.btn-downgrade {
  position: relative;
  z-index: 10;
}

/* line 270, app/assets/stylesheets/components/_subscription_page.scss */
.btn.btn-current-plan {
  background: #f8fafc;
  color: #64748b;
  border: 1px solid #e2e8f0;
  cursor: not-allowed;
}

/* line 277, app/assets/stylesheets/components/_subscription_page.scss */
.btn.btn-select-plan {
  background: #2196F3;
  color: white;
}

/* line 281, app/assets/stylesheets/components/_subscription_page.scss */
.btn.btn-select-plan:hover {
  background: #1976D2;
}

/* line 286, app/assets/stylesheets/components/_subscription_page.scss */
.btn.btn-upgrade {
  background: #2196F3;
  color: white;
}

/* line 290, app/assets/stylesheets/components/_subscription_page.scss */
.btn.btn-upgrade:hover {
  background: #1976D2;
}

/* line 295, app/assets/stylesheets/components/_subscription_page.scss */
.btn.btn-downgrade {
  background: transparent;
  color: #2196F3;
  border: 1px solid #2196F3;
}

/* line 300, app/assets/stylesheets/components/_subscription_page.scss */
.btn.btn-downgrade:hover {
  background: #2196F3;
  color: white;
}

/* line 308, app/assets/stylesheets/components/_subscription_page.scss */
.billing-page {
  max-width: 1200px;
  padding: 0;
  min-height: 100vh;
  box-sizing: border-box;
}

/* line 315, app/assets/stylesheets/components/_subscription_page.scss */
.billing-title {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  color: #171717;
  opacity: 1;
  margin: 32px 0 1rem 390px;
  padding: 0;
  display: block;
  width: 975px;
  max-width: calc(100% - 390px);
  box-sizing: border-box;
}

/* line 330, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container {
  width: 975px;
  max-width: 100%;
  height: 504px;
  margin-top: 32px;
  margin-left: 390px;
  border-radius: 8px;
  opacity: 1;
  background: #FFFFFF;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}

/* line 344, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table {
  width: 975px;
  max-width: 100%;
  border-collapse: collapse;
  opacity: 1;
}

/* line 350, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table th, .billing-table td {
  padding: 0 16px;
  height: 52px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  vertical-align: middle;
  box-sizing: border-box;
}

/* line 358, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table thead tr {
  background: #E9E9E9;
}

/* line 362, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table thead th {
  padding: 0 16px;
  height: 52px;
}

/* line 367, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table th {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0;
  vertical-align: middle;
  color: #64748B;
  text-align: center;
}

/* line 379, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table tbody tr {
  background: #FFFFFF;
  height: 52px;
}

/* line 384, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table tbody td {
  height: 52px;
}

/* line 388, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table td {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0;
  vertical-align: middle;
  color: #000000;
}

/* line 399, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table .plan-name,
.billing-table .purchase-date,
.billing-table .ending-date,
.billing-table .status,
.billing-table .amount,
.billing-table .invoice,
.billing-table .action {
  text-align: center;
}

/* line 410, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 91px;
  height: 29px;
  padding: 10px;
  gap: 10px;
  border-radius: 20px;
  opacity: 1;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0;
  vertical-align: middle;
  box-sizing: border-box;
}

/* line 429, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .status-badge.status-in-progress {
  width: 99px;
  min-width: 99px;
  background: #2196F33B;
  color: #2196F3;
}

/* line 436, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .status-badge.status-canceled, .billing-table-container .status-badge.status-cancelled {
  width: 91px;
  min-width: 91px;
  background: #FFD9D9;
  color: #FF2626;
}

/* line 444, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .status-badge.status-success, .billing-table-container .status-badge.status-paid {
  width: 91px;
  min-width: 91px;
  background: #E5FFE8;
  color: #11AD24;
}

/* line 452, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .status-badge.status-unknown {
  background: #F5F5F5;
  color: #6c757d;
}

/* line 458, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .invoice-link {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0;
  vertical-align: middle;
  color: #2196F3;
  opacity: 0.89;
  text-decoration: none;
}

/* line 470, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .invoice-link:hover {
  color: #2196F3;
  opacity: 1;
}

/* line 476, app/assets/stylesheets/components/_subscription_page.scss */
.invoice-placeholder {
  color: #718096;
  font-style: italic;
}

/* line 481, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .action-menu {
  position: relative;
  display: inline-block;
}

/* line 485, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .action-menu .action-icon {
  color: #171717;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  font-size: 16px;
}

/* line 492, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .action-menu .action-icon:hover {
  background: #F5F5F5;
}

/* line 497, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .action-menu .action-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  width: 116px;
  min-height: 97px;
  padding: 20px;
  box-sizing: border-box;
  background: white;
  border: 1px solid #ECEBF1;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 10;
  display: none;
  opacity: 1;
  flex-direction: column;
  gap: 17px;
}

/* line 515, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .action-menu .action-dropdown .action-item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 76px;
  height: 19px;
  padding: 0;
  color: #263238;
  text-decoration: none;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  opacity: 1;
  transition: background-color 0.2s;
}

/* line 533, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .action-menu .action-dropdown .action-item span {
  color: #263238;
}

/* line 537, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .action-menu .action-dropdown .action-item:hover {
  background: transparent;
  color: #263238;
  opacity: 0.85;
}

/* line 541, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .action-menu .action-dropdown .action-item:hover span {
  color: #263238;
}

/* line 547, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .action-menu .action-dropdown .action-item .action-item-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  object-fit: contain;
}

/* line 556, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .action-menu:hover .action-dropdown {
  display: flex;
}

/* line 561, app/assets/stylesheets/components/_subscription_page.scss */
.subscription-settings-content {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  border-radius: 0;
  transform: none;
  opacity: 1;
  max-width: 100%;
  margin: 1.25rem auto 0;
  padding: 0;
  padding-bottom: 4rem;
  box-sizing: border-box;
}

/* line 577, app/assets/stylesheets/components/_subscription_page.scss */
.subscription-page-block.payment-methods-block {
  margin-top: 0;
  width: 100%;
  max-width: 975px;
  min-height: 363px;
  border-radius: 8px;
  opacity: 1;
  background: #FFFFFF;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  box-sizing: border-box;
}

/* line 591, app/assets/stylesheets/components/_subscription_page.scss */
.payment-methods-block-inner {
  padding: 1rem;
  box-sizing: border-box;
}

/* line 595, app/assets/stylesheets/components/_subscription_page.scss */
.payment-methods-block-inner .section-header {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 35px;
  margin-bottom: 1rem;
}

/* line 602, app/assets/stylesheets/components/_subscription_page.scss */
.payment-methods-block-inner .section-title {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  color: #171717;
  opacity: 1;
  margin: 0 0 0.25rem 0;
  height: 21px;
  display: block;
}

/* line 616, app/assets/stylesheets/components/_subscription_page.scss */
.payment-methods-block-inner .section-subtitle {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0;
  vertical-align: middle;
  color: #4C4C4C;
  opacity: 1;
  margin: 0;
  min-height: 20px;
}

/* line 631, app/assets/stylesheets/components/_subscription_page.scss */
.payment-method-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

/* line 638, app/assets/stylesheets/components/_subscription_page.scss */
.payment-method-card {
  width: 463px;
  height: 116px;
  border-radius: 8px;
  opacity: 1;
  padding: 1rem 1rem 1rem 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #e2e8f0;
  transition: box-shadow 0.2s;
  box-sizing: border-box;
}

/* line 651, app/assets/stylesheets/components/_subscription_page.scss */
.payment-method-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* line 655, app/assets/stylesheets/components/_subscription_page.scss */
.payment-method-card.payment-method-card-visa {
  background: #EEEEEE;
}

/* line 659, app/assets/stylesheets/components/_subscription_page.scss */
.payment-method-card.payment-method-card-mastercard {
  background: #E3FAFF;
}

/* line 663, app/assets/stylesheets/components/_subscription_page.scss */
.payment-method-card:not(.payment-method-card-visa):not(.payment-method-card-mastercard) {
  background: #f1f5f9;
}

/* line 668, app/assets/stylesheets/components/_subscription_page.scss */
.payment-method-card-header {
  margin-bottom: 0.75rem;
}

/* line 673, app/assets/stylesheets/components/_subscription_page.scss */
.payment-method-brand.payment-method-brand-visa, .payment-method-brand.payment-method-brand-mastercard {
  display: block;
  width: 44.586px;
  height: 27px;
  opacity: 1;
  object-fit: contain;
}

/* line 682, app/assets/stylesheets/components/_subscription_page.scss */
.payment-method-brand.payment-method-brand-generic {
  color: #64748b;
  font-size: 1.25rem;
}

/* line 689, app/assets/stylesheets/components/_subscription_page.scss */
.payment-method-card-body .payment-method-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 0.5rem;
}

/* line 696, app/assets/stylesheets/components/_subscription_page.scss */
.payment-method-card-body .payment-method-number-expiry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

/* line 703, app/assets/stylesheets/components/_subscription_page.scss */
.payment-method-card-body .payment-method-number {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0;
  vertical-align: middle;
  color: #A8A3B9;
  opacity: 1;
}

/* line 715, app/assets/stylesheets/components/_subscription_page.scss */
.payment-method-card-body .payment-method-expiry {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0;
  vertical-align: middle;
  color: #A8A3B9;
  opacity: 1;
  flex-shrink: 0;
}

/* line 729, app/assets/stylesheets/components/_subscription_page.scss */
.payment-methods-actions {
  margin-top: 0.5rem;
}

/* line 733, app/assets/stylesheets/components/_subscription_page.scss */
.btn-add-card {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 152.53125px;
  height: 48.390625px;
  padding: 15px 20.53px 16.39px 21px;
  border-radius: 8px;
  opacity: 1;
  border: 1px solid #2196F3;
  background: #2196F3 !important;
  color: white !important;
  font-weight: 600;
  font-size: 0.9375rem;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
  box-sizing: border-box;
}

/* line 753, app/assets/stylesheets/components/_subscription_page.scss */
.btn-add-card:hover {
  background: #1976D2 !important;
  border-color: #1976D2;
  color: white !important;
  text-decoration: none;
}

/* line 760, app/assets/stylesheets/components/_subscription_page.scss */
.btn-add-card i {
  font-size: 0.875rem;
}

@media (max-width: 768px) {
  /* line 767, app/assets/stylesheets/components/_subscription_page.scss */
  .subscription-page,
.billing-page {
    padding: 1rem;
  }
  /* line 772, app/assets/stylesheets/components/_subscription_page.scss */
  .billing-title {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
  }
  /* line 778, app/assets/stylesheets/components/_subscription_page.scss */
  .billing-table-container {
    margin-top: 1rem;
    margin-left: 0;
    width: 100%;
    height: auto;
    min-height: 300px;
  }
  /* line 786, app/assets/stylesheets/components/_subscription_page.scss */
  .section-header {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 791, app/assets/stylesheets/components/_subscription_page.scss */
  .plan-cards {
    grid-template-columns: 1fr;
  }
  /* line 795, app/assets/stylesheets/components/_subscription_page.scss */
  .subscription-page-block.payment-methods-block {
    margin-left: 0;
    width: 100%;
    min-height: auto;
  }
  /* line 801, app/assets/stylesheets/components/_subscription_page.scss */
  .payment-method-cards {
    grid-template-columns: 1fr;
  }
  /* line 805, app/assets/stylesheets/components/_subscription_page.scss */
  .payment-methods-block-inner {
    padding: 1.25rem;
  }
  /* line 809, app/assets/stylesheets/components/_subscription_page.scss */
  .billing-table {
    font-size: 0.75rem;
  }
  /* line 812, app/assets/stylesheets/components/_subscription_page.scss */
  .billing-table th, .billing-table td {
    padding: 0.5rem;
  }
  /* line 817, app/assets/stylesheets/components/_subscription_page.scss */
  .search-input {
    width: 100% !important;
  }
}

/* line 823, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page {
  max-width: 800px;
  margin: 0;
  padding: 2rem;
}

/* line 828, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-header {
  margin-bottom: 2rem;
}

/* line 831, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-header .plan-details-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}

/* line 839, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  max-width: none;
  margin: 0;
  border: none;
}

/* line 848, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-details-header-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  gap: 2rem;
}

/* line 855, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-details-header-section .plan-name-section {
  flex: 1;
  text-align: left;
}

/* line 859, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-details-header-section .plan-name-section .plan-name-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

/* line 865, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-details-header-section .plan-name-section .plan-name-row .plan-name {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}

/* line 872, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-details-header-section .plan-name-section .plan-name-row .plan-status-badge {
  padding: 0.25rem 0.75rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 878, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-details-header-section .plan-name-section .plan-name-row .plan-status-badge.active {
  background-color: #2196F338;
  color: #2196F3;
}

/* line 883, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-details-header-section .plan-name-section .plan-name-row .plan-status-badge.inactive {
  background-color: #6b7280;
  color: white;
}

/* line 890, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-details-header-section .plan-name-section .plan-description {
  color: #6b7280;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  text-align: left;
}

/* line 899, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-details-header-section .plan-pricing-section {
  text-align: right;
  flex-shrink: 0;
}

/* line 903, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-details-header-section .plan-pricing-section .plan-price {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0.25rem;
}

/* line 910, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-details-header-section .plan-pricing-section .plan-price .currency {
  font-size: 1.25rem;
  font-weight: 600;
  color: #3b82f6;
}

/* line 916, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-details-header-section .plan-pricing-section .plan-price .amount {
  font-size: 2rem;
  font-weight: 700;
  color: #3b82f6;
}

/* line 922, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-details-header-section .plan-pricing-section .plan-price .plan-billing-cycle {
  font-size: 1rem;
  color: #64748B;
  font-weight: 500;
}

/* line 931, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-features-section {
  margin-bottom: 2rem;
}

/* line 934, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-features-section .features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

/* line 939, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-features-section .features-grid .feature-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
}

/* line 945, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-features-section .features-grid .feature-item .feature-icon {
  color: #10b981;
  font-size: 1rem;
  flex-shrink: 0;
}

/* line 951, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-features-section .features-grid .feature-item .feature-text {
  color: #374151;
  font-size: 0.875rem;
  font-weight: 500;
}

/* line 960, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-actions {
  text-align: left;
}

/* line 963, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-actions .btn {
  padding: 0.75rem 2rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 972, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-actions .btn.btn-cancel-plan {
  background-color: white;
  color: #ef4444;
  border: 2px solid #ef4444;
  padding: 0.5rem 1.5rem;
  font-size: 0.875rem;
  width: auto;
  min-width: 120px;
}

/* line 981, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-actions .btn.btn-cancel-plan:hover {
  background-color: #ef4444;
  color: white;
}

/* line 987, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-actions .btn.btn-upgrade-plan {
  background-color: #2196F3;
  color: white;
}

/* line 991, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-actions .btn.btn-upgrade-plan:hover {
  background-color: #1976D2;
}

/* line 996, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-actions .btn.btn-downgrade-plan {
  background-color: #6b7280;
  color: white;
}

/* line 1000, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-actions .btn.btn-downgrade-plan:hover {
  background-color: #4b5563;
}

/* line 1005, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-actions .btn.btn-select-plan {
  background-color: #2196F3;
  color: white;
  width: auto;
  min-width: 120px;
}

/* line 1011, app/assets/stylesheets/components/_subscription_page.scss */
.plan-details-page .plan-details-card .plan-actions .btn.btn-select-plan:hover {
  background-color: #1976D2;
}

/* line 1021, app/assets/stylesheets/components/_subscription_page.scss */
.billing-table-container .no-billing-history {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 320px;
  padding: 2rem 16px;
}

/* line 1029, app/assets/stylesheets/components/_subscription_page.scss */
.no-billing-history {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding: 2rem;
}

/* line 1037, app/assets/stylesheets/components/_subscription_page.scss */
.no-billing-content {
  text-align: center;
  max-width: 400px;
}

/* line 1041, app/assets/stylesheets/components/_subscription_page.scss */
.no-billing-content i {
  font-size: 3rem;
  color: #cbd5e0;
  margin-bottom: 1rem;
}

/* line 1047, app/assets/stylesheets/components/_subscription_page.scss */
.no-billing-content h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #2d3748;
  margin-bottom: 0.5rem;
}

/* line 1054, app/assets/stylesheets/components/_subscription_page.scss */
.no-billing-content p {
  color: #718096;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

/* line 1060, app/assets/stylesheets/components/_subscription_page.scss */
.no-billing-content .btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: #3b82f6;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  transition: background 0.2s;
}

/* line 1070, app/assets/stylesheets/components/_subscription_page.scss */
.no-billing-content .btn:hover {
  background: #2563eb;
}

/* line 1077, app/assets/stylesheets/components/_subscription_page.scss */
.billing-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 1083, app/assets/stylesheets/components/_subscription_page.scss */
.btn-refresh {
  background: #3b82f6;
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}

/* line 1094, app/assets/stylesheets/components/_subscription_page.scss */
.btn-refresh:hover {
  background: #2563eb;
}

/* line 1098, app/assets/stylesheets/components/_subscription_page.scss */
.btn-refresh:disabled {
  background: #9ca3af;
  cursor: not-allowed;
}

/* line 1106, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-dialog {
  max-width: 900px;
  width: 95%;
}

/* line 1111, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-content {
  border: none;
  border-radius: 16px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* line 1117, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-header {
  border-bottom: 1px solid #e5e7eb;
  padding: 1.5rem 1.5rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 1124, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-header .modal-header-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 1129, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-header .modal-header-left .btn-back {
  background: none;
  border: none;
  color: #6b7280;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 6px;
}

/* line 1137, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-header .modal-header-left .btn-back:hover {
  background: #f3f4f6;
  color: #374151;
}

/* line 1143, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-header .modal-header-left .modal-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}

/* line 1151, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-header .modal-header-right {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 1156, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-header .modal-header-right .btn-maybe-later {
  background: none;
  border: none;
  color: #6b7280;
  cursor: pointer;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.875rem;
}

/* line 1165, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-header .modal-header-right .btn-maybe-later:hover {
  background: #f3f4f6;
  color: #374151;
}

/* line 1171, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-header .modal-header-right .btn-close {
  background: none;
  border: none;
  color: #6b7280;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 6px;
}

/* line 1179, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-header .modal-header-right .btn-close:hover {
  background: #f3f4f6;
  color: #374151;
}

/* line 1187, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-body {
  padding: 0;
}

/* line 1191, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .modal-content-wrapper {
  display: flex;
  min-height: 600px;
}

/* line 1196, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section {
  flex: 1;
  padding: 2rem;
  border-right: 1px solid #e5e7eb;
}

/* line 1202, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .plan-summary .plan-summary-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

/* line 1213, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .plan-summary .plan-summary-card .plan-info h4 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 0.5rem 0;
}

/* line 1220, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .plan-summary .plan-summary-card .plan-info .plan-description {
  color: #6b7280;
  margin: 0;
  font-size: 0.875rem;
}

/* line 1227, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .plan-summary .plan-summary-card .plan-price {
  text-align: right;
}

/* line 1230, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .plan-summary .plan-summary-card .plan-price .price-amount {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1f2937;
}

/* line 1236, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .plan-summary .plan-summary-card .plan-price .price-period {
  color: #6b7280;
  font-size: 0.875rem;
}

/* line 1244, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .form-label {
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
}

/* line 1250, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .form-control {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 0.75rem;
  font-size: 0.875rem;
}

/* line 1256, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .form-control:focus {
  border-color: #2196F3;
  box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);
}

/* line 1261, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .form-control[readonly] {
  background-color: #f9fafb;
  color: #6b7280;
}

/* line 1268, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section h5 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 1rem;
}

/* line 1276, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .payment-method-option .payment-method-radio {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: white;
}

/* line 1285, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .payment-method-option .payment-method-radio input[type="radio"] {
  margin: 0;
}

/* line 1289, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .payment-method-option .payment-method-radio label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  cursor: pointer;
  font-weight: 500;
}

/* line 1297, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .payment-method-option .payment-method-radio label i {
  color: #6b7280;
}

/* line 1305, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .card-details-section .form-group {
  margin-bottom: 1rem;
}

/* line 1308, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .card-details-section .form-group .form-label {
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}

/* line 1316, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .card-details-section .form-group .input-group .input-group-text {
  background: #f9fafb;
  border: 1px solid #d1d5db;
  border-right: none;
  color: #6b7280;
}

/* line 1322, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .card-details-section .form-group .input-group .input-group-text i {
  font-size: 0.875rem;
}

/* line 1327, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .card-details-section .form-group .input-group .form-control {
  border: 1px solid #d1d5db;
  border-left: none;
  padding: 0.75rem;
  font-size: 0.875rem;
}

/* line 1333, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .card-details-section .form-group .input-group .form-control:focus {
  border-color: #2196F3;
  box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);
  z-index: 1;
}

/* line 1339, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .card-details-section .form-group .input-group .form-control::placeholder {
  color: #9ca3af;
}

/* line 1344, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .card-details-section .form-group .input-group .cb-field {
  min-height: 48px;
  border: 1px solid #d1d5db;
  padding: 0.75rem;
  background: white;
  border-radius: 8px;
}

/* line 1351, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .card-details-section .form-group .input-group .cb-field:focus-within {
  border-color: #2196F3;
  box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);
  z-index: 1;
}

/* line 1361, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .pricing-summary {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 1.5rem;
}

/* line 1368, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .pricing-summary .pricing-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

/* line 1374, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .pricing-summary .pricing-item:last-child {
  margin-bottom: 0;
  padding-top: 0.5rem;
  border-top: 1px solid #e2e8f0;
  font-weight: 600;
}

/* line 1381, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .payment-method-section .pricing-summary .pricing-item span {
  color: #374151;
  font-size: 0.875rem;
}

/* line 1390, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .checkout-actions .btn-primary {
  background: #2196F3;
  border: none;
  border-radius: 8px;
  padding: 1rem;
  font-weight: 600;
  font-size: 1rem;
  transition: background 0.2s;
}

/* line 1399, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .checkout-actions .btn-primary:hover {
  background: #1976D2;
}

/* line 1403, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .checkout-actions .btn-primary:disabled {
  background: #9ca3af;
  cursor: not-allowed;
}

/* line 1409, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .checkout-actions .security-notice {
  text-align: center;
}

/* line 1412, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .checkout-actions .security-notice small {
  color: #6b7280;
}

/* line 1415, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .payment-section .checkout-actions .security-notice small i {
  margin-right: 0.25rem;
}

/* line 1423, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section {
  flex: 1;
  padding: 2rem;
  background: #f8fafc;
}

/* line 1428, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .features-header {
  margin-bottom: 2rem;
}

/* line 1431, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .features-header h5 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}

/* line 1439, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .features-list {
  margin-bottom: 2rem;
}

/* line 1442, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .features-list .feature-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

/* line 1448, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .features-list .feature-item .feature-icon {
  color: #10b981;
  margin-top: 0.125rem;
  flex-shrink: 0;
}

/* line 1454, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .features-list .feature-item .feature-text {
  color: #374151;
  font-size: 0.875rem;
  line-height: 1.5;
}

/* line 1463, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .subscription-timeline .timeline-item {
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
}

/* line 1468, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .subscription-timeline .timeline-item:last-child {
  margin-bottom: 0;
}

/* line 1472, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .subscription-timeline .timeline-item .timeline-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #dcfce7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 1482, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .subscription-timeline .timeline-item .timeline-icon i {
  color: #16a34a;
  font-size: 1rem;
}

/* line 1488, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .subscription-timeline .timeline-item .timeline-content {
  flex: 1;
}

/* line 1491, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .subscription-timeline .timeline-item .timeline-content .timeline-date {
  font-weight: 700;
  color: #1f2937;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

/* line 1498, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .subscription-timeline .timeline-item .timeline-content .timeline-title {
  font-weight: 600;
  color: #374151;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

/* line 1505, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .plan-features-section .subscription-timeline .timeline-item .timeline-content .timeline-description {
  color: #6b7280;
  font-size: 0.875rem;
  line-height: 1.5;
}

/* line 1517, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .plan-summary .plan-summary-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

/* line 1528, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .plan-summary .plan-summary-card .plan-info h4 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 0.5rem 0;
}

/* line 1535, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .plan-summary .plan-summary-card .plan-info .plan-description {
  color: #6b7280;
  margin: 0;
  font-size: 0.875rem;
}

/* line 1542, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .plan-summary .plan-summary-card .plan-price {
  text-align: right;
}

/* line 1545, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .plan-summary .plan-summary-card .plan-price .price-amount {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1f2937;
}

/* line 1551, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .plan-summary .plan-summary-card .plan-price .price-period {
  color: #6b7280;
  font-size: 0.875rem;
}

/* line 1559, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .form-label {
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
}

/* line 1565, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .form-control {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 0.75rem;
  font-size: 0.875rem;
}

/* line 1571, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .form-control:focus {
  border-color: #2196F3;
  box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);
}

/* line 1576, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .form-control[readonly] {
  background-color: #f9fafb;
  color: #6b7280;
}

/* line 1583, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .payment-section h5 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 1rem;
}

/* line 1591, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .payment-section .cb-form .cb-field {
  min-height: 48px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 0.75rem;
  background: white;
}

/* line 1598, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .payment-section .cb-form .cb-field:focus-within {
  border-color: #2196F3;
  box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);
}

/* line 1607, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .checkout-actions .btn-primary {
  background: #2196F3;
  border: none;
  border-radius: 8px;
  padding: 1rem;
  font-weight: 600;
  font-size: 1rem;
  transition: background 0.2s;
}

/* line 1616, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .checkout-actions .btn-primary:hover {
  background: #1976D2;
}

/* line 1620, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .checkout-actions .btn-primary:disabled {
  background: #9ca3af;
  cursor: not-allowed;
}

/* line 1626, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .checkout-actions .security-notice {
  text-align: center;
}

/* line 1629, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .checkout-actions .security-notice small {
  color: #6b7280;
}

/* line 1632, app/assets/stylesheets/components/_subscription_page.scss */
#subscriptionModal .checkout-page .checkout-actions .security-notice small i {
  margin-right: 0.25rem;
}

@media (max-width: 768px) {
  /* line 1644, app/assets/stylesheets/components/_subscription_page.scss */
  #subscriptionModal .modal-dialog {
    margin: 1rem;
    max-width: calc(100% - 2rem);
  }
  /* line 1649, app/assets/stylesheets/components/_subscription_page.scss */
  #subscriptionModal .modal-content-wrapper {
    flex-direction: column;
  }
  /* line 1653, app/assets/stylesheets/components/_subscription_page.scss */
  #subscriptionModal .payment-section {
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
    padding: 1.5rem;
  }
  /* line 1659, app/assets/stylesheets/components/_subscription_page.scss */
  #subscriptionModal .plan-features-section {
    padding: 1.5rem;
  }
  /* line 1663, app/assets/stylesheets/components/_subscription_page.scss */
  #subscriptionModal .modal-header {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
  /* line 1668, app/assets/stylesheets/components/_subscription_page.scss */
  #subscriptionModal .modal-header .modal-header-right {
    align-self: flex-end;
  }
}

/* line 1678, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .input-group .form-control {
  border-left: none;
  border-right: none;
}

/* line 1682, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .input-group .form-control:focus {
  border-color: #2196F3;
  box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);
}

/* line 1687, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .input-group .form-control.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}

/* line 1693, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .input-group .input-group-text {
  background-color: #f8f9fa;
  border-color: #d1d5db;
  color: #6b7280;
}

/* line 1698, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .input-group .input-group-text:first-child {
  border-right: none;
}

/* line 1702, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .input-group .input-group-text:last-child {
  border-left: none;
}

/* line 1708, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .card-type-icon {
  background-color: #fff !important;
  border-color: #d1d5db !important;
}

/* line 1712, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .card-type-icon i {
  font-size: 1.2rem;
  color: #6b7280;
}

/* line 1716, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .card-type-icon i.fa-cc-visa {
  color: #1a1f71;
}

/* line 1720, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .card-type-icon i.fa-cc-mastercard {
  color: #eb001b;
}

/* line 1724, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .card-type-icon i.fa-cc-amex {
  color: #006fcf;
}

/* line 1728, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .card-type-icon i.fa-cc-discover {
  color: #ff6000;
}

/* line 1732, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .card-type-icon i.fa-cc-jcb {
  color: #0b4ea2;
}

/* line 1736, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .card-type-icon i.fa-cc-diners-club {
  color: #0079be;
}

/* line 1742, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .invalid-feedback {
  display: none;
  font-size: 0.875rem;
  color: #dc3545;
  margin-top: 0.25rem;
}

/* line 1749, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .form-control.is-invalid {
  border-color: #dc3545;
}

/* line 1752, app/assets/stylesheets/components/_subscription_page.scss */
.card-details-section .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}

/* line 2, app/assets/stylesheets/components/_checkout.scss */
.checkout-page {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 8rem;
}

/* line 8, app/assets/stylesheets/components/_checkout.scss */
.checkout-header {
  text-align: center;
}

/* line 12, app/assets/stylesheets/components/_checkout.scss */
.checkout-title {
  font-size: 1.875rem;
  font-weight: 700;
  color: #1a202c;
  margin-bottom: 0.5rem;
}

/* line 19, app/assets/stylesheets/components/_checkout.scss */
.checkout-subtitle {
  color: #718096;
  font-size: 1rem;
  margin: 0;
}

/* line 25, app/assets/stylesheets/components/_checkout.scss */
.plan-summary-card {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 35, app/assets/stylesheets/components/_checkout.scss */
.plan-info h4 {
  margin: 0 0 0.5rem 0;
  font-weight: 600;
  color: #1a202c;
}

/* line 41, app/assets/stylesheets/components/_checkout.scss */
.plan-description {
  margin: 0;
  color: #718096;
  font-size: 0.875rem;
}

/* line 47, app/assets/stylesheets/components/_checkout.scss */
.plan-price {
  text-align: right;
}

/* line 51, app/assets/stylesheets/components/_checkout.scss */
.price-amount {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1a202c;
}

/* line 57, app/assets/stylesheets/components/_checkout.scss */
.price-period {
  color: #718096;
  font-size: 0.875rem;
}

/* line 62, app/assets/stylesheets/components/_checkout.scss */
.payment-section h5 {
  color: #1a202c;
  font-weight: 600;
}

/* line 67, app/assets/stylesheets/components/_checkout.scss */
.cb-form .cb-field {
  height: auto;
  padding: .75rem 1rem;
  display: flex;
  align-items: center;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* line 77, app/assets/stylesheets/components/_checkout.scss */
.cb-form .cb-field:focus-within {
  box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
  border-color: #3b82f6;
}

/* line 82, app/assets/stylesheets/components/_checkout.scss */
.checkout-actions .btn {
  border-radius: 0.75rem;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
}

/* line 88, app/assets/stylesheets/components/_checkout.scss */
.security-notice {
  text-align: center;
}

/* line 92, app/assets/stylesheets/components/_checkout.scss */
.security-notice i {
  margin-right: 0.25rem;
}

/* line 97, app/assets/stylesheets/components/_checkout.scss */
.thank-you-page {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 8rem;
}

/* line 103, app/assets/stylesheets/components/_checkout.scss */
.success-icon {
  font-size: 4rem;
  color: #10b981;
}

/* line 108, app/assets/stylesheets/components/_checkout.scss */
.thank-you-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1a202c;
}

/* line 114, app/assets/stylesheets/components/_checkout.scss */
.thank-you-subtitle {
  font-size: 1.125rem;
  color: #718096;
  line-height: 1.6;
}

/* line 120, app/assets/stylesheets/components/_checkout.scss */
.next-steps h5 {
  color: #1a202c;
  font-weight: 600;
}

/* line 125, app/assets/stylesheets/components/_checkout.scss */
.steps-list {
  text-align: left;
}

/* line 129, app/assets/stylesheets/components/_checkout.scss */
.step-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

/* line 139, app/assets/stylesheets/components/_checkout.scss */
.step-icon {
  width: 40px;
  height: 40px;
  background: #3b82f6;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  flex-shrink: 0;
}

/* line 152, app/assets/stylesheets/components/_checkout.scss */
.step-content h6 {
  margin: 0 0 0.25rem 0;
  font-weight: 600;
  color: #1a202c;
}

/* line 158, app/assets/stylesheets/components/_checkout.scss */
.step-content p {
  margin: 0;
  color: #718096;
  font-size: 0.875rem;
}

/* line 164, app/assets/stylesheets/components/_checkout.scss */
.action-buttons {
  margin-top: 2rem;
}

/* line 168, app/assets/stylesheets/components/_checkout.scss */
.action-buttons .btn {
  border-radius: 0.75rem;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
}

/* Materio Sidebar Styling */
/* line 2, app/assets/stylesheets/components/_sidebar.scss */
.layout-menu {
  background: #f8f9fa !important;
  border-right: 1px solid #e9ecef;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
  width: 260px;
  min-height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
}

/* line 14, app/assets/stylesheets/components/_sidebar.scss */
.app-brand {
  padding: 1.5rem 1.5rem 1rem;
  border-bottom: 1px solid #e9ecef;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

/* line 24, app/assets/stylesheets/components/_sidebar.scss */
.app-brand-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #566a7f;
}

/* line 31, app/assets/stylesheets/components/_sidebar.scss */
.app-brand-logo {
  margin-right: 0.75rem;
}

/* line 35, app/assets/stylesheets/components/_sidebar.scss */
.app-brand-text {
  font-size: 1.25rem;
  font-weight: 600;
  color: #566a7f;
}

/* line 41, app/assets/stylesheets/components/_sidebar.scss */
.menu-inner {
  padding: 0.5rem 0;
}

/* line 45, app/assets/stylesheets/components/_sidebar.scss */
.menu-item {
  margin: 0.125rem 1rem;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
  list-style: none;
}

/* line 52, app/assets/stylesheets/components/_sidebar.scss */
.menu-item:hover {
  background: #e9ecef;
}

/* line 56, app/assets/stylesheets/components/_sidebar.scss */
.menu-item.active {
  background: #696cff !important;
  color: #fff;
}

/* line 61, app/assets/stylesheets/components/_sidebar.scss */
.menu-item.active .menu-link {
  color: #fff !important;
}

/* line 65, app/assets/stylesheets/components/_sidebar.scss */
.menu-item.active .menu-icon {
  color: #fff !important;
}

/* line 69, app/assets/stylesheets/components/_sidebar.scss */
.menu-link {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  text-decoration: none;
  color: #566a7f;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
  font-weight: 500;
  width: 100%;
}

/* line 81, app/assets/stylesheets/components/_sidebar.scss */
.menu-link:hover {
  background: #e9ecef;
  color: #566a7f;
  text-decoration: none;
}

/* line 87, app/assets/stylesheets/components/_sidebar.scss */
.menu-icon {
  font-size: 1.25rem;
  margin-right: 0.75rem;
  color: #566a7f;
  width: 1.5rem;
  text-align: center;
  flex-shrink: 0;
}

/* line 96, app/assets/stylesheets/components/_sidebar.scss */
.menu-link div {
  font-weight: 500;
  font-size: 0.875rem;
  color: inherit;
  flex-grow: 1;
}

/* line 103, app/assets/stylesheets/components/_sidebar.scss */
.layout-menu-toggle {
  color: #566a7f;
  text-decoration: none;
  padding: 0.5rem;
  border-radius: 0.375rem;
  transition: all 0.2s ease;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

/* line 118, app/assets/stylesheets/components/_sidebar.scss */
.layout-menu-toggle:hover {
  background: #e9ecef;
  color: #566a7f;
}

/* Active state styling */
/* line 124, app/assets/stylesheets/components/_sidebar.scss */
.menu-item.active .menu-link:hover {
  background: #696cff !important;
  color: #fff !important;
}

/* line 129, app/assets/stylesheets/components/_sidebar.scss */
.menu-item.active .menu-icon {
  color: #fff !important;
}

/* Menu item spacing and typography */
/* line 134, app/assets/stylesheets/components/_sidebar.scss */
.menu-item {
  font-size: 0.875rem;
  line-height: 1.5;
}

/* Hover effects */
/* line 140, app/assets/stylesheets/components/_sidebar.scss */
.menu-item:hover .menu-link {
  background: #e9ecef;
}

/* line 144, app/assets/stylesheets/components/_sidebar.scss */
.menu-item:hover .menu-icon {
  color: #566a7f;
}

/* Menu inner shadow */
/* line 149, app/assets/stylesheets/components/_sidebar.scss */
.menu-inner-shadow {
  height: 1px;
  background: #e9ecef;
  margin: 0 1rem 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  /* line 157, app/assets/stylesheets/components/_sidebar.scss */
  .layout-menu {
    transform: translateX(-100%);
    transition: transform 0.3s ease;
  }
  /* line 162, app/assets/stylesheets/components/_sidebar.scss */
  .layout-menu.show {
    transform: translateX(0);
  }
}

/* line 2, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  backdrop-filter: blur(4px);
  animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 26, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-modal {
  background: white;
  border-radius: 16px;
  padding: 2rem;
  max-width: 520px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  animation: slideInUp 0.3s ease-out;
}

/* line 37, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-modal.onboarding-modal--wide {
  max-width: 600px;
}

/* line 42, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-progress {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 1.5rem;
}

/* line 50, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-progress-step {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: #64748b;
  background: #e2e8f0;
  flex-shrink: 0;
  transition: background 0.2s, color 0.2s;
}

/* line 64, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-progress-step.is-active {
  background: #007bff;
  color: #fff;
}

/* line 69, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-progress-step.is-complete {
  background: #dcfce7;
  color: #16a34a;
}

/* line 75, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-progress-line {
  width: 40px;
  height: 2px;
  background: #e2e8f0;
  flex-shrink: 0;
}

/* line 82, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-actions--split {
  justify-content: space-between;
  flex-wrap: wrap;
}

/* line 87, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-terms-text {
  margin-bottom: 1.25rem;
  max-height: 280px;
  overflow-y: auto;
  padding-right: 0.5rem;
}

/* line 93, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-terms-text h3 {
  margin: 1rem 0 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
}

/* line 99, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-terms-text h3:first-child {
  margin-top: 0;
}

/* line 104, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-terms-text p {
  margin: 0.5rem 0;
  line-height: 1.5;
  color: #555;
  font-size: 0.875rem;
}

/* line 111, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-terms-text ul {
  margin: 0.5rem 0 0.5rem 1.25rem;
  padding: 0;
}

/* line 116, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-terms-text li {
  margin: 0.35rem 0;
  line-height: 1.5;
  color: #555;
  font-size: 0.875rem;
}

/* line 123, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-terms-text a {
  color: #007bff;
  text-decoration: underline;
}

/* line 129, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-terms-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #333;
}

/* line 139, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-terms-checkbox input[type='checkbox'] {
  margin-top: 0.2rem;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  cursor: pointer;
}

/* line 147, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-terms-checkbox a {
  color: #007bff;
  text-decoration: underline;
}

/* line 153, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-step.is-hidden {
  display: none;
}

/* line 157, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-upload-row {
  margin: 1rem 0;
  text-align: center;
}

/* line 162, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-upload-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

/* line 169, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-avatar-file-input {
  display: none;
}

/* line 173, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-avatar-hint {
  text-align: center;
  color: #666;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

/* line 180, app/assets/stylesheets/components/_onboarding.scss */
.btn-secondary {
  background-color: #f1f5f9;
  color: #1e293b;
  border: 1px solid #e2e8f0;
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 191, app/assets/stylesheets/components/_onboarding.scss */
.btn-secondary:hover {
  background-color: #e2e8f0;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 207, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-header {
  text-align: center;
  margin-bottom: 2rem;
}

/* line 211, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-header h2 {
  color: #1a1a1a;
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* line 218, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-header p {
  color: #666;
  font-size: 1rem;
  line-height: 1.5;
}

/* line 225, app/assets/stylesheets/components/_onboarding.scss */
.preference-options {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

/* line 232, app/assets/stylesheets/components/_onboarding.scss */
.preference-option {
  position: relative;
}

/* line 235, app/assets/stylesheets/components/_onboarding.scss */
.preference-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 240, app/assets/stylesheets/components/_onboarding.scss */
.preference-option input[type="radio"]:checked + .preference-label {
  border-color: #007bff;
  background-color: #f8f9ff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
}

/* line 245, app/assets/stylesheets/components/_onboarding.scss */
.preference-option input[type="radio"]:checked + .preference-label .preference-title {
  color: #007bff;
}

/* line 250, app/assets/stylesheets/components/_onboarding.scss */
.preference-option input[type="radio"]:focus + .preference-label {
  outline: 2px solid #007bff;
  outline-offset: 2px;
}

/* line 257, app/assets/stylesheets/components/_onboarding.scss */
.preference-label {
  display: block;
  padding: 1.25rem;
  border: 2px solid #e1e5e9;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: white;
}

/* line 266, app/assets/stylesheets/components/_onboarding.scss */
.preference-label:hover {
  border-color: #007bff;
  background-color: #f8f9ff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* line 274, app/assets/stylesheets/components/_onboarding.scss */
.preference-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 0.25rem;
  transition: color 0.2s ease;
}

/* line 282, app/assets/stylesheets/components/_onboarding.scss */
.preference-description {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.4;
}

/* line 288, app/assets/stylesheets/components/_onboarding.scss */
.onboarding-actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

/* line 294, app/assets/stylesheets/components/_onboarding.scss */
.btn-primary {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 0.75rem 2rem;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 120px;
}

/* line 306, app/assets/stylesheets/components/_onboarding.scss */
.btn-primary:hover {
  background-color: #0056b3;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

/* line 312, app/assets/stylesheets/components/_onboarding.scss */
.btn-primary:active {
  transform: translateY(0);
}

/* line 316, app/assets/stylesheets/components/_onboarding.scss */
.btn-primary:disabled {
  background-color: #6c757d;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

@media (max-width: 768px) {
  /* line 326, app/assets/stylesheets/components/_onboarding.scss */
  .onboarding-modal {
    margin: 1rem;
    padding: 1.5rem;
    width: calc(100% - 2rem);
  }
  /* line 332, app/assets/stylesheets/components/_onboarding.scss */
  .onboarding-header h2 {
    font-size: 1.5rem;
  }
  /* line 336, app/assets/stylesheets/components/_onboarding.scss */
  .preference-label {
    padding: 1rem;
  }
  /* line 340, app/assets/stylesheets/components/_onboarding.scss */
  .preference-title {
    font-size: 1rem;
  }
  /* line 344, app/assets/stylesheets/components/_onboarding.scss */
  .preference-description {
    font-size: 0.85rem;
  }
}

@media (max-width: 480px) {
  /* line 350, app/assets/stylesheets/components/_onboarding.scss */
  .onboarding-modal {
    margin: 0.5rem;
    padding: 1rem;
    width: calc(100% - 1rem);
  }
  /* line 356, app/assets/stylesheets/components/_onboarding.scss */
  .onboarding-header {
    margin-bottom: 1.5rem;
  }
  /* line 359, app/assets/stylesheets/components/_onboarding.scss */
  .onboarding-header h2 {
    font-size: 1.25rem;
  }
  /* line 363, app/assets/stylesheets/components/_onboarding.scss */
  .onboarding-header p {
    font-size: 0.9rem;
  }
  /* line 368, app/assets/stylesheets/components/_onboarding.scss */
  .preference-options {
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }
  /* line 373, app/assets/stylesheets/components/_onboarding.scss */
  .preference-label {
    padding: 0.875rem;
  }
}

/* line 1, app/assets/stylesheets/components/_avatar_picker.scss */
.avatar-picker-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-bottom: 16px;
}

/* line 8, app/assets/stylesheets/components/_avatar_picker.scss */
.avatar-picker-option {
  border: 2px solid #e2e8f0;
  border-radius: 50%;
  padding: 0;
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

/* line 19, app/assets/stylesheets/components/_avatar_picker.scss */
.avatar-picker-option:hover {
  border-color: #2196f3;
  transform: translateY(-1px);
}

/* line 24, app/assets/stylesheets/components/_avatar_picker.scss */
.avatar-picker-option.is-selected {
  border-color: #2196f3;
  box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.25);
}

/* line 30, app/assets/stylesheets/components/_avatar_picker.scss */
.avatar-picker-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 480px) {
  /* line 38, app/assets/stylesheets/components/_avatar_picker.scss */
  .avatar-picker-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
  }
}

/* line 2, app/assets/stylesheets/components/comments.scss */
.feed-card-comments {
  padding: 12px 16px;
  border-top: 1px solid #e4e6eb;
  background-color: #f0f2f5;
}

/* line 8, app/assets/stylesheets/components/comments.scss */
.comments-list-mini,
.comments-list {
  margin-bottom: 12px;
}

/* line 13, app/assets/stylesheets/components/comments.scss */
.comment-item {
  margin-bottom: 12px;
  padding: 0;
}

/* line 17, app/assets/stylesheets/components/comments.scss */
.comment-item:last-child {
  margin-bottom: 0;
}

/* line 22, app/assets/stylesheets/components/comments.scss */
.comment-wrapper {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-bottom: 0;
  line-height: 1.2;
}

/* line 30, app/assets/stylesheets/components/comments.scss */
.comment-avatar-container {
  flex-shrink: 0;
}

/* line 34, app/assets/stylesheets/components/comments.scss */
.comment-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  cursor: pointer;
}

/* line 42, app/assets/stylesheets/components/comments.scss */
.comment-content-wrapper {
  flex: 1;
  min-width: 0;
  line-height: 1.2;
}

/* line 48, app/assets/stylesheets/components/comments.scss */
.comment-bubble {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  position: relative;
  display: block;
  width: 100%;
  word-wrap: break-word;
  box-sizing: border-box;
}

/* line 59, app/assets/stylesheets/components/comments.scss */
.comment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
  line-height: 1.2;
}

/* line 67, app/assets/stylesheets/components/comments.scss */
.comment-author {
  color: #050505;
  font-size: 15px;
  font-weight: 600;
  margin-right: 8px;
  line-height: 1.33;
}

/* line 74, app/assets/stylesheets/components/comments.scss */
.comment-author strong {
  font-weight: 600;
}

/* line 79, app/assets/stylesheets/components/comments.scss */
.comment-actions {
  margin-left: auto;
}

/* line 82, app/assets/stylesheets/components/comments.scss */
.comment-actions .comment-delete {
  color: #65676b;
  font-size: 12px;
  padding: 4px;
  opacity: 0;
  transition: opacity 0.2s;
  text-decoration: none;
}

/* line 90, app/assets/stylesheets/components/comments.scss */
.comment-actions .comment-delete:hover {
  color: #f02849;
}

/* line 96, app/assets/stylesheets/components/comments.scss */
.comment-item:hover .comment-delete {
  opacity: 1;
}

/* line 100, app/assets/stylesheets/components/comments.scss */
.comment-text-wrapper {
  display: block;
  word-wrap: break-word;
  padding: 10px;
}

/* line 106, app/assets/stylesheets/components/comments.scss */
.comment-text {
  color: #050505;
  font-size: 15px;
  line-height: 1.33;
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  display: inline;
}

/* line 115, app/assets/stylesheets/components/comments.scss */
.comment-text p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.33;
  display: inline;
}

/* line 123, app/assets/stylesheets/components/comments.scss */
.comment-likes-count-inline {
  color: #1877f2;
  font-size: 15px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  margin-left: 4px;
  vertical-align: baseline;
}

/* line 133, app/assets/stylesheets/components/comments.scss */
.comment-likes-count-inline i {
  font-size: 14px;
  color: #1877f2;
}

/* line 139, app/assets/stylesheets/components/comments.scss */
.comment-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2px;
  font-size: 12px;
  color: #65676b;
  line-height: 1.2;
  flex-wrap: wrap;
}

/* line 150, app/assets/stylesheets/components/comments.scss */
.comment-meta-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 156, app/assets/stylesheets/components/comments.scss */
.comment-meta-right {
  display: flex;
  align-items: center;
  margin-left: auto;
}

/* line 162, app/assets/stylesheets/components/comments.scss */
.comment-date {
  font-size: 12px;
  color: #65676b;
  text-transform: lowercase;
}

/* line 169, app/assets/stylesheets/components/comments.scss */
.comment-like-link .comment-like {
  color: #65676b;
  text-decoration: none;
  font-weight: 600;
  font-size: 12px;
  padding: 0;
  border-radius: 2px;
  transition: color 0.2s;
  cursor: pointer;
  background: none;
  border: none;
}

/* line 181, app/assets/stylesheets/components/comments.scss */
.comment-like-link .comment-like:hover {
  text-decoration: underline;
  color: #1877f2;
}

/* line 186, app/assets/stylesheets/components/comments.scss */
.comment-like-link .comment-like.liked {
  color: #1877f2;
}

/* line 189, app/assets/stylesheets/components/comments.scss */
.comment-like-link .comment-like.liked:hover {
  color: #166fe5;
}

/* line 196, app/assets/stylesheets/components/comments.scss */
.comment-likes-count {
  color: #1877f2;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
}

/* line 204, app/assets/stylesheets/components/comments.scss */
.comment-likes-count i {
  font-size: 12px;
  color: #1877f2;
}

/* line 211, app/assets/stylesheets/components/comments.scss */
.comment-meta-right {
  display: none;
}

/* line 216, app/assets/stylesheets/components/comments.scss */
.comment-form-container {
  margin-top: 8px;
}

/* line 220, app/assets/stylesheets/components/comments.scss */
.comment-form-wrapper {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

/* line 226, app/assets/stylesheets/components/comments.scss */
.comment-form-avatar-container {
  flex-shrink: 0;
}

/* line 230, app/assets/stylesheets/components/comments.scss */
.comment-form-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

/* line 237, app/assets/stylesheets/components/comments.scss */
.comment-form-input-wrapper {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* line 244, app/assets/stylesheets/components/comments.scss */
.comment-textarea {
  width: 100%;
  min-height: 36px;
  max-height: 200px;
  padding: 8px 12px;
  border: none;
  border-radius: 20px;
  background-color: #f0f2f5;
  font-size: 15px;
  line-height: 1.33;
  resize: none;
  font-family: inherit;
  color: #050505;
  transition: background-color 0.2s;
}

/* line 259, app/assets/stylesheets/components/comments.scss */
.comment-textarea:focus {
  outline: none;
  background-color: #fff;
  box-shadow: 0 0 0 1px #e4e6eb;
}

/* line 265, app/assets/stylesheets/components/comments.scss */
.comment-textarea::placeholder {
  color: #65676b;
}

/* line 270, app/assets/stylesheets/components/comments.scss */
.comment-form-actions {
  display: none;
  margin-top: 8px;
  text-align: right;
  padding-right: 4px;
}

/* line 277, app/assets/stylesheets/components/comments.scss */
.comment-form:focus-within .comment-form-actions {
  display: block;
}

/* line 281, app/assets/stylesheets/components/comments.scss */
.comment-submit-btn {
  background-color: #1877f2;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s;
}

/* line 292, app/assets/stylesheets/components/comments.scss */
.comment-submit-btn:hover {
  background-color: #166fe5;
}

/* line 296, app/assets/stylesheets/components/comments.scss */
.comment-submit-btn:active {
  background-color: #1565c0;
}

/* line 302, app/assets/stylesheets/components/comments.scss */
.comment-item-mini {
  margin-bottom: 8px;
}

/* line 305, app/assets/stylesheets/components/comments.scss */
.comment-item-mini:last-child {
  margin-bottom: 0;
}

/* line 309, app/assets/stylesheets/components/comments.scss */
.comment-item-mini .comment-wrapper {
  gap: 6px;
}

/* line 313, app/assets/stylesheets/components/comments.scss */
.comment-item-mini .comment-bubble {
  background-color: transparent;
  padding: 0;
}

/* line 318, app/assets/stylesheets/components/comments.scss */
.comment-item-mini .comment-author {
  font-size: 13px;
  line-height: 1.2;
}

/* line 323, app/assets/stylesheets/components/comments.scss */
.comment-item-mini .comment-text {
  font-size: 14px;
  line-height: 1.3;
}

/* line 328, app/assets/stylesheets/components/comments.scss */
.comment-item-mini .comment-avatar {
  width: 28px;
  height: 28px;
}

/* line 333, app/assets/stylesheets/components/comments.scss */
.comment-item-mini .comment-meta {
  font-size: 11px;
  margin-top: 2px;
}

/* line 340, app/assets/stylesheets/components/comments.scss */
.feed-comment-count {
  color: #65676b;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  transition: color 0.2s;
}

/* line 349, app/assets/stylesheets/components/comments.scss */
.feed-comment-count:hover {
  color: #1877f2;
}

/* line 353, app/assets/stylesheets/components/comments.scss */
.feed-comment-count i {
  font-size: 14px;
}

/* line 357, app/assets/stylesheets/components/comments.scss */
.feed-comment-count .comment-count {
  font-weight: 500;
}

/* line 2, app/assets/stylesheets/components/shares.scss */
.feed-share-btn,
.comment-share-btn,
.feed-reshare-btn {
  background: none;
  border: none;
  color: #5A5A89;
  cursor: pointer;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color 0.2s;
}

/* line 15, app/assets/stylesheets/components/shares.scss */
.feed-share-btn:hover,
.comment-share-btn:hover,
.feed-reshare-btn:hover {
  color: #346FCF;
}

/* line 19, app/assets/stylesheets/components/shares.scss */
.feed-share-btn i,
.comment-share-btn i,
.feed-reshare-btn i {
  font-size: 14px;
}

/* line 24, app/assets/stylesheets/components/shares.scss */
.feed-reshare-btn {
  color: #346FCF;
}

/* line 27, app/assets/stylesheets/components/shares.scss */
.feed-reshare-btn:hover {
  color: #2859a8;
}

/* line 32, app/assets/stylesheets/components/shares.scss */
.comment-share-link {
  margin-left: 8px;
}

/* line 35, app/assets/stylesheets/components/shares.scss */
.comment-share-link .comment-share-btn {
  color: #5A5A89;
  font-size: 12px;
  padding: 2px 4px;
}

/* line 40, app/assets/stylesheets/components/shares.scss */
.comment-share-link .comment-share-btn:hover {
  color: #346FCF;
}

/* line 47, app/assets/stylesheets/components/shares.scss */
.share-modal-content {
  border-radius: 0.5rem;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
}

/* line 54, app/assets/stylesheets/components/shares.scss */
.share-modal-header {
  border-bottom: 0.0625rem solid #E5E7EB;
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 61, app/assets/stylesheets/components/shares.scss */
.share-modal-header .modal-title {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #171717;
  margin: 0;
}

/* line 69, app/assets/stylesheets/components/shares.scss */
.share-modal-header .share-modal-close {
  border: none;
  background: none;
  font-size: 1.5rem;
  color: #919191;
  opacity: 1;
  cursor: pointer;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* line 84, app/assets/stylesheets/components/shares.scss */
.share-modal-header .share-modal-close:hover {
  color: #171717;
  opacity: 1;
}

/* line 89, app/assets/stylesheets/components/shares.scss */
.share-modal-header .share-modal-close span {
  line-height: 1;
}

/* line 95, app/assets/stylesheets/components/shares.scss */
.share-modal-body {
  padding: 1.5rem;
  background: #FFFFFF;
}

/* line 100, app/assets/stylesheets/components/shares.scss */
.share-message-section {
  margin-bottom: 1.5rem;
}

/* line 103, app/assets/stylesheets/components/shares.scss */
.share-message-section .share-message-label {
  display: block;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #171717;
  margin-bottom: 0.5rem;
}

/* line 112, app/assets/stylesheets/components/shares.scss */
.share-message-section .share-message-textarea {
  width: 100%;
  padding: 0.75rem;
  border: 0.0625rem solid #E5E7EB;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  resize: vertical;
  min-height: 5rem;
  color: #171717;
  background: #FFFFFF;
}

/* line 124, app/assets/stylesheets/components/shares.scss */
.share-message-section .share-message-textarea::placeholder {
  color: #919191;
}

/* line 128, app/assets/stylesheets/components/shares.scss */
.share-message-section .share-message-textarea:focus {
  outline: none;
  border-color: #346FCF;
  box-shadow: 0 0 0 0.1875rem rgba(52, 111, 207, 0.1);
}

/* line 136, app/assets/stylesheets/components/shares.scss */
.share-peers-section {
  margin-bottom: 1.5rem;
}

/* line 139, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-peers-label {
  display: block;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #171717;
  margin-bottom: 0.75rem;
}

/* line 148, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-peers-list {
  max-height: 18.75rem;
  overflow-y: auto;
  border: 0.0625rem solid #E5E7EB;
  border-radius: 0.5rem;
  padding: 0.5rem;
  background: #FFFFFF;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* line 160, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-peers-list::-webkit-scrollbar {
  display: none;
}

/* line 165, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-peer-item {
  padding: 0.5rem;
  border-radius: 0.375rem;
  transition: background-color 0.2s;
}

/* line 170, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-peer-item:hover {
  background-color: #F2F4F7;
}

/* line 175, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-peer-checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0;
}

/* line 182, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-peer-checkbox {
  margin-right: 0.75rem;
  width: 1.125rem;
  height: 1.125rem;
  cursor: pointer;
}

/* line 189, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-peer-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
}

/* line 196, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-peer-avatar {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  object-fit: cover;
}

/* line 203, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-peer-name {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  color: #171717;
  font-weight: 400;
}

/* line 210, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-no-peers {
  padding: 1.5rem;
  text-align: center;
  color: #919191;
}

/* line 215, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-no-peers p {
  margin: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
}

/* line 221, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-no-peers a {
  color: #346FCF;
  text-decoration: none;
}

/* line 225, app/assets/stylesheets/components/shares.scss */
.share-peers-section .share-no-peers a:hover {
  text-decoration: underline;
}

/* line 232, app/assets/stylesheets/components/shares.scss */
.share-modal-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  padding-top: 1rem;
  border-top: 0.0625rem solid #E5E7EB;
}

/* line 240, app/assets/stylesheets/components/shares.scss */
.share-modal-actions .btn {
  padding: 0.625rem 1.25rem;
  border-radius: 0.5rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  min-width: 5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: middle;
}

/* line 258, app/assets/stylesheets/components/shares.scss */
.share-modal-actions .share-cancel-btn {
  background-color: #F2F4F7;
  color: #171717;
}

/* line 262, app/assets/stylesheets/components/shares.scss */
.share-modal-actions .share-cancel-btn:hover {
  background-color: #E5E7EB;
}

/* line 267, app/assets/stylesheets/components/shares.scss */
.share-modal-actions .share-submit-btn {
  background-color: #346FCF;
  color: #FFFFFF;
  margin-top: 0;
}

/* line 272, app/assets/stylesheets/components/shares.scss */
.share-modal-actions .share-submit-btn:hover {
  background-color: #2563C7;
}

/* line 279, app/assets/stylesheets/components/shares.scss */
.shared-feed-container {
  padding: 24px;
  max-width: 800px;
  margin: 0 auto;
}

/* line 285, app/assets/stylesheets/components/shares.scss */
.shared-feed-header {
  margin-bottom: 32px;
}

/* line 288, app/assets/stylesheets/components/shares.scss */
.shared-feed-header h1 {
  font-size: 32px;
  font-weight: 600;
  color: #0B0146;
  margin-bottom: 8px;
}

/* line 295, app/assets/stylesheets/components/shares.scss */
.shared-feed-header .shared-feed-subtitle {
  font-size: 16px;
  color: #5A5A89;
  margin: 0;
}

/* line 302, app/assets/stylesheets/components/shares.scss */
.shared-feed-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 308, app/assets/stylesheets/components/shares.scss */
.shared-feed-card {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* line 316, app/assets/stylesheets/components/shares.scss */
.shared-feed-card-header {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f3f4f6;
}

/* line 322, app/assets/stylesheets/components/shares.scss */
.shared-by-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 328, app/assets/stylesheets/components/shares.scss */
.shared-by-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

/* line 335, app/assets/stylesheets/components/shares.scss */
.shared-by-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 341, app/assets/stylesheets/components/shares.scss */
.shared-by-label {
  font-size: 14px;
  color: #5A5A89;
}

/* line 345, app/assets/stylesheets/components/shares.scss */
.shared-by-label strong {
  color: #0B0146;
  font-weight: 600;
}

/* line 351, app/assets/stylesheets/components/shares.scss */
.shared-date {
  font-size: 12px;
  color: #A0A3BD;
}

/* line 356, app/assets/stylesheets/components/shares.scss */
.shared-feed-card-content {
  margin-bottom: 16px;
}

/* line 360, app/assets/stylesheets/components/shares.scss */
.shared-feed-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 12px;
}

/* line 368, app/assets/stylesheets/components/shares.scss */
.shared-feed-badge.fact {
  background-color: #dbeafe;
  color: #1e40af;
}

/* line 373, app/assets/stylesheets/components/shares.scss */
.shared-feed-badge.theory {
  background-color: #fef3c7;
  color: #92400e;
}

/* line 378, app/assets/stylesheets/components/shares.scss */
.shared-feed-badge.comment {
  background-color: #e0e7ff;
  color: #3730a3;
}

/* line 384, app/assets/stylesheets/components/shares.scss */
.shared-feed-title {
  font-size: 20px;
  font-weight: 600;
  color: #0B0146;
  margin-bottom: 12px;
}

/* line 391, app/assets/stylesheets/components/shares.scss */
.shared-feed-text {
  font-size: 16px;
  color: #5A5A89;
  line-height: 1.6;
  margin-bottom: 12px;
}

/* line 398, app/assets/stylesheets/components/shares.scss */
.shared-message {
  margin-top: 12px;
  padding: 12px;
  background-color: #f9fafb;
  border-left: 3px solid #346FCF;
  border-radius: 6px;
  font-size: 14px;
  color: #5A5A89;
  font-style: italic;
}

/* line 409, app/assets/stylesheets/components/shares.scss */
.shared-feed-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid #f3f4f6;
}

/* line 417, app/assets/stylesheets/components/shares.scss */
.shared-feed-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 423, app/assets/stylesheets/components/shares.scss */
.shared-feed-link {
  color: #346FCF;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}

/* line 429, app/assets/stylesheets/components/shares.scss */
.shared-feed-link:hover {
  text-decoration: underline;
}

/* line 434, app/assets/stylesheets/components/shares.scss */
.shared-feed-loading {
  text-align: center;
  padding: 24px;
  color: #5A5A89;
}

/* line 440, app/assets/stylesheets/components/shares.scss */
.shared-feed-empty {
  text-align: center;
  padding: 48px 24px;
  color: #5A5A89;
}

/* line 445, app/assets/stylesheets/components/shares.scss */
.shared-feed-empty p {
  font-size: 16px;
  margin: 0;
}

/* line 451, app/assets/stylesheets/components/shares.scss */
.shared-reshare-btn {
  background: none;
  border: none;
  color: #346FCF;
  cursor: pointer;
  font-size: 14px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color 0.2s;
  margin-left: 12px;
}

/* line 464, app/assets/stylesheets/components/shares.scss */
.shared-reshare-btn:hover {
  color: #2859a8;
}

/* line 468, app/assets/stylesheets/components/shares.scss */
.shared-reshare-btn i {
  font-size: 14px;
}

/* line 474, app/assets/stylesheets/components/shares.scss */
.feed-card-reshared {
  border-left: 3px solid #346FCF;
}

/* line 478, app/assets/stylesheets/components/shares.scss */
.feed-reshared-header {
  padding: 12px 16px;
  background-color: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 12px;
}

/* line 485, app/assets/stylesheets/components/shares.scss */
.feed-reshared-info {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #5A5A89;
}

/* line 493, app/assets/stylesheets/components/shares.scss */
.feed-reshared-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
}

/* line 501, app/assets/stylesheets/components/shares.scss */
.feed-reshared-label strong {
  color: #0B0146;
  font-weight: 600;
}

/* line 507, app/assets/stylesheets/components/shares.scss */
.feed-reshare-message {
  padding: 12px 16px;
  background-color: #f9fafb;
  border-left: 3px solid #346FCF;
  margin: 12px 0;
  font-size: 14px;
  color: #5A5A89;
  font-style: italic;
}

/* line 3, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-container {
  position: fixed;
  width: 1548px;
  max-width: calc(100vw - 24.375rem - 48px);
  top: 5.9375rem;
  left: 24.375rem;
  bottom: 0;
  border-radius: 8px;
  opacity: 1;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
}

@media (max-width: 48rem) {
  /* line 3, app/assets/stylesheets/components/_veritalk.scss */
  .veritalk-container {
    top: 5rem;
    left: 1rem;
    max-width: calc(100vw - 2rem);
  }
}

/* line 25, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-chat-layout {
  flex: 1;
  display: flex;
  flex-direction: row;
  min-height: 0;
  overflow: hidden;
  position: relative;
}

/* line 34, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-chat-main > .veritalk-forensic-fab {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #c7d2fe;
  background: linear-gradient(145deg, #eef2ff 0%, #e0e7ff 100%);
  color: #3730a3;
  box-shadow: 0 2px 8px rgba(55, 48, 163, 0.15);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* line 56, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-chat-main > .veritalk-forensic-fab:hover {
  transform: translateY(-50%) scale(1.05);
  box-shadow: 0 4px 14px rgba(55, 48, 163, 0.22);
}

/* line 62, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-chat-main {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* line 71, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-rail {
  flex: 0 0 0;
  width: 0;
  opacity: 0;
  visibility: hidden;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #fafafa;
  border-left: 1px solid transparent;
  transition: flex-basis 0.28s ease, width 0.28s ease, opacity 0.2s ease, visibility 0.2s ease;
  overflow: hidden;
}

/* line 84, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-rail.veritalk-forensic-rail--streaming, .veritalk-forensic-rail.veritalk-forensic-rail--peek {
  flex: 0 0 40%;
  width: 40%;
  max-width: 40%;
  min-width: 0;
  opacity: 1;
  visibility: visible;
  min-height: 0;
  border-left-color: #e5e7eb;
}

/* line 97, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-rail-inner {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

/* line 105, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-thinking {
  flex-shrink: 0;
  padding: 12px 16px 10px;
  border-bottom: 1px solid #f3f4f6;
  background: linear-gradient(180deg, #fafbff 0%, #fff 100%);
}

/* line 111, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-thinking[hidden] {
  display: none !important;
}

/* line 116, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-thinking-shimmer {
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #e5e7eb 0%, #a5b4fc 45%, #e5e7eb 90%);
  background-size: 200% 100%;
  animation: veritalkForensicShimmer 1.35s ease-in-out infinite;
  margin-bottom: 12px;
}

/* line 130, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-thinking-title {
  margin: 0 0 4px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #1e1b4b;
  letter-spacing: 0.01em;
}

/* line 139, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-thinking-dots {
  display: inline-flex;
  gap: 2px;
  margin-left: 2px;
  vertical-align: baseline;
}

/* line 145, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-thinking-dots span {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #6366f1;
  animation: veritalkDotPulse 1.1s ease-in-out infinite;
}

/* line 153, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-thinking-dots span:nth-child(2) {
  animation-delay: 0.15s;
}

/* line 157, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-thinking-dots span:nth-child(3) {
  animation-delay: 0.3s;
}

/* line 163, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-thinking-sub {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #6b7280;
}

@keyframes veritalkForensicShimmer {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

@keyframes veritalkDotPulse {
  0%,
100% {
    opacity: 0.25;
    transform: translateY(1px);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 191, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-rail-header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid #ececec;
  background: #fff;
}

/* line 201, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-rail-title {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}

/* line 207, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-rail-close {
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
}

/* line 215, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-rail-close:hover {
  background: #f3f4f6;
  color: #111827;
}

/* line 221, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-live {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 14px 16px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11.5px;
  line-height: 1.55;
  color: #374151;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 233, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-live:empty {
  min-height: 0;
}

/* line 238, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-chip {
  flex-shrink: 0;
  align-self: flex-start;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  color: #374151;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  transition: background 0.15s ease, border-color 0.15s ease;
}

/* line 254, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-chip:hover {
  background: #eef2ff;
  border-color: #c7d2fe;
  color: #1e40af;
}

/* line 262, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-guide,
#veritalk-forensic-guide {
  position: absolute;
  z-index: 10050;
  pointer-events: auto;
  max-width: min(280px, calc(100vw - 32px));
  padding: 14px 16px;
  background: #1e293b;
  color: #f1f5f9;
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.12), 0 20px 40px -10px rgba(15, 23, 42, 0.35);
  font-size: 13px;
  line-height: 1.45;
  box-sizing: border-box;
  overflow: visible;
}

/* line 281, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-guide::before,
#veritalk-forensic-guide::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-right: 9px solid #1e293b;
  border-left: 0;
  left: -9px;
  right: auto;
  filter: drop-shadow(-1px 1px 1px rgba(0, 0, 0, 0.15));
}

/* line 296, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-guide.veritalk-forensic-guide--flip::before,
#veritalk-forensic-guide.veritalk-forensic-guide--flip::before {
  left: auto;
  right: -9px;
  border-right: 0;
  border-left: 9px solid #1e293b;
  border-left-width: 9px;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.15));
}

/* line 306, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-guide__title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 6px;
  color: #fff;
}

/* line 313, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-guide__text {
  margin: 0;
  color: #cbd5e1;
}

/* line 318, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-guide__actions {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}

/* line 324, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-guide__btn {
  appearance: none;
  border: none;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  background: #6366f1;
  color: #fff;
  transition: background 0.15s ease;
}

/* line 336, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-guide__btn:hover {
  background: #4f46e5;
}

/* line 340, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-guide__btn:focus-visible {
  outline: 2px solid #a5b4fc;
  outline-offset: 2px;
}

/* line 346, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-turn-spacer {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  margin-top: 2px;
  pointer-events: none;
}

/* line 354, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.assistant.has-forensic {
  align-items: flex-start;
}

/* line 358, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-turn-slot {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  margin-top: 2px;
  border-radius: 10px;
  border: 1px dashed #e5e7eb;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  font-size: 13px;
  user-select: none;
}

/* line 374, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-forensic-turn-slot--user:hover {
  border-color: #c7d2fe;
  color: #6366f1;
  background: #eef2ff;
}

/* line 380, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-page {
  height: calc(100vh - 80px);
  display: flex;
  flex-direction: column;
}

/* line 386, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-header {
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  padding: 16px 24px;
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 399, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-header-content {
  max-width: 768px;
  margin: 0 auto;
  flex: 1;
  text-align: center;
}

/* line 406, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-chat-main > .veritalk-history-toolbar {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

/* line 417, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-new-chat-toolbar-btn {
  appearance: none;
  border: 1px solid #2196f3;
  background: #ffffff;
  color: #2196f3;
  font-family: Roboto, sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  padding: 7px 12px;
  border-radius: 100px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
}

/* line 432, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-new-chat-toolbar-btn:hover {
  background: rgba(33, 150, 243, 0.08);
}

/* line 436, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-new-chat-toolbar-btn:active {
  transform: scale(0.98);
}

/* line 440, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-new-chat-toolbar-btn:focus-visible {
  outline: 2px solid #90caf9;
  outline-offset: 2px;
}

/* line 446, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-button {
  background: transparent;
  border: none;
  color: #6b7280;
  font-size: 18px;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
}

/* line 461, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-button:hover {
  background: #f3f4f6;
  color: #111827;
}

/* line 466, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-button:active {
  transform: scale(0.95);
}

/* line 471, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-title {
  font-size: 18px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px 0;
}

/* line 478, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-subtitle {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}

/* line 484, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-messages {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 70px 12px 112px 20px;
  background: #ffffff;
  scroll-behavior: smooth;
  box-sizing: border-box;
  scrollbar-gutter: stable;
}

/* line 494, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-messages::-webkit-scrollbar {
  width: 8px;
}

/* line 498, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-messages::-webkit-scrollbar-track {
  background: transparent;
}

/* line 502, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-messages::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}

/* line 506, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-messages::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

/* line 512, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-welcome {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 24px 16px;
  box-sizing: border-box;
}

/* line 521, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-welcome-text {
  position: static;
  opacity: 1;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #939393;
  margin: 0;
  text-align: center;
}

/* line 535, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding: 24px;
  box-sizing: border-box;
  display: flex;
  gap: 16px;
  animation: fadeIn 0.3s ease-in;
}

/* line 545, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.user {
  justify-content: flex-end;
  align-items: flex-start;
}

/* line 549, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.user .veritalk-message-content {
  margin-left: 0;
  background: transparent;
  max-width: 309px;
  flex: 0 1 309px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 0;
  opacity: 1;
  min-height: 0;
}

/* line 561, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.user .veritalk-message-content .veritalk-message-text {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.006em;
  color: #171717;
  margin: 0;
  word-wrap: break-word;
  white-space: pre-wrap;
}

/* line 574, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.user .veritalk-message-content .veritalk-message-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 18px;
  opacity: 1;
  flex-shrink: 0;
}

/* line 582, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.user .veritalk-message-content .veritalk-message-actions button {
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  opacity: 1;
}

/* line 594, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.user .veritalk-message-content .veritalk-message-actions button:hover {
  opacity: 0.8;
}

/* line 598, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.user .veritalk-message-content .veritalk-message-actions button img {
  width: 18px;
  height: 18px;
  display: block;
}

/* line 608, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.assistant {
  background: transparent;
}

/* line 611, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.assistant .veritalk-message-content {
  max-width: 416px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
  opacity: 1;
  min-height: 0;
  background: transparent;
}

/* line 621, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.assistant .veritalk-message-content .veritalk-message-text {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.006em;
  color: #171717;
  margin: 0;
  word-wrap: break-word;
  white-space: pre-wrap;
}

/* line 634, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.assistant .veritalk-message-content .veritalk-message-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 18px;
  opacity: 1;
  flex-shrink: 0;
}

/* line 642, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.assistant .veritalk-message-content .veritalk-message-actions button {
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  opacity: 1;
}

/* line 654, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.assistant .veritalk-message-content .veritalk-message-actions button:hover {
  opacity: 0.8;
}

/* line 658, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.assistant .veritalk-message-content .veritalk-message-actions button img {
  width: 18px;
  height: 18px;
  display: block;
}

/* line 666, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.assistant .veritalk-message-content code {
  background: rgba(0, 0, 0, 0.08);
  padding: 2px 6px;
  border-radius: 4px;
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.9em;
}

/* line 674, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.assistant .veritalk-message-content pre {
  background: rgba(0, 0, 0, 0.05);
  padding: 12px;
  border-radius: 8px;
  overflow-x: auto;
  margin: 8px 0;
}

/* line 681, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.assistant .veritalk-message-content pre code {
  background: none;
  padding: 0;
}

/* line 690, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-message.thinking .veritalk-message-text {
  color: #9ca3af;
  font-style: italic;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 708, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-input-container {
  flex-shrink: 0;
  background: transparent;
  padding: 12px 0;
  z-index: 5;
}

/* line 715, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-chat-main > .veritalk-input-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  display: flex;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: clamp(20px, 5vw, 56px);
  padding-right: clamp(28px, 6vw, 88px);
  box-sizing: border-box;
  pointer-events: none;
  background: transparent;
}

/* line 730, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-chat-main > .veritalk-input-container .veritalk-input-block,
.veritalk-chat-main > .veritalk-input-container .veritalk-form,
.veritalk-chat-main > .veritalk-input-container .veritalk-input-wrapper {
  pointer-events: auto;
}

/* line 737, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-input-block {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  position: relative;
  opacity: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}

/* line 748, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-input-block.veritalk-input-block--has-messages {
  gap: 8px;
}

/* line 753, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-input-heading {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #171717;
  margin: 0;
  min-height: 24px;
}

/* line 768, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-input-block--has-messages .veritalk-input-heading {
  visibility: hidden;
  height: 24px;
  overflow: hidden;
}

/* line 774, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-form {
  margin: 0;
  padding: 0;
}

/* line 779, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-input-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 540px;
  min-height: 48px;
  margin: 0 auto;
  background: #ffffff;
  border: 1px solid #E2E2E2;
  border-radius: 24px;
  padding: 12px 16px;
  box-sizing: border-box;
  opacity: 1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* line 795, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-input-wrapper:focus-within {
  border-color: #346FCF;
  box-shadow: 0 0 0 3px rgba(52, 111, 207, 0.1);
}

/* line 801, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-input {
  flex: 1;
  border: none;
  outline: none;
  resize: none;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #171717;
  background: transparent;
  max-height: 120px;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  min-height: 24px;
  vertical-align: middle;
  box-sizing: border-box;
}

/* line 822, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-input::placeholder {
  color: #939393;
  opacity: 1;
}

/* line 827, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-input::-webkit-scrollbar {
  width: 6px;
}

/* line 831, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-input::-webkit-scrollbar-track {
  background: transparent;
}

/* line 835, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-input::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}

/* line 841, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-input-smile {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  opacity: 1;
}

/* line 848, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-send-button {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: none;
  border-radius: 10px;
  padding: 5px 10px;
  gap: 10px;
  background: #699FFB26;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  box-sizing: content-box;
}

/* line 866, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-send-button .veritalk-send-arrow {
  width: 9px;
  height: 10px;
  object-fit: contain;
}

/* line 872, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-send-button:hover:not(:disabled) {
  background: rgba(105, 159, 251, 0.25);
  transform: scale(1.05);
}

/* line 877, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-send-button:active:not(:disabled) {
  transform: scale(0.95);
}

/* line 881, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-send-button:disabled {
  background: #e5e7eb;
  cursor: not-allowed;
  opacity: 0.7;
}

/* line 888, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-footer {
  max-width: 768px;
  margin: 8px auto 0;
  padding: 0 24px;
  text-align: center;
}

/* line 895, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-disclaimer {
  font-size: 12px;
  color: #9ca3af;
  margin: 0;
}

/* line 902, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar {
  width: 400px;
  height: calc(100vh - 120px);
  position: fixed;
  right: 24px;
  top: 100px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 100;
}

/* line 916, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-container {
  height: 100%;
}

/* line 920, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-header {
  padding: 12px 16px;
}

/* line 924, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-title {
  font-size: 16px;
}

/* line 928, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-subtitle {
  font-size: 12px;
}

/* line 932, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-messages {
  padding: 16px 0;
}

/* line 936, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-message {
  padding: 16px;
}

/* line 939, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-message .veritalk-message-content {
  max-width: 90%;
}

/* line 944, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-welcome {
  padding: 32px 16px;
}

/* line 947, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-welcome .veritalk-welcome-icon {
  width: 48px;
  height: 48px;
  font-size: 20px;
}

/* line 953, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-welcome h3 {
  font-size: 18px;
}

/* line 957, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-welcome p {
  font-size: 13px;
}

/* line 962, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-chat-main > .veritalk-input-container {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  padding: 8px 0;
  pointer-events: auto;
  justify-content: stretch;
}

/* line 972, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-form {
  padding: 0 16px;
}

/* line 976, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-sidebar .veritalk-footer {
  padding: 0 16px;
}

/* line 982, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2004;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 994, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-overlay.active {
  display: block;
  opacity: 1;
}

/* line 1000, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-sidebar {
  position: fixed;
  top: 0;
  right: -312px;
  width: 312px;
  height: 100vh;
  max-height: 100vh;
  background: #ffffff;
  z-index: 2005;
  display: flex;
  flex-direction: column;
  transition: right 0.3s ease;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
}

/* line 1016, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-sidebar.active {
  right: 0;
}

/* line 1021, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  gap: 16px;
  min-width: 0;
  flex-shrink: 0;
}

/* line 1033, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-title {
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #171717;
  margin: 0;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1046, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-close {
  background: transparent;
  border: none;
  color: #6b7280;
  font-size: 20px;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  transition: all 0.2s ease;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 1062, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-close:hover {
  background: #f3f4f6;
  color: #111827;
}

/* line 1068, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-content {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
  padding-top: 0;
  background: #ffffff;
}

/* line 1075, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-content::-webkit-scrollbar {
  width: 8px;
}

/* line 1079, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-content::-webkit-scrollbar-track {
  background: transparent;
}

/* line 1083, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-content::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}

/* line 1087, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-content::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

/* line 1093, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-tab-content {
  display: none;
}

/* line 1096, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-tab-content.active {
  display: block;
}

/* line 1101, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-your-chats-title {
  margin: 24px 0 16px 0;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  color: #171717;
}

/* line 1111, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-search-wrap {
  position: relative;
  width: 264px;
  height: 40px;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  display: flex;
  align-items: center;
  background: #fff;
}

/* line 1123, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-search-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  pointer-events: none;
}

/* line 1134, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-search-input {
  width: 100%;
  height: 100%;
  padding: 0 16px 0 44px;
  border: none;
  border-radius: 100px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
  color: #171717;
  background: transparent;
}

/* line 1148, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-search-input::placeholder {
  color: #939393;
}

/* line 1152, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-search-input:focus {
  outline: none;
}

/* line 1157, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversations-list {
  width: 264px;
  padding: 0;
}

/* line 1162, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-history-loading {
  color: #939393;
  text-align: center;
  padding: 24px 0;
  font-size: 14px;
  font-family: Inter, sans-serif;
}

/* line 1170, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversation-item {
  position: relative;
  width: 100%;
  min-height: 40px;
  padding: 12px 40px 12px 12px;
  margin-bottom: 8px;
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.2s ease;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  z-index: 1;
}

/* line 1185, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversation-item:hover {
  background: rgba(0, 0, 0, 0.04);
}

/* line 1189, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversation-item.active {
  background: #2196F31C;
}

/* line 1193, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversation-item.veritalk-conversation-item--dropdown-open {
  z-index: 200;
}

/* line 1198, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversation-topic {
  flex: 1;
  min-width: 0;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0;
  color: #171717;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1213, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversation-meta {
  display: none;
}

/* line 1217, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversation-actions {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  z-index: 20;
}

/* line 1230, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversation-actions .veritalk-conversation-menu-btn {
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

/* line 1241, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversation-actions .veritalk-conversation-menu-btn:hover {
  opacity: 0.8;
}

/* line 1246, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversation-actions img {
  width: 20px;
  height: 20px;
}

/* line 1252, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversation-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 100;
  min-width: 100px;
}

/* line 1265, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversation-delete {
  display: block;
  width: 100%;
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 14px;
  color: #d32f2f;
  padding: 8px 12px;
  white-space: nowrap;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 8px;
}

/* line 1279, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-conversation-delete:hover {
  background: rgba(211, 47, 47, 0.08);
}

/* line 1284, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-empty-history {
  text-align: center;
  padding: 48px 24px;
  color: #6b7280;
}

/* line 1289, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-empty-history h3 {
  color: #0B0146;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* line 1296, app/assets/stylesheets/components/_veritalk.scss */
.veritalk-empty-history p {
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
  color: #6b7280;
}

@media (max-width: 768px) {
  /* line 1306, app/assets/stylesheets/components/_veritalk.scss */
  .veritalk-message {
    padding: 16px;
  }
  /* line 1309, app/assets/stylesheets/components/_veritalk.scss */
  .veritalk-message .veritalk-message-content {
    max-width: 90%;
  }
  /* line 1314, app/assets/stylesheets/components/_veritalk.scss */
  .veritalk-sidebar {
    width: 100%;
    height: calc(100vh - 80px);
    right: 0;
    top: 80px;
    border-radius: 0;
  }
  /* line 1322, app/assets/stylesheets/components/_veritalk.scss */
  .veritalk-history-sidebar {
    width: 100%;
    max-width: 312px;
    right: -100%;
    border-radius: 0;
  }
}

/* line 2, app/assets/stylesheets/components/_top_navbar.scss */
.top-navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 4rem;
  background: #ffffff;
  opacity: 1;
  z-index: 1001;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.05);
  overflow: visible;
}

/* line 16, app/assets/stylesheets/components/_top_navbar.scss */
.top-navbar-container {
  max-width: 90rem;
  width: 100%;
  height: 4rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 2vw, 2.5rem);
  padding: 0 clamp(1rem, 4vw, 5rem);
  position: relative;
  flex-wrap: nowrap;
  overflow: visible;
}

/* line 31, app/assets/stylesheets/components/_top_navbar.scss */
.top-navbar-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 2.5rem;
  opacity: 1;
}

/* line 38, app/assets/stylesheets/components/_top_navbar.scss */
.top-navbar-logo .logo-img {
  width: clamp(6rem, 8vw, 7.5rem);
  height: clamp(2rem, 3vw, 2.5rem);
  object-fit: contain;
}

/* line 44, app/assets/stylesheets/components/_top_navbar.scss */
.top-navbar-logo a {
  display: block;
  text-decoration: none;
}

/* line 51, app/assets/stylesheets/components/_top_navbar.scss */
.top-navbar-search {
  flex: 0 1 auto;
  min-width: 10rem;
  max-width: 17.5rem;
  width: clamp(10rem, 20vw, 17.5rem);
  height: 2.5rem;
  opacity: 1;
  flex-shrink: 1;
}

/* line 60, app/assets/stylesheets/components/_top_navbar.scss */
.top-navbar-search .search-form {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

/* line 68, app/assets/stylesheets/components/_top_navbar.scss */
.top-navbar-search .search-icon-img {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  z-index: 1;
  pointer-events: none;
}

/* line 79, app/assets/stylesheets/components/_top_navbar.scss */
.top-navbar-search .search-input {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  padding: 0 1rem 0 2.75rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: 0%;
  color: #111827;
  background: #FFFFFF;
  outline: none;
  transition: border-color 0.2s;
}

/* line 96, app/assets/stylesheets/components/_top_navbar.scss */
.top-navbar-search .search-input::placeholder {
  color: #939393;
  opacity: 1;
}

/* line 101, app/assets/stylesheets/components/_top_navbar.scss */
.top-navbar-search .search-input:focus {
  border-color: #2196F3;
}

/* line 108, app/assets/stylesheets/components/_top_navbar.scss */
.feeds-tab-wrapper {
  flex-shrink: 0;
}

/* line 113, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.feeds-tab {
  position: relative;
  width: 2.125rem;
  height: 2.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  text-decoration: none;
  color: #878787;
  cursor: pointer;
  transition: all 0.2s;
  border-radius: 0.5rem;
  opacity: 1;
  padding: 0;
}

/* line 130, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.feeds-tab.active {
  color: #171717;
}

/* line 133, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.feeds-tab.active .nav-tab-icon {
  filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%) !important;
}

/* line 137, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.feeds-tab.active::after {
  content: '';
  position: absolute;
  top: 3.125rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.875rem;
  height: 0;
  border: 0.09375rem solid #171717;
  opacity: 1;
}

/* line 150, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.feeds-tab:not(.active) .nav-tab-icon {
  filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%) !important;
}

/* line 154, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.feeds-tab .nav-tab-icon {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  flex-shrink: 0;
  filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
  transition: filter 0.2s;
  opacity: 1;
}

/* line 164, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.feeds-tab .nav-tab-text {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
  line-height: 1;
  color: inherit;
  transition: color 0.2s;
}

/* line 176, app/assets/stylesheets/components/_top_navbar.scss */
.top-navbar-nav {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2.5vw, 2.5rem);
  height: 2.875rem;
  opacity: 1;
  flex-shrink: 0;
  flex-wrap: nowrap;
  overflow: visible;
}

/* line 188, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.vertical-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 2.875rem;
  padding: 0;
  text-decoration: none;
  color: #878787;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
  border-radius: 0.5rem;
}

/* line 203, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.vertical-tab.active {
  color: #171717;
}

/* line 206, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.vertical-tab.active .nav-tab-icon {
  filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%) !important;
}

/* line 210, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.vertical-tab.active::after {
  content: '';
  position: absolute;
  top: 3.125rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.875rem;
  height: 0;
  border: 0.09375rem solid #171717;
  opacity: 1;
}

/* line 223, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.vertical-tab.upcoming {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 229, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.vertical-tab:not(.active) .nav-tab-icon {
  filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%) !important;
}

/* line 233, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.vertical-tab .nav-tab-icon {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  flex-shrink: 0;
  filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
  transition: filter 0.2s;
}

/* line 242, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.vertical-tab .nav-tab-text {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0%;
  white-space: nowrap;
  opacity: 1;
  height: 1rem;
  text-align: center;
  display: inline-block;
  color: inherit;
  transition: color 0.2s;
}

/* line 259, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: 2.875rem;
  padding: 0 0.5rem;
  text-decoration: none;
  color: #878787;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
  border-radius: 0.5rem;
}

/* line 272, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.active {
  color: #171717;
}

/* line 275, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.active .nav-tab-icon {
  filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}

/* line 280, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.upcoming {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 286, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .nav-tab-icon {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  flex-shrink: 0;
  filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
  transition: filter 0.2s;
}

/* line 295, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .nav-tab-text {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  color: inherit;
}

/* line 303, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-arrow {
  font-size: 0.625rem;
  color: #6b7280;
  margin-left: 0.25rem;
  transition: transform 0.2s;
}

/* line 310, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab.active .dropdown-arrow {
  transform: rotate(180deg);
}

/* line 316, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab {
  position: relative;
  width: auto;
  min-width: 4.5rem;
  user-select: none;
  overflow: visible;
}

/* line 323, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab.active {
  color: #171717;
}

/* line 326, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab.active .nav-tab-icon {
  filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%) !important;
}

/* line 330, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab.active::after {
  content: '';
  position: absolute;
  top: 3.125rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.875rem;
  height: 0;
  border: 0.09375rem solid #171717;
  opacity: 1;
}

/* line 343, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab:not(.active) .nav-tab-icon {
  filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%) !important;
}

/* line 347, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notification-icon-wrapper {
  position: relative;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

/* line 354, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .nav-tab-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
  transition: filter 0.2s;
}

/* line 362, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notification-badge {
  position: absolute;
  top: -0.125rem;
  left: 0.6875rem;
  width: 0.8125rem;
  height: 0.8125rem;
  background: #ef4444;
  color: #FFFFFF;
  font-size: 0.5rem;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  line-height: 1;
  padding: 0;
  z-index: 1;
}

/* line 382, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-menu {
  position: absolute;
  top: calc(100% + 1.5rem);
  left: calc(50% - 17.11111068725586px);
  right: auto;
  width: 401px;
  max-width: calc(100vw - 1.5rem);
  min-height: 435px;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-top: 100px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translate(calc(-6.733%), -6px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  z-index: 10002;
  overflow: visible;
}

/* line 406, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-menu::before {
  content: '';
  position: absolute;
  width: 34.22222137451172px;
  height: 28px;
  top: -20px;
  left: 6.733%;
  background: #ffffff;
  opacity: 1;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  z-index: 1;
}

/* line 420, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab.open .notifications-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(calc(-6.733%), 0);
}

/* line 426, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 58px;
  margin: 0;
  padding: 0;
  border: none;
  pointer-events: none;
}

/* line 438, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-title {
  position: absolute;
  top: 24px;
  left: 24px;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0;
  color: #171717;
  opacity: 1;
  transform: rotate(0deg);
  pointer-events: auto;
}

/* line 456, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-mark-read-form {
  position: absolute;
  top: 25px;
  left: 286px;
  margin: 0;
  padding: 0;
  display: block;
  pointer-events: auto;
}

/* line 466, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-mark-read-btn {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: #2196f3;
  opacity: 1;
  transform: rotate(0deg);
  white-space: nowrap;
}

/* line 486, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-tabs {
  position: absolute;
  top: 58px;
  left: 0;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 0;
  border: none;
}

/* line 498, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-tab.active::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 68px;
  height: 0;
  opacity: 1;
  border: none;
  border-bottom: 2px solid #2196f3;
}

/* line 512, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-tab--all.active:not(:has(.notifications-dropdown-tab-badge))::after {
  display: none;
}

/* line 516, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-tab--all.active:not(:has(.notifications-dropdown-tab-badge)) .notifications-dropdown-tab-label {
  display: inline-block;
  position: relative;
}

/* line 520, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-tab--all.active:not(:has(.notifications-dropdown-tab-badge)) .notifications-dropdown-tab-label::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 0;
  opacity: 1;
  border: none;
  border-bottom: 2px solid #2196f3;
}

/* line 534, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-tab--all {
  position: absolute;
  top: 0;
  left: 33px;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 28px;
  opacity: 1;
  transform: rotate(0deg);
}

/* line 546, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-tab-label {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #171717;
}

/* line 556, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-tab--all.active .notifications-dropdown-tab-label {
  color: #2196f3;
  padding-bottom: 8px;
}

/* line 561, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-tab-badge {
  position: absolute;
  left: 25px;
  top: 0px;
  min-width: 28px;
  height: 20px;
  padding: 4px 8px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 18px;
  background: #e3eefa;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #2196f3;
  opacity: 1;
  transform: rotate(0deg);
}

/* line 584, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-tab--following {
  position: absolute;
  top: 0;
  left: 123px;
  display: inline-flex;
  align-items: center;
  height: 28px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #6b7280;
  opacity: 1;
  transform: rotate(0deg);
  cursor: default;
}

/* line 601, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-tab--following.active {
  color: #2196f3;
}

/* line 606, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-tab--archive {
  position: absolute;
  top: 0;
  left: 216px;
  display: inline-flex;
  align-items: center;
  height: 28px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.005em;
  color: #6b7280;
  opacity: 1;
  transform: rotate(0deg);
  cursor: default;
}

/* line 624, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-tab--archive.active {
  font-weight: 500;
  color: #2196f3;
}

/* line 630, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-list {
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  min-height: 295px;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}

/* line 642, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-item {
  min-height: 72px;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 20px;
  background: #fafcff;
  border-bottom: 1px solid #f0f0f0;
  opacity: 1;
  transform: rotate(0deg);
}

/* line 653, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-item-link {
  text-decoration: none;
  color: inherit;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

/* line 661, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-avatar {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 669, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-content {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

/* line 675, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-message {
  margin: 0;
  font-size: 16px;
  line-height: 1.35;
  color: #919191;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

/* line 685, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-message .notification-profile-name {
  font-weight: 600;
  color: #919191;
}

/* line 690, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-message .notification-content-text {
  font-weight: 400;
  color: #919191;
}

/* line 696, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-time {
  margin-top: 4px;
  display: inline-block;
  font-size: 14px;
  color: #919191;
}

/* line 703, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-peer-actions {
  display: flex;
  gap: 10px;
  margin: 10px 0 0 52px;
}

/* line 709, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-peer-status {
  margin: 10px 0 0 52px;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  color: #2196f3;
}

/* line 718, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-accept-btn,
.notifications-tab .notifications-dropdown-cancel-btn {
  border-radius: 999px;
  height: 30px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  border: 1.5px solid #2196f3;
  cursor: pointer;
  background: #fff;
  color: #2196f3;
}

/* line 731, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-accept-btn {
  background: #2196f3;
  color: #fff;
}

/* line 736, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-footer {
  flex-shrink: 0;
  width: 100%;
  min-height: 36px;
  margin: 0;
  margin-top: 0;
  padding: 0;
  box-sizing: border-box;
  opacity: 1;
  transform: rotate(0deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 751, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-view-all {
  margin: 0;
  padding: 8px 0;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  color: #2196f3;
  text-decoration: none;
  opacity: 1;
  background: transparent;
  box-sizing: border-box;
}

/* line 769, app/assets/stylesheets/components/_top_navbar.scss */
.notifications-tab .notifications-dropdown-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  min-height: 295px;
  width: 100%;
  box-sizing: border-box;
  background: #fafcff;
  color: #919191;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  opacity: 1;
}

@media (max-width: 480px) {
  /* line 787, app/assets/stylesheets/components/_top_navbar.scss */
  .notifications-tab .notifications-mark-read-form {
    left: auto;
    right: 1rem;
  }
}

/* line 793, app/assets/stylesheets/components/_top_navbar.scss */
.me-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: auto;
  min-width: 2.125rem;
  height: 2.875rem;
  position: relative;
  z-index: 10001;
  padding: 0;
  color: #878787;
}

/* line 807, app/assets/stylesheets/components/_top_navbar.scss */
.me-tab.active {
  color: #171717;
}

/* line 811, app/assets/stylesheets/components/_top_navbar.scss */
.me-tab.active::after {
  content: '';
  position: absolute;
  top: 3.125rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.875rem;
  height: 0;
  border: 0.09375rem solid #171717;
  opacity: 1;
}

/* line 823, app/assets/stylesheets/components/_top_navbar.scss */
.me-tab.active .me-text-arrow .me-arrow {
  filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}

/* line 827, app/assets/stylesheets/components/_top_navbar.scss */
.me-tab.active .me-arrow {
  transform: rotate(180deg);
}

/* line 832, app/assets/stylesheets/components/_top_navbar.scss */
.me-tab .me-profile-pic {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100px;
  object-fit: cover;
  opacity: 1;
  flex-shrink: 0;
}

/* line 841, app/assets/stylesheets/components/_top_navbar.scss */
.me-tab .me-text-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: 2.125rem;
  height: 1rem;
  opacity: 1;
}

/* line 850, app/assets/stylesheets/components/_top_navbar.scss */
.me-tab .me-text-arrow .nav-tab-text {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0%;
  white-space: nowrap;
  opacity: 1;
  color: inherit;
  transition: color 0.2s;
}

/* line 863, app/assets/stylesheets/components/_top_navbar.scss */
.me-tab .me-text-arrow .me-arrow {
  width: 0.75rem;
  height: 0.75rem;
  object-fit: contain;
  opacity: 1;
  flex-shrink: 0;
  transition: transform 0.2s, filter 0.2s;
  filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

/* line 875, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 0.5rem;
  background: white;
  border-radius: 0.75rem;
  box-shadow: 0 0.625rem 1.5625rem -0.3125rem rgba(0, 0, 0, 0.1), 0 0.625rem 0.625rem -0.3125rem rgba(0, 0, 0, 0.04);
  min-width: 12.5rem;
  width: 12.5rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.5rem) scale(0.95);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 10000;
  border: 0.0625rem solid #e2e8f0;
  overflow: hidden;
  padding: 0.5rem 0;
}

/* line 894, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

/* line 900, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .dropdown-content {
  padding: 0;
}

/* line 904, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .settings-menu-container {
  padding: 0.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 910, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .settings-menu-container .settings-menu-item {
  margin: 0;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}

/* line 915, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .settings-menu-container .settings-menu-item .settings-menu-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  width: 100%;
  text-decoration: none;
  color: #64748b;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.5rem;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

/* line 929, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .settings-menu-container .settings-menu-item .settings-menu-link .settings-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

/* line 937, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .settings-menu-container .settings-menu-item .settings-menu-link .settings-icon-wrapper .settings-menu-icon {
  width: 1.25rem;
  height: 1.25rem;
  filter: grayscale(1) brightness(0.6);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 945, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .settings-menu-container .settings-menu-item .settings-menu-link .settings-text {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: left;
}

/* line 954, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .settings-menu-container .settings-menu-item:hover:not(.upcoming) .settings-menu-link {
  background-color: #f5faff;
  color: #2196f3;
}

/* line 958, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .settings-menu-container .settings-menu-item:hover:not(.upcoming) .settings-menu-link .settings-menu-icon {
  filter: brightness(0) saturate(100%) invert(41%) sepia(92%) saturate(747%) hue-rotate(181deg) brightness(97%) contrast(101%);
}

/* line 965, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .settings-menu-container .settings-menu-item.active .settings-menu-link {
  background-color: #e3f0ff;
  color: #2196f3;
  font-weight: 600;
}

/* line 970, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .settings-menu-container .settings-menu-item.active .settings-menu-link .settings-menu-icon {
  filter: brightness(0) saturate(100%) invert(41%) sepia(92%) saturate(747%) hue-rotate(181deg) brightness(97%) contrast(101%);
}

/* line 976, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .settings-menu-container .settings-menu-item.upcoming {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 981, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .settings-menu-container .settings-menu-item.upcoming .settings-menu-link {
  color: #a7aabc;
  cursor: not-allowed;
}

/* line 985, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .settings-menu-container .settings-menu-item.upcoming .settings-menu-link .settings-menu-icon {
  filter: grayscale(1) brightness(0.4);
}

/* line 993, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  margin: 0.25rem 0.5rem;
  color: #64748b;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: calc(100% - 1rem);
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
  font-size: 0.875rem;
  border-radius: 0.5rem;
  font-weight: 500;
}

/* line 1011, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .dropdown-item i {
  font-size: 1rem;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 1016, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .dropdown-item span {
  flex: 1;
}

/* line 1020, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .dropdown-item:hover {
  background-color: #f5faff;
  color: #2196f3;
}

/* line 1024, app/assets/stylesheets/components/_top_navbar.scss */
.nav-tab .dropdown-menu .dropdown-item:hover i {
  color: #2196f3;
}

/* line 1032, app/assets/stylesheets/components/_top_navbar.scss */
.new-claim-btn-wrapper {
  flex-shrink: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
}

/* line 1039, app/assets/stylesheets/components/_top_navbar.scss */
.new-claim-btn {
  position: relative;
  width: 9.125rem;
  height: 2.8125rem;
  border-radius: 100px;
  background: #2196F3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.75rem 1.875rem;
  text-decoration: none;
  transition: all 0.2s;
  flex-shrink: 0;
  opacity: 1;
  box-sizing: border-box;
}

/* line 1056, app/assets/stylesheets/components/_top_navbar.scss */
.new-claim-btn:hover {
  background: #1976D2;
  transform: translateY(-0.0625rem);
  box-shadow: 0 0.25rem 0.5rem rgba(33, 150, 243, 0.3);
}

/* line 1062, app/assets/stylesheets/components/_top_navbar.scss */
.new-claim-btn:active {
  transform: translateY(0);
}

/* line 1066, app/assets/stylesheets/components/_top_navbar.scss */
.new-claim-btn .new-claim-icon {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  object-fit: contain;
  flex-shrink: 0;
  opacity: 1;
}

/* line 1075, app/assets/stylesheets/components/_top_navbar.scss */
.new-claim-btn .new-claim-text {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  white-space: nowrap;
  flex-shrink: 0;
  opacity: 1;
  width: 4.875rem;
  height: 1.1875rem;
}

/* line 1090, app/assets/stylesheets/components/_top_navbar.scss */
.new-claim-btn.new-theory-btn {
  width: 10.125rem;
}

/* line 1093, app/assets/stylesheets/components/_top_navbar.scss */
.new-claim-btn.new-theory-btn .new-claim-text {
  width: 5.875rem;
}

/* line 1, app/assets/stylesheets/components/_user_info_block.scss */
.user-info-block {
  position: fixed;
  width: 17.5rem;
  height: 14.9375rem;
  top: 5.9375rem;
  left: 5rem;
  border-radius: 0.5rem;
  background: #FFFFFF;
  opacity: 1;
  z-index: 1001;
  overflow: hidden;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}

/* line 15, app/assets/stylesheets/components/_user_info_block.scss */
.user-info-block .user-info-background {
  position: absolute;
  width: 17.5rem;
  height: 4.625rem;
  top: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
}

/* line 24, app/assets/stylesheets/components/_user_info_block.scss */
.user-info-block .user-info-background .background-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 30, app/assets/stylesheets/components/_user_info_block.scss */
.user-info-block .user-info-background .background-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* line 38, app/assets/stylesheets/components/_user_info_block.scss */
.user-info-block .user-info-profile-pic {
  position: absolute;
  width: 5rem;
  height: 5rem;
  top: 2.375rem;
  left: 1.5rem;
  border-radius: 100px;
  border: 0.1875rem solid #FFFFFF;
  background: #FFFFFF;
  overflow: hidden;
  z-index: 1;
}

/* line 50, app/assets/stylesheets/components/_user_info_block.scss */
.user-info-block .user-info-profile-pic .profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}

/* line 59, app/assets/stylesheets/components/_user_info_block.scss */
.user-info-block .user-info-name {
  position: absolute;
  width: 8.1875rem;
  height: 1.4375rem;
  top: 8.375rem;
  left: 1.5rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 79, app/assets/stylesheets/components/_user_info_block.scss */
.user-info-block .user-info-about {
  position: absolute;
  width: 11.125rem;
  height: 1.25rem;
  top: 10.3125rem;
  left: 1.5rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 99, app/assets/stylesheets/components/_user_info_block.scss */
.user-info-block .user-info-address {
  position: absolute;
  width: 9.4375rem;
  height: 1.25rem;
  top: 12.0625rem;
  left: 1.5rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0%;
  color: #4C4C4C;
  opacity: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1, app/assets/stylesheets/components/_post_composer.scss */
.post-composer-block {
  position: fixed;
  width: 39.25rem;
  height: 4.5rem;
  top: 5.9375rem;
  left: 24.375rem;
  border-radius: 0.5rem;
  background: #FFFFFF;
  opacity: 1;
  z-index: 2;
  overflow: hidden;
}

/* line 14, app/assets/stylesheets/components/_post_composer.scss */
.post-composer-block .post-composer-profile-pic {
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 0.75rem;
  left: 1rem;
  border-radius: 100px;
  overflow: hidden;
  z-index: 1;
}

/* line 24, app/assets/stylesheets/components/_post_composer.scss */
.post-composer-block .post-composer-profile-pic .profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}

/* line 33, app/assets/stylesheets/components/_post_composer.scss */
.post-composer-block .post-composer-field {
  position: absolute;
  width: 33.5rem;
  height: 3rem;
  top: 0.75rem;
  left: 4.75rem;
  border-radius: 100px;
  background: #F2F4F7;
  opacity: 1;
}

/* line 43, app/assets/stylesheets/components/_post_composer.scss */
.post-composer-block .post-composer-field .post-composer-input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: transparent;
  padding: 0 1rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0%;
  color: #111827;
  border-radius: 100px;
}

/* line 59, app/assets/stylesheets/components/_post_composer.scss */
.post-composer-block .post-composer-field .post-composer-input::placeholder {
  color: #939393;
  opacity: 1;
}

/* line 1, app/assets/stylesheets/components/_sort_divider.scss */
.sort-divider-container {
  position: fixed;
  top: 11.1875rem;
  left: 24.375rem;
  width: 100%;
  z-index: 1000;
}

/* line 9, app/assets/stylesheets/components/_sort_divider.scss */
.sort-divider-container .sort-divider-line {
  position: absolute;
  width: 33.125rem;
  height: 0;
  top: 0.5rem;
  left: 0;
  border-top: 0.0625rem solid #D8D8D8;
  opacity: 1;
}

/* line 20, app/assets/stylesheets/components/_sort_divider.scss */
.sort-divider-container .sort-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1rem;
}

/* line 27, app/assets/stylesheets/components/_sort_divider.scss */
.sort-divider-container .sort-controls .sort-by-text {
  position: absolute;
  width: auto;
  min-width: 2.5625rem;
  height: 1rem;
  top: 0;
  left: 33.8125rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.5%;
  text-align: left;
  color: #919191;
  opacity: 1;
  white-space: nowrap;
}

/* line 46, app/assets/stylesheets/components/_sort_divider.scss */
.sort-divider-container .sort-controls .sort-dropdown {
  position: absolute;
  top: 0;
  left: 36.625rem;
  cursor: pointer;
}

/* line 52, app/assets/stylesheets/components/_sort_divider.scss */
.sort-divider-container .sort-controls .sort-dropdown .sort-option {
  position: absolute;
  width: 1.375rem;
  height: 1rem;
  top: 0;
  left: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
}

/* line 68, app/assets/stylesheets/components/_sort_divider.scss */
.sort-divider-container .sort-controls .sort-dropdown .sort-arrow {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  top: 0.125rem;
  left: 1.875rem;
  object-fit: contain;
  opacity: 1;
}

/* line 1, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper {
  position: relative;
  width: 39.25rem;
  border-radius: 0.5rem;
  background: #FFFFFF;
  opacity: 1;
  overflow: visible;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
}

/* line 11, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper.js-card-clickable {
  cursor: pointer;
}

/* line 15, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1rem 0.5rem 1rem;
  overflow: visible;
}

/* line 22, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-header .feed-card-reshare-avatar {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

/* line 29, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-header .feed-card-reshare-avatar .profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}

/* line 38, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-header .feed-card-reshare-details {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* line 46, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-header .feed-card-reshare-details .feed-card-reshare-name {
  font-weight: 500;
  color: #171717;
}

/* line 51, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-header .feed-card-reshare-details .feed-card-reshare-label {
  font-weight: 400;
  color: #919191;
}

/* line 56, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-header .feed-card-reshare-details .feed-card-reshare-time {
  font-weight: 400;
  color: #919191;
  font-size: 0.875rem;
}

/* line 64, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-content {
  padding: 0 0.75rem 0.75rem 0.75rem;
}

/* line 67, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-content .feed-card-block {
  width: 100%;
  margin-bottom: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border: 0.0625rem solid #E5E7EB;
}

/* line 73, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-content .feed-card-block .feed-card-menu {
  left: calc(100% - 1.5rem - 0.75rem);
}

/* line 77, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-content .feed-card-block .feed-card-divider {
  width: calc(100% - 2rem);
  left: 1rem;
}

/* line 82, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-content .feed-card-block .feed-card-actions-wrapper {
  left: 0;
  right: 0;
  width: 100%;
}

/* line 88, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-content .feed-card-block .feed-card-actions {
  margin-left: 1rem;
  margin-right: 12rem;
}

/* line 93, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-content .feed-card-block .feed-card-bottom-bar {
  width: 415px;
}

/* line 97, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-content .feed-card-block .feed-card-comment-form {
  width: 100%;
}

/* line 100, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-reshare-wrapper .feed-card-reshare-content .feed-card-block .feed-card-comment-form .feed-card-comment-field {
  width: calc(100% - 4rem);
  max-width: 34.25rem;
}

/* line 109, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block {
  position: relative;
  width: 39.25rem;
  min-height: 12.125rem;
  border-radius: 0.5rem;
  background: #FFFFFF;
  opacity: 1;
  overflow: visible;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding-bottom: 0;
  transition: padding-bottom 0.3s ease;
}

/* line 121, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block.js-card-clickable {
  cursor: pointer;
}

/* line 125, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-header {
  position: relative;
  min-height: 5rem;
}

/* line 130, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-profile-pic {
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 0.75rem;
  left: 1rem;
  border-radius: 100px;
  overflow: hidden;
}

/* line 139, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-profile-pic .profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}

/* line 147, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-username-container {
  position: absolute;
  top: 0.8125rem;
  left: 4.75rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 1;
}

/* line 157, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-username {
  height: 1rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: 0%;
  color: #171717;
  display: inline-block;
}

/* line 169, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-verified {
  display: inline-flex;
  align-items: center;
  opacity: 1;
  margin-right: 0.425rem;
}

/* line 175, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-verified .verified-icon {
  width: 0.798465rem;
  height: 0.798465rem;
  object-fit: contain;
  top: 0.75rem;
  left: 0.100625rem;
}

/* line 184, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-dot-1 {
  width: 0.25rem;
  height: 0.25rem;
  background: #4C4C4C;
  border-radius: 50%;
  opacity: 1;
  flex-shrink: 0;
}

/* line 193, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-follow-status {
  height: 0.875rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #939393;
  text-decoration: none;
  opacity: 1;
  display: inline-flex;
  align-items: center;
}

/* line 207, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-follow-status:hover {
  text-decoration: underline;
}

/* line 212, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-menu {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: 1rem;
  left: 36.75rem;
  opacity: 1;
  cursor: pointer;
}

/* line 221, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-menu .menu-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 227, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-menu .feed-card-menu-dropdown {
  position: absolute;
  width: 199px;
  height: 137px;
  top: 34px;
  left: -174px;
  opacity: 0;
  visibility: hidden;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* line 241, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-menu .feed-card-menu-dropdown.show {
  opacity: 1;
  visibility: visible;
}

/* line 246, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-menu .feed-card-menu-dropdown .feed-menu-item {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 0;
}

/* line 254, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-menu .feed-card-menu-dropdown .feed-menu-item:first-child {
  top: 20px;
  left: 20px;
  width: 97px;
  height: 19px;
}

/* line 261, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-menu .feed-card-menu-dropdown .feed-menu-item:nth-child(2) {
  top: 59px;
  left: 20px;
  width: 104px;
  height: 19px;
}

/* line 268, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-menu .feed-card-menu-dropdown .feed-menu-item:nth-child(3) {
  top: 98px;
  left: 20px;
  width: 164px;
  height: 19px;
}

/* line 275, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-menu .feed-card-menu-dropdown .feed-menu-item .feed-menu-icon {
  width: 15px;
  height: 15px;
  opacity: 1;
  flex-shrink: 0;
  object-fit: contain;
}

/* line 283, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-menu .feed-card-menu-dropdown .feed-menu-item .feed-menu-text {
  width: auto;
  min-width: 70px;
  height: 19px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #263238;
  opacity: 1;
  white-space: nowrap;
}

/* line 301, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-info {
  position: absolute;
  height: 0.875rem;
  top: 1.875rem;
  left: 4.75rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #939393;
  opacity: 1;
}

/* line 316, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-time-container {
  position: absolute;
  top: 2.875rem;
  left: 4.75rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 1;
}

/* line 326, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-time {
  height: 0.875rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #171717;
  white-space: nowrap;
}

/* line 337, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-dot-2 {
  width: 0.25rem;
  height: 0.25rem;
  background: #4C4C4C;
  border-radius: 50%;
  opacity: 1;
  flex-shrink: 0;
}

/* line 346, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-fact-badge {
  display: none;
  position: absolute;
  width: 3.5rem;
  height: 1.5rem;
  top: 4.625rem;
  left: 1rem;
  border-radius: 1.75rem;
  gap: 0.625rem;
  padding: 3px 8px;
  background: #E5FFE8;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* line 362, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-fact-badge-text {
  font-family: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #11AD24;
}

/* line 372, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-theory-badge {
  display: none;
  position: absolute;
  width: 71px;
  min-width: 71px;
  height: 1.5rem;
  top: 4.625rem;
  left: 1rem;
  border-radius: 1.75rem;
  gap: 0.625rem;
  padding: 3px 8px;
  background: #FFEBE2;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* line 389, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-theory-badge-text {
  font-family: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FF7A3C;
}

/* line 399, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-content {
  position: absolute;
  top: 5.5rem;
  left: 1rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* line 418, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-divider {
  position: absolute;
  width: 37.25rem;
  height: 0;
  top: 9rem;
  left: 1rem;
  border-top: 0.0625rem solid #D8D8D8;
  opacity: 1;
}

/* line 428, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-bottom-bar {
  width: 440px;
  position: absolute;
  top: 9.75rem;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

/* line 440, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block.fact-card .feed-card-bottom-bar {
  top: 10.75rem;
}

/* line 444, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-bottom-bar .feed-card-actions-wrapper {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}

/* line 451, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-bottom-bar .feed-card-verified-by {
  position: relative;
  top: auto;
  right: auto;
}

/* line 457, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-verified-by {
  position: absolute;
  width: 9.625rem;
  height: 1.625rem;
  top: 9.75rem;
  right: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  opacity: 1;
}

/* line 468, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-verified-by .verified-by-label {
  height: 1.25rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.5%;
  text-align: center;
  color: #919191;
  opacity: 1;
  white-space: nowrap;
}

/* line 482, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-verified-by .verified-by-avatars {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 487, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-verified-by .verified-by-avatars .verified-by-avatar {
  width: 2rem;
  height: 1.666666rem;
  border-radius: 50%;
  border: 0.125rem solid #FFFFFF;
  object-fit: cover;
  opacity: 1;
}

/* line 498, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions-wrapper {
  position: absolute;
  top: 9.875rem;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}

/* line 509, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions {
  position: relative;
  height: 1.5rem;
  margin-left: 1rem;
  margin-right: 12rem;
  display: flex;
  align-items: center;
  gap: 1.875rem;
  opacity: 1;
  width: auto;
}

/* line 520, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-like {
  height: 1.125rem;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  opacity: 1;
}

/* line 527, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-like .feed-like {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}

/* line 534, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-like .like-btn {
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 1;
}

/* line 546, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-like .like-btn .like-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 552, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-like .like-btn.liked .like-icon {
  filter: brightness(0) saturate(100%) invert(41%) sepia(92%) saturate(747%) hue-rotate(181deg) brightness(97%) contrast(101%);
}

/* line 557, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-like .like-count {
  height: 1rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1rem;
  letter-spacing: 0%;
  color: #4C4C4C;
  opacity: 1;
  text-decoration: none;
}

/* line 571, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-comment {
  width: 5.25rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 1;
}

/* line 579, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-comment .comment-icon {
  width: 1.125rem;
  height: 1.125rem;
  object-fit: contain;
  opacity: 1;
}

/* line 586, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-comment .comment-count {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  color: #919191;
  opacity: 1;
}

/* line 598, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-comment .comment-text {
  height: 1.5rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  color: #919191;
  opacity: 1;
}

/* line 611, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-share {
  width: 3.625rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 1;
}

/* line 619, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-share .feed-share-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 1;
}

/* line 630, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-share .share-icon {
  width: 0.965rem;
  height: 0.965rem;
  object-fit: contain;
  opacity: 1;
  filter: brightness(0) saturate(100%) invert(57%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

/* line 638, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-share .share-text {
  width: 2.25rem;
  height: 1.5rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  color: #919191;
  opacity: 1;
}

/* line 652, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-reshare {
  width: 3.625rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  opacity: 1;
}

/* line 660, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-reshare .feed-reshare-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 1;
}

/* line 670, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-reshare .feed-reshare-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 676, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-reshare .reshare-icon {
  width: 0.965rem;
  height: 0.965rem;
  object-fit: contain;
  opacity: 1;
  filter: brightness(0) saturate(100%) invert(57%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

/* line 684, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-actions .feed-action-reshare .reshare-text {
  width: 2.25rem;
  height: 1.5rem;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  color: #919191;
  opacity: 1;
}

/* line 699, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section {
  position: relative;
  padding-top: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0.75rem;
  width: 100%;
  opacity: 1;
  display: none;
  clear: both;
}

/* line 710, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section.visible {
  display: block;
}

/* line 714, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comment-form {
  margin-top: 1.75rem;
  margin-bottom: 0;
}

/* line 719, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-most-relevant {
  position: relative;
  margin-top: 2.0rem;
  margin-bottom: 1.25rem;
  margin-left: -1rem;
  height: 1rem;
  width: calc(100% + 2rem);
  display: flex;
  align-items: center;
}

/* line 729, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-most-relevant .most-relevant-text {
  position: absolute;
  left: 1rem;
  width: 5.125rem;
  height: 1rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0%;
  color: #919191;
  opacity: 1;
  display: flex;
  align-items: center;
}

/* line 746, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-most-relevant .most-relevant-arrow {
  position: absolute;
  left: 6.375rem;
  width: 0.75rem;
  height: 0.75rem;
  opacity: 1;
  object-fit: contain;
  top: 50%;
  transform: translateY(-50%);
}

/* line 758, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list {
  padding-right: 1rem;
}

/* line 761, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item {
  margin-bottom: 1.5rem;
  position: relative;
}

/* line 765, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item:last-child {
  margin-bottom: 0;
}

/* line 769, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-avatar-container {
  position: absolute;
  left: 0;
  top: 0;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
}

/* line 777, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-avatar-container .comment-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
  opacity: 1;
}

/* line 786, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-author-date-block {
  position: relative;
  min-width: 91px;
  width: auto;
  height: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  margin-left: 35px;
  margin-top: 0;
  opacity: 1;
}

/* line 800, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-author-date-block .comment-author {
  width: auto;
  min-width: 91px;
  height: 16px;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  white-space: nowrap;
  overflow: visible;
  text-align: left;
}

/* line 816, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-author-date-block .comment-author strong {
  font-weight: 400;
  white-space: nowrap;
}

/* line 822, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-author-date-block .comment-date {
  width: auto;
  min-width: 91px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0%;
  color: #4C4C4C;
  opacity: 1;
  white-space: nowrap;
  text-align: left;
}

/* line 837, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-author-date-block .comment-actions {
  position: absolute;
  right: 0;
  top: 0;
}

/* line 844, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-text-wrapper {
  position: relative;
  margin-top: 0.5rem;
  margin-left: 25px;
  width: 562px;
  height: 36px;
  opacity: 1;
}

/* line 852, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-text-wrapper .comment-text {
  width: 562px;
  height: 36px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0%;
  color: #171717;
  opacity: 1;
  word-wrap: break-word;
}

/* line 865, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-text-wrapper .comment-text p {
  margin: 0;
  padding: 0;
}

/* line 872, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta {
  position: relative;
  margin-top: 0.5rem;
  margin-left: 35px;
  width: 99px;
  height: 20px;
  display: flex;
  align-items: center;
  gap: 25px;
  opacity: 1;
}

/* line 883, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left {
  display: flex;
  align-items: center;
  gap: 25px;
}

/* line 888, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left .comment-share-link {
  display: none;
}

/* line 892, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left .comment-like-container {
  width: auto;
  height: 20px;
  display: flex;
  align-items: center;
  gap: 5px;
  opacity: 1;
}

/* line 900, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left .comment-like-container .comment-like-link {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 905, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left .comment-like-container .comment-like-link .comment-like {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  color: #919191;
  text-decoration: none;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

/* line 920, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left .comment-like-container .comment-like-link .comment-like:hover {
  text-decoration: underline;
}

/* line 924, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left .comment-like-container .comment-like-link .comment-like .comment-like-icon {
  width: 20px;
  height: 20px;
  opacity: 1;
  display: block;
  flex-shrink: 0;
}

/* line 932, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left .comment-like-container .comment-like-link .comment-like.liked {
  text-decoration: none;
}

/* line 935, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left .comment-like-container .comment-like-link .comment-like.liked:hover {
  text-decoration: none;
}

/* line 939, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left .comment-like-container .comment-like-link .comment-like.liked .comment-like-count-number {
  width: auto;
  min-width: 14px;
  height: 16px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #4C4C4C;
  opacity: 1;
  display: inline-block;
  flex-shrink: 0;
}

/* line 960, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left .comment-reply-link {
  width: 35px;
  height: 18px;
  opacity: 1;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0%;
  color: #171717;
  text-decoration: none;
  display: inline-block;
}

/* line 974, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left .comment-reply-link .comment-reply {
  width: 35px;
  height: 18px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0%;
  color: #171717;
  text-decoration: none;
  display: inline-block;
}

/* line 988, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left .comment-reply-link:hover {
  text-decoration: none;
}

/* line 991, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comments-section .feed-card-comments-list .comment-item .comment-meta .comment-meta-left .comment-reply-link:hover .comment-reply {
  text-decoration: none;
}

/* line 1002, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comment-form {
  position: relative;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  opacity: 1;
}

/* line 1010, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comment-form.no-comments {
  margin-bottom: 1rem;
}

/* line 1014, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comment-form .feed-card-comment-profile-pic {
  position: absolute;
  left: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 100px;
  overflow: hidden;
  flex-shrink: 0;
}

/* line 1023, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comment-form .feed-card-comment-profile-pic .profile-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
}

/* line 1031, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comment-form .feed-card-comment-field {
  position: absolute;
  left: 3rem;
  width: calc(100% - 3rem);
  max-width: 34.25rem;
  height: 2.75rem;
}

/* line 1038, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comment-form .feed-card-comment-field .feed-card-comment-input {
  width: 100%;
  height: 100%;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  border: 0.0625rem solid #E5E7EB;
  border-radius: 100px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0%;
  color: #171717;
  background: #FFFFFF;
  opacity: 1;
}

/* line 1054, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comment-form .feed-card-comment-field .feed-card-comment-input::placeholder {
  color: #939393;
}

/* line 1058, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comment-form .feed-card-comment-field .feed-card-comment-input:focus {
  outline: none;
  border-color: #346FCF;
}

/* line 1064, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comment-form .feed-card-comment-field .feed-card-comment-emoji {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 1.25rem;
  height: 1.25rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}

/* line 1079, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-block .feed-card-comment-form .feed-card-comment-field .feed-card-comment-emoji .emoji-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 1090, app/assets/stylesheets/components/_feed_card.scss */
.feed-card-standalone .feed-card-bottom-bar {
  top: 10.75rem;
  width: 440px;
}

/* line 4, app/assets/stylesheets/admin/claims.scss */
.materio-card {
  border: 1px solid #e7eaf3;
  border-radius: 0.75rem;
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
  transition: all 0.3s ease;
}

/* line 11, app/assets/stylesheets/admin/claims.scss */
.materio-card:hover {
  box-shadow: 0 0.5rem 1rem rgba(165, 163, 174, 0.15);
  transform: translateY(-2px);
}

/* line 16, app/assets/stylesheets/admin/claims.scss */
.materio-header {
  background: linear-gradient(135deg, #696cff 0%, #5a5fcf 100%);
  color: white;
  border-radius: 0.75rem 0.75rem 0 0;
  padding: 1.5rem;
}

/* line 23, app/assets/stylesheets/admin/claims.scss */
.materio-info-card {
  background: linear-gradient(135deg, #71dd37 0%, #5cb85c 100%);
  color: white;
  border-radius: 0.75rem 0.75rem 0 0;
  padding: 1.5rem;
}

/* line 30, app/assets/stylesheets/admin/claims.scss */
.materio-analysis-card {
  background: linear-gradient(135deg, #ffab00 0%, #ff9800 100%);
  color: white;
  border-radius: 0.75rem 0.75rem 0 0;
  padding: 1.5rem;
}

/* line 37, app/assets/stylesheets/admin/claims.scss */
.materio-system-card {
  background: linear-gradient(135deg, #8592a3 0%, #6c757d 100%);
  color: white;
  border-radius: 0.75rem 0.75rem 0 0;
  padding: 1.5rem;
}

/* line 44, app/assets/stylesheets/admin/claims.scss */
.materio-badge {
  background: rgba(105, 108, 255, 0.1);
  color: #696cff;
  border: 1px solid rgba(105, 108, 255, 0.2);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.875rem;
}

/* line 54, app/assets/stylesheets/admin/claims.scss */
.materio-info-item {
  background: #f8f9fa;
  border: 1px solid #e7eaf3;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}

/* line 62, app/assets/stylesheets/admin/claims.scss */
.materio-tab {
  background: #f8f9fa;
  border: 1px solid #e7eaf3;
  color: #697a8d;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  margin-right: 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
}

/* line 74, app/assets/stylesheets/admin/claims.scss */
.materio-tab.active {
  background: #696cff;
  color: white;
  border-color: #696cff;
}

/* line 80, app/assets/stylesheets/admin/claims.scss */
.materio-tab:hover {
  background: #e7eaf3;
}

/* line 84, app/assets/stylesheets/admin/claims.scss */
.materio-tab.active:hover {
  background: #5a5fcf;
}

/* line 88, app/assets/stylesheets/admin/claims.scss */
.materio-content-area {
  background: #f8f9fa;
  border: 1px solid #e7eaf3;
  border-radius: 0.5rem;
  padding: 1.5rem;
}

/* line 95, app/assets/stylesheets/admin/claims.scss */
.materio-metric-card {
  background: white;
  border: 1px solid #e7eaf3;
  border-radius: 0.75rem;
  padding: 1.5rem;
  text-align: center;
  transition: all 0.3s ease;
}

/* line 104, app/assets/stylesheets/admin/claims.scss */
.materio-metric-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1rem rgba(165, 163, 174, 0.15);
}

/* line 109, app/assets/stylesheets/admin/claims.scss */
.materio-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  font-size: 1.5rem;
}

/* line 120, app/assets/stylesheets/admin/claims.scss */
.materio-icon.primary {
  background: rgba(105, 108, 255, 0.1);
  color: #696cff;
}

/* line 121, app/assets/stylesheets/admin/claims.scss */
.materio-icon.success {
  background: rgba(113, 221, 55, 0.1);
  color: #71dd37;
}

/* line 122, app/assets/stylesheets/admin/claims.scss */
.materio-icon.warning {
  background: rgba(255, 171, 0, 0.1);
  color: #ffab00;
}

/* line 123, app/assets/stylesheets/admin/claims.scss */
.materio-icon.info {
  background: rgba(133, 146, 163, 0.1);
  color: #8592a3;
}

/* line 4, app/assets/stylesheets/admin/users.scss */
.materio-form-card {
  border: 1px solid #e7eaf3;
  border-radius: 0.75rem;
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
  transition: all 0.3s ease;
}

/* line 11, app/assets/stylesheets/admin/users.scss */
.materio-form-card:hover {
  box-shadow: 0 0.5rem 1rem rgba(165, 163, 174, 0.15);
}

/* line 15, app/assets/stylesheets/admin/users.scss */
.materio-form-header {
  background: linear-gradient(135deg, #696cff 0%, #5a5fcf 100%);
  color: white;
  border-radius: 0.75rem 0.75rem 0 0;
  padding: 1.5rem;
}

/* line 22, app/assets/stylesheets/admin/users.scss */
.materio-form-group {
  margin-bottom: 1.5rem;
}

/* line 26, app/assets/stylesheets/admin/users.scss */
.materio-form-label {
  font-weight: 600;
  color: #697a8d;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}

/* line 33, app/assets/stylesheets/admin/users.scss */
.materio-form-control {
  border: 1px solid #e7eaf3;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  transition: all 0.3s ease;
}

/* line 41, app/assets/stylesheets/admin/users.scss */
.materio-form-control:focus {
  border-color: #696cff;
  box-shadow: 0 0 0 0.2rem rgba(105, 108, 255, 0.25);
}

/* line 46, app/assets/stylesheets/admin/users.scss */
.materio-form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  padding-right: 2.5rem;
  cursor: pointer;
}

/* line 55, app/assets/stylesheets/admin/users.scss */
.materio-user-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 0.25rem;
  background: #f8f9fa;
  border: 1px solid #e7eaf3;
  margin-bottom: 1rem;
}

/* line 66, app/assets/stylesheets/admin/users.scss */
.materio-user-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #696cff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 0.75rem;
}

/* line 79, app/assets/stylesheets/admin/users.scss */
.materio-btn-primary {
  background: linear-gradient(135deg, #696cff 0%, #5a5fcf 100%);
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.75rem 2rem;
  transition: all 0.3s ease;
  box-shadow: 0 0.125rem 0.25rem rgba(105, 108, 255, 0.3);
}

/* line 91, app/assets/stylesheets/admin/users.scss */
.materio-btn-primary:hover {
  background: linear-gradient(135deg, #5a5fcf 0%, #4a4fb8 100%);
  transform: translateY(-1px);
  box-shadow: 0 0.25rem 0.5rem rgba(105, 108, 255, 0.4);
  color: white;
}

/* line 98, app/assets/stylesheets/admin/users.scss */
.materio-btn-secondary {
  background: white;
  border: 1px solid #e7eaf3;
  border-radius: 0.5rem;
  color: #697a8d;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.75rem 2rem;
  transition: all 0.3s ease;
}

/* line 109, app/assets/stylesheets/admin/users.scss */
.materio-btn-secondary:hover {
  background: #f8f9fa;
  border-color: #d9dee3;
  color: #2b2c40;
  transform: translateY(-1px);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
}

/* line 118, app/assets/stylesheets/admin/users.scss */
.materio-card {
  border: 1px solid #e7eaf3;
  border-radius: 0.75rem;
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
  transition: all 0.3s ease;
}

/* line 125, app/assets/stylesheets/admin/users.scss */
.materio-card:hover {
  box-shadow: 0 0.5rem 1rem rgba(165, 163, 174, 0.15);
  transform: translateY(-2px);
}

/* line 130, app/assets/stylesheets/admin/users.scss */
.materio-header {
  background: linear-gradient(135deg, #696cff 0%, #5a5fcf 100%);
  color: white;
  border-radius: 0.75rem 0.75rem 0 0;
  padding: 1.5rem;
}

/* line 137, app/assets/stylesheets/admin/users.scss */
.materio-info-card {
  background: linear-gradient(135deg, #71dd37 0%, #5cb85c 100%);
  color: white;
  border-radius: 0.75rem 0.75rem 0 0;
  padding: 1.5rem;
}

/* line 144, app/assets/stylesheets/admin/users.scss */
.materio-badge {
  background: rgba(105, 108, 255, 0.1);
  color: #696cff;
  border: 1px solid rgba(105, 108, 255, 0.2);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: 0.875rem;
}

/* line 154, app/assets/stylesheets/admin/users.scss */
.materio-info-item {
  background: #f8f9fa;
  border: 1px solid #e7eaf3;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}

/* line 162, app/assets/stylesheets/admin/users.scss */
.materio-metric-card {
  background: white;
  border: 1px solid #e7eaf3;
  border-radius: 0.75rem;
  padding: 1.5rem;
  text-align: center;
  transition: all 0.3s ease;
}

/* line 171, app/assets/stylesheets/admin/users.scss */
.materio-metric-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1rem rgba(165, 163, 174, 0.15);
}

/* line 176, app/assets/stylesheets/admin/users.scss */
.materio-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  font-size: 1.5rem;
}

/* line 187, app/assets/stylesheets/admin/users.scss */
.materio-icon.primary {
  background: rgba(105, 108, 255, 0.1);
  color: #696cff;
}

/* line 188, app/assets/stylesheets/admin/users.scss */
.materio-icon.success {
  background: rgba(113, 221, 55, 0.1);
  color: #71dd37;
}

/* line 189, app/assets/stylesheets/admin/users.scss */
.materio-icon.warning {
  background: rgba(255, 171, 0, 0.1);
  color: #ffab00;
}

/* line 190, app/assets/stylesheets/admin/users.scss */
.materio-icon.info {
  background: rgba(133, 146, 163, 0.1);
  color: #8592a3;
}

/* line 192, app/assets/stylesheets/admin/users.scss */
.materio-avatar {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 3px solid #696cff;
  margin: 0 auto 1.5rem;
}

/* line 4, app/assets/stylesheets/admin/name_mappings.scss */
.materio-form-group {
  margin-bottom: 2rem;
}

/* line 8, app/assets/stylesheets/admin/name_mappings.scss */
.materio-form-label {
  font-weight: 600;
  color: #697a8d;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}

/* line 17, app/assets/stylesheets/admin/name_mappings.scss */
.materio-form-control {
  border: 1px solid #e7eaf3;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  transition: all 0.3s ease;
  background-color: #fff;
}

/* line 26, app/assets/stylesheets/admin/name_mappings.scss */
.materio-form-control:focus {
  border-color: #696cff;
  box-shadow: 0 0 0 0.2rem rgba(105, 108, 255, 0.25);
  outline: none;
}

/* line 32, app/assets/stylesheets/admin/name_mappings.scss */
.materio-btn-primary {
  background: linear-gradient(135deg, #696cff 0%, #5a5fcf 100%);
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.75rem 2rem;
  transition: all 0.3s ease;
  box-shadow: 0 0.125rem 0.25rem rgba(105, 108, 255, 0.3);
}

/* line 44, app/assets/stylesheets/admin/name_mappings.scss */
.materio-btn-primary:hover {
  background: linear-gradient(135deg, #5a5fcf 0%, #4a4fb8 100%);
  transform: translateY(-1px);
  box-shadow: 0 0.25rem 0.5rem rgba(105, 108, 255, 0.4);
  color: white;
}

/* line 51, app/assets/stylesheets/admin/name_mappings.scss */
.materio-btn-secondary {
  background: white;
  border: 1px solid #e7eaf3;
  border-radius: 0.5rem;
  color: #697a8d;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.75rem 2rem;
  transition: all 0.3s ease;
}

/* line 62, app/assets/stylesheets/admin/name_mappings.scss */
.materio-btn-secondary:hover {
  background: #f8f9fa;
  border-color: #d9dee3;
  color: #2b2c40;
  transform: translateY(-1px);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
}

/* line 71, app/assets/stylesheets/admin/name_mappings.scss */
.materio-avatar {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 3px solid #696cff;
  margin: 0 auto 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 82, app/assets/stylesheets/admin/name_mappings.scss */
.materio-metric-card {
  background: linear-gradient(135deg, #696cff 0%, #5a5fcf 100%);
  border-radius: 1rem;
  padding: 1.5rem;
  color: white;
  text-align: center;
  box-shadow: 0 0.5rem 1rem rgba(105, 108, 255, 0.3);
}

/* line 91, app/assets/stylesheets/admin/name_mappings.scss */
.materio-metric-value {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

/* line 97, app/assets/stylesheets/admin/name_mappings.scss */
.materio-metric-label {
  font-size: 0.875rem;
  opacity: 0.9;
}

/* line 102, app/assets/stylesheets/admin/name_mappings.scss */
.tradition-badge {
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  font-weight: 600;
  font-size: 0.875rem;
  margin: 0.25rem;
  display: inline-block;
}

/* line 111, app/assets/stylesheets/admin/name_mappings.scss */
.tradition-jewish {
  background: #ffd700;
  color: #000;
}

/* line 112, app/assets/stylesheets/admin/name_mappings.scss */
.tradition-christian {
  background: #007bff;
  color: #fff;
}

/* line 113, app/assets/stylesheets/admin/name_mappings.scss */
.tradition-muslim {
  background: #28a745;
  color: #fff;
}

/* line 114, app/assets/stylesheets/admin/name_mappings.scss */
.tradition-actual {
  background: #6c757d;
  color: #fff;
}

/* line 115, app/assets/stylesheets/admin/name_mappings.scss */
.tradition-ethiopian {
  background: #fd7e14;
  color: #fff;
}

/* line 85, app/assets/stylesheets/application.scss */
h1, .heading-h1 {
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
  color: #0B0146;
}

/* line 93, app/assets/stylesheets/application.scss */
h2, .heading-h2 {
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  color: #0B0146;
}

/* line 101, app/assets/stylesheets/application.scss */
h3, .heading-h3 {
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  color: #0B0146;
}

/* line 109, app/assets/stylesheets/application.scss */
h4, .heading-h4 {
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #0B0146;
}

/* line 118, app/assets/stylesheets/application.scss */
.body-large {
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 24px;
  line-height: 38px;
  font-weight: 400;
  color: #5A5A89;
}

/* line 126, app/assets/stylesheets/application.scss */
.body-default {
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #5A5A89;
}

/* line 134, app/assets/stylesheets/application.scss */
.body-small {
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #5A5A89;
}

/* line 142, app/assets/stylesheets/application.scss */
.flash-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10060;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 152, app/assets/stylesheets/application.scss */
.flash-message {
  padding: 12px 18px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  font-size: 0.95rem;
  color: white;
  animation: slideIn 0.3s ease-out;
  min-width: 250px;
  max-width: 300px;
}

/* line 163, app/assets/stylesheets/application.scss */
.flash-message.notice {
  background-color: #1c64f2;
}

/* line 167, app/assets/stylesheets/application.scss */
.flash-message.alert {
  background-color: #f44336;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideOut {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}

@media (min-width: 90.0625rem) {
  /* line 195, app/assets/stylesheets/application.scss */
  :root {
    --dashboard-wide-offset: calc((100vw - 90rem) / 2);
  }
  /* line 199, app/assets/stylesheets/application.scss */
  .user-info-block {
    left: calc(var(--dashboard-wide-offset) + 5rem) !important;
  }
  /* line 203, app/assets/stylesheets/application.scss */
  .dashboard-nav,
.dashboard-sources {
    left: calc(var(--dashboard-wide-offset) + 5rem) !important;
  }
  /* line 208, app/assets/stylesheets/application.scss */
  body.collapsed-dashboard-nav .dashboard-nav,
body.collapsed-dashboard-nav .dashboard-sources {
    left: calc(var(--dashboard-wide-offset) + 80px) !important;
  }
  /* line 213, app/assets/stylesheets/application.scss */
  body.collapsed-dashboard-nav #claim-form-wrapper .new-claim-main {
    left: calc(var(--dashboard-wide-offset) + 180px) !important;
  }
  /* line 217, app/assets/stylesheets/application.scss */
  .post-composer-block,
.sort-divider-container,
.feed-list,
.feed-loader,
.facts-page-main .facts-page-header,
.profile-page-main .profile-page-header,
.profile-page-main .profile-page-tabs,
.profile-page-main .profile-content-wrap,
.notifications-page-main .notifications-page-header,
.notifications-page-main .notifications-block,
.peers-page-main .peers-page-header,
.peers-page-main .peers-know-block {
    left: calc(var(--dashboard-wide-offset) + 24.375rem) !important;
  }
  /* line 232, app/assets/stylesheets/application.scss */
  .facts-page-main .facts-page-header {
    padding-left: 0 !important;
  }
  /* line 236, app/assets/stylesheets/application.scss */
  .feed-rightbar.facts-page-rightbar,
.feed-rightbar.theories-page-rightbar,
.feed-rightbar.peers-page-rightbar,
.feed-rightbar.profile-page-rightbar {
    left: calc(var(--dashboard-wide-offset) + 65.5rem) !important;
  }
  /* line 243, app/assets/stylesheets/application.scss */
  .all-claims-page-main .all-claims-page-header {
    padding-left: calc(var(--dashboard-wide-offset) + 24.375rem) !important;
  }
  /* line 247, app/assets/stylesheets/application.scss */
  .all-claims-page-main .all-claims-list,
.all-claims-page-main .all-claims-empty,
.all-claims-page-main .all-claims-pagination {
    margin-left: calc(var(--dashboard-wide-offset) + 390px) !important;
  }
  /* line 254, app/assets/stylesheets/application.scss */
  .my-claims-page .my-claims-title,
.my-claims-page .my-claims-filter-bar {
    left: calc(var(--dashboard-wide-offset) + 390px) !important;
  }
  /* line 259, app/assets/stylesheets/application.scss */
  .my-claims-page .my-claims-list {
    margin-left: calc(var(--dashboard-wide-offset) + 360px) !important;
  }
  /* line 263, app/assets/stylesheets/application.scss */
  .my-claims-page .pagination-container {
    margin-left: calc(var(--dashboard-wide-offset) + 360px) !important;
    justify-content: flex-start;
  }
  /* line 269, app/assets/stylesheets/application.scss */
  .theories-page-main .theories-page-header {
    padding-left: calc(var(--dashboard-wide-offset) + 24.375rem) !important;
  }
  /* line 273, app/assets/stylesheets/application.scss */
  .theories-page-main .theories-page-new-btn {
    right: calc(var(--dashboard-wide-offset) + 24.375rem) !important;
  }
  /* line 279, app/assets/stylesheets/application.scss */
  .theory-new-main .theory-new-title,
.theory-new-main .theory-new-form-section {
    left: calc(var(--dashboard-wide-offset) + 390px) !important;
  }
  /* line 284, app/assets/stylesheets/application.scss */
  .theory-new-main .theory-new-form-section {
    width: min(975px, calc(100vw - var(--dashboard-wide-offset) - 414px)) !important;
  }
  /* line 289, app/assets/stylesheets/application.scss */
  body.settings-page .settings-main .settings-title,
body.settings-page .settings-main .settings-tabs,
body.settings-page .settings-main .settings-header-section,
body.settings-page .settings-main .settings-form-section {
    left: calc(var(--dashboard-wide-offset) + 390px) !important;
  }
  /* line 297, app/assets/stylesheets/application.scss */
  body.settings-page .settings-main.settings-no-header-tab .subscription-settings-stack {
    left: calc(var(--dashboard-wide-offset) + 390px) !important;
    max-width: min(975px, calc(100vw - 390px - 7vw - var(--dashboard-wide-offset))) !important;
  }
  /* line 303, app/assets/stylesheets/application.scss */
  body.settings-page .billing-page .billing-title {
    margin-left: calc(var(--dashboard-wide-offset) + 390px) !important;
  }
  /* line 307, app/assets/stylesheets/application.scss */
  body.settings-page .billing-page .billing-table-container {
    margin-left: calc(var(--dashboard-wide-offset) + 390px) !important;
  }
  /* line 311, app/assets/stylesheets/application.scss */
  body.veritalk-page .veritalk-page > .veritalk-container {
    left: calc(var(--dashboard-wide-offset) + 24.375rem) !important;
    width: 1548px !important;
    max-width: min(1548px, calc(100vw - 24.375rem - 48px - var(--dashboard-wide-offset))) !important;
  }
  /* line 317, app/assets/stylesheets/application.scss */
  body.veritalk-page .veritalk-sidebar {
    right: calc(var(--dashboard-wide-offset) + 24px) !important;
  }
  /* line 322, app/assets/stylesheets/application.scss */
  .claim-main {
    padding-left: var(--dashboard-wide-offset);
  }
}

/* line 1, app/assets/stylesheets/alchemy/elements/_article.css */
article {
  width: 50%;
  font: 16px/20px Helvetica, Arial, sans-serif;
  color: #333;
  margin: 1em auto;
  padding: 0.5em 1em;
  background: #f4f4f4;
}

/* line 9, app/assets/stylesheets/alchemy/elements/_article.css */
article h2 {
  font-size: 24px;
  line-height: 1.25;
  font-weight: bold;
}

/* line 14, app/assets/stylesheets/alchemy/elements/_article.css */
article a {
  color: #5588D3;
}

/* line 17, app/assets/stylesheets/alchemy/elements/_article.css */
article img {
  max-width: 100%;
}

/* line 20, app/assets/stylesheets/alchemy/elements/_article.css */
article figure {
  margin: 0;
}

/* line 23, app/assets/stylesheets/alchemy/elements/_article.css */
article figcaption {
  font-size: 14px;
}