.tn-video{isolation:isolate;color:#fff;background:radial-gradient(at 50% 35%,#292b35,#101116 75%);border:1px solid #34343a;border-radius:14px;width:100%;min-width:0;max-height:min(620px,78svh);position:relative;overflow:hidden;container-type:inline-size}.tn-video .tn-video-element,.tn-video .tn-video-poster{object-fit:contain;background:#0b0b0e;border:0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;display:block;position:absolute;inset:0}.tn-video .tn-video-poster{z-index:1}.tn-video.has-error{min-height:250px}.tn-video-badges{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:14px 14px auto}.tn-video-badges span{font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101014bf;border:1px solid #ffffff21;border-radius:7px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:600;display:inline-flex}.tn-video-play{z-index:2;color:#fff;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:45px 16px 20px;display:flex;position:absolute;inset:0}.tn-video-play.has-preview{background:linear-gradient(#0000 45%,#00000050)}.tn-video-play-icon{background:#ed1838ed;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:clamp(52px,12cqw,76px);height:clamp(52px,12cqw,76px);transition:transform .16s,background .16s;display:grid;box-shadow:0 8px 35px #0008}.tn-video-play-icon svg{margin-left:3px}.tn-video-play:hover .tn-video-play-icon{background:#ff2b49;transform:scale(1.06)}.tn-video-play:focus-visible{outline-offset:-5px;border-radius:14px;outline:3px solid #fff}.tn-video-play-label{text-shadow:0 1px 7px #000;font-size:13px;font-weight:650}.tn-video-loading{color:#d4d4df;align-items:center;gap:6px;font-size:11px;display:flex}.tn-video-loading svg{animation:1.2s linear infinite tn-video-spin}.tn-video-error{z-index:4;text-align:center;background:#15151bf2;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px;display:flex;position:absolute;inset:0}.tn-video-error strong{font-size:14px;line-height:1.4}.tn-video-error>span{color:#b8b8c5;max-width:350px;font-size:12px;line-height:1.5}.tn-video-error button{color:#fff;font:inherit;cursor:pointer;background:#25242c;border:1px solid #55525d;border-radius:7px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;display:inline-flex}.tn-video-error button:focus-visible{outline-offset:3px;outline:2px solid #fff}@keyframes tn-video-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tn-video-loading svg{animation:none}.tn-video-play-icon{transition:none}}@media (max-width:480px){.tn-video{border-radius:10px;max-height:70svh}.tn-video-badges{inset:10px 10px auto}}