/* ==========================================================================
      Layout
      ========================================================================== */
   
   .panel-container {
       max-width: var(--max-content-width);
       margin: 0 auto;
       padding-bottom: var(--footer-height);
       width: 100%;
       height: 100%;
       overflow-y: scroll;
       -webkit-overflow-scrolling: touch;
       scroll-behavior: smooth;
       background: #000;
       position: relative;
   }
   
   .panel-container::before {
       content: '';
       position: absolute;
       left: 50%;
       transform: translateX(-50%);
       width: 100vw;
       height: 4px;
       background: #fff;
       opacity: 0;
       pointer-events: none;
       z-index: 1000;
   }

   .panel-container.scrolled-to-top::before {
       animation: fadeInOut 1.0s ease-out forwards;
   }

   .main-slider {
     width: 100vw;
     height: 100vh;
     overflow: hidden;
     position: relative;
   }
   
   .slider-track {
     display: flex;
     width: 300vw;
     height: 100%;
     transition: transform 0.5s cubic-bezier(0.34, 1.2, 0.64, 1);
   }
   
   .slider-panel {
     width: 100vw;
     height: 100vh;
     flex-shrink: 0;
     overflow-y: auto;
     background: #000;
   }