.cf-vid__card{display:block;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.cf-vid__thumb{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:#0d0d0f;border-radius:var(--cf-radius-lg, 8px)}.cf-vid__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.cf-vid__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0d0f2e;transition:background .3s ease}.cf-vid__play{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#fffffff0;color:#0d0d0f;box-shadow:0 6px 20px #00000047;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.cf-vid__play svg{margin-left:3px}.cf-vid__card:hover .cf-vid__img{transform:scale(1.04)}.cf-vid__card:hover .cf-vid__thumb:after{background:#0d0d0f0d}.cf-vid__card:hover .cf-vid__play{transform:scale(1.08)}.cf-vid__card:focus-visible{outline:3px solid var(--cf-accent, #2dc8ca);outline-offset:3px;border-radius:var(--cf-radius-lg, 8px)}.cf-vid__meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 2px 0}.cf-vid__label{font-family:var(--font-heading, "Barlow Condensed", sans-serif);font-weight:700;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--cf-text, #1a1612)}.cf-vid__time{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;color:var(--cf-muted, #6b6560)}.cf-vid--inset .cf-vid__card{background:var(--cf-surface, #fff);padding:6px 6px 8px;border-radius:10px;box-shadow:0 24px 48px -20px #0d0d0f73,0 0 0 1px var(--cf-border, #e2ddd8)}.cf-vid--inset .cf-vid__thumb{border-radius:6px}.cf-vid--inset .cf-vid__meta{padding:8px 6px 0}@media(max-width:979px){.cf-vid--inset .cf-vid__card{display:flex;align-items:center;gap:14px;padding:6px}.cf-vid--inset .cf-vid__thumb{flex:0 0 128px}.cf-vid--inset .cf-vid__play{width:36px;height:36px;margin:-18px 0 0 -18px}.cf-vid--inset .cf-vid__play svg{width:16px;height:16px;margin-left:2px}.cf-vid--inset .cf-vid__meta{flex:1;flex-direction:column;align-items:flex-start;gap:2px;padding:0}}.cf-vid--feature .cf-vid__play{width:76px;height:76px;margin:-38px 0 0 -38px}.cf-vid--feature .cf-vid__play svg{width:28px;height:28px}.cf-vid--feature .cf-vid__meta{display:none}.cf-vid__dialog{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:none;padding:0;border:0;background:transparent;overflow:visible}.cf-vid__dialog::backdrop{background:#08080adb}.cf-vid__frame{position:relative;aspect-ratio:16 / 9;max-height:calc(100vh - 96px);margin:0 auto;background:#000;border-radius:var(--cf-radius-lg, 8px);overflow:hidden}.cf-vid__video{display:block;width:100%;height:100%;background:#000;object-fit:contain}.cf-vid__close{position:absolute;top:-48px;right:0;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer}.cf-vid__close:hover{background:#ffffff38}.cf-vid__close:focus-visible{outline:3px solid var(--cf-accent, #2dc8ca);outline-offset:2px}.cf-vid__end{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#08080ab8}.cf-vid__end[hidden]{display:none}.cf-vid__cta{display:inline-flex;align-items:center;gap:10px;padding:var(--cf-btn-pad);min-height:var(--cf-btn-min-h);border-radius:var(--cf-btn-radius);background:var(--cf-btn-bg);color:var(--cf-btn-fg);font-family:var(--cf-btn-font);font-weight:var(--cf-btn-weight);font-size:var(--cf-btn-size);line-height:1;letter-spacing:var(--cf-btn-tracking);text-transform:uppercase;text-decoration:none}.cf-vid__cta:hover{background:var(--cf-btn-bg-hover)}.cf-vid__replay{padding:6px 10px;border:0;background:none;color:#fffc;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}@media(prefers-reduced-motion:reduce){.cf-vid__img,.cf-vid__play,.cf-vid__thumb:after{transition:none}.cf-vid__card:hover .cf-vid__img,.cf-vid__card:hover .cf-vid__play{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/cf-video.css.map */