﻿.blog-media-gallery{min-width:0;width:100%;align-self:center}
.blog-media-stage{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#f3ede4}
.blog-media-slide{position:absolute;inset:0;margin:0;width:100%;height:100%}
.blog-media-slide[hidden],.blog-gallery-caption[hidden]{display:none!important}
.blog-media-slide img,.blog-media-slide video{display:block;width:100%;height:100%;object-fit:contain;background:#f3ede4;border:0;border-radius:0}
.blog-media-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:13px 0 0;padding:0;background:none}
.blog-media-controls button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #e61e29;border-radius:50%;background:#e61e29;color:#fff;cursor:pointer}
.blog-media-controls button svg{width:18px;height:18px}
.blog-media-controls button:focus-visible{outline:3px solid #e61e29;outline-offset:3px}
.blog-media-controls span{font-size:11px;color:#92745b;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}
.blog-gallery-caption{margin:9px 0 0;text-align:center;color:#8c755f;font-size:11px;line-height:1.5}
.blog-inline-media{margin:28px 0;width:100%;padding:0;border:0;background:transparent}
.blog-inline-media img,.blog-inline-media video{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;border:0;border-radius:0}
.blog-inline-media figcaption{padding-top:9px;font-size:12px;line-height:1.6;color:#927b65;text-align:center}
.blog-media-admin{margin-top:28px;padding-top:24px;border-top:1px solid #e2d9ce}.blog-media-admin>p{font-size:12px;line-height:1.7;color:#786b5d}.blog-media-admin>form{margin:18px 0;padding:15px;border:1px solid #e3dacb;border-radius:12px;background:#fffdf9}.blog-media-admin-list{display:grid;gap:10px}.blog-media-admin-list>details{padding:12px;border:1px solid #e4dacb;border-radius:10px}.blog-media-admin-list summary{cursor:pointer;font-size:12px;font-weight:700;overflow-wrap:anywhere}.blog-media-admin-list form{padding-top:14px}.blog-media-admin-preview{display:block;width:100%;height:160px;object-fit:contain;background:#f8f3ea;margin-bottom:14px}.blog-media-admin label{margin-bottom:13px}.blog-media-admin input,.blog-media-admin select,.blog-media-admin textarea{max-width:100%;box-sizing:border-box}
@media(max-width:700px){.blog-media-stage{aspect-ratio:4/3}.blog-media-controls button{width:44px;height:44px}.blog-inline-media{margin:22px 0}.blog-inline-media figcaption{font-size:11px}}
body .blog-media-slide img{object-fit:cover}
body .blog-media-slide video{object-fit:contain;background:#201811}
