.slide-container {
        box-sizing: border-box;
        width: 100%;
        aspect-ratio: 266 / 80;
        background: linear-gradient(
          0deg,
          rgba(8, 8, 8, 0.7) 27%,
          rgba(255, 255, 255, 0.6) 100%
        );
        position: relative;
        container-type: inline-size;
      }

      .chute-container {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 7cqw 6.75cqw;
        box-sizing: border-box;
      }

      .chute {
        width: 100%;
        height: 100%;
        border-radius: 4cqw;
        background: linear-gradient(
          0deg,
          rgba(255, 255, 255, 0.1) 0%,
          rgba(0, 0, 0, 0.7) 56%
        );
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: end;
        align-items: center;
      }

      .border-gradient {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 4cqw;
        padding: 0.3cqw; /* Border thickness */
        background: linear-gradient(
          to top,
          rgba(255, 255, 255, 0.2) 0%,
          rgba(0, 0, 0, 0.8) 100%
        );
        z-index: 1;
        -webkit-mask: linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        mask-composite: exclude;
        pointer-events: none;
      }

      .slogan {
        font-family: "Helvetica Light", Helvetica, sans-serif;
        font-weight: 300;
        color: white;
        font-size: 7.8cqw;

        z-index: 2;
        background: linear-gradient(
          to right,
          #4d4d4d 0,
          white 20%,
          #4d4d4d 30%
        );
        background-size: 200% 100%;
        background-position: 100% 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        animation: shine 2s infinite linear;
        animation-fill-mode: forwards;
        -webkit-text-size-adjust: none;
        padding-right: 7cqw;
        margin: 0;
      }

      @keyframes shine {
        0% {
          background-position: 100% 0;
        }
        90% {
          background-position: -100% 0;
        }
        100% {
          background-position: -100% 0;
        }
      }

      .pillow {
        position: absolute;
        left: 1.7cqw;
        width: 21.01cqw;
        z-index: 3;
        transition: none;
        user-select: none;
        -webkit-user-drag: none;
        -webkit-user-select: none;
      }

      .pillow:active {
        cursor: grabbing;
      }