.mag777-stories,.mag777-dialog{--m777-size:82px;--m777-gap:12px;--m777-ring:#df245d;--m777-arrow-size:38px;--m777-arrow-icon:18px;--m777-arrow-radius:50%;--m777-arrow-bg:#fff;--m777-arrow-color:#222;--m777-arrow-border:#e5e7eb;--m777-arrow-hover-bg:#222;--m777-arrow-hover-color:#fff;--m777-blur:14px;font-family:inherit;box-sizing:border-box}
.mag777-stories *,.mag777-dialog *{box-sizing:border-box}
.mag777-stories{width:100%;max-width:1280px;margin:0 auto;color:#222}
.mag777-stories button,.mag777-dialog button{font-family:inherit;cursor:pointer;line-height:1.5;text-transform:none;letter-spacing:normal;box-shadow:none}
.mag777-stories button:focus-visible,.mag777-dialog button:focus-visible,.mag777-dialog a:focus-visible,.mag777-dialog input:focus-visible,.mag777-dialog textarea:focus-visible{outline:3px solid var(--m777-ring);outline-offset:3px}
.mag777-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.mag777-header h2{font-size:18px;margin:0;color:inherit;line-height:1.5}
.mag777-all{margin-inline-start:auto;font-size:13px;color:#333;text-decoration:none;border:1px solid #e5e7eb;border-radius:99px;padding:7px 14px;white-space:nowrap}
.mag777-all:hover{color:var(--m777-ring);border-color:var(--m777-ring)}
.mag777-strip{display:flex;align-items:center;gap:8px;direction:rtl;position:relative}
.mag777-viewport{overflow-x:auto;overflow-y:hidden;min-width:0;flex:1;direction:rtl;padding:6px 0;touch-action:pan-y;scrollbar-width:none}
.mag777-viewport::-webkit-scrollbar{display:none}
.mag777-ready .mag777-viewport{overflow:hidden}
.mag777-track{display:flex;direction:rtl;width:max-content;max-width:none;margin-right:0;margin-left:auto;will-change:transform}
.mag777-group{display:flex;direction:rtl;flex-shrink:0;gap:var(--m777-gap);padding-inline-end:var(--m777-gap)}
.mag777-stories .mag777-group button.mag777-story{display:flex!important;flex:0 0 var(--m777-size)!important;flex-direction:column;align-items:center;gap:8px;width:var(--m777-size)!important;min-width:var(--m777-size)!important;max-width:var(--m777-size)!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#303030;text-align:center;user-select:none;-webkit-tap-highlight-color:transparent}
.mag777-story:hover,.mag777-story:focus{background:transparent!important;color:var(--m777-ring)!important}
.mag777-stories .mag777-story>.mag777-ring{display:block!important;position:relative!important;flex:0 0 var(--m777-size)!important;box-sizing:border-box!important;width:var(--m777-size)!important;height:var(--m777-size)!important;min-width:var(--m777-size)!important;min-height:var(--m777-size)!important;max-width:var(--m777-size)!important;max-height:var(--m777-size)!important;padding:3px!important;margin:0!important;border:0!important;border-radius:50%!important;overflow:hidden!important;aspect-ratio:1/1;background:linear-gradient(35deg,#facb68,var(--m777-ring),#8b4ce4);transition:filter .2s}
.mag777-stories .mag777-ring>.mag777-photo{display:block!important;position:relative!important;box-sizing:border-box!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:3px solid #fff!important;border-radius:50%!important;overflow:hidden!important;isolation:isolate;background:#f6f2f5}
.mag777-stories .mag777-ring .mag777-photo img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;box-sizing:border-box!important;object-fit:cover!important;object-position:center!important;transform:none!important;pointer-events:none}
.mag777-stories .mag777-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f6f2f5;color:#632844;font-size:21px;font-weight:bold;pointer-events:none}
.mag777-label{font-size:12px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em;width:100%;overflow-wrap:anywhere}
.mag777-stories button.mag777-arrow,.mag777-dialog button.mag777-arrow{box-sizing:border-box!important;flex:0 0 var(--m777-arrow-size)!important;width:var(--m777-arrow-size)!important;height:var(--m777-arrow-size)!important;min-width:var(--m777-arrow-size)!important;min-height:var(--m777-arrow-size)!important;max-width:var(--m777-arrow-size)!important;max-height:var(--m777-arrow-size)!important;aspect-ratio:1/1;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid var(--m777-arrow-border)!important;border-radius:var(--m777-arrow-radius)!important;overflow:hidden!important;background:var(--m777-arrow-bg)!important;color:var(--m777-arrow-color)!important;font-size:var(--m777-arrow-icon);line-height:1!important;direction:ltr;unicode-bidi:isolate;appearance:none;-webkit-appearance:none;box-shadow:0 3px 14px #00000010;transition:background .2s,color .2s}
.mag777-stories button.mag777-arrow:hover,.mag777-dialog button.mag777-arrow:hover{background:var(--m777-arrow-hover-bg)!important;color:var(--m777-arrow-hover-color)!important}
.mag777-stories button.mag777-arrow::before,.mag777-stories button.mag777-arrow::after,.mag777-dialog button.mag777-arrow::before,.mag777-dialog button.mag777-arrow::after{content:none!important;display:none!important}
.mag777-stories button.mag777-arrow>.mag777-arrow-icon,.mag777-dialog button.mag777-arrow>.mag777-arrow-icon{display:block!important;flex:none!important;width:var(--m777-arrow-icon)!important;height:var(--m777-arrow-icon)!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;fill:none!important;stroke:currentColor!important;overflow:visible;pointer-events:none}
.mag777-stories .mag777-arrow:disabled{opacity:.28;cursor:default}
.mag777-dialog{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:20px 56px;background:transparent;color:#222;overflow:auto;z-index:2147483000}
.mag777-dialog[open]{display:flex;align-items:center;justify-content:center}
.mag777-dialog::backdrop{background:rgba(15,20,29,.62);backdrop-filter:blur(var(--m777-blur));-webkit-backdrop-filter:blur(var(--m777-blur))}
.mag777-shell{position:relative;width:min(100%,480px);height:min(820px,calc(100dvh - 40px));display:flex;flex-direction:column;min-height:0;direction:rtl}
.mag777-viewer-top{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-bottom:10px}
.mag777-timeline{display:flex;align-items:center;direction:rtl;flex:1;min-width:0;height:18px;overflow:hidden}
.mag777-dialog .mag777-progress{position:relative;width:100%;height:4px;border-radius:5px;overflow:hidden;background:#ffffff59}
.mag777-dialog .mag777-progress-fill{display:block;width:100%;height:100%;background:#fff;border-radius:inherit;transform:scaleX(0);transform-origin:right center;will-change:transform}
.mag777-dialog .mag777-close{background:#ffffff24;color:#fff;width:34px;height:34px;padding:0;border:1px solid #ffffff35;border-radius:50%;font-size:26px;line-height:1;flex-shrink:0;min-height:0px!important;padding-top: 3px;}
.mag777-viewer-card{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 18px 70px #0004;touch-action:pan-y}
.mag777-scroller{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin;outline:0}
.mag777-cover{display:block;width:100%;height:clamp(170px,32dvh,300px);object-fit:cover;margin:0;border-radius:0}
.mag777-copy{padding:22px}
.mag777-copy h2{font-size:21px;line-height:1.8;margin:0 0 8px;color:#222}
.mag777-date{font-size:12px;color:#888;margin:0 0 16px}
.mag777-content{font-size:14px;line-height:2.1;color:#444;overflow-wrap:anywhere;word-break:normal}
.mag777-content p{margin:0 0 1em}
.mag777-content img,.mag777-content video{max-width:100%;height:auto}
.mag777-content figure{max-width:100%;margin:12px 0}
.mag777-content table{display:block;max-width:100%;overflow-x:auto}
.mag777-content h1,.mag777-content h2,.mag777-content h3{font-size:18px;line-height:1.8}
.mag777-read{display:inline-block;color:var(--m777-ring);font-size:13px;text-decoration:none;margin-top:12px}
.mag777-actions{display:flex;gap:6px;justify-content:space-around;flex-shrink:0;padding:11px 8px;border-top:1px solid #edf0f2;background:#fff}
.mag777-dialog .mag777-action{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:#333;border:0;border-radius:10px;padding:6px 9px;font-size:12px}
.mag777-action b{font-size:11px;font-weight:500}
.mag777-action[aria-pressed=true]{color:#e33567}
.mag777-action[aria-pressed=true] svg{fill:currentColor}
.mag777-action:disabled{opacity:.5;cursor:wait}
.mag777-caption{font-size:11px;line-height:1.8;text-align:center;color:#ffffffe0;margin:8px 0 0;flex-shrink:0}
.mag777-notice{font-size:12px;color:#fff;text-align:center;line-height:1.8;flex-shrink:0}
.mag777-notice:not(:empty){padding:8px 10px;background:#1a1a1aa6;border-radius:10px;margin-top:8px}
.mag777-dialog .mag777-viewer-prev,.mag777-dialog .mag777-viewer-next{position:absolute;top:50%;transform:translateY(-50%)}
.mag777-viewer-prev{right:calc(-1 * var(--m777-arrow-size) - 10px)}
.mag777-viewer-next{left:calc(-1 * var(--m777-arrow-size) - 10px)}
.mag777-comments{position:absolute;inset:auto 0 0;z-index:2;max-height:85%;overflow:auto;overscroll-behavior:contain;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -8px 35px #0003;padding:16px 20px}
.mag777-comments-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:15px}
.mag777-dialog .mag777-comments-close{padding:4px 10px;background:#f4f5f7;color:#555;border:0;border-radius:9px;font-size:12px}
.mag777-comment{padding:12px 0;border-bottom:1px solid #eee;font-size:13px}
.mag777-comment time{font-size:10px;color:#999;display:block;margin-top:3px;direction:ltr;text-align:right}
.mag777-comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;line-height:1.9}
.mag777-comment-list>p{font-size:13px;color:#777}
.mag777-comment-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.mag777-comment-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#555}
.mag777-comment-form input,.mag777-comment-form textarea{font-family:inherit;width:100%;padding:10px;border:1px solid #dce0e5;border-radius:10px;background:#fafbfc;color:#222;font-size:14px;line-height:1.8;resize:vertical}
.mag777-dialog .mag777-submit{background:#222;color:#fff;border:0;border-radius:10px;padding:10px;font-size:13px}
.mag777-submit:disabled{opacity:.5}
.mag777-dialog .mag777-more-comments{background:#f2f3f5;border:0;color:#555;font-size:12px;border-radius:8px;padding:6px 12px;margin-top:10px}
.mag777-login{display:block;margin-top:12px;color:var(--m777-ring);font-size:13px}
.mag777-dialog [hidden],.mag777-stories [hidden]{display:none!important}
.mag777-honeypot{display:none!important}
.mag777-copy-field{position:fixed;left:-9999px;top:0}
.mag777-message{font-family:inherit;text-align:center;padding:15px;color:#777}
@media(max-width:600px){.mag777-dialog{padding:8px 10px}.mag777-shell{height:calc(100dvh - 16px);width:min(100%,480px)}.mag777-viewer-card{border-radius:16px}.mag777-copy{padding:18px}.mag777-copy h2{font-size:19px}.mag777-caption{font-size:10px}.mag777-dialog .mag777-viewer-prev,.mag777-dialog .mag777-viewer-next{top:85px;z-index:3;opacity:.9}.mag777-viewer-prev{right:8px}.mag777-viewer-next{left:8px}.mag777-header h2{font-size:16px}.mag777-all{font-size:12px}.mag777-action span{font-size:11px}.mag777-strip{gap:5px}.mag777-content{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mag777-stories *,.mag777-dialog *{scroll-behavior:auto!important;transition:none!important}}