.mod-instance[data-inst="index-html--scrollindicator"] /* /home/norus/Documents/Vscode-Projects/site-tonoassets/modules/scroll-indicator/simple-3-4/scroll-indicator.css */
/* ==========================================================================
   Scroll Indicator — Refactored with Theme Design Tokens
   ========================================================================== */

   .scrollIndicator-scroll-indicator{
    position: absolute;
    bottom: 0.3rem; /* Intentionally hardcoded to match visual offset from edge */
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1200; /* Always on top */
    pointer-events: none;
    opacity: 1;
  }.mod-instance[data-inst="index-html--scrollindicator"] .scrollIndicator-scroll-indicator.transition-enabled{
    transition: opacity 350ms cubic-bezier(0, 0, 0.2, 1),
                transform 350ms cubic-bezier(0, 0, 0.2, 1);
  }.mod-instance[data-inst="index-html--scrollindicator"] .scrollIndicator-scroll-indicator .scrollIndicator-double-chevron{
    animation: pulse 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    stroke: #7A44C0; /* Subtle line, theme border color */
    /* Make chevrons a bit thicker while respecting theme scale */
    stroke-width: calc(1px + 1px);
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
  }@keyframes pulse {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.07); /* Soft pulse to draw attention */
    }
  }.mod-instance[data-inst="index-html--scrollindicator"] .scrollIndicator-scroll-indicator.hidden{
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -20px); /* Upward fade-out */
  }.mod-instance[data-inst="index-html--scrollindicator"] .scrollIndicator-scroll-indicator-container{
    position: relative;
    height: 0; /* Does not take space in layout */
  }.mod-instance[data-inst="index-html--scrollindicator"] .scrollIndicator-scroll-indicator.nudging .scrollIndicator-double-chevron{
    animation: none !important; /* Allow JavaScript-based animation override */
  }.mod-instance[data-inst="index-html--scrollindicator"] /* Hide scroll indicator on mobile */
  @media (max-width: 768px){
    .scrollIndicator-scroll-indicator {
      display: none !important;
    }
  }{