/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/css/core.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/**
 * AI Trainer Plugin - Core SCSS Styles
 * 
 * This file contains the core styling for the AI Trainer plugin's frontend interface,
 * specifically the Psybrarian assistant page. It provides responsive design, modern
 * UI components, and consistent styling across different screen sizes.
 * 
 * ARCHITECTURE OVERVIEW:
 * - Responsive mixins for mobile-first design
 * - Component-based SCSS structure
 * - CSS custom properties for theming
 * - Modular styling approach
 * 
 * KEY COMPONENTS:
 * - Psybrarian wrapper and layout
 * - Header and navigation styling
 * - Main content area with background overlays
 * - Search interface styling
 * - Responsive breakpoints and media queries
 * 
 * RESPONSIVE FEATURES:
 * - Mobile-first approach with max/min mixins
 * - Flexible grid layouts
 * - Adaptive typography and spacing
 * - Touch-friendly interface elements
 * 
 * @package AI_Trainer
 * @subpackage Assets
 * @since 1.0
 */
/**
 * Maximum width media query mixin
 * 
 * @param {number} $value - Maximum width in pixels
 * @content - CSS content to apply within the media query
 */
/**
 * Minimum width media query mixin
 * 
 * @param {number} $value - Minimum width in pixels
 * @content - CSS content to apply within the media query
 */
.psybrarian-wrapper .psybrarian-header-wrapper {
  text-align: center;
  position: absolute;
  top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 1;
}
.psybrarian-wrapper .psybrarian-header-wrapper img {
  height: 75px;
  -o-object-fit: contain;
     object-fit: contain;
}
.psybrarian-wrapper .psybrarian-main-content {
  padding-top: 150px;
  padding-bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.psybrarian-wrapper .psybrarian-main-content .background-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0C0012 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  top: 0;
}
.psybrarian-wrapper .psybrarian-main-content img {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.psybrarian-wrapper .psybrarian-main-content .container {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  width: auto;
}
.psybrarian-wrapper .psybrarian-main-content .container > h1, .psybrarian-wrapper .psybrarian-main-content .container > h2 {
  color: #fff;
  text-align: center;
}
.psybrarian-wrapper .psybrarian-main-content .container > p {
  color: #FFE7CE;
  opacity: 0.4;
  font-size: var(--text-2xs);
  text-align: center;
  max-width: 800px;
}
.psybrarian-wrapper .psybrarian-main-content .container .psy-search-ai-wrapper {
  background-color: transparent;
  padding: 15px;
}
.psybrarian-wrapper .psybrarian-content {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  background-color: #0C0012;
}
@media screen and (max-width: 768px) {
  .psybrarian-wrapper .psybrarian-content {
    padding-top: 0;
  }
}
.psybrarian-wrapper .psybrarian-content .background-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0C0012 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  top: 0;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper {
  background-color: transparent;
  padding: 15px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper {
    padding: 0;
    padding-bottom: 30px;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-answer {
    padding: 0;
  }
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-answer .exa-user-question {
  padding-bottom: 30px;
  color: #fff;
  margin-top: 30px;
  text-transform: capitalize;
}
@media screen and (max-width: 768px) {
  .psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-answer .exa-user-question {
    padding-bottom: 20px;
  }
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-answer h2 {
  color: #fff;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-answer h3, .psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-answer p, .psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-answer ul li, .psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-answer a {
  font-size: 14px;
  color: #fff;
  line-height: 140%;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-answer h3 {
  font-weight: 800;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-answer .exa-answer-content {
  font-size: 14px;
  color: #fff;
  line-height: 140%;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-search-box {
  display: flex;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 28px;
  border: 1px solid rgba(217, 217, 217, 0.1);
  color: #fff;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 15px;
  max-width: 100%;
  width: 720px;
}
@media screen and (max-width: 768px) {
  .psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-search-box {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-search-box input {
  width: 100%;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding: 10px 20px;
  border: none;
  color: #fff;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-search-box input::-moz-placeholder {
  color: #ffffffe2;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-search-box input::placeholder {
  color: #ffffffe2;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-search-box input:focus-visible {
  outline: none;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-search-box button {
  background-color: transparent;
  color: #fb6754;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  /* padding: 3px 20px; */
  font-size: 16px;
  border-radius: 50px;
  background-color: white;
  height: 50px;
  width: 50px;
  outline: none;
}
@media screen and (max-width: 768px) {
  .psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-search-box button {
    height: 44px;
  }
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .exa-search-box-notice {
  display: none;
  font-size: var(--text-2xs);
  color: #fff;
  text-align: center;
  padding-bottom: 7px;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container.active {
  min-height: 50vh;
  position: relative;
  padding-bottom: 80px;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container.active .exa-box-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #0c0012;
  z-index: 1000;
  border-top: 1px solid #333;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.4);
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container.active #exa-search-box {
  display: flex;
  background-color: #2F257D;
  border-radius: 25px;
  color: #fff;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 15px;
  max-width: 100%;
  width: 720px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container.active #exa-search-box {
    width: 80%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container.active .exa-search-box-notice {
  display: block;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block {
  padding-bottom: 25px;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .exa-results {
  position: relative;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .exa-results .top-sources-wrapper {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  flex-direction: row;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  /* hide native scrollbar */
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .exa-results .top-sources-wrapper::-webkit-scrollbar {
  display: none;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .exa-results .top-sources-wrapper .source-card {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  display: flex;
  gap: 25px;
  flex-direction: column;
  flex-shrink: 0;
  flex: 0 0 auto;
  scroll-snap-align: start;
  width: 200px;
  background: #222;
  padding: 16px;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .exa-results .top-sources-wrapper .source-card {
    width: 150px;
  }
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .exa-results .top-sources-wrapper .source-card .source-card-header {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .exa-results .top-sources-wrapper .source-card img {
  width: 30px;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .exa-results .top-sources-wrapper .source-card span {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.51);
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .exa-results .top-sources-wrapper .source-card a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .exa-results .slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  cursor: pointer;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .exa-results .prev-btn {
  left: 8px;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .exa-results .next-btn {
  right: 8px;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .exa-answer-streaming {
  padding-top: 30px;
  font-size: 14px;
  color: #fff;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container .answer-block .answer-reaction-bar span {
  font-size: 11px;
  color: #fff;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-question h4 {
  font-size: 32px;
  color: #fff;
  margin-bottom: 30px;
  text-transform: capitalize;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-loading {
  font-size: 15px;
  font-weight: 800;
  text-align: center;
  padding: 3px 30px;
  text-transform: uppercase;
  border-radius: 20px;
  background-size: cover;
  width: 200px;
  margin: 50px auto;
  color: #fff;
  font-weight: 700;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  overflow: hidden;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-loading video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* Crop to fill container */
  z-index: -1;
}
.psybrarian-wrapper .psybrarian-content .psy-search-ai-wrapper .psy-search-ai-container #exa-results {
  font-size: 10px;
  color: #fff;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.psybrarian-wrapper .psybrarian-content .container {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .psybrarian-wrapper .psybrarian-content .container {
    width: auto;
  }
}
.psybrarian-wrapper .psybrarian-content .container > h1, .psybrarian-wrapper .psybrarian-content .container > h2 {
  color: #fff;
  text-align: center;
}
.psybrarian-wrapper .psybrarian-content .container > p {
  color: #FFE7CE;
  opacity: 0.4;
  font-size: var(--text-2xs);
  text-align: center;
  max-width: 800px;
}
.psybrarian-wrapper .psybrarian-content .container .psy-search-ai-wrapper {
  background-color: transparent;
  padding: 15px;
}
@media screen and (max-width: 768px) {
  .psybrarian-wrapper .psybrarian-content .container .psy-search-ai-wrapper {
    padding: 0;
    padding-bottom: 30px;
  }
}
.psybrarian-wrapper .psybrarian-ticket-wrapper {
  background: #0C0012;
  padding-bottom: 20px;
}
.psybrarian-wrapper .psybrarian-ticket-wrapper .container {
  min-height: 580px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  border-radius: 25px;
}
@media screen and (max-width: 768px) {
  .psybrarian-wrapper .psybrarian-ticket-wrapper .container {
    min-height: 400px;
    width: auto;
    text-align: center;
  }
}
.psybrarian-wrapper .psybrarian-ticket-wrapper .container > h2 {
  color: #FFF;
}
.psybrarian-wrapper .psybrarian-ticket-wrapper .container > p {
  color: #FFE7CE;
  max-width: 40%;
  font-size: var(--text-xs);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .psybrarian-wrapper .psybrarian-ticket-wrapper .container > p {
    max-width: 100%;
  }
}
.psybrarian-wrapper .psybrarian-ticket-wrapper .container .submit-ticket-button {
  padding: 15px 47px;
  min-width: 400px;
  background-color: #2F257D;
  color: #FFE7CE;
  border-radius: 40px;
  font-family: var(--font-primary);
  font-size: var(--text-m);
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .psybrarian-wrapper .psybrarian-ticket-wrapper .container .submit-ticket-button {
    min-width: 100%;
  }
}
.psybrarian-wrapper .psybrarian-ticket-wrapper .container .submit-ticket-button::after {
  content: "";
  background-image: url(data:image/svg+xml;base64,PCEtLQogKiBBSSBUcmFpbmVyIFBsdWdpbiAtIFVwbG9hZC9Eb3dubG9hZCBCdXR0b24gSWNvbgogKiAKICogVGhpcyBTVkcgaWNvbiByZXByZXNlbnRzIGFuIHVwbG9hZC9kb3dubG9hZCBhY3Rpb24gYnV0dG9uIHdpdGggYQogKiBkb2N1bWVudCBhbmQgYXJyb3cgZGVzaWduLiBJdCdzIHVzZWQgdGhyb3VnaG91dCB0aGUgaW50ZXJmYWNlIHRvCiAqIGluZGljYXRlIGZpbGUgdXBsb2FkLCBkb3dubG9hZCwgb3IgaW1wb3J0L2V4cG9ydCBhY3Rpb25zLgogKiAKICogREVTSUdOIFNQRUNJRklDQVRJT05TOgogKiAtIERpbWVuc2lvbnM6IDMzeDMzIHBpeGVscyAoc2NhbGFibGUpCiAqIC0gVmlld3BvcnQ6IDMzeDMzIGZvciBjcmlzcCByZW5kZXJpbmcKICogLSBDb2xvcnM6ICNGRkU3Q0UgKGNyZWFtL2JlaWdlKSB3aXRoIG9wYWNpdHkgdmFyaWF0aW9ucwogKiAtIFN0eWxlOiBPdXRsaW5lZCBpY29uIHdpdGggcm91bmRlZCBzdHJva2UgY2FwcwogKiAtIFRoZW1lOiBMaWdodCwgd2FybSBjb2xvciBzY2hlbWUKICogCiAqIFZJU1VBTCBFTEVNRU5UUzoKICogLSBEb2N1bWVudC9wYXBlciByZXByZXNlbnRhdGlvbgogKiAtIFVwd2FyZCBhcnJvdyBpbmRpY2F0aW5nIHVwbG9hZCBhY3Rpb24KICogLSBSb3VuZGVkIGNvcm5lcnMgZm9yIG1vZGVybiBhcHBlYXJhbmNlCiAqIC0gU3VidGxlIG9wYWNpdHkgZm9yIGRlcHRoCiAqIAogKiBVU0FHRToKICogLSBGaWxlIHVwbG9hZCBidXR0b25zCiAqIC0gSW1wb3J0L2V4cG9ydCBjb250cm9scwogKiAtIERvY3VtZW50IG1hbmFnZW1lbnQgYWN0aW9ucwogKiAtIERhdGEgdHJhbnNmZXIgaW5kaWNhdG9ycwogKiAtIENvbnRlbnQgc3VibWlzc2lvbiBidXR0b25zCiAqIAogKiBAcGFja2FnZSBBSV9UcmFpbmVyCiAqIEBzdWJwYWNrYWdlIEFzc2V0c19JbWFnZXMKICogQHNpbmNlIDEuMAogLS0+Cjxzdmcgd2lkdGg9IjMzIiBoZWlnaHQ9IjMzIiB2aWV3Qm94PSIwIDAgMzMgMzMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80MzZfMTAyKSI+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTI2LjUgMTMuNUg2LjUwMDAzVjI3LjVIMjYuNVYxMy41WiIgZmlsbD0iI0ZGRTdDRSIvPgo8cGF0aCBkPSJNMjIuNSAxMy41SDI1LjVDMjUuNzY1MiAxMy41IDI2LjAxOTYgMTMuNjA1NCAyNi4yMDcxIDEzLjc5MjlDMjYuMzk0NyAxMy45ODA0IDI2LjUgMTQuMjM0OCAyNi41IDE0LjVWMjYuNUMyNi41IDI2Ljc2NTIgMjYuMzk0NyAyNy4wMTk2IDI2LjIwNzEgMjcuMjA3MUMyNi4wMTk2IDI3LjM5NDYgMjUuNzY1MiAyNy41IDI1LjUgMjcuNUg3LjUwMDAzQzcuMjM0ODEgMjcuNSA2Ljk4MDQ2IDI3LjM5NDYgNi43OTI5MiAyNy4yMDcxQzYuNjA1MzkgMjcuMDE5NiA2LjUwMDAzIDI2Ljc2NTIgNi41MDAwMyAyNi41VjE0LjVDNi41MDAwMyAxNC4yMzQ4IDYuNjA1MzkgMTMuOTgwNCA2Ljc5MjkyIDEzLjc5MjlDNi45ODA0NiAxMy42MDU0IDcuMjM0ODEgMTMuNSA3LjUwMDAzIDEzLjVIMTAuNSIgc3Ryb2tlPSIjRkZFN0NFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEuNSA4LjVMMTYuNSAzLjVMMjEuNSA4LjUiIHN0cm9rZT0iI0ZGRTdDRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2LjUgMy41VjE3LjUiIHN0cm9rZT0iI0ZGRTdDRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF80MzZfMTAyIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41MDAwMzEgMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  width: 32px;
  height: 32px;
  display: block;
  background-repeat: no-repeat;
}
.psybrarian-wrapper .psybrarian-ticket-wrapper .container .psybrarian-form-modal {
  display: none;
}
.psybrarian-wrapper .psybrarian-ticket-wrapper .container .gspb_slidingPanel-wrap .fluentform .ff_submit_btn_wrapper .ff-btn-submit {
  background-color: #2F257D;
  font-size: var(--text-m);
  color: #FFE7CE;
  border-radius: 40px;
  font-family: var(--font-secondary);
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  /* light thumb for dark bg */
  border-radius: 10px;
  border: 1px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

/*# sourceMappingURL=index.css.map*/