/* Add any additional styles here if needed */

  html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
  
  body {
    min-height: 100vh;
    overflow-y: auto;
  }
  
  .perspective-container.svelte-bj90ov {
    position: relative;
    min-height: 100vh;
    perspective: 1800px;
    overflow-x: hidden;
  }

  .content-wrapper.svelte-bj90ov {
    position: relative;
    min-height: 100vh;
    background-color: #fff;
    transition: all 0.2s linear;
    transform: rotateY(0deg) translateX(0);
    overflow-y: auto;
    overflow-x: hidden;
  }

  /* Add styles to hide scrollbar when drawer is open */
  .content-wrapper.hide-scrollbar.svelte-bj90ov {
    padding-right: 17px; /* Compensate for scrollbar width */
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
  }

  .content-wrapper.hide-scrollbar.svelte-bj90ov::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
  }

  .pulse-dot.svelte-bj90ov {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #22c55e;
    animation: svelte-bj90ov-pulse 1s ease-in-out infinite;
  }
  
  .pulsating-logo.svelte-bj90ov {
    animation: svelte-bj90ov-logo-pulse 1.5s ease-in-out infinite;
  }
  
  @keyframes svelte-bj90ov-logo-pulse {
    0% {
      transform: scale(0.95);
      opacity: 0.7;
    }
    50% {
      transform: scale(1.05);
      opacity: 1;
    }
    100% {
      transform: scale(0.95);
      opacity: 0.7;
    }
  }
  
  @keyframes svelte-bj90ov-pulse {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
    }
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 4px rgba(34, 197, 94, 0);
    }
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
    }
  }
  
  @keyframes svelte-bj90ov-ripple {
    0% {
      box-shadow: 0 0 0 0 rgba(251, 201, 24, 0.6), 0 0 0 0 rgba(251, 201, 24, 0.3);
      transform: scale(1);
    }
    15% {
      box-shadow: 0 0 0 3px rgba(251, 201, 24, 0.5), 0 0 0 1px rgba(251, 201, 24, 0.25);
      transform: scale(1.08);
    }
    30% {
      box-shadow: 0 0 0 5px rgba(251, 201, 24, 0.4), 0 0 0 3px rgba(251, 201, 24, 0.2);
      transform: scale(1);
    }
    45% {
      box-shadow: 0 0 0 8px rgba(251, 201, 24, 0.3), 0 0 0 5px rgba(251, 201, 24, 0.15);
      transform: scale(1.12);
    }
    60% {
      box-shadow: 0 0 0 12px rgba(251, 201, 24, 0.2), 0 0 0 9px rgba(251, 201, 24, 0.1);
      transform: scale(1.03);
    }
    75% {
      box-shadow: 0 0 0 15px rgba(251, 201, 24, 0.1), 0 0 0 12px rgba(251, 201, 24, 0.05);
      transform: scale(1);
    }
    90% {
      box-shadow: 0 0 0 18px rgba(251, 201, 24, 0), 0 0 0 15px rgba(251, 201, 24, 0);
      transform: scale(1);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(251, 201, 24, 0), 0 0 0 0 rgba(251, 201, 24, 0);
      transform: scale(1);
    }
  }
  
  @keyframes svelte-bj90ov-pulse-subtle {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.05);
    }
    100% {
      transform: scale(1);
    }
  }
  
  .slide-in-divider.svelte-bj90ov {
    animation: svelte-bj90ov-slide-in 0.5s ease-out forwards;
    transform-origin: top;
  }

  @keyframes svelte-bj90ov-slide-in {
    from {
      transform: scaleY(0);
    }
    to {
      transform: scaleY(1);
    }
  }
  
  /* (unused) .tooltip-container {
    position: relative;
  }*/
  
  /* (unused) .tooltip {
    visibility: hidden;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    background-color: #FBC918;
    color: black;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    white-space: nowrap;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    z-index: 30;
  }*/
  
  /* (unused) .tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #FBC918 transparent transparent transparent;
  }*/
  
  /* (unused) .tooltip-container:hover .tooltip {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(-100%);
  }*/

  .slide-in-details.svelte-bj90ov {
    animation: svelte-bj90ov-slide-in-right 0.4s ease-out forwards;
    transform-origin: right;
  }

  @keyframes svelte-bj90ov-slide-in-right {
    from {
      transform: translateX(100%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

  .card-image.svelte-bj90ov {
    transition: all 0.3s ease-in-out;
    image-rendering: high-quality;
    image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
    transform: translateZ(0);
  }
  
  .subtle-overlay.svelte-bj90ov {
    filter: brightness(0.96) contrast(0.95) !important;
    opacity: 0.95 !important;
  }

  .drawer-overlay.svelte-bj90ov {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 25;
    transition: opacity 0.2s ease-in-out;
    pointer-events: auto;
    overflow: hidden;
  }

  .filter-tab.svelte-bj90ov {
    border-radius: 8px 0 0 8px;
    border-right: none;
    min-height: 50px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }