.story-covers{width:100%;max-width:100%;overflow-x:clip;padding:24px 0 20px;border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary)}.story-covers__title{margin:0 var(--side, 16px) 14px;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.story-covers__viewport{position:relative}.story-covers__track{position:relative;list-style:none;margin:0;padding:0 var(--side, 16px);display:flex;gap:var(--story-gap, 12px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--side, 16px);scrollbar-width:none;-webkit-overflow-scrolling:touch}.story-covers__track::-webkit-scrollbar{display:none}.story-covers__slot{position:relative;flex:0 0 var(--story-size-m, 104px);width:var(--story-size-m, 104px);scroll-snap-align:start}.story-covers__slot>*{width:100%}.story-covers__arrow{display:none;position:absolute;top:calc(var(--story-size, 170px) / 2);transform:translateY(-50%);z-index:2;width:36px;height:36px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;align-items:center;justify-content:center;padding:0;transition:opacity .16s ease}.story-covers__arrow svg{width:18px;height:18px}.story-covers__arrow:disabled{opacity:0;pointer-events:none}.story-covers__arrow--prev{left:8px}.story-covers__arrow--next{right:8px}@media(min-width:1024px){.story-covers{padding:36px 0 28px}.story-covers__title{margin-bottom:18px;font-size:18px}.story-covers__slot{flex-basis:var(--story-size, 170px);width:var(--story-size, 170px)}.story-covers__arrow{display:inline-flex}.story-covers--wrap .story-covers__track{flex-wrap:wrap;justify-content:center;overflow:visible}.story-covers--wrap .story-covers__arrow{display:none}}.story-cover{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;color:var(--color-text-primary);text-decoration:none}.story-cover__frame{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--story-radius, 0px);background:var(--color-surface-alt)}.story-covers--circle .story-cover__frame{border-radius:50%;padding:3px;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line)}.story-covers--circle .story-cover__img{border-radius:50%;object-position:50% 20%}.story-cover__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.story-cover__img--empty{background:var(--color-surface-alt)}.story-cover:hover .story-cover__img{transform:scale(1.05)}.story-cover:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.story-cover__label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;line-height:1.3;overflow-wrap:anywhere}.story-cover__label--sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.story-cover__img{transition:none}.story-cover:hover .story-cover__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-story-covers.css.map */