.vcard{padding-top:var(--vcard-padding-top, 48px);padding-bottom:var(--vcard-padding-bottom, 48px);background-color:rgb(var(--color-background))}.vcard__inner{max-width:1400px;margin-inline:auto;padding-inline:20px}.vcard__frame{position:relative;display:block;border-radius:var(--vcard-radius, 22px);overflow:hidden;background-color:#d9d7d1;box-shadow:0 10px 30px #14120c14,0 40px 90px #14120c1a}.vcard__video{display:block;width:100%;height:100%;aspect-ratio:var(--vcard-ratio, 16 / 9);object-fit:cover}.vcard__overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#14120c6b,#14120c00 38%)}.vcard__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.vcard__pill{position:absolute;top:18px;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:100px;background-color:#1e1c188c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:1.4rem;font-weight:600;letter-spacing:.04em}.vcard__rec{left:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.vcard__rec-dot{width:9px;height:9px;border-radius:50%;background-color:#e5392f;animation:vcard-blink 1.4s steps(1) infinite}@media(prefers-reduced-motion:reduce){.vcard__rec-dot{animation:none}}@keyframes vcard-blink{50%{opacity:.25}}.vcard__muted{right:18px}.vcard__muted svg{width:15px;height:15px}.vcard__caption{position:absolute;left:24px;right:24px;bottom:26px}.vcard__title{margin:0;font-family:var(--font-heading-family);font-weight:800;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.02em;color:#fff}.vcard__subtitle{margin:8px 0 0;font-size:clamp(1.4rem,1.8vw,1.7rem);color:#ffffffd1}.vcard__progress{position:absolute;left:0;right:0;bottom:0;height:4px;background-color:#ffffff2e}.vcard__progress-fill{display:block;height:100%;width:0;background-color:#f0c417;transition:width .2s linear}@media screen and (min-width:990px){.vcard__inner{padding-inline:32px}.vcard__caption{left:40px;bottom:36px}.vcard__pill{top:22px}.vcard__rec{left:22px}.vcard__muted{right:22px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-video-card.css.map */