.index-stories-section{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.index-stories-section__title{color:#868994;font-family:var(--font-text);font-size:15px;font-weight:500;line-height:normal;margin:0;text-transform:uppercase}.index-stories{align-items:center;display:flex;gap:24px}.index-stories__item{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:0;width:80px}.index-stories__item--skeleton{cursor:default;pointer-events:none}.index-stories__avatar{flex-shrink:0;height:56px;position:relative;width:56px}.index-stories__ring{border-radius:100px;box-shadow:0 1px 1px #0000000f;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute}.index-stories__ring:before{animation:index-stories-spin 2.8s linear infinite;background:conic-gradient(from 0deg,#483dfc,#8b7cff,#67e8f9,#c4b5fd,#483dfc 1turn);content:"";top:-50%;right:-50%;bottom:-50%;left:-50%;position:absolute}.index-stories__ring--viewed{box-shadow:none}.index-stories__ring--viewed:before{animation:none;background:#d8d8dc;top:0;right:0;bottom:0;left:0}.index-stories__inner{align-items:center;background:#fff;border-radius:100px;display:flex;top:2px;right:2px;bottom:2px;left:2px;justify-content:center;overflow:hidden;position:absolute;z-index:1}.index-stories__inner img{border-radius:5px;height:44px;-o-object-fit:cover;object-fit:cover;width:44px}.index-stories__name{color:#000;font-family:var(--font-heading);font-feature-settings:"lnum" 1,"pnum" 1;font-size:15px;font-weight:600;line-height:normal;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@keyframes index-stories-spin{to{transform:rotate(1turn)}}.index-stories-section--mobile{align-items:stretch;box-sizing:border-box;gap:0;max-width:100%;min-width:0;overflow:hidden;padding-inline:16px;width:100%}.index-stories-section--mobile .index-stories{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:16px;justify-content:flex-start;margin:0;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 0 4px;width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-padding-inline:16px;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x}.index-stories-section--mobile .index-stories::-webkit-scrollbar{display:none}.index-stories-section--mobile .index-stories--fit{align-items:start;display:grid;gap:0;grid-template-columns:repeat(var(--stories-count,5),minmax(0,1fr));overflow:hidden;scroll-snap-type:none}.index-stories-section--mobile .index-stories__item{align-items:center;flex:0 0 60px;gap:8px;justify-content:flex-start;min-width:60px;scroll-snap-align:start;width:60px}.index-stories-section--mobile .index-stories--fit .index-stories__item{margin-inline:auto;min-width:0;scroll-snap-align:unset;width:60px}.index-stories-section--mobile .index-stories__avatar{display:block;flex-shrink:0;height:60px;width:60px}.index-stories-section--mobile .index-stories__inner img{height:48px;width:48px}.index-stories-section--mobile .index-stories__ring--viewed:before{background:#ffffff59}.index-stories-section--mobile .index-stories__name{color:#fff;display:block;font-family:Manrope,var(--font-text),sans-serif;font-size:13px;font-weight:500;letter-spacing:0;line-height:100%;margin:0;max-width:60px;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:60px}.dark .index-stories-section:not(.index-stories-section--mobile) .index-stories__inner{background:#232323}.dark .index-stories-section:not(.index-stories-section--mobile) .index-stories__name{color:#fff}.dark .index-stories-section:not(.index-stories-section--mobile) .index-stories__ring--viewed:before{background:#3a3a3e}