.jbet-hot-side,.jbet-hot-side *{box-sizing:border-box;font-family:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",sans-serif}.jbet-hot-side{--bg:#171719;--line:rgba(255,255,255,.085);--line2:rgba(255,255,255,.14);--text:#f4f5f7;--muted:#969aa3;--green:#03F884;--slide-width:62%;--slide-gap:8px;--side-space:19%;width:100%;min-width:0;overflow:hidden;margin:0;padding:14px 14px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text)}.jbet-hot-side__header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;margin:0 0 7px}.jbet-hot-side__heading{min-width:0;display:flex;align-items:center;margin:0}.jbet-hot-side__title{min-width:0;margin:0;overflow:hidden;color:var(--text);font-size:16px;font-weight:900;line-height:1.25;letter-spacing:-.035em;white-space:nowrap;text-overflow:ellipsis}.jbet-hot-side__tools{flex:0 0 auto;display:flex;align-items:center;gap:6px}.jbet-hot-side__counter{min-width:32px;color:var(--muted);font-size:10px;font-weight:800;line-height:1;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.jbet-hot-side__button{width:31px;height:31px;flex:0 0 31px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:1px solid var(--line2);border-radius:10px;background:#242529;color:#d9dce2;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background .08s ease,border-color .08s ease,transform .08s ease}.jbet-hot-side__button:hover{border-color:rgb(255 255 255 / .22);background:#2b2c31}.jbet-hot-side__button:active{transform:scale(.94)}.jbet-hot-side__button:focus-visible{outline:2px solid rgb(3 248 132 / .5);outline-offset:2px}.jbet-hot-side__button svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.jbet-hot-side__viewport{width:100%;height:192px;min-width:0;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:auto;scroll-padding-inline:var(--side-space);overscroll-behavior-x:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y pinch-zoom;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.jbet-hot-side__viewport::-webkit-scrollbar{display:none;width:0;height:0}.jbet-hot-side__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}.jbet-hot-side__track{display:flex;align-items:center;gap:var(--slide-gap);width:max-content;min-width:100%;height:192px;padding:0 var(--side-space)}.jbet-hot-side__slide{position:relative;flex:0 0 var(--slide-width);width:var(--slide-width);height:188px;min-width:0;overflow:visible;scroll-snap-align:center;scroll-snap-stop:always;opacity:.38;filter:brightness(.58) saturate(.70);transform:scale(.88);transform-origin:center;transition:opacity .06s linear,filter .06s linear,transform .08s ease-out;z-index:1}.jbet-hot-side__slide.is-active{z-index:5;opacity:1;filter:none;transform:scale(1)}.jbet-hot-side__stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:188px;min-width:0;overflow:visible}.jbet-hot-side__rank{position:absolute;z-index:0;left:calc(50% - 132px);top:50%;width:82px;color:#fff0;font-family:Impact,"Arial Black",sans-serif!important;font-size:118px;font-weight:950;line-height:.80;letter-spacing:-.12em;text-align:center;white-space:nowrap;-webkit-text-stroke:1.7px rgb(255 255 255 / .27);text-shadow:0 6px 18px rgb(0 0 0 / .45);transform:translateY(-50%) scaleX(.76);transform-origin:center;pointer-events:none;user-select:none}.jbet-hot-side__rank.is-double{left:calc(50% - 139px);width:98px;font-size:98px;letter-spacing:-.20em;transform:translateY(-50%) scaleX(.65)}.jbet-hot-side__profile{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;width:174px;height:174px;min-width:0;margin:0;padding:9px;overflow:hidden;border:1px solid rgb(255 255 255 / .10);border-radius:16px;background:#17181c;color:inherit;text-decoration:none!important;box-shadow:0 12px 27px rgb(0 0 0 / .30),inset 0 1px 0 rgb(255 255 255 / .035);isolation:isolate;transform:translateX(18px);-webkit-tap-highlight-color:#fff0;transition:border-color .08s ease,box-shadow .08s ease,transform .08s ease}.jbet-hot-side__slide.is-active .jbet-hot-side__profile{border-color:rgb(255 255 255 / .15);box-shadow:0 15px 32px rgb(0 0 0 / .36),inset 0 1px 0 rgb(255 255 255 / .045)}.jbet-hot-side__profile:hover{transform:translateX(18px) translateY(-1px)}.jbet-hot-side__cover{position:absolute;inset:0;z-index:0;display:block;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:inherit!important;object-fit:cover;object-position:center 24%;background:#121317;transform:scale(1.012);transition:transform .10s ease,filter .08s ease;pointer-events:none}.jbet-hot-side__slide.is-active .jbet-hot-side__profile:hover .jbet-hot-side__cover{transform:scale(1.03);filter:brightness(1.035)}.jbet-hot-side__profile::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(180deg,rgb(7 8 10 / .01) 25%,rgb(7 8 10 / .06) 47%,rgb(7 8 10 / .65) 71%,rgb(7 8 10 / .95) 100%);pointer-events:none}.jbet-hot-side__content{position:relative;z-index:2;display:block;width:100%;min-width:0}.jbet-hot-side__name{display:block;width:100%;margin:0 0 6px;overflow:hidden;color:#fff;font-size:12px;font-weight:950;line-height:1.15;letter-spacing:-.04em;text-align:center;text-shadow:0 3px 11px rgb(0 0 0 / .78);white-space:nowrap;text-overflow:ellipsis}.jbet-hot-side__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-height:44px;overflow:hidden;border:1px solid rgb(255 255 255 / .13);border-radius:12px;background:rgb(16 18 22 / .82);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:inset 0 1px 0 rgb(255 255 255 / .035),0 6px 15px rgb(0 0 0 / .18)}.jbet-hot-side__stat{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:6px 3px;overflow:hidden}.jbet-hot-side__stat+.jbet-hot-side__stat{border-left:1px solid rgb(255 255 255 / .11)}.jbet-hot-side__stat span{display:block;max-width:100%;overflow:hidden;color:#b1b6be;font-size:7px;font-weight:750;line-height:1;white-space:nowrap;text-overflow:ellipsis}.jbet-hot-side__stat strong{display:block;max-width:100%;overflow:hidden;color:#fff;font-size:11.5px;font-weight:950;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px rgb(0 0 0 / .60);white-space:nowrap;text-overflow:ellipsis}.jbet-hot-side__stat:first-child strong{color:var(--green)}.jbet-hot-side__dots{display:flex;align-items:center;justify-content:center;gap:5px;min-height:6px;margin:5px 0 0}.jbet-hot-side__dot{width:5px;height:5px;flex:0 0 auto;margin:0;padding:0;border:0;border-radius:999px;background:rgb(255 255 255 / .18);appearance:none;-webkit-appearance:none;cursor:pointer;transition:width .06s linear,background .06s linear}.jbet-hot-side__dot.is-active{width:16px;background:var(--green)}.jbet-hot-side__empty{display:flex;align-items:center;justify-content:center;min-height:90px;padding:16px;border:1px solid rgb(255 255 255 / .08);border-radius:12px;background:#191919;color:#a4a9b1;font-size:13px;font-weight:700;line-height:1.6;text-align:center}@media(max-width:767px){.jbet-hot-side{--slide-width:66%;--side-space:17%;padding:13px 13px 11px}.jbet-hot-side__title{font-size:15px}.jbet-hot-side__counter{display:none}.jbet-hot-side__viewport,.jbet-hot-side__track{height:184px}.jbet-hot-side__slide,.jbet-hot-side__stage{height:180px}.jbet-hot-side__rank{left:calc(50% - 124px);width:77px;font-size:110px}.jbet-hot-side__rank.is-double{left:calc(50% - 131px);width:91px;font-size:91px}.jbet-hot-side__profile{width:166px;height:166px;padding:8px;border-radius:15px;transform:translateX(16px)}.jbet-hot-side__profile:hover{transform:translateX(16px) translateY(-1px)}}@media(max-width:380px){.jbet-hot-side{--slide-width:70%;--side-space:15%;--slide-gap:7px;padding-right:11px;padding-left:11px}.jbet-hot-side__button{width:30px;height:30px;flex-basis:30px}.jbet-hot-side__viewport,.jbet-hot-side__track{height:174px}.jbet-hot-side__slide,.jbet-hot-side__stage{height:170px}.jbet-hot-side__rank{left:calc(50% - 117px);width:72px;font-size:103px}.jbet-hot-side__rank.is-double{left:calc(50% - 123px);width:85px;font-size:85px}.jbet-hot-side__profile{width:156px;height:156px;padding:8px;transform:translateX(15px)}.jbet-hot-side__profile:hover{transform:translateX(15px) translateY(-1px)}.jbet-hot-side__name{font-size:11.5px}.jbet-hot-side__stats,.jbet-hot-side__stat{min-height:41px}}@media(hover:none){.jbet-hot-side__profile:hover{transform:translateX(18px)}.jbet-hot-side__profile:hover .jbet-hot-side__cover{transform:scale(1.012);filter:none}}@media(max-width:767px) and (hover:none){.jbet-hot-side__profile:hover{transform:translateX(16px)}}@media(max-width:380px) and (hover:none){.jbet-hot-side__profile:hover{transform:translateX(15px)}}@media(prefers-reduced-motion:reduce){.jbet-hot-side__viewport{scroll-behavior:auto}.jbet-hot-side__slide,.jbet-hot-side__button,.jbet-hot-side__profile,.jbet-hot-side__cover,.jbet-hot-side__dot{transition:none!important}}