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