.mmis-stories,
.mmis-stories *,
.mmis-viewer,
.mmis-viewer *{box-sizing:border-box!important}
.mmis-stories{width:100%!important;direction:rtl!important;font-family:inherit!important;display:block!important;position:relative!important;overflow:hidden!important}
.mmis-stories__rail{width:100%!important;display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px 2px 14px!important;margin:0!important;list-style:none!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}
.mmis-story{width:96px!important;min-width:96px!important;max-width:96px!important;padding:0!important;margin:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;text-align:center!important;font-family:inherit!important;appearance:none!important;-webkit-appearance:none!important;transition:opacity .45s ease,filter .45s ease,transform .45s cubic-bezier(.22,1,.36,1)!important}
.mmis-story:hover,.mmis-story:focus,.mmis-story:active{background:transparent!important;box-shadow:none!important;outline:0!important;border:0!important}
.mmis-story:hover{transform:translateY(-2px)!important}
.mmis-story__ring{width:86px!important;height:86px!important;min-width:86px!important;min-height:86px!important;max-width:86px!important;max-height:86px!important;border-radius:999px!important;padding:3px!important;background:conic-gradient(from 0deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75)!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 86px!important;transform:none!important;animation:none!important;transition:filter .35s ease,opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)!important}
.mmis-story:hover .mmis-story__ring{transform:none!important;animation:none!important;filter:saturate(1.12)!important}
.mmis-story.is-active .mmis-story__ring{animation:mmisActiveStoryRingRotate 1.05s linear infinite!important;filter:saturate(1.18)!important}
.mmis-story.is-viewed{opacity:.48!important;filter:grayscale(.78) saturate(.55)!important}
.mmis-story.is-viewed:hover{opacity:.75!important;filter:grayscale(.35) saturate(.8)!important}
.mmis-story.is-viewed .mmis-story__ring{background:#cbd5e1!important}
.mmis-story.is-viewed .mmis-story__title{color:#64748b!important}
.mmis-story.is-viewed.is-active,.mmis-story.is-active{opacity:1!important;filter:none!important;transform:translateY(-3px) scale(1.015)!important}
.mmis-story.is-viewed.is-active .mmis-story__ring{background:conic-gradient(from 0deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75)!important}
.mmis-story.is-active .mmis-story__title{color:#111827!important;font-weight:700!important}
.mmis-story__avatar{width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important;max-width:78px!important;max-height:78px!important;border-radius:999px!important;overflow:hidden!important;background:#111827!important;border:3px solid #fff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 78px!important}
.mmis-story__avatar img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border:0!important;border-radius:999px!important;box-shadow:none!important;margin:0!important;padding:0!important}
.mmis-story__video-placeholder{width:100%!important;height:100%!important;color:#fff!important;font-size:18px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mmis-story__title{width:100%!important;max-width:96px!important;color:#1f2937!important;font-size:12px!important;font-weight:500!important;line-height:1.5!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;margin:0!important;padding:0!important;transition:color .35s ease,font-weight .35s ease!important}
.mmis-viewer{position:fixed!important;inset:0!important;z-index:999999!important;display:none!important;align-items:center!important;justify-content:center!important;direction:rtl!important;font-family:inherit!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;background:transparent!important;transition:opacity .35s ease,visibility .35s ease!important}
.mmis-viewer.is-open{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.mmis-viewer__backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.86)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;transition:opacity .35s ease!important}
.mmis-viewer__panel{position:relative!important;width:min(430px,calc(100vw - 24px))!important;height:min(760px,calc(100vh - 32px))!important;border-radius:28px!important;overflow:hidden!important;background:#050505!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important;z-index:2!important;transform:translateY(18px) scale(.985)!important;opacity:0!important;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .35s ease!important}
.mmis-viewer.is-open .mmis-viewer__panel{transform:translateY(0) scale(1)!important;opacity:1!important}
.mmis-viewer__top{position:absolute!important;top:0!important;right:0!important;left:0!important;z-index:5!important;padding:12px 12px 0!important;background:linear-gradient(to bottom,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 48%,rgba(0,0,0,0) 100%)!important}
.mmis-viewer__progress{display:flex!important;align-items:center!important;gap:4px!important;direction:rtl!important;margin-bottom:12px!important}
.mmis-viewer__progress-item{position:relative!important;flex:1!important;height:3px!important;border-radius:999px!important;overflow:hidden!important;background:rgba(255,255,255,.36)!important}
.mmis-viewer__progress-fill{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:0;background:#fff!important;border-radius:inherit!important;transition:width .12s linear!important}
.mmis-viewer__progress-item.is-done .mmis-viewer__progress-fill{width:100%!important}
.mmis-viewer.is-paused .mmis-viewer__progress-fill{opacity:.72!important}
.mmis-viewer__head{display:flex!important;align-items:center!important;gap:9px!important}
.mmis-viewer__avatar{width:34px!important;height:34px!important;border-radius:999px!important;padding:2px!important;background:conic-gradient(#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75)!important;flex:0 0 auto!important}
.mmis-viewer__avatar span{display:block!important;width:100%!important;height:100%!important;border-radius:inherit!important;background-color:#111827!important;background-size:cover!important;background-position:center!important;border:2px solid #050505!important}
.mmis-viewer__title{flex:1!important;color:#fff!important;font-size:14px!important;font-weight:700!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;text-align:right!important}
.mmis-viewer__close{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(0,0,0,.34)!important;color:#fff!important;border-radius:999px!important;cursor:pointer!important;font-size:0!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important;position:relative!important;padding:0!important;margin:0!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:transform .25s ease,background .25s ease,box-shadow .25s ease!important}
.mmis-viewer__close::before,.mmis-viewer__close::after{content:""!important;position:absolute!important;width:15px!important;height:2px!important;border-radius:999px!important;background:#fff!important;top:50%!important;left:50%!important;transform-origin:center!important}
.mmis-viewer__close::before{transform:translate(-50%,-50%) rotate(45deg)!important}
.mmis-viewer__close::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
.mmis-viewer__close:hover,.mmis-viewer__close:focus{background:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.32)!important;outline:0!important;transform:scale(1.04)!important}
.mmis-viewer__body{position:absolute!important;inset:0!important;z-index:1!important;background:#000!important;opacity:0!important;transform:scale(1.015)!important;transition:opacity .34s ease,transform .5s cubic-bezier(.22,1,.36,1)!important;will-change:opacity,transform!important}
.mmis-viewer__body.is-visible{opacity:1!important;transform:scale(1)!important}
.mmis-viewer__body img,.mmis-viewer__body video{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;background:#000!important;border:0!important;margin:0!important;padding:0!important;box-shadow:none!important;user-select:none!important;-webkit-user-drag:none!important;transition:opacity .34s ease,transform .55s cubic-bezier(.22,1,.36,1)!important;will-change:opacity,transform!important}
.mmis-viewer.is-paused .mmis-viewer__panel::after{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:rgba(0,0,0,.025)!important}
.mmis-viewer__nav{position:absolute!important;top:92px!important;bottom:86px!important;width:42%!important;border:0!important;background:transparent!important;z-index:3!important;cursor:pointer!important;box-shadow:none!important;outline:0!important;padding:0!important;margin:0!important}
.mmis-viewer__nav:hover,.mmis-viewer__nav:focus,.mmis-viewer__nav:active{background:transparent!important;box-shadow:none!important;outline:0!important}
.mmis-viewer__nav--prev{right:0!important;left:auto!important}.mmis-viewer__nav--next{left:0!important;right:auto!important}
.mmis-viewer__side-btn{position:fixed!important;top:50%!important;z-index:6!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;background:rgba(0,0,0,.42)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;margin:0!important;box-shadow:0 14px 34px rgba(0,0,0,.32)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-50%) scale(.92)!important;transition:opacity .32s ease,visibility .32s ease,transform .32s cubic-bezier(.22,1,.36,1),background .25s ease,border-color .25s ease!important}
.mmis-viewer.is-open .mmis-viewer__side-btn{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(-50%) scale(1)!important}
.mmis-viewer__side-btn:hover,.mmis-viewer__side-btn:focus{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.28)!important;outline:0!important;transform:translateY(-50%) scale(1.06)!important}
.mmis-viewer__side-btn span{width:13px!important;height:13px!important;display:block!important;border-top:2px solid #fff!important;border-right:2px solid #fff!important}
.mmis-viewer__side-btn--prev{right:calc(50% - 288px)!important;left:auto!important}.mmis-viewer__side-btn--prev span{transform:rotate(45deg)!important;margin-left:-3px!important}
.mmis-viewer__side-btn--next{left:calc(50% - 288px)!important;right:auto!important}.mmis-viewer__side-btn--next span{transform:rotate(-135deg)!important;margin-right:-3px!important}
.mmis-viewer__link{position:absolute!important;right:50%!important;bottom:18px!important;transform:translateX(50%)!important;z-index:5!important;min-width:150px!important;height:44px!important;padding:0 20px!important;border-radius:999px!important;color:#111827!important;background:rgba(255,255,255,.94)!important;text-decoration:none!important;display:none!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:800!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1),background .25s ease!important}
.mmis-viewer__link:hover,.mmis-viewer__link:focus{color:#111827!important;background:#fff!important;text-decoration:none!important;outline:0!important}.mmis-viewer__link.is-visible{display:inline-flex!important;animation:mmisLinkSoftIn .35s ease both!important}
body.mmis-viewer-open{overflow:hidden!important}
@keyframes mmisActiveStoryRingRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes mmisLinkSoftIn{from{opacity:0;transform:translateX(50%) translateY(8px)}to{opacity:1;transform:translateX(50%) translateY(0)}}
@media (max-width:600px){html.mmis-html-lock,body.mmis-viewer-open{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}.mmis-stories{overflow:hidden!important}.mmis-stories__rail{gap:12px!important;padding:8px 2px 12px!important;scrollbar-width:none!important}.mmis-stories__rail::-webkit-scrollbar{display:none!important}.mmis-story{width:92px!important;min-width:92px!important;max-width:92px!important;gap:6px!important}.mmis-story:hover{transform:none!important}.mmis-story__ring{width:84px!important;height:84px!important;min-width:84px!important;min-height:84px!important;max-width:84px!important;max-height:84px!important;flex-basis:84px!important;padding:3px!important}.mmis-story__avatar{width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;max-width:76px!important;max-height:76px!important;flex-basis:76px!important;border-width:3px!important}.mmis-story__title{max-width:92px!important;font-size:12px!important;line-height:1.45!important}.mmis-viewer{align-items:stretch!important;justify-content:stretch!important;background:#000!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}.mmis-viewer__backdrop{background:#000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.mmis-viewer__panel{width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;border-radius:0!important;box-shadow:none!important;background:#000!important;transform:none!important;opacity:1!important;touch-action:none!important;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .28s ease!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform-style:preserve-3d!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}@supports not (height:100dvh){.mmis-viewer__panel{height:100vh!important;min-height:100vh!important;max-height:100vh!important}}.mmis-viewer.is-open .mmis-viewer__panel{transform:none!important;opacity:1!important}.mmis-viewer__top{padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 0 10px!important;z-index:8!important;background:linear-gradient(to bottom,rgba(0,0,0,.74) 0%,rgba(0,0,0,.42) 48%,rgba(0,0,0,0) 100%)!important}.mmis-viewer__progress{gap:3px!important;margin-bottom:10px!important}.mmis-viewer__progress-item{height:2.5px!important;background:rgba(255,255,255,.38)!important}.mmis-viewer__head{min-height:36px!important;gap:8px!important}.mmis-viewer__avatar{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:2px!important}.mmis-viewer__avatar span{border-width:2px!important}.mmis-viewer__title{font-size:13px!important;font-weight:700!important;color:#fff!important}.mmis-viewer__close{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;background:rgba(0,0,0,.28)!important;border-color:rgba(255,255,255,.16)!important;box-shadow:none!important}.mmis-viewer__close::before,.mmis-viewer__close::after{width:16px!important;height:2px!important}.mmis-viewer__body{inset:0!important;background:#000!important;opacity:0!important;transform:translateX(0) scale(.992)!important;transition:opacity .34s ease,transform .42s cubic-bezier(.22,1,.36,1)!important;will-change:opacity,transform!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform-style:preserve-3d!important;display:flex!important;align-items:center!important;justify-content:center!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}.mmis-viewer__body.mmis-anim-next{transform:translateX(-28px) scale(.992)!important}.mmis-viewer__body.mmis-anim-prev{transform:translateX(28px) scale(.992)!important}.mmis-viewer__body.is-visible{opacity:1!important;transform:translateX(0) scale(1)!important}.mmis-viewer__body img,.mmis-viewer__body video{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;object-fit:contain!important;object-position:center center!important;background:#000!important;border:0!important;margin:0!important;padding:0!important;box-shadow:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;user-drag:none!important;pointer-events:none!important;-webkit-tap-highlight-color:transparent!important;transition:opacity .34s ease,transform .48s cubic-bezier(.22,1,.36,1)!important;will-change:opacity,transform!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform-style:preserve-3d!important}@supports not (height:100dvh){.mmis-viewer__body img,.mmis-viewer__body video{height:100vh!important;max-height:100vh!important}}.mmis-viewer.is-paused .mmis-viewer__body img,.mmis-viewer.is-paused .mmis-viewer__body video{transform:scale(1.006)!important}.mmis-viewer__side-btn{display:none!important}.mmis-viewer__nav{top:86px!important;bottom:78px!important;width:46%!important;z-index:4!important;background:transparent!important;-webkit-tap-highlight-color:transparent!important;touch-action:none!important}.mmis-viewer__nav--prev{right:0!important;left:auto!important}.mmis-viewer__nav--next{left:0!important;right:auto!important}.mmis-viewer__link{bottom:calc(env(safe-area-inset-bottom,0px) + 22px)!important;min-width:142px!important;height:42px!important;padding:0 18px!important;font-size:12px!important;z-index:7!important;background:rgba(255,255,255,.94)!important}}

/* =========================
   MMIS Loading / Caption / Video Time
   Added in latest build
========================= */

.mmis-viewer__loader {
    position: absolute !important;
    inset: 0 !important;
    z-index: 9 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    background: rgba(0,0,0,0.12) !important;
}

.mmis-viewer.is-loading .mmis-viewer__loader {
    display: flex !important;
}

.mmis-viewer__loader span {
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    border: 3px solid rgba(255,255,255,0.28) !important;
    border-top-color: #fff !important;
    display: block !important;
    animation: mmisLoaderRotate 0.8s linear infinite !important;
}

.mmis-viewer.is-loading .mmis-viewer__progress-fill {
    width: 0 !important;
}

.mmis-viewer__video-time {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    height: 30px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: rgba(0,0,0,0.34) !important;
    border: 1px solid rgba(255,255,255,0.16) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    direction: ltr !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.mmis-viewer__video-time.is-visible {
    display: inline-flex !important;
}

.mmis-viewer__caption {
    position: absolute !important;
    right: 16px !important;
    left: 16px !important;
    bottom: 78px !important;
    z-index: 7 !important;
    display: none !important;
    max-height: 80px !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    background: rgba(0,0,0,0.48) !important;
    color: #fff !important;
    box-shadow: 0 14px 36px rgba(0,0,0,0.22) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    overflow: hidden !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition:
        max-height 0.36s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.28s ease,
        transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
        border-radius 0.28s ease !important;
}

.mmis-viewer__caption.is-visible {
    display: block !important;
}

.mmis-viewer__caption.is-expanded {
    max-height: 46vh !important;
    overflow-y: auto !important;
    background: rgba(0,0,0,0.66) !important;
    transform: translateY(-8px) !important;
    border-radius: 20px !important;
}

.mmis-viewer__caption-text {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 28px !important;
    text-align: justify !important;
    text-align-last: auto !important;
    white-space: pre-line !important;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.mmis-viewer__caption.is-expanded .mmis-viewer__caption-text {
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
}

.mmis-viewer.is-caption-expanded .mmis-viewer__nav {
    pointer-events: none !important;
}

@keyframes mmisLoaderRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media (max-width: 600px) {
    .mmis-viewer__loader span {
        width: 38px !important;
        height: 38px !important;
        border-width: 3px !important;
    }

    .mmis-viewer__video-time {
        min-width: 46px !important;
        height: 28px !important;
        padding: 0 9px !important;
        font-size: 11px !important;
    }

    .mmis-viewer__caption {
        right: 12px !important;
        left: 12px !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 78px) !important;
        max-height: 80px !important;
        padding: 11px 13px !important;
        border-radius: 17px !important;
        background: rgba(0,0,0,0.46) !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }

    .mmis-viewer__caption.is-expanded {
        max-height: 48vh !important;
        background: rgba(0,0,0,0.68) !important;
        transform: translateY(-10px) !important;
    }

    .mmis-viewer__caption-text {
        font-size: 13px !important;
        line-height: 28px !important;
        text-align: justify !important;
    }
}
