/*!
 * ui-media-gallery 1.0.0 — стили модальной галереи, плиток и плеера.
 *
 * Цвета, скругления и шрифт берутся из переменных --umg-*. По умолчанию они
 * подхватывают переменные --ui-* хост-проекта, если те есть, иначе встают
 * нейтральные значения. Чтобы подогнать под свой сайт, переопределите
 * нужные переменные на :root — трогать сам файл не нужно.
 */
:root{--umg-accent:var(--ui-accent,#3b82f6);--umg-accent-strong:var(--ui-cta-bg,#2563eb);--umg-muted:var(--ui-muted,#7b7b7b);--umg-text:var(--ui-text,#333);--umg-surface:var(--ui-bg,#fff);--umg-surface-soft:var(--ui-bg-soft,#f4f5f7);--umg-radius:var(--ui-radius,8px);--umg-shadow:var(--ui-shadow,0 6px 24px #0000001f);--umg-backdrop:#181818f7;--umg-z:1200}body.ui-scroll-lock{overflow:hidden}.ui-lb{z-index:var(--umg-z);color:#fff;opacity:0;flex-direction:column;font-family:inherit;transition:opacity .2s;display:none;position:fixed;inset:0}.ui-lb_open{display:flex}.ui-lb_visible{opacity:1}.ui-lb__backdrop{background-color:var(--umg-backdrop);position:absolute;inset:0}.ui-lb__bar{z-index:2;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex;position:relative}.ui-lb__counter{letter-spacing:1px;color:#ffffffbf;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.ui-lb__tools{align-items:center;gap:2px;display:flex}.ui-lb__btn{color:#fffc;border-radius:var(--umg-radius);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:color .2s,background-color .2s;display:inline-flex}.ui-lb__btn:hover,.ui-lb__btn:focus-visible{color:#fff;background-color:#ffffff1f;outline:none}.ui-lb__btn:focus-visible{box-shadow:0 0 0 2px var(--umg-accent)}.ui-lb__btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.ui-lb__btn_on{color:var(--umg-accent)}.ui-lb__btn[hidden]{display:none}.ui-lb__stage{z-index:1;flex:auto;min-height:0;position:relative;overflow:hidden}.ui-lb__track{will-change:transform;height:100%;display:flex}.ui-lb__track_animated{transition:transform .3s cubic-bezier(.22,.61,.36,1)}.ui-lb__slide{box-sizing:border-box;flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0 12px;display:flex;position:relative;overflow:hidden}.ui-lb__img{object-fit:contain;-webkit-user-drag:none;user-select:none;cursor:zoom-in;max-width:100%;max-height:100%;transition:transform .25s}.ui-lb__slide_zoomed .ui-lb__img{cursor:grab;max-width:none;max-height:none;transition:none}.ui-lb__slide_grabbing .ui-lb__img{cursor:grabbing}.ui-lb__spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;animation:.8s linear infinite ui-lb-spin;position:absolute;top:50%;left:50%}@keyframes ui-lb-spin{to{transform:rotate(360deg)}}.ui-lb__nav{z-index:3;color:#fff;cursor:pointer;background-color:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:background-color .2s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.ui-lb__nav:hover,.ui-lb__nav:focus-visible{background-color:#ffffff42;outline:none}.ui-lb__nav:focus-visible{box-shadow:0 0 0 2px var(--umg-accent)}.ui-lb__nav svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.ui-lb__nav_prev{left:16px}.ui-lb__nav_next{right:16px}.ui-lb__foot{z-index:2;flex:none;position:relative}.ui-lb__caption{text-align:center;color:#ffffffd9;margin:0;padding:10px 60px;font-size:14px;line-height:1.45}.ui-lb__caption:empty{display:none}.ui-lb__thumbs{scrollbar-width:thin;justify-content:center;gap:8px;padding:8px 12px 14px;display:flex;overflow-x:auto}.ui-lb__thumb{cursor:pointer;opacity:.45;background:0 0;border:none;border-radius:6px;flex:none;width:84px;height:62px;padding:0;transition:opacity .2s,box-shadow .2s;overflow:hidden}.ui-lb__thumb img{object-fit:cover;width:100%;height:100%;display:block}.ui-lb__thumb:hover,.ui-lb__thumb:focus-visible{opacity:.85;outline:none}.ui-lb__thumb_active{opacity:1;box-shadow:0 0 0 2px var(--umg-accent)}.ui-lb_single .ui-lb__nav,.ui-lb_single .ui-lb__thumbs,.ui-lb_single .ui-lb__counter,.ui-lb_single .ui-lb__play,.ui-lb_single .ui-lb__thumbs-toggle{display:none}@media (width<=767px){.ui-lb__nav{width:42px;height:42px}.ui-lb__nav_prev{left:6px}.ui-lb__nav_next{right:6px}.ui-lb__thumb{width:62px;height:46px}.ui-lb__caption{padding:8px 16px;font-size:13px}}@media (prefers-reduced-motion:reduce){.ui-lb,.ui-lb__track_animated,.ui-lb__img{transition:none}.ui-lb__spinner{animation-duration:2s}}.ui-video{margin:28px 0}.ui-video__frame{border-radius:var(--umg-radius);background-color:#111;max-height:70vh;margin:0 auto;position:relative;overflow:hidden}.ui-video__el{object-fit:contain;background-color:#111;width:100%;height:100%;max-height:70vh;display:block}.ui-video__caption{text-align:center;color:var(--umg-muted);margin:10px 0 0;font-family:inherit;font-size:14px;line-height:1.45}.ui-video_js .ui-video__el{cursor:pointer}.ui-video__start{z-index:2;color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;padding:0;transition:opacity .2s;display:flex;position:absolute;inset:0}.ui-video__start:before{content:"";background-color:#1111118c;border-radius:50%;width:72px;height:72px;transition:background-color .2s,transform .2s;position:absolute}.ui-video__start:hover:before,.ui-video__start:focus-visible:before{background-color:var(--umg-accent-strong);transform:scale(1.06)}.ui-video__start:focus-visible{outline:none}.ui-video__start:focus-visible:before{box-shadow:0 0 0 3px #fff}.ui-video__start svg{fill:currentColor;stroke:none;width:30px;height:30px;margin-left:0;position:relative}.ui-video_playing .ui-video__start,.ui-video_started .ui-video__start{display:none}.ui-video__bar{z-index:3;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000bf);align-items:center;gap:4px;padding:8px 10px 10px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}.ui-video_js:not(.ui-video_playing) .ui-video__bar,.ui-video:hover .ui-video__bar,.ui-video_controls .ui-video__bar,.ui-video:focus-within .ui-video__bar{opacity:1;pointer-events:auto;transform:none}.ui-video__btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .2s;display:inline-flex}.ui-video__btn:hover,.ui-video__btn:focus-visible{background-color:#ffffff2e;outline:none}.ui-video__btn:focus-visible{box-shadow:0 0 0 2px var(--umg-accent)}.ui-video__btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.ui-video__btn_fill svg{fill:currentColor;stroke:none}.ui-video__time{color:#ffffffd9;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;padding:0 4px;font-family:inherit;font-size:12px;line-height:1}.ui-video__seek{box-sizing:border-box;cursor:pointer;touch-action:none;background:0 0;border:none;flex:auto;min-width:48px;height:28px;margin:0 4px;padding:12px 0;position:relative}.ui-video__track{background-color:#ffffff4d;border-radius:2px;height:4px;position:relative;overflow:hidden}.ui-video__buffer,.ui-video__played{width:0;position:absolute;top:0;bottom:0;left:0}.ui-video__buffer{background-color:#ffffff59}.ui-video__played{background-color:var(--umg-accent)}.ui-video__seek:focus-visible{outline:none}.ui-video__seek:focus-visible .ui-video__track{box-shadow:0 0 0 2px var(--umg-accent)}.ui-video__wait{z-index:2;border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;animation:.8s linear infinite ui-lb-spin;display:none;position:absolute;top:50%;left:50%}.ui-video_waiting .ui-video__wait{display:block}@media (width<=767px){.ui-video{margin:22px 0}.ui-video__frame,.ui-video__el{max-height:78vh}.ui-video__start:before{width:60px;height:60px}.ui-video__start svg{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.ui-video__bar,.ui-video__start:before{transition:none}.ui-video__wait{animation-duration:2s}}.ui-media{margin:28px 0}.ui-media__tile{border-radius:var(--umg-radius);cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.ui-media__img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .35s;display:block}.ui-media__tile:hover .ui-media__img,.ui-media__tile:focus-visible .ui-media__img{transform:scale(1.03)}.ui-media__tile:focus-visible{box-shadow:0 0 0 3px var(--umg-accent);outline:none}.ui-media__play{color:#fff;background-color:#1111118c;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-media__tile:hover .ui-media__play,.ui-media__tile:focus-visible .ui-media__play{background-color:var(--umg-accent-strong);transform:translate(-50%,-50%)scale(1.06)}.ui-media__play svg{fill:currentColor;stroke:none;width:30px;height:30px;margin-left:0}.ui-media__duration{color:#fff;font-variant-numeric:tabular-nums;background-color:#111111b3;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.3;position:absolute;bottom:10px;right:10px}.ui-media__caption{text-align:center;color:var(--umg-muted);margin:10px 0 0;font-family:inherit;font-size:14px;line-height:1.45}.ui-media noscript a{text-align:center;margin-top:8px;font-size:14px;display:block}img.ui-zoomable{cursor:zoom-in}@media (width<=767px){.ui-media{margin:22px 0}.ui-media__play{width:58px;height:58px}.ui-media__play svg{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.ui-media__img,.ui-media__play{transition:none}}.ui-video_lb{justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex}.ui-video_lb .ui-video__frame{background-color:#0000;max-width:100%;height:100%;max-height:100%;margin:0}.ui-video_lb .ui-video__el{max-height:100%}.ui-lb__slide_video{padding:0 12px}.ui-lb__thumb_video:after{content:"";filter:drop-shadow(0 0 3px #000c);border:7px solid #0000;border-left:12px solid #fff;border-right-width:0;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-lb__thumb{position:relative}.ui-media-row{gap:16px;margin:28px 0;display:grid}.ui-media-row[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.ui-media-row[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.ui-media-row .ui-media{margin:0}.ui-media-row[data-cols="2"] .ui-media__play{width:60px;height:60px}.ui-media-row[data-cols="3"] .ui-media__play{width:50px;height:50px}.ui-media-row[data-cols="3"] .ui-media__play svg{width:20px;height:20px}.ui-media-row[data-cols="3"] .ui-media__duration{padding:2px 6px;font-size:11px;bottom:6px;right:6px}.ui-media-row[data-cols="3"] .ui-media__caption{margin-top:8px;font-size:13px;line-height:1.35}@media (width<=1100px){.ui-media-row[data-cols="3"]{grid-template-columns:repeat(2,1fr)}.ui-media-row[data-cols="3"] .ui-media__play{width:60px;height:60px}.ui-media-row[data-cols="3"] .ui-media__play svg{width:24px;height:24px}}@media (width<=640px){.ui-media-row[data-cols="2"],.ui-media-row[data-cols="3"]{grid-template-columns:1fr}.ui-media-row{gap:22px;margin:22px 0}}