/* CHS Basin Media v0.5.7 — only inline playback and sound controls */
.chs-autoplay-preview{position:relative;overflow:hidden;background:#171717!important;isolation:isolate}
.chs-inline-stream{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;pointer-events:none;z-index:0}
.chs-preview-loading{position:absolute;inset:0;display:grid;place-items:center;color:#fff9;font:12px sans-serif}
.chs-autoplay-preview .reel-play-btn{display:none!important}
.reel-card:has(.chs-autoplay-preview){cursor:default}
.chs-inline-play,.chs-inline-sound{position:absolute;z-index:5;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);background:rgba(0,0,0,.48);color:#fff;cursor:pointer;transition:background .18s ease,opacity .18s ease;touch-action:manipulation}
.chs-inline-play{top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;opacity:.75}
.chs-inline-play:hover,.chs-inline-play:focus-visible,.chs-inline-sound:hover,.chs-inline-sound:focus-visible{background:rgba(0,0,0,.75);opacity:1}
.chs-inline-play svg{width:23px;height:23px;fill:currentColor}
.chs-inline-sound{right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;opacity:.94}
.chs-inline-sound svg{width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chs-inline-play:disabled,.chs-inline-sound:disabled{opacity:.38;cursor:wait}
.chs-inline-play:focus-visible,.chs-inline-sound:focus-visible{outline:3px solid #7daf8e;outline-offset:3px}
@media(max-width:620px){.chs-inline-play{width:48px;height:48px}.chs-inline-sound{width:40px;height:40px;right:8px;bottom:8px}}

/* v0.5.7: reveal on true pointer hover or keyboard focus-visible, not sticky click focus. */
@media (hover:hover) and (pointer:fine){
 .chs-autoplay-preview .chs-inline-play,
 .chs-autoplay-preview .chs-inline-sound{opacity:0;pointer-events:none;transition:opacity .22s ease,visibility .22s ease,background .18s ease}
 .chs-autoplay-preview:hover .chs-inline-play,
 .chs-autoplay-preview:hover .chs-inline-sound,
 /* When paused, keep Play visible so visitors know how to resume. */
 .chs-autoplay-preview[data-chs-playing="false"] .chs-inline-play{opacity:1;pointer-events:auto}
 .chs-autoplay-preview .chs-inline-play:focus-visible,
 .chs-autoplay-preview .chs-inline-sound:focus-visible{opacity:1;pointer-events:auto}
}
@media (hover:none), (pointer:coarse){
 /* Hover doesn't exist on phones/tablets: retain usable controls. */
 .chs-autoplay-preview .chs-inline-play,
 .chs-autoplay-preview .chs-inline-sound{opacity:.85;pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){
 .chs-autoplay-preview .chs-inline-play,.chs-autoplay-preview .chs-inline-sound{transition:none}
}