.mocks{--app-surface:#1c1b1f;--app-on:#e5e1e6;--app-onvar:#c8c5d0;--app-outline:#918f9a;--app-primary:#c2c1ff;--app-onpri:#1800a7;--app-pricon:#2600e8;--app-wave:#4339fd;--app-onsec:#e2dfff;--app-error:#ffb4ab;--app-cont:#2e2d38;--app-cont-lo:#26252e;--app-cont-hi:#33323e;--rep-bg:#111111;--rep-key:#bee328;--rep-blue:#003dab;--line:#26262f;--mk-sans:"Helvetica Neue","Hiragino Kaku Gothic ProN",var(--font-top-body),Meiryo,sans-serif;--mock-w:288px;--mock-h:528px;display:flex;align-items:flex-start;gap:18px}@media (max-width:1080px){.mocks{margin-right:-24px;padding-right:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.mocks::-webkit-scrollbar{display:none}.mocks .mockw{scroll-snap-align:start}}@media (max-width:620px){.mocks{margin-right:-16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.mocks .mk-jam__wave i:first-child{opacity:.32;transform:scale(3.4)}}.mocks .mockw{flex:0 0 var(--mock-w);width:var(--mock-w)}.mocks .mock{display:flex;flex-direction:column;height:var(--mock-h);overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--app-surface);color:var(--app-on);font:400 12px/1.55 var(--mk-sans)}.mocks .mock p{margin:0}.mocks .mnum{font-variant-numeric:tabular-nums}.mocks .mk-cm{display:flex;flex:1;flex-direction:column;justify-content:flex-end;min-height:0;margin:6px 0 0;padding:0;overflow:hidden;list-style:none;mask-image:linear-gradient(180deg,transparent,#000 22%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%)}.mocks .mk-sl{padding:16px 0 0}.mocks .mk-sl__h{padding:0 14px;font-size:12px}.mocks .mk-sl__tools{display:flex;padding:12px 14px 0;gap:8px;overflow:hidden}.mocks .mk-sl__tools span{display:inline-flex;flex:none;align-items:center;padding:6px 14px 6px 10px;gap:6px;border-radius:999px;background:var(--app-cont-lo);color:var(--app-primary);font-size:11px;font-weight:600;white-space:nowrap}.mocks .mk-sl__tools svg{width:13px;height:13px}.mocks .mk-sl__list{flex:1;min-height:0;margin:6px 0 0;padding:0;overflow:hidden;list-style:none}.mocks .mk-sl__list li{display:flex;align-items:center;padding:7px 14px;gap:12px}.mocks .mk-sl__art{display:grid;flex:none;width:42px;height:42px;border-radius:3px;background:var(--app-cont);color:var(--app-onvar);place-items:center}.mocks .mk-sl__art svg{width:17px;height:17px;opacity:.8}.mocks .mk-sl__list div{flex:1;min-width:0}.mocks .mk-sl__list b{display:block;overflow:hidden;font-size:13px;font-weight:400;white-space:nowrap;text-overflow:ellipsis}.mocks .mk-sl__list em{color:var(--app-onvar);font-size:11px;font-style:normal}.mocks .mk-sl__list i{flex:none;color:var(--app-onvar)}.mocks .mk-sl__list i svg{display:block;width:18px;height:18px}.mocks .mk-sl__cta{display:flex;align-items:center;justify-content:center;margin:10px 14px 16px;padding:12px;gap:8px;border-radius:999px;background:var(--app-primary);color:var(--app-onpri);font-size:13px;font-weight:700}.mocks .mk-sl__cta svg{width:16px;height:16px}.mocks .mk-jam{position:relative}.mocks .mk-jam__hero{position:relative;flex:none;padding-bottom:14px;overflow:hidden}.mocks .mk-jam__wave{position:absolute;inset:0}.mocks .mk-jam__wave i{position:absolute;top:74px;left:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border:2px solid var(--app-wave);border-radius:50%;opacity:0;animation:top-mripple 6s linear infinite}.mocks .mk-jam__wave i:nth-child(2){animation-delay:-1.5s}.mocks .mk-jam__wave i:nth-child(3){animation-delay:-3s}.mocks .mk-jam__wave i:nth-child(4){animation-delay:-4.5s}@keyframes top-mripple{0%{transform:scale(1);opacity:0}10%{opacity:.45}to{transform:scale(6.4);opacity:0}}.mocks .mk-jam__hd{position:relative;display:flex;height:44px;align-items:center;padding:0 12px;gap:8px;color:var(--app-onsec)}.mocks .mk-jam__hd b{flex:1;font-size:12px;font-weight:600}.mocks .mk-jam__hd svg{width:15px;height:15px;opacity:.9}.mocks .mk-jam__ava{position:relative;width:62px;height:62px;margin:0 auto;border-radius:50%;object-fit:cover}.mocks .mock .mk-jam__ar{position:relative;margin-top:8px;color:var(--app-onsec);font-size:15px;text-align:center}.mocks .mock .mk-jam__ho{position:relative;display:flex;align-items:center;justify-content:center;margin-top:6px;gap:6px;color:rgba(226,223,255,.85);font-size:11px;font-weight:600}.mocks .mk-jam__ho i{width:16px;height:16px;border:.5px solid var(--app-primary);border-radius:50%;background:var(--app-primary)}.mocks .mock .mk-jam__st{position:relative;display:flex;justify-content:center;margin-top:12px;gap:18px;color:var(--app-onsec);font-weight:600}.mocks .mk-jam__st span{display:inline-flex;align-items:center;gap:4px}.mocks .mk-jam__st svg{width:13px;height:13px}.mocks .mk-jam__np{position:relative;display:flex;align-items:center;margin:12px 14px 0;padding:10px;gap:10px;border-radius:14px;background:rgba(226,223,255,.08);color:var(--app-onsec)}.mocks .mk-jam__art{display:grid;flex:none;width:34px;height:34px;border-radius:7px;background:rgba(226,223,255,.1);place-items:center}.mocks .mk-jam__art svg{width:16px;height:16px;opacity:.7}.mocks .mk-jam__np div{flex:1;min-width:0}.mocks .mk-jam__row{display:flex;align-items:baseline;gap:8px}.mocks .mk-jam__row b{flex:1;overflow:hidden;font-size:12px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.mocks .mk-jam__row span{color:rgba(226,223,255,.7);font-size:10px;font-variant-numeric:tabular-nums}.mocks .mk-jam__sub{color:rgba(226,223,255,.7);font-size:10px}.mocks .mk-jam__bar2{height:3px;margin-top:5px;border-radius:2px;background:rgba(226,223,255,.15)}.mocks .mk-jam__bar2 i{display:block;width:42%;height:100%;border-radius:2px;background:#c1c1ff}.mocks .mk-jam__cm li{display:flex;flex:none;padding:7px 14px;gap:8px}.mocks .mk-jam__cm li.is-host{background:rgba(194,193,255,.08)}.mocks .mk-jam__cm i{flex:none;width:20px;height:20px;border-radius:50%;background:#3a3947}.mocks .mk-jam__cm i.uav{border:.5px solid rgba(194,193,255,.32)}.mocks .mk-jam__cm i.uav--1{background:#7772d8}.mocks .mk-jam__cm i.uav--2{background:#bf739e}.mocks .mk-jam__cm i.uav--3{background:#568da6}.mocks .mk-jam__cm i.uav--4{background:#a27abc}.mocks .mk-jam__cm i.uav--5{background:#b27a62}.mocks .mk-jam__cm i.uav--6{background:#6f9983}.mocks .mk-jam__cm i.uav--7{background:#8d849e}.mocks .mk-jam__cm i.uav--8{background:#a87878}.mocks .mk-jam__cm li.is-host>i{border:.5px solid var(--app-primary);background:var(--app-primary)}.mocks .mk-cn .mk-jam__cm li.is-host>i{border-color:var(--app-primary);background:url(/images/prototypes/top-page-v2/artists/the-beautiful.webp) 50%/cover}.mocks .mk-jam__cm em{margin-right:6px;color:var(--app-onvar);font-size:11px;font-style:normal}.mocks .mk-jam__cm .is-host em{padding:0 4px;border-radius:2px;background:var(--app-primary);color:var(--app-onpri)}.mocks .mk-jam__cm p{font-size:11px}.mocks .mk-jam__em{position:absolute;right:30px;bottom:46px;pointer-events:none}.mocks .mk-jam__em span{position:absolute;font-size:15px;opacity:0;animation:top-memote 2.8s ease-out infinite}.mocks .mk-jam__em span:nth-child(2){animation-delay:.9s}.mocks .mk-jam__em span:nth-child(3){animation-delay:1.8s}@keyframes top-memote{0%{transform:translate(0) scale(.6);opacity:0}12%{opacity:1}to{transform:translate(-26px,-150px) scale(1.1);opacity:0}}.mocks .mk-bar{display:flex;flex:none;align-items:center;margin-top:auto;padding:8px 14px 12px;gap:8px;border-radius:12px 12px 0 0;background:var(--app-cont)}.mocks .mk-bar span{flex:1;padding:0 14px;border-radius:19px;color:var(--app-onvar);line-height:38px}.mocks .mk-bar b,.mocks .mk-bar span{height:38px;background:var(--app-cont-hi)}.mocks .mk-bar b{display:grid;flex:none;width:38px;border-radius:50%;font-size:15px;place-items:center}.mocks .mk-st__bar{display:flex;flex:none;height:38px;align-items:center;padding:0 10px}.mocks .mk-st__bar svg{width:18px;height:18px}.mocks .mk-st__hd{display:flex;flex:none;padding:0 14px;gap:12px}.mocks .mk-st__thumb{display:grid;flex:none;width:62px;height:62px;border-radius:10px;background:var(--app-cont-hi);color:var(--app-onvar);place-items:center}.mocks .mk-st__thumb svg{width:25px;height:25px}.mocks .mk-st__hd b{font-size:16px;font-weight:700;line-height:1.3}.mocks .mock .mk-st__desc{margin:12px 14px 0;color:var(--app-onvar);font-size:11px}.mocks .mk-st__sec{display:flex;flex:none;height:36px;align-items:center;padding:0 14px;font-size:14px}.mocks .mk-st__sec--b{font-weight:700}.mocks .mk-st__ar{display:flex;flex:none;margin:0;padding:0 14px;gap:8px;overflow:hidden;list-style:none}.mocks .mk-st__ar li{flex:none;width:62px;text-align:center}.mocks .mk-st__ar i{display:block;width:46px;height:46px;margin:0 auto;border:.5px solid var(--app-outline);border-radius:50%;background-color:#3a3947;background-position:50%;background-size:cover}.mocks .mk-st__ar span{display:block;margin-top:7px;overflow:hidden;font-size:9.5px;white-space:nowrap;text-overflow:ellipsis}.mocks .mk-st__list{margin:0;padding:0;list-style:none}.mocks .mk-st__list li{display:flex;align-items:center;padding:7px 14px;gap:12px}.mocks .mk-st__th{position:relative;flex:none;width:62px;height:62px}.mocks .mk-st__th>i{display:grid;width:100%;height:100%;border-radius:7px;background:var(--app-cont-hi);color:var(--app-onvar);place-items:center}.mocks .mk-st__th>i svg{width:25px;height:25px}.mocks .mk-st__th em{position:absolute;top:3px;left:3px;padding:1px 5px;border-radius:4px;font-size:8.5px;font-style:normal;font-weight:700;line-height:1.5}.mocks .mk-st__th .is-live{background:#93000a;color:#ffdad6}.mocks .mk-st__th .is-dur{background:rgba(28,27,31,.7);color:#fff}.mocks .mk-st__list div{flex:1;min-width:0}.mocks .mk-st__list b{display:-webkit-box;overflow:hidden;font-size:12px;font-weight:500;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mocks .mock .mk-st__list p{margin-top:3px;overflow:hidden;color:var(--app-onvar);font-size:10px;white-space:nowrap;text-overflow:ellipsis}.mocks .mk-st__arc{flex:1;min-height:0;overflow:hidden}.mocks .mk-cn__hd{display:flex;flex:none;height:40px;align-items:center;justify-content:flex-end;padding:0 14px}.mocks .mk-cn__hd span{color:var(--app-primary);font-size:12px;font-weight:600}.mocks .mk-cn__host{flex:none;margin-top:8px;text-align:center}.mocks .mk-cn__ava{position:relative;width:72px;height:72px;margin:0 auto}.mocks .mk-cn__ava i{display:block;width:72px;height:72px;border:4px solid var(--app-pricon);border-radius:50%;background-color:#3a3947;background-position:50%;background-size:cover}.mocks .mk-cn__mic{position:absolute;right:-4px;bottom:0;display:grid;width:30px;height:30px;border-radius:50%;background:var(--app-on);color:var(--app-surface);place-items:center}.mocks .mk-cn__mic svg{width:16px;height:16px}.mocks .mock .mk-cn__name{margin-top:6px;font-size:13px}.mocks .mk-cn__pl{display:flex;flex:none;align-items:center;margin:14px 14px 0;padding:10px 12px;gap:8px;border:1px solid var(--app-outline);border-radius:12px}.mocks .mk-cn__pl>i{display:grid;flex:none;width:42px;height:42px;border:1px solid var(--app-outline);border-radius:4px;color:var(--app-onvar);place-items:center}.mocks .mk-cn__pl>i svg{width:16px;height:16px}.mocks .mk-cn__pl div{flex:1;min-width:0}.mocks .mk-cn__pl b{display:block;overflow:hidden;font-size:13px;font-weight:400;white-space:nowrap;text-overflow:ellipsis}.mocks .mk-cn__pl em{color:var(--app-onvar);font-size:11px;font-style:normal}.mocks .mk-cn__pl>svg{flex:none;width:18px;height:18px;color:var(--app-primary)}.mocks .mk-cn__tabs{display:flex;flex:none;margin-top:14px}.mocks .mk-cn__tabs span{flex:1;padding:9px 0;border-bottom:1px solid rgba(229,225,230,.12);color:var(--app-onvar);font-size:12px;text-align:center}.mocks .mk-cn__tabs .is-on{border-bottom:3px solid var(--app-primary);color:var(--app-primary)}.mocks .mk-rp{background:var(--rep-bg);color:var(--rep-key)}.mocks .mk-rp__t{color:var(--rep-key);font-size:22px;text-align:center}.mocks .mk-rp--art{padding:22px 0 18px;background:var(--rep-blue)}.mocks .mk-rp__stack{position:relative;flex:none;width:100%;margin-top:16px;aspect-ratio:1}.mocks .mk-hearts{position:absolute;width:100%;height:100%;inset:0}.mocks .mk-heart{animation:top-mfloat 7s ease-in-out infinite alternate}.mocks .mk-heart--b{animation-delay:-2.4s;animation-duration:8.6s}.mocks .mk-heart--c{animation-delay:-4.1s;animation-duration:9.4s}.mocks .mk-heart--d{animation-delay:-1.2s;animation-duration:7.9s}@keyframes top-mfloat{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}.mocks .mk-rp__top{position:relative;width:68.5%;margin:0 auto}.mocks .mk-rp__top img{width:100%;aspect-ratio:1;box-shadow:12px 12px 0 var(--rep-bg);object-fit:cover}.mocks .mock .mk-rp__top p{margin-top:16px;font-size:18px}.mocks .mk-rp__top span,.mocks .mock .mk-rp__top p{color:var(--rep-key);font-weight:700;text-align:center}.mocks .mk-rp__top span{display:block;margin-top:2px;font-size:17px}.mocks .mk-rp__top span i{font-size:11px;font-style:normal;font-weight:400}.mocks .mk-rp__rank{flex:1;min-height:0;margin:14px 0 0;padding:0 16px;overflow:hidden;color:var(--app-on);list-style:none}.mocks .mk-rp__rank li{display:flex;align-items:center;padding:3px 0;gap:10px}.mocks .mk-rp__rank b{width:10px;font-size:15px;font-weight:400}.mocks .mk-rp__rank img{width:40px;height:40px;object-fit:cover}.mocks .mk-rp__rank p{flex:1;overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.mocks .mk-rp__rank span{font-size:15px}.mocks .mk-rp__rank span i{font-size:11px;font-style:normal}.mocks .mk-rp--map{padding:26px 0 20px}.mocks .mk-rp__area{flex:none;text-align:center}.mocks .mk-rp__area h4{margin:0;font-size:20px;font-weight:400}.mocks .mock .mk-rp__area p{margin-top:4px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.mocks .mk-rp__area b{font-size:52px}.mocks .mk-rp__area i{font-size:18px;font-style:normal}.mocks .mk-rp__map{flex:none;width:244px;margin:-22px auto 0}.mocks .mk-star{transform-box:fill-box;transform-origin:center;animation:top-mtwinkle 3.4s ease-in-out infinite}@keyframes top-mtwinkle{0%,to{transform:scale(.9);opacity:.85}50%{transform:scale(1.14);opacity:1}}.mocks .mk-rp__venue{flex:1;min-height:0;margin:6px 0 0;padding:0 16px;overflow:hidden;color:var(--app-on);list-style:none}.mocks .mk-rp__venue li{display:flex;align-items:center;padding:3px 0;gap:10px}.mocks .mk-rp__venue b{width:10px;font-size:15px;font-weight:400}.mocks .mk-rp__venue em{display:grid;flex:none;width:40px;height:40px;background:#2a2933;color:var(--app-onvar);font-size:7px;font-style:normal;font-weight:700;place-items:center}.mocks .mk-rp__venue p{flex:1;font-size:12px}.mocks .mk-rp__venue span{font-size:15px}.mocks .mk-rp__venue span i{font-size:11px;font-style:normal}.mocks .mk-qz,.mocks .mk-qzr{position:relative;isolation:isolate}.mocks .mk-qz__bg{position:absolute;z-index:-1;inset:0;overflow:hidden}.mocks .mk-qz__bg img{width:100%;height:100%;transform:scale(1.28);animation:top-qzdrift 11s ease-in-out infinite alternate;filter:blur(24px);object-fit:cover}@keyframes top-qzdrift{0%{transform:translate(-15px,11px) rotate(-1.4deg) scale(1.2)}to{transform:translate(15px,-11px) rotate(1.4deg) scale(1.36)}}.mocks .mk-qz__bg:after{position:absolute;inset:0;background:radial-gradient(115% 80% at 50% -5%,rgba(194,193,255,.13),rgba(194,193,255,0) 68%),linear-gradient(180deg,rgba(28,27,31,.72) 0,rgba(28,27,31,.93) 50%,var(--app-surface) 90%);content:""}.mocks .mk-qz__bar{position:relative;display:flex;flex:none;height:40px;align-items:center;padding:0 10px}.mocks .mk-qz__bar svg{flex:none;width:18px;height:18px}.mocks .mk-qz__bar b{flex:1;margin-right:18px;font-size:12px;font-weight:400;letter-spacing:1px;text-align:center}.mocks .mk-lb{color:var(--app-onvar);font-size:8px;font-weight:700;letter-spacing:.27em}.mocks .mk-lb--n{letter-spacing:.14em}.mocks .mk-lb--t{letter-spacing:.05em}.mocks .mk-qz__in{display:flex;flex:1;flex-direction:column;min-height:0;padding:3px 18px 18px}.mocks .mk-qz__count{display:flex;flex:none;align-items:flex-end;justify-content:flex-end;gap:7px}.mocks .mk-qz__count b{color:var(--app-primary);font-size:23px;font-weight:700;line-height:1}.mocks .mk-qz__count i{color:var(--app-onvar);font-size:12px;font-style:normal}.mocks .mk-qz__seg{display:flex;flex:none;margin-top:9px;gap:3px}.mocks .mk-qz__seg i{flex:1;height:3px;border-radius:2px;background:rgba(229,225,230,.14)}.mocks .mk-qz__seg i.is-ok{background:var(--app-primary)}.mocks .mk-qz__seg i.is-ng{background:var(--app-error)}.mocks .mk-qz__eq{display:flex;flex:none;height:88px;align-items:center;justify-content:center;margin-top:18px;gap:4px}.mocks .mk-qz__eq i{width:6px;height:22px;border-radius:3px;background:var(--app-primary);opacity:.71;animation:top-qzbar1 1.15s linear infinite}.mocks .mk-qz__eq i:nth-child(2){animation-name:top-qzbar2}.mocks .mk-qz__eq i:nth-child(3){animation-name:top-qzbar3}.mocks .mk-qz__eq i:nth-child(4){animation-name:top-qzbar4}.mocks .mk-qz__eq i:nth-child(5){animation-name:top-qzbar5}.mocks .mk-qz__eq i:nth-child(6){animation-name:top-qzbar6}.mocks .mk-qz__eq i:nth-child(7){animation-name:top-qzbar7}.mocks .mk-qz__eq i:nth-child(8){animation-name:top-qzbar8}.mocks .mk-qz__eq i:nth-child(9){animation-name:top-qzbar9}@keyframes top-qzbar1{0%{height:35.8px;opacity:.85}12.5%{height:26.1px;opacity:.75}25%{height:44px;opacity:.94}37.5%{height:33.3px;opacity:.83}50%{height:25.5px;opacity:.75}62.5%{height:24.9px;opacity:.74}75%{height:17.2px;opacity:.67}87.5%{height:17.7px;opacity:.67}to{height:35.8px;opacity:.85}}@keyframes top-qzbar2{0%{height:43.2px;opacity:.93}12.5%{height:37.9px;opacity:.88}25%{height:22.4px;opacity:.72}37.5%{height:33.2px;opacity:.83}50%{height:35.3px;opacity:.85}62.5%{height:26.2px;opacity:.76}75%{height:13.2px;opacity:.62}87.5%{height:16.7px;opacity:.66}to{height:43.2px;opacity:.93}}@keyframes top-qzbar3{0%{height:40.4px;opacity:.9}12.5%{height:19.4px;opacity:.69}25%{height:27.4px;opacity:.77}37.5%{height:30.7px;opacity:.8}50%{height:25.6px;opacity:.75}62.5%{height:35.9px;opacity:.85}75%{height:18.8px;opacity:.68}87.5%{height:26.2px;opacity:.76}to{height:40.4px;opacity:.9}}@keyframes top-qzbar4{0%{height:39.6px;opacity:.89}12.5%{height:33.6px;opacity:.83}25%{height:38.2px;opacity:.88}37.5%{height:29.9px;opacity:.79}50%{height:20.3px;opacity:.7}62.5%{height:18.7px;opacity:.68}75%{height:21.8px;opacity:.71}87.5%{height:22.4px;opacity:.72}to{height:39.6px;opacity:.89}}@keyframes top-qzbar5{0%{height:39.5px;opacity:.89}12.5%{height:20.6px;opacity:.7}25%{height:32.6px;opacity:.82}37.5%{height:40.8px;opacity:.9}50%{height:22.1px;opacity:.71}62.5%{height:13.1px;opacity:.62}75%{height:18px;opacity:.67}87.5%{height:37.7px;opacity:.87}to{height:39.5px;opacity:.89}}@keyframes top-qzbar6{0%{height:41.7px;opacity:.91}12.5%{height:16.8px;opacity:.66}25%{height:23.2px;opacity:.73}37.5%{height:40px;opacity:.9}50%{height:20.3px;opacity:.7}62.5%{height:30.3px;opacity:.8}75%{height:25.4px;opacity:.75}87.5%{height:23.3px;opacity:.73}to{height:41.7px;opacity:.91}}@keyframes top-qzbar7{0%{height:39.9px;opacity:.89}12.5%{height:29px;opacity:.78}25%{height:28.3px;opacity:.78}37.5%{height:15.1px;opacity:.64}50%{height:39.9px;opacity:.89}62.5%{height:29px;opacity:.78}75%{height:28.3px;opacity:.78}87.5%{height:15.1px;opacity:.64}to{height:39.9px;opacity:.89}}@keyframes top-qzbar8{0%{height:38.7px;opacity:.88}12.5%{height:29px;opacity:.78}25%{height:22.7px;opacity:.72}37.5%{height:23.1px;opacity:.72}50%{height:22.3px;opacity:.72}62.5%{height:22.3px;opacity:.72}75%{height:38.3px;opacity:.88}87.5%{height:28.1px;opacity:.78}to{height:38.7px;opacity:.88}}@keyframes top-qzbar9{0%{height:41.1px;opacity:.91}12.5%{height:20.9px;opacity:.7}25%{height:20.7px;opacity:.7}37.5%{height:27.7px;opacity:.77}50%{height:20.4px;opacity:.7}62.5%{height:28.1px;opacity:.78}75%{height:40.8px;opacity:.9}87.5%{height:21.4px;opacity:.71}to{height:41.1px;opacity:.91}}.mocks .mk-qz__time{flex:none;margin-top:6px;text-align:center}.mocks .mk-qz__time b{display:block;margin-top:3px;color:#cbc9f9;font-size:18px;font-weight:700;line-height:1;letter-spacing:1px;animation:top-qzpulse .65s ease-in-out infinite alternate}@keyframes top-qzpulse{0%{transform:scale(1)}to{transform:scale(1.038)}}.mocks .mk-qz__time em{display:block;margin-top:3px;color:rgba(200,197,208,.78);font-size:8px;font-style:normal;font-weight:700;letter-spacing:.1em}.mocks .mk-qz__ch{flex:none;margin:18px 0 0;padding:0;list-style:none}.mocks .mk-qz__ch li{display:flex;min-height:50px;align-items:center;padding:7px 10px;gap:10px;border-radius:10px;background:rgba(51,50,62,.6)}.mocks .mk-qz__ch li+li{margin-top:9px}.mocks .mk-qz__ch b{display:grid;flex:none;width:21px;height:21px;border-radius:50%;background:rgba(194,193,255,.16);color:var(--app-primary);font-size:10px;font-weight:700;place-items:center}.mocks .mk-qz__ch p{font-size:12px;font-weight:600}.mocks .mk-qzr__card{position:relative;flex:none;padding:6px 18px 0;text-align:center}.mocks .mk-qzr__ava{width:66px;height:66px;margin:0 auto;border-radius:50%;object-fit:cover}.mocks .mk-qzr__card h4{margin:3px 0 0;font-size:18px;font-weight:700;line-height:1.3}.mocks .mk-qzr__rank{margin-top:9px}.mocks .mk-qzr__rank b{display:block;margin-top:2px;color:var(--app-primary);font-size:21px;font-weight:700;line-height:1.15}.mocks .mk-qzr__rank i{color:var(--app-onvar);font-size:11px;font-style:normal;font-weight:400}.mocks .mk-qzr__hr{height:1px;margin:6px 0;background:rgba(229,225,230,.1)}.mocks .mk-qzr__stats{display:flex;align-items:stretch}.mocks .mk-qzr__stats div{flex:1}.mocks .mk-qzr__stats span{width:1px;margin:3px 0;background:rgba(229,225,230,.1)}.mocks .mk-qzr__stats b{display:block;margin-top:3px;color:var(--app-primary);font-size:12px;font-weight:700}.mocks .mk-qzr__stats b.is-plain{color:var(--app-on)}.mocks .mk-qzr__stats i{color:var(--app-onvar);font-size:10px;font-style:normal;font-weight:400}.mocks .mk-qzr__thead{display:flex;flex:none;justify-content:space-between;margin:8px 18px 0;padding-bottom:3px;border-bottom:1px solid rgba(229,225,230,.1)}.mocks .mk-qzr__rows{flex:1;min-height:0;margin:0;padding:0 18px;overflow:hidden;list-style:none;mask-image:linear-gradient(180deg,#000 84%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 84%,transparent)}.mocks .mk-qzr__rows li{display:flex;height:44px;align-items:center;gap:9px}.mocks .mk-qzr__rows li+li{border-top:1px solid rgba(229,225,230,.1)}.mocks .mk-qzr__rows em{flex:none;width:16px;color:var(--app-onvar);font-size:10px;font-style:normal;letter-spacing:1px}.mocks .mk-qzr__rows i{display:block;flex:none}.mocks .mk-qzr__rows i svg{display:block;width:15px;height:15px}.mocks .mk-qzr__rows .is-ok{color:var(--app-primary)}.mocks .mk-qzr__rows .is-ng{color:rgba(255,180,171,.8)}.mocks .mk-qzr__rows .is-play{color:var(--app-primary)}.mocks .mk-qzr__rows p{flex:1;min-width:0;overflow:hidden;font-size:10px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.mocks .mk-qzr__rows span{flex:none;width:34px;color:var(--app-onvar);font-size:9px;text-align:right}.mocks .mk-qzr__btns{flex:none;padding:8px 18px 13px}.mocks .mk-qzr__share{display:flex;height:41px;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:var(--app-primary);color:var(--app-onpri);font-size:10px;font-weight:700;letter-spacing:.14em}.mocks .mk-qzr__share svg{width:13px;height:13px}.mocks .mk-qzr__ghosts{display:flex;margin-top:7px;gap:7px}.mocks .mk-qzr__ghosts span{display:flex;flex:1;height:38px;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(229,225,230,.18);border-radius:10px;color:var(--app-on);font-size:10px;letter-spacing:.07em}.mocks .mk-qzr__ghosts svg{width:12px;height:12px}