.mg-main{padding-block:46px 80px}.mg-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:26px;font-size:12px;color:#82738e}.mg-heading h2{font-size:25px;line-height:1.3;letter-spacing:-.035em;color:#2b2333}.mg-grid{columns:3;column-gap:20px}.mg-photo{display:block;position:relative;break-inside:avoid;margin:0 0 20px;overflow:hidden;border-radius:12px;background:#e7e2ec;isolation:isolate}.mg-photo img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s}.mg-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#170d293b);opacity:0;transition:opacity .3s;pointer-events:none}.mg-open{position:absolute;bottom:14px;right:14px;z-index:1;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff80;border-radius:50%;background:#22132d99;color:#fff;transition:background .3s,transform .3s}.mg-open .icon{width:19px;height:19px}.mg-photo:hover img{transform:scale(1.035);filter:saturate(1.07)}.mg-photo:hover::after{opacity:1}.mg-photo:hover .mg-open,.mg-photo:focus-visible .mg-open{background:#7027b3;transform:translate(2px,-2px)}.mg-photo:focus-visible{outline:3px solid #7027b3;outline-offset:4px}.mg-empty{padding-block:30px;color:#796e84;font-size:14px}
dialog.mg-viewer{width:min(1220px,calc(100vw - 48px));height:min(900px,calc(100dvh - 48px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #ffffff24;border-radius:14px;overflow:hidden;color:#fff;background:#100e15;box-shadow:0 24px 90px #0005}.mg-viewer::backdrop{background:#0c0815e8;backdrop-filter:blur(7px)}.mg-toolbar{display:flex;align-items:center;gap:22px;height:64px;padding:10px 16px 10px 24px;border-bottom:1px solid #ffffff14}.mg-toolbar h2{font-size:15px;line-height:1.3;letter-spacing:0;color:#eee8f4}.mg-toolbar #media-counter{margin-left:auto;color:#bdaecb;font-size:12px;font-variant-numeric:tabular-nums}.mg-control{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;padding:0;border:1px solid #ffffff30;border-radius:50%;color:#fff;background:#211929d9;transition:background .2s,border-color .2s}.mg-control:hover{background:#7027b3;border-color:#a567db}.mg-control:focus-visible{outline:2px solid #d3a6f7;outline-offset:3px}.mg-stage{position:relative;height:calc(100% - 64px);display:grid;place-items:center;padding:20px 74px;touch-action:pan-y}.mg-stage #media-full{width:100%;height:100%;min-height:0;object-fit:contain;animation:mg-appear .25s ease-out}.mg-previous,.mg-next{position:absolute;top:50%;transform:translateY(-50%)}.mg-previous{left:16px}.mg-next{right:16px}#media-load-error{position:absolute;max-width:300px;padding:20px;font-size:13px;text-align:center;color:#ded1e9;background:#100e15}@keyframes mg-appear{from{opacity:.3;transform:scale(.99)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.mg-grid{columns:2;column-gap:16px}.mg-photo{margin-bottom:16px}.mg-main{padding-block:32px 54px}.mg-heading h2{font-size:23px}}
@media(max-width:560px){.mg-grid{column-gap:10px}.mg-photo{margin-bottom:10px;border-radius:7px}.mg-main{padding-block:26px 40px}.mg-heading{margin-bottom:20px;font-size:10px;gap:10px}.mg-heading h2{font-size:21px}.mg-open{width:29px;height:29px;bottom:8px;right:8px}.mg-open .icon{width:16px;height:16px}dialog.mg-viewer{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:10px}.mg-toolbar{height:58px;padding:8px 10px 8px 15px;gap:14px}.mg-toolbar h2{font-size:13px}.mg-toolbar #media-counter{font-size:11px}.mg-control{width:38px;height:38px}.mg-stage{height:calc(100% - 58px);padding:12px 8px 62px}.mg-previous,.mg-next{top:auto;bottom:12px;transform:none}.mg-previous{left:calc(50% - 48px)}.mg-next{right:calc(50% - 48px)}}
@media(prefers-reduced-motion:reduce){.mg-photo img,.mg-open,.mg-photo::after,.mg-control{transition:none}.mg-photo:hover img,.mg-photo:hover .mg-open{transform:none}.mg-stage #media-full{animation:none}}
@media(prefers-reduced-transparency:reduce){.mg-viewer::backdrop{background:#0c0815;backdrop-filter:none}.mg-control,.mg-open{background:#211929}}
