.mg{--mg-menu-bg:#020e20;--mg-text:#c4cad3;--mg-hover:#fff;--mg-active:#e0102e;--mg-menu-width:280px;--mg-height:650px;--mg-mobile-ratio:4/3;--mg-speed:600ms;--mg-gap:8px;display:grid;gap:var(--mg-gap);grid-template-columns:var(--mg-menu-width) minmax(0,1fr);width:100%}.mg__menu{background:var(--mg-menu-bg);padding:32px 24px}.mg__list{display:flex;flex-direction:column;gap:4px;list-style:none}.mg__item,.mg__list{margin:0;padding:0}.mg__tab{align-items:center;background:none;border:0;border-radius:0;color:var(--mg-text);cursor:pointer;display:flex;font:inherit;font-size:16px;gap:14px;line-height:1.5;margin:0;padding:8px 0;text-align:left;transition:color .25s ease;width:100%}.mg__tab:hover{color:var(--mg-hover)}.mg__tab.is-active{color:var(--mg-active)}.mg__tab:focus-visible{outline:2px solid var(--mg-active);outline-offset:4px}.mg__icon{flex:0 0 auto;height:13px;opacity:.5;transition:transform .25s ease,opacity .25s ease;width:13px}.mg__tab.is-active .mg__icon,.mg__tab:hover .mg__icon{opacity:1;transform:translateX(3px)}.mg__stage{background:#dfe3e8;height:var(--mg-height);overflow:hidden;position:relative}.mg__panel{inset:0;opacity:0;position:absolute;transition:opacity var(--mg-speed) ease,visibility 0s linear var(--mg-speed);visibility:hidden}.mg__panel.is-active{opacity:1;transition:opacity var(--mg-speed) ease,visibility 0s;visibility:visible;z-index:1}.mg__panel:focus{outline:none}.mg__slide,.mg__slides{inset:0;position:absolute}.mg__slide{height:100%;max-width:none;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity var(--mg-speed) ease,transform calc(var(--mg-speed)*2) cubic-bezier(.2,.7,.2,1);width:100%}.mg__slide.is-active{opacity:1;transform:scale(1)}.mg__nav{background:hsla(0,0%,100%,.72);border:0;border-radius:50%;color:var(--mg-active);cursor:pointer;display:grid;height:40px;margin:0;padding:0;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease,transform .2s ease;width:40px;z-index:2}.mg__nav svg{height:16px;width:16px}.mg__nav--prev{left:16px}.mg__nav--next{right:16px}.mg__nav:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.mg__nav:focus-visible{outline:2px solid var(--mg-active);outline-offset:2px}.mg__thumbs{bottom:24px;display:flex;gap:12px;max-width:calc(100% - 48px);overflow-x:auto;padding:2px;position:absolute;right:24px;scroll-behavior:smooth;scrollbar-width:none;z-index:2}.mg__thumbs::-webkit-scrollbar{display:none}.mg__thumb{background:#fff;border:2px solid transparent;border-radius:0;cursor:pointer;flex:0 0 auto;height:58px;margin:0;opacity:.8;padding:0;transition:opacity .2s ease,border-color .2s ease;width:104px}.mg__thumb img{display:block;height:100%;max-width:none;object-fit:cover;width:100%}.mg__thumb:hover{opacity:1}.mg__thumb.is-active{border-color:var(--mg-active);opacity:1}.mg__thumb:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (max-width:1024px){.mg{grid-template-columns:minmax(200px,34%) minmax(0,1fr)}.mg__stage{height:auto;min-height:420px}.mg__thumb{height:48px;width:84px}}@media (max-width:767px){.mg{grid-template-columns:1fr}.mg__menu{padding:24px 20px}.mg__tab{font-size:15px;padding:7px 0}.mg__stage{aspect-ratio:var(--mg-mobile-ratio);height:auto;min-height:0}.mg__nav{height:34px;width:34px}.mg__nav--prev{left:10px}.mg__nav--next{right:10px}.mg__thumbs{bottom:12px;gap:8px;left:12px;max-width:none;right:12px}.mg__thumb{height:38px;width:64px}}@media (prefers-reduced-motion:reduce){.mg__icon,.mg__nav,.mg__panel,.mg__panel.is-active,.mg__slide,.mg__tab,.mg__thumb{transition-duration:.01ms!important}.mg__slide{transform:none}}