.winner-tab-bar{--winner-tab-height: 27px;--winner-tab-icon: 42px;--winner-tab-lift: 10px;position:relative;width:fit-content;@media(max-width:767px){--winner-tab-height: 27px;--winner-tab-icon: 42px;--winner-tab-lift: 8px}}.winner-tab{height:var(--winner-tab-height);padding:0 18px 0 8px;gap:6px;font-size:10px;font-weight:700;letter-spacing:.01em;width:120px;background-color:var(--inverted-bg-overlay);>div,>div>span{display:contents}&:before{content:"";position:absolute;inset:0;border:1px solid var(--color-primary);border-radius:100px;opacity:0;pointer-events:none;transition:opacity .14s ease-out}&:where([data-state=active],:hover):before{opacity:1}&[data-state=active]{background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 1.25%,transparent),color-mix(in srgb,var(--color-primary) 25%,transparent) 54.81%);.winner-tab__label{color:var(--color-primary);text-shadow:0 0 10px color-mix(in srgb,var(--color-primary) 35%,transparent)}.winner-tab__art--plain{opacity:0}.winner-tab__art--shine{opacity:1}}&:hover:not([data-state=active]){.winner-tab__art--plain{opacity:0}.winner-tab__art--shine{opacity:1}}}.winner-tab--play{&:before{animation:winner-tab-border 1.8s linear forwards}.winner-tab__art--plain{opacity:0}.winner-tab__art--shine{animation:winner-tab-frame-a .9s ease-in-out 2 both}.winner-tab__art--alt{animation:winner-tab-frame-b .9s ease-in-out 2 both}}.winner-tab--recent{--winner-tab-art-x: 50%;--winner-tab-art-y: 60%;.winner-tab__art--shine{--winner-tab-art-dx: 6.84%;--winner-tab-art-dy: -3.83%;--winner-tab-art-scale: 1.0684}.winner-tab__art--alt{--winner-tab-art-dx: 4.56%;--winner-tab-art-dy: -3.76%;--winner-tab-art-scale: .9672}}.winner-tab--top{--winner-tab-art-x: 30%;--winner-tab-art-y: 60%;.winner-tab__art--alt{--winner-tab-art-dx: -5.01%;--winner-tab-art-dy: -3.47%;--winner-tab-art-scale: .957}}.winner-tab__label{color:color-mix(in srgb,var(--color-primary) 62%,#6b7280);transition:color .16s ease-out,text-shadow .16s ease-out;white-space:nowrap}.winner-tab__icon{position:relative;flex:none;width:var(--winner-tab-icon);height:calc(var(--winner-tab-height) * .5);z-index:1}.winner-tab__art{position:absolute;left:var(--winner-tab-art-x, 50%);top:var(--winner-tab-art-y, 50%);width:var(--winner-tab-icon);height:var(--winner-tab-icon);object-fit:contain;translate:-50% calc(-50% - var(--winner-tab-lift));transform:translate(var(--winner-tab-art-dx, 0),var(--winner-tab-art-dy, 0)) scale(var(--winner-tab-art-scale, 1));opacity:0;transition:opacity .2s ease-out}.winner-tab__art--plain{opacity:1}.winner-tab-overlay{position:absolute;inset:0;pointer-events:none;transform:translateZ(0);will-change:transform}.winner-tab-overlay__ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;& rect{width:calc(100% - 2px);height:calc(100% - 2px);rx:calc((var(--winner-tab-height) - 2px) / 2);ry:calc((var(--winner-tab-height) - 2px) / 2);fill:none}}.winner-tab-overlay__beam{stroke:color-mix(in srgb,var(--color-primary) 85%,#fff);stroke-width:1.6;stroke-linecap:butt;stroke-dashoffset:0;mix-blend-mode:screen;opacity:0}.winner-tab-overlay__beam:nth-child(1){--winner-beam-alpha: .06;stroke-dasharray:0 0 .0105 .9895}.winner-tab-overlay__beam:nth-child(2){--winner-beam-alpha: .1;stroke-dasharray:0 .0105 .0105 .979}.winner-tab-overlay__beam:nth-child(3){--winner-beam-alpha: .17;stroke-dasharray:0 .021 .0105 .9685}.winner-tab-overlay__beam:nth-child(4){--winner-beam-alpha: .3;stroke-dasharray:0 .0315 .0105 .958}.winner-tab-overlay__beam:nth-child(5){--winner-beam-alpha: .47;stroke-dasharray:0 .042 .0105 .9475}.winner-tab-overlay__beam:nth-child(6){--winner-beam-alpha: .64;stroke-dasharray:0 .0525 .0105 .937}.winner-tab-overlay__beam:nth-child(7){--winner-beam-alpha: .8;stroke-dasharray:0 .063 .0105 .9265}.winner-tab-overlay__beam:nth-child(8){--winner-beam-alpha: .93;stroke-dasharray:0 .0735 .0105 .916}.winner-tab-overlay__beam:nth-child(9){--winner-beam-alpha: .99;stroke-dasharray:0 .084 .0105 .9055}.winner-tab-overlay__beam:nth-child(10){--winner-beam-alpha: .99;stroke-dasharray:0 .0945 .0105 .895}.winner-tab-overlay__beam:nth-child(11){--winner-beam-alpha: .93;stroke-dasharray:0 .105 .0105 .8845}.winner-tab-overlay__beam:nth-child(12){--winner-beam-alpha: .8;stroke-dasharray:0 .1155 .0105 .874}.winner-tab-overlay__beam:nth-child(13){--winner-beam-alpha: .64;stroke-dasharray:0 .126 .0105 .8635}.winner-tab-overlay__beam:nth-child(14){--winner-beam-alpha: .47;stroke-dasharray:0 .1365 .0105 .853}.winner-tab-overlay__beam:nth-child(15){--winner-beam-alpha: .3;stroke-dasharray:0 .147 .0105 .8425}.winner-tab-overlay__beam:nth-child(16){--winner-beam-alpha: .17;stroke-dasharray:0 .1575 .0105 .832}.winner-tab-overlay__beam:nth-child(17){--winner-beam-alpha: .1;stroke-dasharray:0 .168 .0105 .8215}.winner-tab-overlay__beam:nth-child(18){--winner-beam-alpha: .06;stroke-dasharray:0 .1785 .0105 .811}.winner-tab-overlay--drawing .winner-tab-overlay__beam{opacity:var(--winner-beam-alpha, 1);animation:winner-tab-lap 1.8s linear both}@keyframes winner-tab-border{0%,99.9%{opacity:0}to{opacity:1}}@keyframes winner-tab-lap{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1}}@keyframes winner-tab-frame-a{0%,to{opacity:1}50%{opacity:0}}@keyframes winner-tab-frame-b{0%,to{opacity:0}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.winner-tab:before,.winner-tab__art,.winner-tab-overlay__beam{animation:none}.winner-tab-overlay__beam{display:none}.winner-tab--play:before{opacity:1}.winner-tab__art--plain{opacity:1}}@keyframes scroll-left{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes scroll-right{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}