.tot-gate{display:none}html[data-season=halloween] .tot-gate{display:contents}.tot-story{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;margin:0;padding:0}.tot-story:focus-visible{outline-offset:2px;outline:2px solid #fff}.tot-story .story-circle-avatar,.tot-story .story-circle-avatar-inner,.tot-story .story-circle-name{display:block}.tot-story .story-circle-avatar{isolation:isolate;position:relative}.tot-story-art{background:var(--hw-night,#12091c) center / cover no-repeat;border-radius:50%;width:100%;height:100%;display:block;position:relative;overflow:hidden}.tot-story-art:after{content:"";opacity:0;background:50%/cover no-repeat;position:absolute;inset:0}html[data-season=halloween] .tot-story-art{background-image:url(/seasonal/halloween/treat-lit.svg)}html[data-season=halloween] .tot-story-art:after{background-image:url(/seasonal/halloween/treat-out.svg)}.tot-story[data-state=done] .tot-story-art:after{opacity:1}@media (prefers-reduced-motion:no-preference){.tot-story-art:after{transition:opacity .7s}}.tot-story .story-circle-name{width:80px;max-width:none;color:var(--hw-amber,#fcd34d);margin-inline:-3px}html[data-season=halloween] .tot-story[data-state=done] .story-circle-avatar{background:#ffffff2e}html[data-season=halloween] .tot-story[data-state=done] .story-circle-avatar:after{content:none}.tot-story[data-state=done] .story-circle-name{color:var(--text-secondary)}.tot-story-streak{z-index:1;border:3px solid var(--bg);color:#1c0b02;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;background:#f59e0b;border-radius:999px;min-width:22px;height:22px;padding:0 5px;font-size:11px;font-weight:700;line-height:16px;position:absolute;bottom:-2px;right:-2px}html[data-season=halloween] .tot-gate:nth-child(3n+2) .tot-story .story-circle-avatar:after{background-image:url(/seasonal/halloween/story-drips-b.svg)}html[data-season=halloween] .tot-gate:nth-child(3n) .tot-story .story-circle-avatar:after{background-image:url(/seasonal/halloween/story-drips-c.svg)}@media (prefers-reduced-motion:no-preference){html[data-season=halloween] .tot-gate:nth-child(2) .tot-story .story-circle-avatar:after{animation-delay:.49s}html[data-season=halloween] .tot-gate:nth-child(3) .tot-story .story-circle-avatar:after{animation-delay:.58s}}@media (max-width:380px){.tot-story .story-circle-name{width:72px;margin-inline:-4px}.tot-story-streak{min-width:18px;height:18px;padding:0 3px;font-size:10px;line-height:12px}}