/* Front-end styles are intentionally scoped to this plugin. */
.scm-stories,.scm-stories *,.scm-viewer,.scm-viewer *{box-sizing:border-box}
.scm-stories{width:100%;max-width:100%;padding:9px 0;font-family:inherit}
.scm-story-rail{display:flex;flex-direction:row;align-items:flex-start;gap:17px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:none;padding:8px 8px 13px;max-width:100%}
.scm-story-rail::-webkit-scrollbar{display:none}
.scm-align-center .scm-story-rail{justify-content:safe center}
.scm-story-entry{flex:0 0 87px;min-width:0;scroll-snap-align:start}
.scm-stories button.scm-story-trigger{appearance:none;display:flex;flex-direction:column;align-items:center;gap:9px;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;cursor:pointer;width:100%;font:inherit;text-align:center;color:inherit;line-height:1.3;min-height:0;transform:none!important}
.scm-story-ring{width:83px;height:83px;flex:none;display:flex;justify-content:center;align-items:center;padding:3px;border-radius:50%;background:linear-gradient(145deg,#ff6a9d 2%,#ec387a 40%,#8a51e9 76%,#624af6);box-shadow:0 4px 15px #b957b733;transition:transform .2s ease,box-shadow .2s ease}
.scm-story-trigger:hover .scm-story-ring{transform:translateY(-3px) scale(1.035);box-shadow:0 7px 20px #a958bb44}
.scm-story-trigger:focus-visible .scm-story-ring{outline:3px solid #5c40d6;outline-offset:4px}
.scm-story-avatar{position:relative;width:100%;height:100%;display:block;border:3px solid #fff;border-radius:50%;background:linear-gradient(140deg,#d8ccf5,#f7e4f0);overflow:hidden}
.scm-story-avatar img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:block!important;border:0!important;border-radius:50%!important;object-fit:cover!important;margin:0!important;padding:0!important}
.scm-story-avatar .scm-story-thumb-video{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center;border:0!important;border-radius:50%!important;margin:0!important;padding:0!important;opacity:0;transition:opacity .2s ease;pointer-events:none}
.scm-story-avatar .scm-story-thumb-video.scm-frame-ready{opacity:1}
.scm-story-avatar-placeholder{height:100%;display:grid;place-items:center;color:#7656a8;font-size:21px}
.scm-story-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;font-size:12px;font-weight:650;line-height:1.5;word-break:break-word;text-wrap:pretty;color:inherit}
body.scm-story-open{overflow:hidden!important;touch-action:none}
.scm-viewer[hidden],.scm-viewer [hidden]{display:none!important}
.scm-viewer{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;isolation:isolate;direction:ltr;font-family:inherit;color:#fff;touch-action:pan-y}
.scm-viewer-backdrop{position:absolute;inset:0;background:rgba(8,10,21,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.scm-viewer-stage{width:min(440px,94vw,51.75dvh);aspect-ratio:9/16;max-height:92dvh;position:relative;overflow:hidden;flex:none;border-radius:16px;background:#11111d;box-shadow:0 25px 110px rgba(0,0,0,.6);outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.scm-viewer-image,.scm-viewer-video,.scm-viewer-tint,.scm-viewer-media{position:absolute;inset:0;width:100%;height:100%}
.scm-viewer-media{background:radial-gradient(circle at 24% 23%,#5d4684 0,#232036 60%,#11111b)}
.scm-viewer-image,.scm-viewer-video{display:block;object-fit:cover;object-position:center;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
.scm-viewer-video.scm-frame-loading{opacity:0}
.scm-viewer-image{animation:scm-appear .32s ease both}
.scm-viewer-tint{pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 21%,transparent 46%,rgba(0,0,0,.2) 65%,rgba(0,0,0,.83) 100%);z-index:1}
.scm-viewer-progress{position:absolute;z-index:5;top:13px;left:14px;right:14px;display:flex;gap:4px;direction:ltr}
.scm-progress-track{position:relative;height:3px;border-radius:12px;background:#ffffff61;overflow:hidden;flex:1;box-shadow:0 0 3px #0004}
.scm-progress-fill{display:block;height:100%;width:100%;background:#fff;transform-origin:left center;transform:scaleX(0);box-shadow:0 0 5px #fff5;will-change:transform}
.scm-viewer-header{position:absolute;z-index:5;top:30px;left:17px;right:13px;display:flex;align-items:center;gap:10px;direction:rtl;min-height:35px;text-shadow:0 1px 5px #0009}
.scm-viewer-avatar{width:34px!important;height:34px!important;flex:none;border:1.5px solid #ffffffbb;border-radius:50%!important;object-fit:cover!important;background:#8e70b6;box-shadow:0 2px 9px #0004;margin:0!important}
.scm-viewer-heading{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex:1}
.scm-viewer-heading strong{max-width:100%;font-size:12px;font-weight:750;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.scm-viewer-heading span{font-size:10px;color:#ffffffba;font-weight:450}
.scm-viewer button.scm-icon-button{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;background:#0a0a1538!important;border:1px solid #ffffff33!important;border-radius:50%!important;color:#fff!important;box-shadow:none!important;cursor:pointer;padding:0!important;min-height:0;line-height:1}
.scm-icon-button svg{height:18px;width:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.scm-viewer .scm-icon-button:hover{background:#ffffff33!important}
.scm-viewer button:focus-visible,.scm-viewer a:focus-visible{outline:3px solid #ffffffd9!important;outline-offset:3px}
.scm-viewer-nav{position:absolute;top:27%;bottom:26%;width:34%;z-index:3;appearance:none;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;cursor:pointer;border-radius:0!important;display:flex;align-items:center;min-height:0}
.scm-viewer-nav.scm-prev{left:0;justify-content:flex-start;padding-left:14px!important}
.scm-viewer-nav.scm-next{right:0;justify-content:flex-end;padding-right:14px!important}
.scm-nav-chevron{display:grid;place-items:center;width:28px;height:28px;background:#0005;border:1px solid #ffffff3d;border-radius:50%;opacity:0;transition:opacity .2s}
.scm-nav-chevron svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.scm-viewer-stage:hover .scm-nav-chevron,.scm-viewer-nav:focus-visible .scm-nav-chevron{opacity:1}
.scm-viewer-caption{position:absolute;z-index:4;bottom:97px;right:24px;left:24px;direction:rtl;text-align:right;pointer-events:none}
.scm-viewer-eyebrow{font-size:10px;font-weight:700;letter-spacing:.4px;color:#f1c9ff;display:inline-block;margin-bottom:9px;text-shadow:0 1px 9px #0008}
.scm-viewer-title{font-size:clamp(20px,3.7vh,30px);line-height:1.5;font-weight:850;letter-spacing:-.5px;margin:0 0 6px;color:#fff!important;text-shadow:0 2px 15px #000b;overflow-wrap:anywhere}
.scm-viewer-subtitle{font-size:13px;line-height:1.85;max-height:84px;overflow:hidden;color:#f7f7ffd9;text-shadow:0 1px 8px #000c;margin:0}
.scm-viewer a.scm-viewer-cta{position:absolute;z-index:6;bottom:27px;left:22px;right:22px;display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:10px 18px;background:#fff!important;color:#231738!important;border:1px solid #ffffffbb!important;border-radius:13px!important;box-shadow:0 9px 35px #05030d65!important;font-weight:800;font-size:14px;line-height:1.5;text-decoration:none!important;text-align:center;transition:transform .2s,background .2s;direction:rtl}
.scm-viewer a.scm-viewer-cta:hover{background:#f3ebff!important;transform:translateY(-2px)}
.scm-viewer-cta svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.scm-viewer-stage.scm-no-cta .scm-viewer-caption{bottom:32px}
.scm-viewer-center{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);display:none;align-items:center;justify-content:center;border-radius:50%;height:66px;width:66px;background:#0806146b;backdrop-filter:blur(6px);pointer-events:none}
.scm-viewer-center svg{height:30px;width:30px;fill:white;stroke:white;stroke-width:1.5}
.scm-viewer-stage.scm-paused .scm-viewer-center{display:flex}
.scm-viewer-notice{position:absolute;z-index:7;top:57%;left:18%;right:18%;color:white;text-align:center;line-height:1.7;font-size:12px;padding:12px 13px;border-radius:10px;background:#13111acc;pointer-events:none}
.scm-viewer-attribution{position:absolute;left:14px;bottom:3px;z-index:7;font-size:9px;color:#ffffff65;direction:ltr;pointer-events:none;opacity:0}
@keyframes scm-appear{from{opacity:.6;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(max-width:600px){.scm-story-rail{gap:10px;padding:6px 6px 10px}.scm-story-entry{flex-basis:76px}.scm-story-ring{height:72px;width:72px}.scm-story-name{font-size:11px}.scm-viewer-stage{height:100dvh;max-height:100dvh;max-width:none;width:100vw;aspect-ratio:auto;border-radius:0;box-shadow:none}.scm-viewer-backdrop{background:#090b12}.scm-viewer-progress{top:calc(11px + env(safe-area-inset-top,0px));left:11px;right:11px}.scm-viewer-header{top:calc(26px + env(safe-area-inset-top,0px));left:15px;right:12px}.scm-viewer a.scm-viewer-cta{bottom:calc(22px + env(safe-area-inset-bottom,0px));right:17px;left:17px;border-radius:12px!important;min-height:53px}.scm-viewer-caption{bottom:calc(100px + env(safe-area-inset-bottom,0px));right:22px;left:22px}.scm-viewer-stage.scm-no-cta .scm-viewer-caption{bottom:calc(37px + env(safe-area-inset-bottom,0px))}.scm-nav-chevron{opacity:0!important}}
@media(prefers-reduced-motion:reduce){.scm-viewer-image{animation:none}.scm-story-ring,.scm-viewer-cta,.scm-nav-chevron{transition:none!important}}
.scm-story-seen .scm-story-ring{background:linear-gradient(140deg,#a5a7b2,#c4c5ce);box-shadow:0 3px 12px #16162418}
