.gn-vidcard{position:relative;aspect-ratio:9 / 16;border-radius:var(--gn-radius-lg, 20px);overflow:hidden;background:var(--gn-sage);box-shadow:0 6px 20px #0164501f}.gn-vidcard video,.gn-vidcard .gn-vidcard__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gn-vidcard__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.gn-vidcard__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:var(--gn-sage-text);font-size:13px;text-align:center;padding:20px;background:linear-gradient(160deg,var(--gn-sage),var(--gn-mint-deep))}.gn-vidcard__play{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-start;text-align:left;background:linear-gradient(to top,#01322899,#01322800 45%);border:0;padding:14px;cursor:pointer;transition:background-color .2s var(--gn-ease, ease)}@media(hover:hover)and (pointer:fine){.gn-vidcard__play:hover .gn-vidcard__play-pill{transform:scale(1.02);background:#fffbe4}}.gn-vidcard__play:active .gn-vidcard__play-pill{transform:scale(.97)}.gn-vidcard__play:focus-visible{outline:none}.gn-vidcard__play:focus-visible .gn-vidcard__play-pill{outline:2px solid var(--gn-beige);outline-offset:3px}.gn-vidcard__play-pill{display:inline-flex;align-items:center;gap:9px;max-width:100%;min-height:44px;padding:10px 18px;border-radius:var(--gn-pill);background:var(--gn-beige);color:var(--gn-green);font-size:13px;font-weight:600;line-height:1.3;box-shadow:0 4px 14px #00000038;transition:transform var(--gn-dur) var(--gn-ease, ease),background-color var(--gn-dur) var(--gn-ease, ease)}.gn-vidcard__play-pill svg{flex:none}.gn-vidcard__title{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 14px;color:#fff;font-size:14px;font-weight:600;line-height:1.3;background:linear-gradient(to top,#013228c7,#01322800);pointer-events:none}.gn-vidcard.is-playing .gn-vidcard__play,.gn-vidcard.is-playing .gn-vidcard__title{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/gn-video-card.css.map */