.mh-stories{width:100%;margin:18px 0;font-family:inherit}
.mh-stories__track{display:flex;gap:14px;overflow-x:auto;padding:8px 4px 12px;scrollbar-width:none}
.mh-stories__track::-webkit-scrollbar{display:none}
.mh-story-card{border:0;background:transparent;padding:0;min-width:78px;cursor:pointer;text-align:center;color:inherit}
.mh-story-card__ring{display:block;width:68px;height:68px;margin:auto;padding:3px;border-radius:50%;background:linear-gradient(135deg,#d4a017,#f1c75b,#111)}
.mh-story-card__ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;border:3px solid #fff}
.mh-story-card__title{display:block;font-size:12px;line-height:1.5;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-story-viewer{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center}
.mh-story-viewer[hidden]{display:none}
.mh-story-content{position:relative;width:min(430px,100vw);height:min(760px,100vh);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:#111}
.mh-story-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mh-story-caption{position:relative;width:100%;padding:70px 22px 28px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85));z-index:2}
.mh-story-title{margin:0 0 7px;font-size:19px}
.mh-story-text{margin:0;line-height:1.8;font-size:14px;white-space:pre-wrap}
.mh-story-link{display:inline-block;margin-top:12px;padding:7px 14px;border-radius:18px;background:#d4a017;color:#111;text-decoration:none;font-weight:700}
.mh-story-close,.mh-story-prev,.mh-story-next{position:absolute;z-index:5;border:0;background:rgba(0,0,0,.45);color:#fff;cursor:pointer}
.mh-story-close{top:18px;right:18px;width:40px;height:40px;border-radius:50%;font-size:30px;line-height:35px}
.mh-story-prev,.mh-story-next{top:50%;transform:translateY(-50%);width:44px;height:70px;font-size:45px;background:transparent}
.mh-story-prev{right:calc(50% + 215px)}
.mh-story-next{left:calc(50% + 215px)}
.mh-story-progress{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:min(390px,calc(100vw - 30px));height:3px;background:rgba(255,255,255,.35);z-index:6;border-radius:3px;overflow:hidden}
.mh-story-progress:after{content:"";display:block;height:100%;width:0;background:#fff}
@media(max-width:600px){
 .mh-story-content{width:100vw;height:100vh}
 .mh-story-prev{right:4px}.mh-story-next{left:4px}
 .mh-story-caption{padding-bottom:34px}
}