.match-animation-modal{color:#fff;background:#151a1e;border:0;border-radius:12px;outline:1px solid #59636a;overflow:hidden;width:min(100vw - 32px,960px)!important;max-width:960px!important;padding:0!important}.match-animation-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05080cdc}.match-animation-panel{position:relative}.match-animation-viewport{aspect-ratio:16/9;background:#151a1e;position:relative}.match-animation-viewport canvas{outline:none;width:100%;height:100%;display:block}.match-animation-close{z-index:5;color:#fff;cursor:pointer;background:#161c23dc;border:1px solid #ffffff35;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;right:12px}.match-animation-close svg{width:22px;height:22px}.match-animation-clock{font-variant-numeric:tabular-nums;background:#111820d9;border-radius:5px;padding:9px 13px;font-size:16px;font-weight:700;position:absolute;top:14px;left:14px}.match-animation-clock:empty{display:none}.match-animation-caption{color:#fff;text-align:center;background:#101820dd;border-radius:6px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 32px);margin:0 auto;padding:10px 14px;font-size:clamp(12px,1.4vw,15px);line-height:1.5;position:absolute;bottom:16px;left:16px;right:16px}.match-animation-caption:empty{display:none}.match-animation-loading{color:#bec6ca;background:#1b222a;place-content:center;justify-items:center;gap:18px;font-size:14px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.match-animation-loading[hidden]{display:none}.match-animation-spinner{border:2px solid #53616e;border-top-color:#f4db24;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite match-animation-spin}.match-animation-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes match-animation-spin{to{transform:rotate(360deg)}}@media (max-width:700px){.match-animation-modal{border:0;border-radius:0;height:100dvh;margin:0;width:100vw!important;max-width:100vw!important;max-height:100dvh!important}.match-animation-panel{align-items:center;height:100%;display:flex}.match-animation-viewport{flex:none;width:100%}.match-animation-close{position:fixed}.match-animation-caption{max-width:calc(100% - 16px);padding:8px;bottom:8px;left:8px;right:8px}.match-animation-clock{padding:6px 9px;font-size:13px;top:8px;left:8px}}@media (max-width:700px) and (orientation:portrait){.match-animation-viewport{aspect-ratio:4/3}}@media (max-height:500px) and (orientation:landscape){.match-animation-modal{border:0;border-radius:0;height:100dvh;margin:0;width:100vw!important;max-width:100vw!important;max-height:100dvh!important}.match-animation-panel{align-items:center;height:100%;display:flex}.match-animation-viewport{flex:none;width:min(100%,177.778dvh);margin:0 auto}.match-animation-close{position:fixed}}.match-animation-transition{z-index:1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.match-animation-transition[hidden]{display:none}.match-animation-caption,.match-animation-clock{z-index:2}