.clip-video{position:relative;display:block;width:100%;overflow:hidden}.clip-video>img,.clip-video>picture>img,.clip-video>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.clip-video-toggle{position:absolute;left:.5rem;bottom:.5rem;z-index:1;display:grid;place-items:center;width:2rem;height:2rem;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0b0a149e;color:#fff;cursor:pointer;opacity:.72;transition:opacity .2s var(--ease-out-expo),background-color .2s var(--ease-out-expo)}.clip-video:hover .clip-video-toggle,.clip-video-toggle:focus-visible{opacity:1;background:#0b0a14db}.clip-video-sound{position:absolute;left:2.875rem;bottom:.5rem;z-index:1;display:inline-flex;align-items:center;gap:.375rem;height:2rem;padding:0 .75rem 0 .625rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0b0a14c7;color:#fff;font-size:13px;font-weight:500;line-height:1;cursor:pointer;transition:background-color .2s var(--ease-out-expo)}.clip-video-sound:hover,.clip-video-sound:focus-visible{background:#0b0a14eb}