.auto-carousel{--auto-carousel-gap:clamp(20px, 2.4vw, 32px);--auto-carousel-lift:16px;margin-top:clamp(18px,2.8vw,30px)}.auto-carousel__controls{justify-content:flex-end;gap:2px;margin-top:2px;display:flex}.auto-carousel__viewport{padding:var(--auto-carousel-lift) 0 20px;scrollbar-width:thin;scrollbar-color:var(--hp-border-strong) transparent;overscroll-behavior-inline:none;overflow-x:auto;container-type:inline-size}.auto-carousel__viewport:focus{outline:none}.auto-carousel__viewport:focus-visible{outline:2px solid var(--hp-accent);outline-offset:2px}.auto-carousel__viewport::-webkit-scrollbar{height:6px}.auto-carousel__viewport::-webkit-scrollbar-thumb{background:var(--hp-ink-sub);border-radius:3px}@media (prefers-reduced-motion:reduce){.auto-carousel__autoplay{display:none}}.auto-carousel__track{gap:var(--auto-carousel-gap);width:max-content;display:flex}.auto-carousel__track>.hp-creator-card,.auto-carousel__track>.hp-creator-card__link{flex:0 0 clamp(250px, calc(22cqi - var(--auto-carousel-gap)), 330px)}@media (max-width:860px){.auto-carousel__track>.hp-creator-card,.auto-carousel__track>.hp-creator-card__link{flex-basis:min(330px, calc(86.9565cqi - var(--auto-carousel-gap)))}}.hp-creator-card__link{color:inherit;text-decoration:none;display:flex}.hp-creator-card__link>.hp-creator-card{flex:auto;width:100%}.hp-creator-card__link:focus{outline:none}.hp-creator-card__link:focus-visible{outline:2px solid var(--hp-accent);outline-offset:3px;border-radius:4px}.auto-carousel__track .hp-creator-card__name{font-size:15px}.auto-carousel__track .hp-creator-card__headline{-webkit-line-clamp:none;line-clamp:none;min-height:3em;display:block;overflow:visible}.hp-rail__arrow{width:30px;height:30px;color:var(--hp-ink-sub);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .15s,opacity .15s;display:inline-flex}.hp-rail__arrow svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.hp-rail__arrow:hover:not(:disabled){color:var(--hp-accent)}.hp-rail__arrow:disabled{opacity:.3;cursor:default}