nobl-video-gallery{display:block;width:100%;min-width:0;margin:20px 0;color:#282828}
.nobl-video__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 8px}
.nobl-video__track.is-animating{scroll-snap-type:none;scroll-behavior:auto}
.nobl-video__track::-webkit-scrollbar{display:none}
.nobl-video__card{position:relative;display:block;flex:0 0 calc((100% - 24px)/3);min-width:0;padding:0;border:0;border-radius:10px;overflow:hidden;background:#F9F9F6;aspect-ratio:9/16;scroll-snap-align:start;cursor:pointer;color:white}
.nobl-video__card img{display:block;width:100%;height:100%;object-fit:cover}
.nobl-video__play{position:absolute;bottom:12px;left:12px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#282828cc;font-size:18px;padding-left:3px}
.nobl-video__controls{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.nobl-video__button{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid #DFDFDF;border-radius:50%;background:white;color:#282828;cursor:pointer;font:24px/1 Montserrat,sans-serif;padding:0}
nobl-video-gallery .nobl-video__button{transition:opacity .2s ease,border-color .2s ease}
nobl-video-gallery .nobl-video__button:disabled{opacity:.35;cursor:default;pointer-events:none}
nobl-video-gallery .nobl-video__controls[hidden]{display:none}
nobl-video-gallery button:focus-visible{outline:2px solid #054B48;outline-offset:2px}
.nobl-video__dialog{position:fixed;inset:0;padding:0;border:0;background:transparent;width:100%;height:100%;max-width:none;max-height:none;overflow:hidden;color:white}
.nobl-video__dialog::backdrop{background:rgb(0 0 0 / .4);backdrop-filter:blur(6px)}
.nobl-video__dialog[open]{display:grid;place-items:center}
.nobl-video__panel{position:relative;background:#282828;border-radius:20px;overflow:hidden;isolation:isolate;width:min(440px,calc((100dvh - 48px)*.5625),calc(100vw - 32px));aspect-ratio:9/16;touch-action:none;user-select:none}
.nobl-video__panel video{display:block;width:100%;height:100%;object-fit:contain;background:#282828}
.nobl-video__overlay{position:absolute;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;padding:10px;background:rgb(40 40 40 / .65);color:#fff;cursor:pointer;z-index:2;touch-action:manipulation}
.nobl-video__overlay svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.nobl-video__close{right:10px;top:10px;background:transparent}
.nobl-video__mute{left:10px;bottom:14px}
.nobl-video__toggle{left:64px;bottom:14px}
.nobl-video__vertical{position:absolute;right:10px;bottom:14px;display:flex;flex-direction:column;gap:8px;z-index:2}
.nobl-video__vertical .nobl-video__overlay{position:relative}
.nobl-video__play-icon,.nobl-video__silent{display:none}
[data-paused="true"] .nobl-video__play-icon,[data-muted="true"] .nobl-video__silent{display:block}
[data-paused="true"] .nobl-video__pause-icon,[data-muted="true"] .nobl-video__sound{display:none}
.nobl-video__hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgb(40 40 40 / .25);pointer-events:none;z-index:1;color:white;font:500 15px/1.5 Montserrat,sans-serif}
.nobl-video__hint[hidden]{display:none}
.nobl-video__hint>svg{height:72px;width:54px;fill:rgb(40 40 40 / .65);stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:nobl-swipe-hint 1.4s ease-in-out 3}
.nobl-video__hint span{background:rgb(40 40 40 / .85);border-radius:10px;padding:8px 14px;text-align:center}
@keyframes nobl-swipe-hint{0%,100%{transform:translateY(12px);opacity:.6}50%{transform:translateY(-16px);opacity:1}}
.nobl-video__status{position:absolute;left:12px;right:12px;top:64px;font:15px/1.4 Montserrat,sans-serif;text-align:center;margin:0;padding:10px;background:rgb(40 40 40 / .85);color:white;border-radius:10px;z-index:3}
.nobl-video__status:empty{display:none}
.nobl-video__wide{max-width:1200px;margin:0 auto;padding:24px 20px}
.nobl-video__wide .nobl-video__card{flex-basis:calc((100% - 48px)/5)}
@media(max-width:749px){.nobl-video__card,.nobl-video__wide .nobl-video__card{flex-basis:42%}.nobl-video__panel{width:min(calc(100vw - 32px),calc((100dvh - 48px)*.5625))}.nobl-video__wide{padding:16px}.nobl-video__track{gap:10px}}
@media(prefers-reduced-motion:reduce){.nobl-video__track{scroll-behavior:auto}.nobl-video__hint>svg{animation:none}}
nobl-video-gallery .nobl-video__card:focus-visible{outline-offset:-2px}