.stories-ring[data-v-f00cf3c9]{width:var(--ring-container-size);height:var(--ring-container-size);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.stories-ring[data-v-f00cf3c9]:focus-visible{outline-offset:4px;border-radius:50%;outline:2px solid #eab30899}.stories-ring__skeleton[data-v-f00cf3c9]{width:var(--ring-container-size)!important;height:var(--ring-container-size)!important;background:linear-gradient(135deg,#1c1917e6,#29252499 50%,#1c1917e6)!important;border-radius:50%!important}.stories-ring__svg[data-v-f00cf3c9]{width:100%;height:100%;position:absolute;inset:0}.stories-ring__svg--animated[data-v-f00cf3c9]{will-change:transform;animation:3s linear infinite ring-rotate-f00cf3c9}.stories-ring--unviewed[data-v-f00cf3c9]:before{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 6px #fbbf2466}.stories-ring__svg--viewed[data-v-f00cf3c9]{opacity:.3}@keyframes ring-rotate-f00cf3c9{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.stories-ring__avatar-wrapper[data-v-f00cf3c9]{width:var(--ring-avatar-size);height:var(--ring-avatar-size);background:#0c0a09;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.stories-ring__avatar-image[data-v-f00cf3c9]{-o-object-fit:cover;object-fit:cover}.stories-ring__avatar-image[data-v-f00cf3c9],.stories-ring__fallback[data-v-f00cf3c9]{background:linear-gradient(#292524,#1c1917);border:1px solid #a8a29e1a;border-radius:50%;width:100%;height:100%}.stories-ring__fallback[data-v-f00cf3c9]{color:#a8a29e;letter-spacing:.02em;justify-content:center;align-items:center;font-weight:600;display:flex}.stories-ring--sm .stories-ring__fallback[data-v-f00cf3c9]{font-size:12px}.stories-ring--md .stories-ring__fallback[data-v-f00cf3c9]{font-size:16px}.stories-ring--lg .stories-ring__fallback[data-v-f00cf3c9]{font-size:20px}@media (hover:hover){.stories-ring--unviewed:hover .stories-ring__svg--animated[data-v-f00cf3c9]{animation-duration:2s}.stories-ring--unviewed[data-v-f00cf3c9]:hover:before{box-shadow:0 0 10px #fbbf2499}}@media (prefers-reduced-motion:reduce){.stories-ring__svg--animated[data-v-f00cf3c9]{animation:none}.stories-ring[data-v-f00cf3c9]{transition:none}}