.video-cards__card-item{display:block;height:100%}.video-cards__card{display:flex;flex-direction:column;gap:12px;height:100%}.video-cards__media-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.video-cards__media{position:relative;aspect-ratio:var(--aspect-ratio, 1.36);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-white-900)}.video-cards__media--static{display:block}.video-cards__image,.video-cards__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.video-cards__play{position:absolute;left:12px;bottom:12px;pointer-events:none}.video-cards__content{display:flex;flex-direction:column;gap:8px;padding:0 var(--side-spacing)}@media screen and (min-width:990px){.video-cards__content{padding:0}}.video-cards__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:13px}.video-cards__card-title{margin:0;color:var(--color-black-900)}.video-cards__separator{color:var(--color-black-600);line-height:1}.video-cards__watch-time{color:var(--color-black-600)}.video-cards__description{margin:0;color:var(--color-black-600)}.video-cards__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;display:flex;align-items:center;justify-content:center;padding:16px}.video-cards__modal[hidden]{display:none}.video-cards__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;display:block!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.video-cards__modal-dialog{position:relative;z-index:1;width:min(960px,100%);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-black-900)}.video-cards__modal-close{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #ffffff33;border-radius:999px;background:#f2f2f233;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);color:var(--color-white);cursor:pointer}.video-cards__modal-close .svg-wrapper{display:flex;width:14px;height:14px}.video-cards__player{width:100%;aspect-ratio:16 / 9}.video-cards__player .plyr{width:100%;height:100%;--plyr-color-main: var(--color-black-900);--plyr-video-background: var(--color-black-900)}@media(max-width:989px){.video-cards__content{padding:0}.video-cards__description{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/254/assets/component-video-card.css.map */