.video-cards{background-color:var(--video-cards-bg, #111a2f)}.video-cards__inner{max-width:160rem;margin:0 auto;padding:0 5rem}.video-cards__list{display:grid;grid-template-columns:repeat(var(--video-cards-columns, 3),minmax(0,1fr));gap:3.2rem;margin:0;padding:0;list-style:none}.video-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:6px;background:#1a2441}.video-card__player,.video-card__poster,.video-card__media .klpd-tartan,.video-card__media img,.video-card__media iframe{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.video-card__media img{object-fit:cover}.video-card__media iframe{border:0}.video-card__poster{padding:0;border:0;background:none;cursor:pointer}.video-card__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:7rem;height:7rem;border-radius:50%;background:#b3202a;color:#fff;transform:translate(-50%,-50%);transition:background-color .2s ease,transform .2s ease}.video-card__play svg{width:1.6rem;height:1.8rem;margin-left:.3rem}.video-card__poster:hover .video-card__play{background:#9a1b24;transform:translate(-50%,-50%) scale(1.06)}.video-card__poster:focus-visible{outline:2px solid #e9daae;outline-offset:-4px}.video-card__player[loaded] .video-card__poster,.video-card__media:has(.video-card__player[loaded]) .video-card__tag{display:none}.video-card__tag{position:absolute;top:16px;left:16px;z-index:1;max-width:calc(100% - 32px);padding:6px 10px;border-radius:4px;background:#0c1222b8;color:#d9dce4;font-family:var(--font-body-family);font-size:12px;font-weight:500;letter-spacing:.12em;line-height:1.3;text-transform:uppercase;pointer-events:none}.video-card__title{margin:2rem 0 .8rem;color:#fff;font-size:22px;font-weight:700;line-height:1.3}.video-card__category{margin:0;color:#b9bbc2;font-family:var(--font-body-family);font-size:15px}@media screen and (max-width:989px){.video-cards__list{gap:2rem}.video-card__play{width:5.6rem;height:5.6rem}}@media screen and (max-width:749px){.video-cards__inner{padding:0 1.5rem}.video-cards__list{display:flex;gap:1.6rem;margin:0 -1.5rem;padding:0 1.5rem 1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:1.5rem;scrollbar-width:none}.video-cards__list::-webkit-scrollbar{display:none}.video-cards__list>li{flex:0 0 85%;scroll-snap-align:start}.video-card__title{font-size:19px}}@media(prefers-reduced-motion:reduce){.video-card__play,.video-card__poster:hover .video-card__play{transition:none;transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-video-cards.css.map */