.noble-media{width:100%;min-width:0;max-width:100%;margin:18px 0;overflow:hidden;position:relative;isolation:isolate}
.noble-media-track{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b4d987 #161616;padding-bottom:8px;align-items:flex-start}
.noble-media-card{position:relative;display:block;flex:0 0 calc((100% - 30px)/4);min-width:0;aspect-ratio:9/16;height:auto;overflow:hidden;border-radius:10px;background:#111;border:0;padding:0;scroll-snap-align:start;cursor:pointer;color:white}
.noble-media-card>video,.noble-media-card>img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.noble-media-play{position:absolute;bottom:10px;left:10px;width:25px;height:25px;display:grid;place-items:center;font-size:11px;border:1px solid #fff;border-radius:50%;background:#0007}
.noble-media-card:focus-visible{outline:2px solid #b4d987;outline-offset:-3px}
#noble-media-viewer{position:fixed;inset:0;margin:auto;padding:0;border:0;background:#090909;color:#fff;width:min(440px,94vw);max-width:94vw;height:auto;max-height:90dvh;overflow:hidden;border-radius:12px}
#noble-media-viewer:not([open]){display:none}
#noble-media-viewer[open]{display:block;visibility:visible;opacity:1}
#noble-media-viewer::backdrop{background:#000c}
#noble-media-viewer video,#noble-media-viewer img{display:block;width:100%;max-height:85dvh;object-fit:contain}
#noble-media-viewer .media-close{position:absolute;right:8px;top:8px;z-index:2;width:36px;height:36px;border-radius:50%;background:#000b;color:white;font-size:28px;line-height:1}
@media(max-width:699px){.noble-media-card{flex-basis:calc((100% - 20px)/3)}.noble-media{margin:16px 0}}