.card{--card-details-width:340px;--card-details-height:800px;position:relative;z-index:auto}.card:hover .card__details{inset-inline-start:50%;max-height:var(--card-details-height);opacity:1;top:-50%;transform:scale(1) translateX(-50%);visibility:visible}.card__figure{aspect-ratio:16/9;border-radius:4px;height:auto;object-fit:cover}.card__details{background-color:var(--wp--preset--color--background);border-radius:0 0 4px 4px;box-shadow:0 4px 10px #000000b3;display:none;inset-inline-start:50%;max-height:0;opacity:0;overflow:hidden;padding-bottom:var(--wp--preset--spacing--small);position:absolute;top:0;transform:scale(.9) translateX(-50%);transform-origin:top left;transition:all .3s ease-in-out;width:var(--card-details-width);z-index:2}@media screen and (min-width:1024px){.card__details{display:block}}.card__details>div{padding:0 var(--wp--preset--spacing--small)}.card__details .card__figure .vjs-tech{border-radius:4px 4px 0 0;object-fit:cover}.card__details-actions-list{align-items:center;display:flex;gap:.5rem;list-style:none;margin:var(--wp--preset--spacing--small) 0 0;padding:0 var(--wp--preset--spacing--small);position:relative;width:100%}.card__details-action-link{align-items:center;background-color:#0000;border:2px solid var(--wp--custom--color--white-20);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;line-height:1;transition:all .3s ease-in-out;width:40px}.card__details-action-link:hover{background-color:var(--wp--custom--color--white-10);border-color:var(--wp--preset--color--white)}.card__details-action-link--play{background-color:var(--wp--preset--color--white);color:var(--wp--preset--color--black);transition:all .3s ease-in-out}.card__details-action-link--play:focus-visible,.card__details-action-link--play:hover{background-color:var(--wp--preset--color--white);color:var(--wp--preset--color--black);opacity:.8}.card__details-modal-trigger{margin-left:auto}.card__details-info{align-items:center;display:flex;gap:.5rem;margin-top:var(--wp--preset--spacing--small)}.card__maturity-rating,.card__video-resolution{border:1px solid var(--wp--preset--color--white);display:inline-block}.card__maturity-rating{line-height:1.1;padding:2px 4px;text-align:center}.card__video-resolution{border-radius:3px;font-size:10px;padding:0 3px}.card__details-meta{display:flex;gap:1.5rem;list-style:none;margin-top:var(--wp--preset--spacing--xsmall);padding:0 var(--wp--preset--spacing--small)}.card__meta-item{position:relative}.card__meta-item:not(:last-child):after{background-color:var(--wp--preset--color--muted-gray);border-radius:50%;content:"";height:4px;position:absolute;right:-.75rem;top:50%;transform:translateY(-50%);width:4px}.card__figure-wrapper{display:grid;grid-template-columns:repeat(2,1fr);position:relative}.card__figure-wrapper .card__figure{aspect-ratio:23/32;height:160px!important;object-fit:cover}.card__number{-webkit-text-fill-color:var(--wp--preset--color--black);-webkit-text-stroke-color:var(--wp--preset--color--muted-gray);-webkit-text-stroke-width:4px;font-size:216px;font-weight:700;line-height:.679;overflow:hidden;transform:translateX(40px)}.card--left:hover .card__details{inset-inline-start:0;transform:scale(1)}.card--left .card__details{inset-inline-start:0;transform:scale(.9);transform-origin:top left}.card--right:hover .card__details{inset-inline-end:0;inset-inline-start:auto;transform:scale(1)}.card--right .card__details{inset-inline-end:0;inset-inline-start:auto;transform:scale(.9);transform-origin:top right}