h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1{font-size:8rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.4px}@media screen and (max-width: 991px){h1{font-size:5.2rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.26px}}h2{font-size:6.4rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.32px}@media screen and (max-width: 991px){h2{font-size:4.2rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.21px}}h3{font-size:5.2rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.26px}@media screen and (max-width: 991px){h3{font-size:3.2rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.16px}}h4{font-size:4.2rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.21px}@media screen and (max-width: 991px){h4{font-size:2.4rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.12px}}h5{font-size:3.2rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.16px}h5.small{font-size:2rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.1px}@media screen and (max-width: 991px){h5.small{font-size:1.6rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.1px}}@media screen and (max-width: 991px){h5{font-size:2rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.1px}}h6{font-size:2.4rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.12px}h6.small{font-size:1.8rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.09px}@media screen and (max-width: 991px){h6{font-size:1.8rem;font-style:normal;font-weight:500;line-height:1.2;letter-spacing:-0.09px}}.body-xlarge{font-size:2rem;font-style:normal;font-weight:500;line-height:1.5;letter-spacing:.05px}.body-large{font-size:1.8rem;font-style:normal;font-weight:500;line-height:1.6;letter-spacing:.045px}.body-medium{font-size:1.6rem;font-style:normal;font-weight:500;line-height:1.6;letter-spacing:.04px}@media screen and (max-width: 991px){.body-medium{font-size:1.4rem;font-style:normal;font-weight:400;line-height:1.6;letter-spacing:.035px}}.body-small{font-size:1.4rem;font-style:normal;font-weight:400;line-height:1.6;letter-spacing:.035px}.body-xsmall{font-size:1.2rem;font-style:normal;font-weight:500;line-height:1.6;letter-spacing:.03px}.label-large{font-size:1.8rem;font-style:normal;font-weight:500;line-height:1.6;letter-spacing:.045px}.label-medium{font-size:1.6rem;font-style:normal;font-weight:500;line-height:1.4;letter-spacing:.04px}@media screen and (max-width: 991px){.label-medium{font-size:1.4rem;font-style:normal;font-weight:500;line-height:1.4;letter-spacing:.035px}}.label-small{font-size:1.4rem;font-style:normal;font-weight:500;line-height:1.4;letter-spacing:.035px}.label-xsmall{font-size:1.2rem;font-style:normal;font-weight:500;line-height:1.6;letter-spacing:.03px}.caption-medium{font-size:1.6rem;font-style:normal;font-weight:500;line-height:1.5;text-transform:uppercase}.caption-small{font-size:1.4rem;font-style:normal;font-weight:500;line-height:1.5;text-transform:uppercase}.caption-xsmall{font-size:1.2rem;font-style:normal;font-weight:500;line-height:1.5;text-transform:uppercase}.padding-64{padding:0 64px}@media screen and (max-width: 1199px){.padding-64{padding:0 48px}}@media screen and (max-width: 991px){.padding-64{padding:0 32px}}@media screen and (max-width: 575px){.padding-64{padding:0 16px}}.padding-32{padding:0 32px}@media screen and (max-width: 991px){.padding-32{padding:0 24px}}@media screen and (max-width: 767px){.padding-32{padding:0 16px}}.container{width:1440px;padding:0 64px;margin:0 auto;max-width:100%;box-sizing:border-box;position:relative;z-index:1}@media screen and (max-width: 1199px){.container{padding:0 48px}}@media screen and (max-width: 991px){.container{padding:0 32px}}@media screen and (max-width: 575px){.container{padding:0 16px}}.grid{display:grid;grid-template-columns:repeat(12, 1fr);grid-column-gap:32px;grid-row-gap:32px}@media screen and (max-width: 991px){.grid{grid-template-columns:repeat(8, 1fr);grid-column-gap:24px;grid-row-gap:24px}}@media screen and (max-width: 767px){.grid{grid-template-columns:repeat(4, 1fr);grid-column-gap:16px;grid-row-gap:16px}}.title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;width:100%;gap:20px}.title-bar .title{color:var(--vs-primary);font-weight:500}@media screen and (max-width: 1199px){.title-bar .title{font-size:20px;font-style:normal;line-height:120%;letter-spacing:-0.1px}}.title-bar .icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;background:var(--vs-primary);transition:all .2s ease-in-out;flex-shrink:0;--color-primary-darker: hsl(from var(--vs-primary) h s calc(l - 10))}.title-bar .icon:hover{background:var(--color-primary-darker)}.title-bar .icon img{width:20px}.top-scorers-container .list{display:flex;align-items:stretch;gap:24px;scroll-snap-type:x mandatory}@media screen and (max-width: 767px){.top-scorers-container .list{gap:16px;overflow:auto;margin:0 -32px;padding:0 32px}}.top-scorers-container .list .top-scorer{scroll-snap-align:center;flex:1;width:100%;border-radius:16px;border:1px solid #eaeaea;background:var(--vs-white);box-shadow:0 2px 2px 0 rgba(0,0,0,.06);box-sizing:border-box;display:flex;padding:8px;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer{flex-shrink:0;width:294px;min-width:294px}}.top-scorers-container .list .top-scorer .header{width:100%;border-radius:12px 12px 24px 24px;height:144px;position:relative;box-sizing:border-box;padding:24px 24px 0 24px;background:url("/static/svg/pattern-grey.svg") var(--vs-primary);background-position:0 100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;margin-bottom:16px}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .header{height:114px}}.top-scorers-container .list .top-scorer .header .points-box{position:absolute;top:16px;right:16px;z-index:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;color:var(--vs-white);gap:6px}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .header .points-box{gap:0;top:8px}}.top-scorers-container .list .top-scorer .header .points-box .points{text-align:right;font-size:28px;font-weight:500;line-height:1;letter-spacing:-0.14px}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .header .points-box .points{font-size:20px}}.top-scorers-container .list .top-scorer .header .points-box .label{color:rgba(255,255,255,.7);text-align:right;font-size:16px;font-style:normal;font-weight:500;line-height:1;letter-spacing:.04px}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .header .points-box .label{font-size:12px}}.top-scorers-container .list .top-scorer .header .position-box{position:absolute;top:0;left:0;z-index:1;background:var(--vs-white);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:5px;box-sizing:border-box;color:var(--vs-primary);gap:4px;border-radius:11px 0 12px 0}.top-scorers-container .list .top-scorer .header .position-box .position{width:37px;font-size:2.4rem;font-weight:500;line-height:1;font-style:normal;display:flex;gap:4px;text-align:center;justify-content:center}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .header .position-box .position{font-size:18px}}.top-scorers-container .list .top-scorer .header .position-box .position span{text-align:center;font-size:1.4rem;font-style:normal;font-weight:500;line-height:1.2;padding-top:3px;display:block}.top-scorers-container .list .top-scorer .header .position-box .label{font-size:1.4rem;font-style:normal;font-weight:500;line-height:1;text-transform:lowercase}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .header .position-box .label{font-size:1.2rem}}.top-scorers-container .list .top-scorer .header .position-box::before{content:"";position:absolute;top:0;left:100%;right:unset;bottom:unset;z-index:1;width:20px;height:20px;background-image:radial-gradient(circle at 20px 20px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 20px, var(--pseudoRadiusColor, var(--vs-white)) 20px);color:var(--pseudoRadiusColor, var(--vs-white));display:block}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .header .position-box::before{width:20px;height:20px;background-image:radial-gradient(circle at 20px 20px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 20px, var(--pseudoRadiusColor, var(--vs-white)) 20px)}}body.no-radius .top-scorers-container .list .top-scorer .header .position-box::before{display:none}.top-scorers-container .list .top-scorer .header .position-box::after{content:"";position:absolute;top:100%;left:0;right:unset;bottom:unset;z-index:1;width:20px;height:20px;background-image:radial-gradient(circle at 20px 20px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 20px, var(--pseudoRadiusColor, var(--vs-white)) 20px);color:var(--pseudoRadiusColor, var(--vs-white));display:block}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .header .position-box::after{width:20px;height:20px;background-image:radial-gradient(circle at 20px 20px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 20px, var(--pseudoRadiusColor, var(--vs-white)) 20px)}}body.no-radius .top-scorers-container .list .top-scorer .header .position-box::after{display:none}.top-scorers-container .list .top-scorer .header .position-box .badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px}.top-scorers-container .list .top-scorer .header .position-box .badge img{width:100%;height:100%;object-fit:contain}.top-scorers-container .list .top-scorer .header .image{width:136px;height:136px}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .header .image{height:108px;width:121px}}.top-scorers-container .list .top-scorer .header .image img{width:100%;height:100%;object-fit:contain}.top-scorers-container .list .top-scorer .name-box{width:100%;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #d8d8da}.top-scorers-container .list .top-scorer .name-box .name{text-align:center;font-size:2.4rem;font-weight:500;line-height:1.2;margin-bottom:8px}@media screen and (max-width: 991px){.top-scorers-container .list .top-scorer .name-box .name{font-size:20px;letter-spacing:-0.1px}}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .name-box .name{font-size:18px;letter-spacing:-0.09px}}.top-scorers-container .list .top-scorer .name-box .description{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 4px;box-sizing:border-box}.top-scorers-container .list .top-scorer .name-box .description .badge{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding-right:12px;border-right:1px solid #dbdbdc}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .name-box .description .badge{width:20px;height:20px}}.top-scorers-container .list .top-scorer .name-box .description .badge img{width:100%;height:100%;object-fit:contain}.top-scorers-container .list .top-scorer .name-box .description .number{height:26px;display:flex;align-items:center;justify-content:center;padding-right:12px;border-right:1px solid #dbdbdc;color:#45a14a;font-size:2.4rem;font-style:normal;font-weight:500;line-height:1.2}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .name-box .description .number{font-size:1.6rem}}.top-scorers-container .list .top-scorer .name-box .description .position{color:#616161;font-size:1.6rem;font-style:normal;font-weight:400;line-height:1.2;white-space:nowrap}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .name-box .description .position{font-size:1.2rem}}.top-scorers-container .list .top-scorer .distribution{width:100%;grid-area:distribution;display:flex;flex-direction:column;justify-content:space-between}.top-scorers-container .list .top-scorer .distribution .distribution-label{text-align:center;margin-bottom:16px}.top-scorers-container .list .top-scorer .distribution .distribution-details{display:flex;flex-direction:column;gap:12px}@media screen and (max-width: 767px){.top-scorers-container .list .top-scorer .distribution .distribution-details{gap:8px}}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row{height:40px;padding:0 24px 0 16px;box-sizing:border-box;border-radius:44px;display:flex;align-items:center;justify-content:space-between;position:relative;margin-right:49px}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row.attack{background:linear-gradient(90deg, color-mix(in srgb, #F1E8FC 100%, transparent) 0%, color-mix(in srgb, #F1E8FC 100%, transparent) var(--percentage), var(--background-neutral) var(--percentage)),var(--background-neutral)}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row.attack .label{color:var(--vs-attack)}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row.attack .percentage{background:color-mix(in srgb, #F1E8FC 100%, transparent)}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row.attack .percentage::before{border-right-color:color-mix(in srgb, #F1E8FC 100%, transparent)}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row.block{background:linear-gradient(90deg, color-mix(in srgb, #E9F4EF 100%, transparent) 0%, color-mix(in srgb, #E9F4EF 100%, transparent) var(--percentage), var(--background-neutral) var(--percentage)),var(--background-neutral)}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row.block .label{color:var(--vs-block)}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row.block .percentage{background:color-mix(in srgb, #E9F4EF 100%, transparent)}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row.block .percentage::before{border-right-color:color-mix(in srgb, #E9F4EF 100%, transparent)}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row.serve{background:linear-gradient(90deg, color-mix(in srgb, #FFF5E8 100%, transparent) 0%, color-mix(in srgb, #FFF5E8 100%, transparent) var(--percentage), var(--background-neutral) var(--percentage)),var(--background-neutral)}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row.serve .label{color:var(--vs-serve)}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row.serve .percentage{background:color-mix(in srgb, #FFF5E8 100%, transparent)}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row.serve .percentage::before{border-right-color:color-mix(in srgb, #FFF5E8 100%, transparent)}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row .percentage{height:40px;width:55px;flex-shrink:0;position:absolute;top:0;left:calc(100% - 10px);display:flex;align-items:center;justify-content:flex-end;padding-right:10px;border:2px solid var(--vs-white);border-radius:66px;box-sizing:border-box}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row .percentage::before,.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row .percentage::after{content:"";display:block;width:0;height:0;border-style:solid;border-top:14px solid rgba(0,0,0,0);border-bottom:14px solid rgba(0,0,0,0);border-right:15px solid #fff;border-left:0;position:absolute;right:calc(100% - 5px);top:50%;transform:translateY(-50%);z-index:1}body.no-radius .top-scorers-container .list .top-scorer .distribution .distribution-details .points-row .percentage::before,body.no-radius .top-scorers-container .list .top-scorer .distribution .distribution-details .points-row .percentage::after{border-top:19px solid rgba(0,0,0,0);border-bottom:19px solid rgba(0,0,0,0);right:calc(100% - 0px)}.top-scorers-container .list .top-scorer .distribution .distribution-details .points-row .percentage::before{right:calc(100% - 7px);z-index:2}body.no-radius .top-scorers-container .list .top-scorer .distribution .distribution-details .points-row .percentage::before{right:calc(100% - 2px)}body{background:rgba(0,0,0,0)}/*# sourceMappingURL=website2_top_scorers.css.map */