.css-10jada9 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 4px; padding: 6px; border-radius: 12px 12px 2px 2px; background: var(--event-accent-10, rgba(160, 96, 254, 0.1)); --bg-currentcolor: var(--event-accent-10, rgba(160, 96, 254, 0.1)); }
.css-11783f5 { object-fit: cover; position: absolute; left: -2.99941px; top: -2.00101px; width: 23.2714px; height: 31.0018px; max-width: none; }
.css-11amytq { display: flex; align-items: flex-start; flex-direction: column; gap: 0px; align-self: stretch; transform-origin: center top; }
.css-11smx6j { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; --bg-currentcolor: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); width: var(--gaydev-sizes-full); padding-inline: 32px; gap: 8px; }
.css-11smx6j { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; border-radius: var(--gaydev-radii-l2); white-space: nowrap; vertical-align: middle; border-width: 1px; border-color: var(--gaydev-colors-transparent); cursor: var(--gaydev-cursor-button); flex-shrink: 0; outline: 0px; line-height: 1.25rem; isolation: isolate; font-weight: var(--gaydev-font-weights-medium); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform; transition-duration: var(--gaydev-durations-moderate); --focus-ring-color: var(--gaydev-colors-color-palette-focus-ring); height: var(--gaydev-sizes-10); min-width: var(--gaydev-sizes-10); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-4); gap: var(--gaydev-spacing-2); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
.css-128nsd6 { font-size: 16px; font-weight: 700; line-height: normal; color: rgb(246, 242, 250); text-transform: uppercase; text-shadow: var(--event-text-shadow-accent, 0 2px 4px rgba(128, 80, 224, 0.5)); white-space: nowrap; }
.css-12n88qd { position: absolute; left: 23.97%; right: 23.6%; top: 26px; height: 60px; border-radius: 50%; background: rgb(51, 248, 255); --bg-currentcolor: #33F8FF; filter: blur(25px); }
.css-12rffrn { position: absolute; overflow: hidden; pointer-events: none; inset: 0px 1px 1px 0px; border-radius: 20px; }
.css-12u91zd { display: flex; flex-direction: column; gap: 16px; position: relative; }
.css-13ga786 { position: absolute; left: 8.99%; right: 8.61%; top: -34px; height: 200px; border-radius: 50%; background: rgb(70, 78, 100); --bg-currentcolor: #464E64; filter: blur(45px); }
.css-13usoxg { display: block; font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); text-align: left; }
.css-151qcms { object-fit: cover; position: absolute; inset: 11.11%; width: 15.5556px; height: 15.5556px; max-width: none; }
.css-15foe0s { position: absolute; left: 8.99%; right: 8.61%; top: -34px; height: 200px; border-radius: 50%; background: rgb(86, 129, 151); --bg-currentcolor: #568197; filter: blur(45px); }
.css-15nmc4s { position: relative; isolation: isolate; height: 660px; }
.css-15q270d { display: block; font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); white-space: pre-line; }
.css-165l7ch { position: absolute; left: 1.4664px; top: -1.0008px; width: 20.7408px; height: 26.1864px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-16ms90l { object-fit: contain; position: absolute; inset: 0px; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); opacity: 0.5; pointer-events: none; }
.css-17hoj6d { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 2px; padding-left: 4px; padding-right: 6px; padding-block: 4px; border-radius: 8px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); backdrop-filter: blur(16px); }
.css-1cjpl41 { font-size: 16px; font-weight: 700; line-height: normal; white-space: nowrap; color: rgb(246, 242, 250); }
.css-1ckg2by { background: url("/ranks-assets/b824ce7ab4fd537a1125b214e3027ce8f0b7981f.svg") 0% 0% / 100% 100% no-repeat text; --bg-currentcolor: url("/ranks-assets/b824ce7ab4fd537a1125b214e3027ce8f0b7981f.svg"); color: var(--gaydev-colors-transparent); -webkit-text-fill-color: transparent; overflow: inherit; text-overflow: inherit; white-space: inherit; position: relative; display: block; }
.css-1d1g8cz { position: absolute; left: 23.97%; right: 23.6%; top: 26px; height: 60px; border-radius: 50%; background: rgb(118, 128, 154); --bg-currentcolor: #76809A; filter: blur(25px); }
.css-1dzl8lc { flex: 1 0 0px; min-width: 0px; font-size: 18px; font-weight: 600; line-height: normal; color: rgb(246, 242, 250); }
.css-1fntu90 { position: absolute; left: 50%; bottom: 32px; transform: translate(-50%, 100%); font-family: "Santa Maria Sans"; font-weight: 900; font-size: 32px; line-height: normal; text-align: center; text-transform: uppercase; white-space: nowrap; }
.css-1fpy0xm { object-fit: cover; position: absolute; top: 0px; left: calc(50% - 85px); width: 541px; height: 660px; max-width: none; }
.css-1gd89ev { display: block; font-family: "Santa Maria Sans"; font-weight: 900; font-size: 36px; line-height: normal; color: var(--gaydev-colors-white); text-align: center; }
.css-1gpozev { position: absolute; top: -12px; left: calc(50% - 2.5px); transform: translateX(-50%); }
.css-1gv2v6y { object-fit: cover; width: 16px; height: 16px; flex-shrink: 0; transition: transform 0.2s; }
.css-1hkryw2 { display: block; font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); text-align: center; }
.css-1i3659t { background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(247, 253, 255) 25%, rgb(232, 247, 254) 50%, rgb(210, 236, 249) 75%, rgb(183, 207, 231) 100%) 0% 0% / 100% 100% no-repeat; --bg-currentcolor: linear-gradient(90deg, #FFFFFF 0%, #F7FDFF 25%, #E8F7FE 50%, #D2ECF9 75%, #B7CFE7 100%); position: absolute; top: 3px; height: 14px; left: 2.21px; width: calc(9% - 0.3942px); border-radius: 16px 0px 0px 16px; box-shadow: rgba(98, 237, 252, 0.2) 0px 0px 24px; }
.css-1j2251w { object-fit: cover; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 236px; height: 236px; max-width: none; pointer-events: none; }
.css-1je0p49 { display: flex; flex-direction: column; gap: 32px; margin-bottom: -16px; }
.css-1ji7ylz { position: relative; height: 236px; flex-shrink: 0; }
.css-1kmotj9 { position: absolute; left: 8.99%; right: 8.61%; top: -34px; height: 200px; border-radius: 50%; background: rgb(173, 111, 0); --bg-currentcolor: #AD6F00; filter: blur(45px); }
.css-1lfve8c { position: absolute; left: 23.97%; right: 23.6%; top: -34px; height: 60px; border-radius: 50%; background: rgb(234, 153, 127); --bg-currentcolor: #EA997F; filter: blur(13px); }
.css-1mbhahx { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 4px; padding: 6px; border-radius: 2px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); }
.css-1mlvmbj { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 4px; }
.css-1pfrtqc { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 8px; width: var(--gaydev-sizes-full); text-align: left; cursor: pointer; }
.css-1pig8j { position: absolute; top: 370px; left: max(0px, 50% - 456px); width: 366px; }
.css-1qcr41t { min-width: 0px; font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-1rsegip { display: flex; flex-direction: column; gap: 12px; width: var(--gaydev-sizes-full); }
.css-1rwakc8 { position: absolute; left: calc(50% - 0.38px); bottom: 19.75px; transform: translate(-50%, 100%); max-width: var(--gaydev-sizes-full); font-family: "Santa Maria Sans"; font-weight: 900; font-size: 20px; line-height: normal; text-align: center; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-1sg7v2s { background: linear-gradient(90deg, rgb(223, 255, 255) 0%, rgb(158, 213, 228) 63.942%, rgb(203, 255, 255) 100%) 0% 0% / 100% 100% no-repeat text; --bg-currentcolor: linear-gradient(90deg, #DFFFFF 0%, #9ED5E4 63.942%, #CBFFFF 100%); color: var(--gaydev-colors-transparent); -webkit-text-fill-color: transparent; overflow: inherit; text-overflow: inherit; white-space: inherit; position: relative; display: block; }
.css-1t9ndv0 { display: flex; flex-direction: column; gap: 8px; flex: 1 0 0px; min-width: 0px; }
.css-1v026cn { position: relative; flex: 0 0 auto; width: 15.2719px; height: 23.0001px; transform: rotate(15.11deg); }
.css-1v2vkqs { display: flex; flex-direction: column; gap: 0px; width: var(--gaydev-sizes-full); padding: 19px; border-radius: 20px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); }
.css-vc4n5x { display: flex; flex-direction: column; gap: 16px; width: var(--gaydev-sizes-full); padding: 19px; border-radius: 20px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.05); }
.css-1v3p8x7 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 15px; width: calc(100% + 24px); max-width: 1400px; margin-left: -12px; }
.css-1v3p8x7 > * { flex: 1 1 0px; min-width: 250px; max-width: 268px; }
@container ranks-row (max-width: 1285px) {
  .css-1v3p8x7 { --ranks-gutter: 16px; display: flex; overflow: auto hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; margin-inline: calc(var(--ranks-gutter) * -1); padding-inline: var(--ranks-gutter); scroll-padding-inline: var(--ranks-gutter); -webkit-box-pack: start; justify-content: flex-start; width: auto; max-width: none; padding-top: 14px; margin-top: -14px; }
  @media (min-width: 480px) {
    .css-1v3p8x7 { --ranks-gutter: 32px; }
  }
  .css-1v3p8x7 > * { flex: 0 0 268px; min-width: 268px; max-width: 268px; scroll-snap-align: start; }
}
.css-1vueosp { width: var(--gaydev-sizes-full); border-radius: 20px; }
.css-1vwyd3x { object-fit: cover; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 1920px; height: 660px; max-width: none; }
.css-1w18iag { display: flex; flex-direction: column; gap: 16px; width: 265px; flex-shrink: 0; }
.css-1wdrd4x { width: 1px; height: 25px; flex-shrink: 0; background: rgba(235, 240, 247, 0.1); --bg-currentcolor: rgba(235, 240, 247, 0.1); }
.css-1x3ijht { position: absolute; left: 23.97%; right: 23.6%; top: 26px; height: 60px; border-radius: 50%; background: rgb(185, 224, 243); --bg-currentcolor: #B9E0F3; filter: blur(25px); }
.css-1x43alq { width: calc(100% + 24px); max-width: 1400px; margin-left: -12px; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 338.75px)); -webkit-box-pack: center; justify-content: center; gap: 28px 15px; }
.css-1xb2ccj { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 4px; }
.css-1y1yxub { position: relative; display: flex; flex-direction: column; -webkit-box-align: stretch; align-items: stretch; gap: 16px; padding-inline: 16px; padding-bottom: 16px; border-radius: 20px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); }
.css-1y4lyb { display: block; font-family: "Santa Maria Sans"; font-weight: 900; font-size: 36px; line-height: normal; color: var(--gaydev-colors-white); text-align: left; }
.css-249a67 { display: block; font-family: "Santa Maria Sans"; font-weight: 900; font-size: 64px; line-height: normal; text-transform: uppercase; white-space: nowrap; color: var(--gaydev-colors-white); }
.css-2hlp6i { position: absolute; left: 23.97%; right: 23.6%; top: -34px; height: 60px; border-radius: 50%; background: rgb(211, 254, 255); --bg-currentcolor: #D3FEFF; filter: blur(13px); }
.css-498pnq { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.7); text-align: center; white-space: nowrap; }
.css-6d9ffm { padding-top: 64px; }
.css-6r2fzw { display: flex; flex-direction: column; gap: 32px; }
.css-94tykc { background: linear-gradient(90deg, rgb(200, 207, 235) 0%, rgb(109, 117, 146) 63.942%, rgb(183, 192, 226) 100%) 0% 0% / 100% 100% no-repeat text; --bg-currentcolor: linear-gradient(90deg, #C8CFEB 0%, #6D7592 63.942%, #B7C0E2 100%); color: var(--gaydev-colors-transparent); -webkit-text-fill-color: transparent; overflow: inherit; text-overflow: inherit; white-space: inherit; position: relative; display: block; }
.css-9sjne2 { width: calc(100% + 24px); max-width: 1400px; margin-left: -12px; display: flex; align-items: flex-start; gap: 32px; }
.css-ddrv53 { position: absolute; top: -12px; left: calc(50% - 2.5px); transform: translateX(-50%); z-index: 1; }
.css-dho7pd { position: absolute; left: 23.97%; right: 23.6%; top: 26px; height: 60px; border-radius: 50%; background: rgb(248, 112, 37); --bg-currentcolor: #F87025; filter: blur(25px); }
.css-e25tg9 { display: block; font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); }
.css-e66pj7 { display: flex; flex-direction: column; gap: 16px; position: absolute; top: 143px; left: max(0px, 50% - 456px); width: 419px; max-width: var(--gaydev-sizes-full); }
.css-hyq9u5 { font-size: 20px; font-weight: 700; line-height: normal; color: var(--gaydev-colors-white); text-align: center; white-space: nowrap; }
.css-i1ia5o { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: 12px; width: var(--gaydev-sizes-full); padding: 16px; border-radius: 32px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); border: 1px solid rgba(235, 240, 247, 0.1); backdrop-filter: blur(16px); box-shadow: rgba(21, 7, 34, 0.37) 0px 4px 48px 0px; }
.css-j12hup { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 4px; padding: 6px; border-radius: 2px 2px 12px 12px; background: var(--event-accent-10, rgba(160, 96, 254, 0.1)); --bg-currentcolor: var(--event-accent-10, rgba(160, 96, 254, 0.1)); }
.css-jjgox { min-width: 0px; font-size: 14px; font-weight: 600; line-height: 17px; color: rgb(246, 242, 250); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-k4oz5r { position: absolute; left: 23.97%; right: 23.6%; top: -34px; height: 60px; border-radius: 50%; background: rgb(213, 234, 244); --bg-currentcolor: #D5EAF4; filter: blur(13px); }
.css-k7k8o1 { position: absolute; left: 23.97%; right: 23.6%; top: -34px; height: 60px; border-radius: 50%; background: rgb(178, 178, 213); --bg-currentcolor: #B2B2D5; filter: blur(13px); }
.css-kia3q6 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 0px; flex: 1 0 0px; min-width: 0px; }
.css-mdw1cd { position: relative; display: block; font-family: "Santa Maria Sans"; font-weight: 900; font-size: 64px; line-height: normal; text-transform: uppercase; white-space: nowrap; width: fit-content; }
.css-og7cpc { position: absolute; left: 23.97%; right: 23.6%; top: -34px; height: 60px; border-radius: 50%; background: rgb(253, 247, 223); --bg-currentcolor: #FDF7DF; filter: blur(13px); }
.css-pk8sy { position: relative; font-size: 14px; font-weight: 800; line-height: normal; white-space: pre; text-align: center; flex-shrink: 0; }
.css-pv5p9a { position: absolute; left: 23.97%; right: 23.6%; top: 26px; height: 60px; border-radius: 50%; background: rgb(255, 183, 30); --bg-currentcolor: #FFB71E; filter: blur(25px); }
.css-rwmggi { background: linear-gradient(90deg, rgb(179, 205, 255) 0%, rgb(117, 206, 254) 63.942%, rgb(122, 168, 255) 100%) 0% 0% / 100% 100% no-repeat text; --bg-currentcolor: linear-gradient(90deg, #B3CDFF 0%, #75CEFE 63.942%, #7AA8FF 100%); color: var(--gaydev-colors-transparent); -webkit-text-fill-color: transparent; overflow: inherit; text-overflow: inherit; white-space: inherit; position: relative; display: block; }
.css-slw3bn { background: linear-gradient(90deg, rgb(255, 185, 102) 0%, rgb(242, 154, 97) 63.942%, rgb(255, 185, 102) 100%) 0% 0% / 100% 100% no-repeat text; --bg-currentcolor: linear-gradient(90deg, #FFB966 0%, #F29A61 63.942%, #FFB966 100%); color: var(--gaydev-colors-transparent); -webkit-text-fill-color: transparent; overflow: inherit; text-overflow: inherit; white-space: inherit; position: relative; display: block; }
.css-sxny7n { position: absolute; left: 8.99%; right: 8.61%; top: -34px; height: 200px; border-radius: 50%; background: rgb(140, 57, 23); --bg-currentcolor: #8C3917; filter: blur(45px); }
.css-sxzlrh { position: relative; display: block; padding-inline: 16px; padding-bottom: 16px; border-radius: 20px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); transition: background 0.2s; }
.css-tgbd6g { container: ranks-row / inline-size; }
.css-tgmbuw { position: absolute; left: 8.99%; right: 8.61%; top: -34px; height: 200px; border-radius: 50%; background: rgb(36, 113, 242); --bg-currentcolor: #2471F2; filter: blur(45px); }
.css-tmt8a5 { background: linear-gradient(90deg, rgb(245, 211, 98) 0%, rgb(254, 189, 51) 63.942%, rgb(248, 208, 99) 100%) 0% 0% / 100% 100% no-repeat text; --bg-currentcolor: linear-gradient(90deg, #F5D362 0%, #FEBD33 63.942%, #F8D063 100%); color: var(--gaydev-colors-transparent); -webkit-text-fill-color: transparent; overflow: inherit; text-overflow: inherit; white-space: inherit; position: relative; display: block; }
.css-umickk { position: relative; font-size: 14px; font-weight: 800; line-height: normal; white-space: pre; text-align: center; flex-shrink: 0; opacity: 0.4; }
.css-wnrfzr { position: absolute; top: -6px; right: auto; left: calc(var(--rank-pct, 0) * 1% + 1.8158px - 16px); pointer-events: none; }
.css-xuhmcu { padding-top: 32px; }
.css-y5y0tx { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 4px; padding: 6px; border-radius: 2px 2px 12px 12px; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); }
.css-z72onh { position: absolute; top: 0px; height: 20px; width: 2.18px; left: calc(var(--rank-pct, 0) * 1% + 1.8158px); background: var(--gaydev-colors-white); --bg-currentcolor: var(--gaydev-colors-white); box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 6px 2px; }
.css-zo9eri { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 4px; padding: 6px; border-radius: 2px; background: var(--event-accent-10, rgba(160, 96, 254, 0.1)); --bg-currentcolor: var(--event-accent-10, rgba(160, 96, 254, 0.1)); }
.css-zoujjs { position: relative; width: var(--gaydev-sizes-full); aspect-ratio: 1 / 1; }

@media (hover: hover) {
  .css-11smx6j:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-color-palette-solid) 90%, transparent); background: var(--mix-background, var(--gaydev-colors-color-palette-solid)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-color-palette-solid)); }
}
@media (hover: hover) {
  .css-11smx6j:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
@media (hover: hover) {
  .css-sxzlrh:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); }
}

.css-11smx6j::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); --bg-currentcolor: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); opacity: 0; transition: opacity 0.2s; }
.css-1i3659t { width: max(0px, calc(var(--rank-pct, 0) * 1% - 0.3942px)) !important; }
.css-z72onh { left: calc(var(--rank-pct, 0) * 1% + 1.8158px) !important; }
.css-1pfrtqc[aria-expanded="true"] .css-1gv2v6y { transform: rotate(180deg); }
.css-sxzlrh[data-open="true"] .css-16ms90l { opacity: 1; }

.css-11smx6j { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; --bg-currentcolor: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box padding-box no-repeat,var(--event-button-accent-stroke, linear-gradient(90deg, rgba(188, 144, 255, 0.2) 0%, #A46CF8 100%)) border-box,var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)) border-box no-repeat; color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); width: var(--gaydev-sizes-full); padding-inline: 32px; gap: 8px; }