.wlx-match{grid-template-columns:360px 1fr;align-items:start;gap:40px;max-width:1120px;margin:76px auto 0;display:grid}.wlx-match .op{color:#fff;background:radial-gradient(90% 70% at 30% 0,#23408f,#071a4f 70%);border-radius:30px;flex-direction:column;gap:10px;padding:32px 30px;display:flex;position:sticky;top:120px;box-shadow:0 50px 90px -40px #071a4fb3}.wlx-match .op .ws-mono{color:#8e9bc6}.wlx-match .op b{letter-spacing:-.03em;font-size:34px;line-height:1.1}.wlx-match .op p{color:#c9d2ec;margin:0;font-size:17px;line-height:1.5}.wlx-match .op ul{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.wlx-match .op li{color:#ffe2a8;background:#ffad1f2e;border-radius:999px;padding:7px 12px;font-size:13.5px;font-weight:600}.wlx-match .q{flex-direction:column;gap:12px;display:flex}.wlx-match .q>.ws-mono{color:var(--ws-mute)}.wlx-match .cd{transition:opacity .5s calc(var(--i) * .45s),background .5s calc(var(--i) * .45s),box-shadow .5s calc(var(--i) * .45s);background:#fff;border-radius:22px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 16px;padding:18px 22px;display:grid;box-shadow:0 0 0 1px #071a4f12,0 24px 50px -40px #071a4f80}.wlx-match .cd .av{background:#eef1f8;border-radius:50%;grid-row:1/3;place-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:grid}.wlx-match .cd .tx b{font-size:19px;display:block}.wlx-match .cd .tx small{color:var(--ws-ink2);font-size:15px;display:block}.wlx-match .cd .ft{color:var(--ws-mute);opacity:0;transition:opacity .4s calc(var(--i) * .45s + .3s);grid-column:2;font-size:14.5px;font-weight:600}.wlx-match .cd .st{color:var(--ws-ink2);opacity:0;transition:opacity .4s calc(var(--i) * .45s + .3s);background:#f1f2f6;border-radius:999px;grid-area:1/3/3;padding:8px 14px;font-size:14px;font-weight:700}.wlx-match.on .cd .ft,.wlx-match.on .cd .st{opacity:1}.wlx-match.on .cd.wait{opacity:.55}.wlx-match.on .cd.review .st{color:var(--ws-navy);background:#eef1f8}.wlx-match.on .cd.match{box-shadow:inset 0 0 0 2px var(--ws-amber),0 40px 70px -40px #b7790c8c;background:#fff7e8}.wlx-match .cd.match .ft{color:#1f7a4d}.wlx-match .cd.match .st{background:var(--ws-amber);color:#3b2600}.wlx-match .of{opacity:0;transition:opacity .6s 2.2s,transform .7s var(--ws-ease) 2.2s;background:#d9fdd3;border-radius:22px;flex-direction:column;gap:4px;margin-top:6px;padding:20px 22px;display:flex;transform:translateY(10px)}.wlx-match.on .of{opacity:1;transform:none}.wlx-match .of .ws-mono{color:#1f7a4d}.wlx-match .of b{letter-spacing:-.02em;color:#111b21;font-size:22px}.wlx-match .of .dt{color:#2c4a36;font-size:15px}.wlx-clock{text-align:center;max-width:1080px;margin:70px auto 0}.wlx-clock .face{align-items:baseline;gap:14px;display:inline-flex}.wlx-clock .face b{letter-spacing:-.04em;color:var(--ws-navy);font-variant-numeric:tabular-nums;font:600 120px/1 IBM Plex Mono,monospace}.wlx-clock .face span{color:#c28a10;font:600 28px IBM Plex Mono,monospace}.wlx-clock .bar{background:#e7e9ef;border-radius:999px;height:10px;margin:30px auto 0;overflow:hidden}.wlx-clock .bar i{background:var(--ws-amber);border-radius:999px;width:0;height:100%;display:block}.wlx-clock.on .bar i{width:100%;transition:width 6s linear}.wlx-clock ol{text-align:left;grid-template-columns:repeat(4,1fr);gap:24px;margin:30px 0 0;padding:0;list-style:none;display:grid}.wlx-clock li{opacity:.25;transition:opacity .5s calc(var(--i) * 1.5s + .3s);background:#fff;border-radius:22px;flex-direction:column;gap:6px;padding:22px;display:flex;box-shadow:0 0 0 1px #071a4f0f,0 30px 60px -44px #071a4f80}.wlx-clock.on li{opacity:1}.wlx-clock li .ws-mono{color:#c28a10}.wlx-clock li b{letter-spacing:-.02em;font-size:21px;line-height:1.2}.wlx-clock li small{color:var(--ws-ink2);font-size:15px;line-height:1.45}.wlx-slot{text-align:left;background:#fff;border-radius:24px;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 28px;display:inline-flex;box-shadow:0 40px 80px -30px #0009}.wlx-slot s{color:#a4abbf;font-size:16px}.wlx-slot b{background:var(--ws-amber);color:#3b2600;letter-spacing:-.02em;border-radius:12px;padding:8px 14px;font-size:24px}.wlx-slot small{color:#1f7a4d;font-size:14.5px;font-weight:600}@media (max-width:900px){.wlx-match{grid-template-columns:1fr;gap:20px;margin-top:54px}.wlx-match .op{position:static}.wlx-match .cd{grid-template-columns:auto 1fr;padding:16px}.wlx-match .cd .st{grid-area:auto/2;justify-self:start}.wlx-clock .face b{font-size:64px}.wlx-clock .face span{font-size:18px}.wlx-clock ol{grid-template-columns:1fr 1fr;gap:12px}}.wl4 .nts .ic.x{background:#475467}.wl4 .nts .ic.q{background:#071a4f}.wl4 .nts .ic.ok{color:#3b2600;background:#ffad1f}.wl4 .nts{top:140px;left:-20px}.wl4 .nts li{width:300px}.wl4 .nts li:nth-child(2){margin-left:24px}.wl4 .nts li:nth-child(3){margin-left:6px}@media (max-width:1180px){.wl4 .nts{top:140px;left:auto}}@media (max-width:760px){.wl4 .nts{top:auto}.wl4 .nts li,.wl4 .nts li:nth-child(n){width:auto;margin-left:0}}@media (max-width:560px){.wlx-clock ol{grid-template-columns:1fr}}