.promo-card{aspect-ratio:16/9;cursor:pointer;width:clamp(260px,21vw,420px);transition:transform .18s var(--ease-out,ease), border-color .18s ease;background:#000;border:1px solid #ffffff38;border-radius:14px;justify-self:start;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 24px 60px -24px #000000d9}.promo-card.is-portrait{aspect-ratio:9/16;width:clamp(112px,32vw,150px)}.promo-card:hover{border-color:#ffffff8c;transform:translateY(-2px)}.promo-card:focus-visible{outline-offset:3px;outline:2px solid #fff}.promo-card video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.promo-card-label{color:#fff;font:500 13px/1 var(--body-font);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050505a8;border-radius:999px;align-items:center;gap:7px;padding:7px 12px 7px 10px;display:inline-flex;position:absolute;bottom:10px;left:10px}.promo-card:hover .promo-card-label{background:#14449ce0}.promo-card-label svg{fill:currentColor;width:13px;height:13px}.promo-card-meta{color:#ffffffa8;font-weight:400}.promo-dialog{color:#fff;background:0 0;border:0;width:min(92vw,149.333svh);max-width:none;max-height:none;padding:0;overflow:visible}.promo-dialog.is-portrait{width:min(94vw,50.625svh)}.promo-dialog::backdrop{background:#050505e0}.promo-dialog video{aspect-ratio:16/9;background:#000;border-radius:14px;width:100%;height:auto;display:block}.promo-dialog.is-portrait video{aspect-ratio:9/16}.promo-close{z-index:1;color:#ffffffd6;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:-52px;right:-6px}.promo-dialog.is-portrait .promo-close{background:#05050594;top:10px;right:10px}.promo-close:hover{color:#fff}.promo-close:focus-visible{outline-offset:2px;outline:2px solid #fff}.promo-close svg{width:22px;height:22px}
