.amg{--amg-accent:#2B7872;--amg-accent-2:#4AB5AA;--amg-ink:#181F25;--amg-bg:#222222;--amg-radius:16px;--amg-ratio:16/9;--amg-thumb-w:112px;--amg-thumb-h:72px;--amg-gap:10px;--amg-btn:48px;position:relative;width:100%;font-family:inherit;color:var(--amg-ink);-webkit-tap-highlight-color:transparent}
.amg *,.amg *::before,.amg *::after{box-sizing:border-box}
.amg [hidden]{display:none!important}
.amg .amg-stage{position:relative;width:100%;aspect-ratio:var(--amg-ratio);max-height:82vh;border-radius:var(--amg-radius);overflow:hidden;background:var(--amg-bg);isolation:isolate;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;outline:none}
.amg .amg-stage:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--amg-accent)}
.amg.is-dragging .amg-stage{cursor:grabbing}
.amg.is-single .amg-stage{cursor:default}
.amg .amg-stage::after{content:"";position:absolute;inset:0 0 auto;height:96px;background:linear-gradient(rgba(24,31,37,.38),rgba(24,31,37,0));pointer-events:none;z-index:2}
.amg .amg-track{position:absolute;inset:0;will-change:transform}
.amg .amg-slide{position:absolute;inset:0;background:var(--amg-bg)}
.amg .amg-slide img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;object-fit:contain;opacity:0;transition:opacity .35s ease;pointer-events:none;-webkit-user-drag:none}
.amg .amg-slide.is-cover img{object-fit:cover}
.amg .amg-slide.is-loaded img{opacity:1}
.amg .amg-btn{appearance:none;-webkit-appearance:none;margin:0;padding:0;border:0;display:inline-grid;place-items:center;width:var(--amg-btn);height:var(--amg-btn);min-height:0;border-radius:999px;background:rgba(255,255,255,.94);color:var(--amg-accent);box-shadow:0 8px 22px rgba(24,31,37,.22);cursor:pointer;line-height:0;font:inherit;text-transform:none;letter-spacing:0;transition:background-color .2s,color .2s,transform .2s}
.amg .amg-btn:hover,.amg .amg-btn:focus{background:var(--amg-accent);color:#fff}
.amg .amg-btn:focus{outline:none}
.amg .amg-btn:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--amg-accent)}
.amg .amg-btn svg{width:22px;height:22px;display:block}
.amg .amg-arrow{position:absolute;top:50%;z-index:3;transform:translateY(-50%)}
.amg .amg-arrow:active{transform:translateY(-50%) scale(.93)}
.amg .amg-prev{left:20px}
.amg .amg-next{right:20px}
.amg .amg-tools{position:absolute;top:16px;left:16px;z-index:3;display:flex;gap:8px}
.amg .amg-tools .amg-btn{--amg-btn:38px;background:rgba(24,31,37,.5);color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.amg .amg-tools .amg-btn:hover{background:var(--amg-accent)}
.amg .amg-tools .amg-btn svg{width:17px;height:17px}
.amg .amg-count{position:absolute;top:16px;right:16px;z-index:3;padding:10px 15px;border-radius:999px;background:rgba(24,31,37,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:14px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}
.amg .amg-count b{font-weight:700}
.amg .amg-progress{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;background:rgba(255,255,255,.16)}
.amg .amg-progress i{display:block;height:100%;background:var(--amg-accent-2);transform-origin:left;transform:scaleX(0)}
.amg .amg-progress i.is-run{animation:amg-fill var(--amg-delay,5000ms) linear forwards}
.amg.is-paused .amg-progress i{animation-play-state:paused}
@keyframes amg-fill{to{transform:scaleX(1)}}
.amg .amg-empty{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;color:#fff;text-align:center;font-size:15px}
.amg .amg-thumbs{--l:0px;--r:0px;position:relative;display:flex;gap:var(--amg-gap);margin-top:12px;padding:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--l),#000 calc(100% - var(--r)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--l),#000 calc(100% - var(--r)),transparent 100%)}
.amg .amg-thumbs::-webkit-scrollbar{display:none}
.amg .amg-thumb{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:var(--amg-thumb-w);height:var(--amg-thumb-h);margin:0;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--amg-bg);opacity:.5;cursor:pointer;transition:opacity .25s,box-shadow .25s}
.amg .amg-thumb:hover,.amg .amg-thumb:focus{opacity:.9;background:var(--amg-bg);outline:none}
.amg .amg-thumb.is-active{opacity:1;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--amg-accent)}
.amg .amg-thumb:focus-visible{opacity:1;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--amg-ink)}
.amg .amg-thumb img{display:block;width:100%;height:100%;max-width:none;margin:0;border-radius:0;object-fit:cover;pointer-events:none}
.amg.is-single .amg-arrow,.amg.is-single .amg-progress,.amg.is-single .amg-thumbs,.amg.is-single .amg-play{display:none}
.amg:fullscreen{display:flex;flex-direction:column;justify-content:center;padding:24px;background:var(--amg-ink)}
.amg:fullscreen .amg-stage{flex:1 1 auto;aspect-ratio:auto;max-height:none} @media (max-width:1366px){.amg{--amg-thumb-w:100px;--amg-thumb-h:64px}} @media (max-width:1200px){.amg{--amg-thumb-w:92px;--amg-thumb-h:60px;--amg-btn:44px}} @media (max-width:1024px){.amg{--amg-ratio:3/2;--amg-radius:14px}.amg .amg-prev{left:14px}.amg .amg-next{right:14px}} @media (max-width:767px){.amg{--amg-ratio:4/3;--amg-radius:12px;--amg-thumb-w:68px;--amg-thumb-h:46px;--amg-gap:8px;--amg-btn:38px}.amg .amg-btn svg{width:18px;height:18px}.amg .amg-prev{left:10px}.amg .amg-next{right:10px}.amg .amg-tools{top:10px;left:10px;gap:6px}.amg .amg-tools .amg-btn{--amg-btn:34px}.amg .amg-count{top:10px;right:10px;padding:9px 12px;font-size:13px}.amg .amg-thumbs{margin-top:8px}.amg .amg-thumb{border-radius:8px}}
@media (prefers-reduced-motion:reduce){.amg .amg-slide img,.amg .amg-btn,.amg .amg-thumb{transition:none}}