.skin-smoke{--smoke-duration:11.1111s;--smoke-density:.5;z-index:3;pointer-events:none;opacity:var(--smoke-density);position:absolute;inset:96px -48px -10px}.skin-smoke--paused .skin-smoke__plume{animation-play-state:paused}.skin-smoke__plume{object-fit:fill;opacity:0;width:100%;height:140px;animation:skin-smoke-rise var(--smoke-duration) linear infinite;will-change:transform, opacity;position:absolute;bottom:-12px}.skin-smoke__plume:nth-child(2){animation-delay:calc(var(--smoke-duration) / -3);scale:-1 1}.skin-smoke__plume:nth-child(3){animation-delay:calc(var(--smoke-duration) / -1.5)}@keyframes skin-smoke-rise{0%{opacity:0;transform:translate(-12px,30px)scaleY(.9)skew(0)}20%{opacity:.65}35%{transform:translate(-4px,-10px)scale(1.1)skew(3deg)}60%{opacity:.4}70%{transform:translate(8px,-55px)scale(1.2,1.3)skew(-3deg)}to{opacity:0;transform:translate(20px,-90px)scale(1.3,1.5)skew(0)}}@media (prefers-reduced-motion:reduce){.skin-smoke__plume{opacity:.35;animation:none}.skin-smoke__plume:not(:first-child){display:none}}

.css-cycjyz { background: var(--gaydev-colors-bg-overlay); --bg-currentcolor: var(--gaydev-colors-bg-overlay); }
.css-cycjyz { background: var(--gaydev-colors-black-alpha-500); --bg-currentcolor: var(--gaydev-colors-black-alpha-500); position: fixed; left: 0px; top: 0px; width: 100dvw; height: 100dvh; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0) - 1); }
.css-13yfqy0 { display: flex; width: 100dvw; height: 100dvh; position: fixed; left: 0px; top: 0px; --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); -webkit-box-pack: center; justify-content: center; overscroll-behavior-y: none; overflow: auto; pointer-events: auto; -webkit-box-align: center; align-items: center; }
.css-l43g55 { display: flex; flex-direction: column; gap: 0px; position: absolute; bottom: 8px; left: 16px; right: 8px; }
.css-n7k1od { position: relative; width: 20px; height: 20px; flex-shrink: 0; }
.css-1q0ctvw { display: flex; flex-direction: column; gap: 16px; width: var(--gaydev-sizes-full); }
.css-1lxm6ft { font-size: 16px; font-weight: 700; line-height: normal; text-transform: uppercase; color: rgba(246, 242, 250, 0.4); }
.css-1l0k184 { scroll-snap-type: x mandatory; scroll-padding-inline: 16px; overscroll-behavior-x: contain; scrollbar-width: none; display: flex; gap: 8px; overflow: auto hidden; margin-inline: -16px; padding-inline: 16px; padding-bottom: 24px; margin-bottom: -24px; }
.css-1l0k184::-webkit-scrollbar { display: none; }
@media (min-width: 480px) {
  .css-1l0k184 { scroll-padding-inline: 32px; }
}
@media screen and (min-width: 30rem) {
  .css-1l0k184 { margin-inline: -32px; padding-inline: 32px; }
}
@media (min-width: 1024px) {
  .css-1l0k184 { scroll-snap-type: none; }
}
@media screen and (min-width: 64rem) {
  .css-1l0k184 { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); overflow: visible; margin-inline: 0px; padding-inline: 0px; padding-bottom: 0px; margin-bottom: 0px; }
}
.css-qy6dtl { scroll-snap-align: start; position: relative; height: 230px; border-radius: 32px; cursor: pointer; width: 344px; flex-shrink: 0; }
@media screen and (min-width: 64rem) {
  .css-qy6dtl { width: auto; }
}
@media (hover: hover) {
  .css-qy6dtl:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); }
}
.css-1p0fdlv { position: absolute; inset: 0px; border-radius: 32px; overflow: hidden; isolation: isolate; background: rgba(233, 216, 255, 0.05); --bg-currentcolor: rgba(233, 216, 255, 0.05); }
.css-1uuml0v { object-fit: cover; position: absolute; left: 0px; right: 0px; top: 114px; width: var(--gaydev-sizes-full); height: 116px; max-width: none; pointer-events: none; }
.css-11n81s4 { object-fit: cover; position: absolute; left: calc(50% + 1.3px); top: 25.6px; width: 97.905px; height: 129.065px; max-width: none; transform: translateX(-50%); pointer-events: none; }
.css-1riebo1 { mask-image: url("8a6f63eb84e60a2eb54015f9c13018c3122974cf.webp"); mask-size: 100% 100%; position: absolute; left: calc(50% - 5px); top: -119.5px; width: 466px; height: 444.5px; transform: translateX(-50%); pointer-events: none; background: rgb(255, 190, 38); --bg-currentcolor: #FFBE26; }
.css-qzcbq6 { object-fit: contain; position: absolute; left: 50%; top: calc(50% - 25px); width: 238px; height: 180px; max-width: none; transform: translate(-50%, -50%); filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 16px 12px) drop-shadow(rgba(255, 255, 255, 0.1) 0px 1px 3px); z-index: 2; }
.css-1v5mned { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 0px; position: absolute; left: 50%; bottom: 25px; transform: translateX(-50%); max-width: calc(100% - 32px); text-align: center; z-index: 4; }
.css-1qkbb5w { max-width: var(--gaydev-sizes-full); font-size: 14px; font-weight: 400; line-height: normal; color: rgba(246, 242, 250, 0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-1r2aj59 { max-width: var(--gaydev-sizes-full); font-size: 16px; font-weight: 700; line-height: normal; color: rgb(246, 242, 250); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-15a534e { background: radial-gradient(49.27% 100% at 50% 100%, rgba(164, 102, 255, 0.4) 0%, rgba(164, 102, 255, 0) 100%), rgb(26, 23, 30); --bg-currentcolor: radial-gradient(49.27% 100% at 50% 100%, rgba(164, 102, 255, 0.4) 0%, rgba(164, 102, 255, 0) 100%),#1A171E; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; gap: 2px; position: absolute; left: 50%; bottom: -17px; transform: translateX(-50%); padding-inline: 8px; padding-block: 4px; border-radius: 12px; border: 1px solid rgba(235, 240, 247, 0.1); z-index: 5; }
.css-1h8ks1n { font-size: 20px; font-weight: 700; line-height: normal; color: rgb(246, 242, 250); white-space: nowrap; }
.css-17d5r7u { position: relative; width: 24px; height: 24px; flex-shrink: 0; }
.css-n44od0 { position: absolute; inset: -4.17% 7.47% -4.94% 6.11%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-1q6h3mz { position: relative; flex: 0 0 auto; width: 15.272px; height: 23px; transform: rotate(15.11deg); }
.css-1e0qh9o { object-fit: cover; position: absolute; left: -3px; top: -2px; width: 23.2717px; height: 31px; max-width: none; }
.css-1cqv6rt { mask-image: url("e96ea86d256803bb93020657d9e87b7d43d5fe3b.webp"); mask-size: 100% 100%; position: absolute; left: calc(50% - 5px); top: -119.5px; width: 466px; height: 444.5px; transform: translateX(-50%); pointer-events: none; background: rgb(136, 71, 255); --bg-currentcolor: #8847FF; }
.css-1ep4exq { mask-image: url("e96ea86d256803bb93020657d9e87b7d43d5fe3b.webp"); mask-size: 100% 100%; position: absolute; left: calc(50% - 5px); top: -119.5px; width: 466px; height: 444.5px; transform: translateX(-50%); pointer-events: none; background: rgb(176, 195, 217); --bg-currentcolor: #B0C3D9; }
.css-zdpt2t { margin-left: auto; }
.css-16oeh42 { position: relative; isolation: isolate; padding: 16px; height: 40px; border-radius: 12px; background: 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 no-repeat; color: var(--gaydev-colors-text-primary); font-size: 14px; font-weight: 600; border: 1.5px solid rgba(235, 240, 247, 0.05); flex-shrink: 0; gap: var(--gaydev-spacing-1); }
.css-16oeh42 { 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); }
@media (hover: hover) {
  .css-16oeh42: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)); }
}
.css-16oeh42::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),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), rgba(0, 0, 0, 0.2)),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); opacity: 0; transition: opacity 0.2s; }
@media (hover: hover) {
  .css-16oeh42:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
}
.css-yd8sa2 { display: flex; flex-direction: column; gap: 16px; }
.css-1ls11kk { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px; }
@media screen and (min-width: 30rem) {
  .css-1ls11kk { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media screen and (min-width: 48rem) {
  .css-1ls11kk { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
@media screen and (min-width: 64rem) {
  .css-1ls11kk { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
}
@media screen and (min-width: 80rem) {
  .css-1ls11kk { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
}
.css-qh5zo4 { height: 125px; min-width: 0px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); position: relative; overflow: hidden; user-select: none; background-image: url("uncommon-BmwQO7RX.webp"); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.css-zbtth5 { object-fit: contain; position: absolute; top: 15px; left: 50%; height: calc(100% - 61px); width: auto; aspect-ratio: 512 / 384; max-width: none; transform: translateX(-50%); }
.css-wj6gqf { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; flex-direction: row; gap: 0px; position: absolute; right: 11px; top: 11px; }
.css-18xowif { font-size: 14px; font-weight: 600; line-height: normal; color: var(--gaydev-colors-text-primary); }
.css-1th6qhs { display: flex; flex-direction: column; gap: 0px; position: absolute; left: 15px; bottom: 11px; right: 43px; }
.css-1d6o62j { color: rgba(246, 242, 250, 0.4); font-weight: 400; font-size: 12px; line-height: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-1alqhtc { color: var(--gaydev-colors-text-primary); font-size: 14px; font-weight: 600; line-height: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-jd12y3 { position: absolute; right: 7px; bottom: 7px; cursor: pointer; opacity: 1; }
.css-jd12y3 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 28px; height: 28px; flex-shrink: 0; border-radius: 8px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; transition-property: background, opacity; transition-duration: 0.2s; cursor: default; }
@media (hover: hover) {
  .css-jd12y3:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
}
.css-vgap82 { height: 125px; min-width: 0px; border-radius: 16px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); position: relative; overflow: hidden; user-select: none; background-image: url("mythical-CURo3kcq.webp"); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.css-16oeh42 { background: 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); height: 40px; }
.css-1gsrpih { display: flex; flex-direction: column; background: var(--gaydev-colors-bg-modals); min-width: 163px; }
.css-jd12y3 { cursor: pointer; }
.css-uly06g { border: none; width: 100%; }
.css-1gsrpih { min-width: 163px; padding: var(--gaydev-spacing-1); gap: 2px; background: var(--gaydev-colors-bg-modals); --bg-currentcolor: var(--gaydev-colors-bg-modals); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; backdrop-filter: blur(16px); }
.css-1gsrpih { outline: 0px; --menu-bg: var(--gaydev-colors-bg-panel); background: var(--menu-bg); --bg-currentcolor: var(--menu-bg); box-shadow: var(--gaydev-shadows-lg); color: var(--gaydev-colors-fg); max-height: var(--available-height); --menu-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--menu-z-index) + var(--layer-index, 0)); border-radius: var(--gaydev-radii-l2); overflow: hidden auto; min-width: 8rem; padding: var(--gaydev-spacing-1\.5); scroll-padding: var(--gaydev-spacing-1\.5); }
.css-uly06g { gap: var(--gaydev-spacing-1); padding-left: var(--gaydev-spacing-1); padding-right: var(--gaydev-spacing-2); padding-block: 3px; min-height: auto; height: auto; border-radius: 8px; cursor: pointer; color: var(--gaydev-colors-text-primary); font-size: 14px; font-weight: 500; line-height: normal; background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); }
.css-uly06g { text-decoration: none; color: var(--gaydev-colors-fg); user-select: none; border-radius: var(--gaydev-radii-l1); width: 100%; display: flex; cursor: var(--gaydev-cursor-menuitem); -webkit-box-align: center; align-items: center; text-align: start; position: relative; flex: 0 0 auto; outline: 0px; gap: var(--gaydev-spacing-2); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; padding-block: var(--gaydev-spacing-1\.5); padding-inline: var(--gaydev-spacing-2); }
@media (hover: hover) {
  .css-uly06g:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
}
.css-khpvme { width: 18px; height: 18px; flex-shrink: 0; }
.css-khpvme { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-zsb04i { color: rgba(241, 231, 255, 0.4); }
.css-zsb04i { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-une62y { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-wrap: wrap; }
.css-a71hwr { width: 18px; height: 18px; }
.css-a71hwr { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-eetagk { overflow: hidden; max-width: calc(-32px + 100vw); width: var(--gaydev-sizes-full); background: var(--gaydev-colors-bg-dialog); --bg-currentcolor: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; padding-block: var(--gaydev-spacing-4); padding-inline: var(--gaydev-spacing-4); }
.css-eetagk { display: flex; flex-direction: column; position: relative; width: 100%; outline: 0px; border-radius: var(--gaydev-radii-l3); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; margin-block: var(--dialog-margin, var(--dialog-base-margin)); --dialog-z-index: var(--gaydev-z-index-popover); z-index: calc(var(--dialog-z-index) + var(--layer-index, 0)); background: var(--gaydev-colors-bg-panel); --bg-currentcolor: var(--gaydev-colors-bg-panel); box-shadow: var(--gaydev-shadows-lg); max-width: var(--gaydev-sizes-lg); --dialog-base-margin: auto; margin-inline: auto; }
@media screen and (min-width: 48rem) {
  .css-eetagk { max-width: 728px; padding-inline: var(--gaydev-spacing-6); }
}
.css-ifl298 { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); }
@media screen and (min-width: 48rem) {
  .css-ifl298 { gap: var(--gaydev-spacing-6); }
}
.css-1h8j16j { display: grid; grid-template-columns: 1fr auto 1fr; width: var(--gaydev-sizes-full); -webkit-box-align: center; align-items: center; }
.css-k9nr0v { color: var(--gaydev-colors-white); font-size: 20px; font-weight: 600; text-align: center; }
.css-k9nr0v { font-family: var(--gaydev-fonts-heading); font-weight: var(--gaydev-font-weights-semibold); font-size: var(--gaydev-font-sizes-xl); line-height: 1.875rem; }
.css-p0gsx7 { padding-inline: 0px; padding-block: 0px; min-width: 28px; height: 28px; border-radius: var(--gaydev-radii-full); background: rgba(255, 255, 255, 0.04); --bg-currentcolor: rgba(255, 255, 255, 0.04); justify-self: end; }
.css-p0gsx7 { 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: 1rem; 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-8); min-width: var(--gaydev-sizes-8); font-size: var(--gaydev-font-sizes-xs); padding-inline: var(--gaydev-spacing-2\.5); gap: var(--gaydev-spacing-1); background: var(--gaydev-colors-color-palette-solid); --bg-currentcolor: var(--gaydev-colors-color-palette-solid); color: var(--gaydev-colors-color-palette-contrast); }
@media (hover: hover) {
  .css-p0gsx7: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-p0gsx7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { background: rgba(255, 255, 255, 0.08); --bg-currentcolor: rgba(255, 255, 255, 0.08); }
}
.css-1j61eem { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: row; gap: var(--gaydev-spacing-2); position: relative; }
@media screen and (min-width: 48rem) {
  .css-1j61eem { gap: var(--gaydev-spacing-4); }
}
.css-whhij4 { display: flex; align-items: flex-end; flex-direction: row; gap: var(--gaydev-spacing-3); flex: 1 1 0%; min-width: 0px; min-height: 133px; position: relative; padding: 16px 16px 12px; border-radius: 20px; border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); background-image: url("mythical-CURo3kcq.webp"); background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; }
.css-zyu9us { object-fit: contain; position: absolute; left: calc(50% + 0.75px); top: -0.75px; width: 141.667px; height: 106.25px; max-width: none; transform: translateX(-50%); }
.css-p5w7o8 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-2); flex: 1 1 0%; min-width: 0px; position: relative; }
.css-lnlpqb { display: flex; flex-direction: column; gap: 0px; min-width: 0px; }
.css-7sp4zj { font-size: 16px; font-weight: 600; line-height: normal; color: var(--gaydev-colors-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-1wogxxg { font-size: 14px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css-1iu9n9j { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; flex-shrink: 0; }
.css-131bhzz { font-size: 16px; font-weight: 600; line-height: normal; color: var(--gaydev-colors-text-primary); }
.css-tgizyb { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; width: 48px; height: 48px; border-radius: var(--gaydev-radii-full); background: var(--gaydev-colors-badge-default); --bg-currentcolor: var(--gaydev-colors-badge-default); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-sides); }
.css-tgizyb { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-kzqmch { position: relative; width: 24px; height: 24px; overflow: hidden; }
.css-1mwbkmg { object-fit: cover; position: absolute; inset: 0px 10.84% 0.01%; width: auto; height: auto; max-width: none; }
.css-1n2puak { -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; width: var(--gaydev-sizes-full); }
.css-1n2puak { display: inline-flex; gap: var(--group-gap, 0.5rem); isolation: isolate; position: relative; flex-direction: row; }
.css-l205fh { pointer-events: none; }
.css-l205fh { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: absolute; z-index: 2; color: var(--gaydev-colors-fg-muted); height: var(--gaydev-sizes-full); font-size: var(--gaydev-font-sizes-sm); padding-inline: var(--gaydev-spacing-3); }
.css-1k4te6m { padding: 12px; height: 46px; border-radius: 12px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-white); font-size: var(--gaydev-font-sizes-md); font-weight: 600; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-sides); padding-inline-start: calc(var(--input-height) - 0px); }
.css-1k4te6m { width: 100%; min-width: var(--input-height); outline: 0px; position: relative; appearance: none; text-align: start; border-radius: var(--gaydev-radii-l2); height: var(--input-height); --focus-color: var(--gaydev-colors-color-palette-focus-ring); --error-color: var(--gaydev-colors-border-error); font-size: var(--gaydev-font-sizes-sm); line-height: 1.25rem; padding-inline: var(--gaydev-spacing-3); --input-height: var(--gaydev-sizes-10); background: var(--gaydev-colors-transparent); --bg-currentcolor: var(--gaydev-colors-transparent); border-width: 1px; border-color: var(--gaydev-colors-border); --focus-ring-color: var(--focus-color); }
.css-1k4te6m::-webkit-input-placeholder { color: var(--gaydev-colors-text-tretiary); }
.css-1k4te6m::placeholder, .css-1k4te6m[data-placeholder] { color: var(--gaydev-colors-text-tretiary); }
.css-1b6n59b { height: 38vh; padding: var(--gaydev-spacing-2); border-radius: 28px; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-sides); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); overflow-y: auto; }
@media screen and (min-width: 48rem) {
  .css-1b6n59b { height: min(450px, 44vh); }
}
.css-ksu4um { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--gaydev-spacing-2); }
@media screen and (min-width: 30rem) {
  .css-ksu4um { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media screen and (min-width: 48rem) {
  .css-ksu4um { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.css-1ll6t13 { border: none; padding: 0; width: 100%; color: inherit; text-align: start; font: inherit; }
.css-1ll6t13 { position: relative; height: 120px; min-width: 0px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); background-image: url("legendary-DBV37u1n.webp"); background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; cursor: pointer; user-select: none; }
.css-qcfgv4 { object-fit: contain; position: absolute; left: 50%; top: 7.14%; height: 61.61%; width: auto; aspect-ratio: 512 / 384; max-width: none; transform: translateX(-50%); }
.css-ppo5l5 { position: relative; height: 120px; min-width: 0px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); background-image: url("mythical-CURo3kcq.webp"); background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; cursor: pointer; user-select: none; }
.css-1w92mnt { position: relative; height: 120px; min-width: 0px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); background-image: url("uncommon-BmwQO7RX.webp"); background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; cursor: pointer; user-select: none; }
.css-1yntmki { display: flex; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: var(--gaydev-spacing-3); flex: 1 1 0%; min-width: 0px; min-height: 133px; padding: var(--gaydev-spacing-3); border-radius: 20px; border-width: 2px; border-style: dashed; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0.8; }
@media screen and (min-width: 48rem) {
  .css-1yntmki { padding: 16px 16px 16px 24px; }
}
.css-4zrxsq { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-3); }
@media screen and (min-width: 48rem) {
  .css-4zrxsq { gap: var(--gaydev-spacing-4); }
}
.css-nuqact { object-fit: contain; width: 64px; height: 48px; flex-shrink: 0; }
.css-oyy3vi { display: flex; flex-direction: column; gap: 0px; min-width: 0px; flex: 1 1 0%; }
.css-es9m1o { font-size: 16px; font-weight: 600; line-height: normal; color: var(--gaydev-colors-text-primary); text-overflow: ellipsis; overflow: hidden; text-wrap: nowrap; }
.css-1o0ipzg { font-size: 14px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.4); text-overflow: ellipsis; overflow: hidden; text-wrap: nowrap; }
.css-ysj0su { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; gap: 6px; width: var(--gaydev-sizes-full); height: 40px; padding-inline: var(--gaydev-spacing-4); border-radius: 12px; border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); }
.css-ou91nv { font-size: 14px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); text-wrap: nowrap; }
.css-1iz37ml { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0px; }
.css-5ea8mh { position: relative; flex: 0 0 auto; width: 12.7267px; height: 19.1667px; transform: rotate(15.11deg); }
.css-7slggk { object-fit: cover; position: absolute; left: -2.5px; top: -1.66667px; width: 19.3931px; height: 25.8333px; max-width: none; }
.css-19waxpo { position: relative; height: 120px; min-width: 0px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background-attachment: ; background-origin: ; background-clip: ; background-color: ; --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); background-image: url("uncommon-BmwQO7RX.webp"); background-position: center center; background-size: cover; background-repeat: no-repeat; box-shadow: rgba(160, 96, 254, 0.5) 0px 0px 12px 0px; overflow: hidden; cursor: pointer; user-select: none; }
.css-1phhg2f { position: absolute; inset: 0px; border-radius: 20px; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-other-accent); pointer-events: none; }

.css-5k5c57 { display: flex; flex-direction: row; gap: var(--gaydev-spacing-1); }
.css-185ti6q { overflow: hidden; max-width: calc(-32px + 100vw); width: var(--gaydev-sizes-full); background: var(--gaydev-colors-bg-dialog); --bg-currentcolor: var(--gaydev-colors-bg-dialog); border-radius: 32px; border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 16px 0px; padding-top: 15px; padding-inline: var(--gaydev-spacing-6); padding-bottom: var(--gaydev-spacing-6); }
@media screen and (min-width: 48rem) {
  .css-185ti6q { max-width: 430px; }
}
.css-259cjj { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); }
.css-1ewof5h { color: var(--gaydev-colors-white); font-size: 20px; font-weight: 600; line-height: normal; text-align: center; }
.css-n9h630 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-3); padding: var(--gaydev-spacing-3); border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); }
.css-17macqu { width: 64px; height: 48px; flex-shrink: 0; }
.css-85qu33 { object-fit: contain; max-width: 64px; max-height: 48px; }
.css-1k8zrtv { font-size: var(--gaydev-font-sizes-sm); color: var(--gaydev-colors-text-tretiary); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-wrap: wrap; }
.css-1q7g0zq { font-size: var(--gaydev-font-sizes-md); font-weight: 600; color: var(--gaydev-colors-text-primary); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-wrap: wrap; }
.css-1h740ul { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-1); flex-shrink: 0; }
.css-182xpuq { font-size: var(--gaydev-font-sizes-md); font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-1715oeu { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); }
.css-byiayk { padding-left: var(--gaydev-spacing-2); font-size: var(--gaydev-font-sizes-md); font-weight: 500; color: var(--gaydev-colors-text-tretiary); }
.css-1y7ll9j { display: flex; flex-direction: column; gap: 0px; border-radius: 16px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); overflow: hidden; }
.css-1t6fne9 { padding-left: var(--gaydev-spacing-2); font-size: var(--gaydev-font-sizes-sm); color: var(--gaydev-colors-text-tretiary); }
.css-1ch2qtz { width: 32px; height: 32px; flex-shrink: 0; border-radius: 10px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-other-accent); }
.css-pzzfb9 { font-size: var(--gaydev-font-sizes-sm); font-weight: 600; color: var(--gaydev-colors-text-primary); }
.css-lwn7e3 { font-size: var(--gaydev-font-sizes-sm); color: var(--gaydev-colors-text-tretiary); }
.css-wt2chg { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border-width: 1.5px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); flex: 1 1 0%; min-width: 0px; text-transform: uppercase; }
  .css-wt2chg:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
.css-wt2chg::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); opacity: 0; transition: opacity 0.2s; }
.css-wt2chg:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-16fbtal { position: relative; isolation: isolate; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; border: 1.5px solid rgba(188, 144, 255, 0.2); flex: 1 1 0%; min-width: 0px; text-transform: uppercase; text-shadow: rgba(128, 80, 224, 0.5) 0px 2px 4px; }
  .css-16fbtal:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: not-allowed; }
.css-16fbtal::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: var(--gaydev-colors-button-accent_hover); --bg-currentcolor: var(--gaydev-colors-button-accent_hover); opacity: 0; transition: opacity 0.2s; }
.css-16fbtal:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-s84fzg { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--gaydev-spacing-3); padding: var(--gaydev-spacing-3); }
.css-1frcix { object-fit: cover; width: 48px; height: 48px; border-radius: 12px; flex-shrink: 0; }
.css-1sgah3w { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; border-radius: 10px; --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands)); border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 10%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); color: var(--gaydev-colors-text-tretiary); transition-property: background, color; transition-duration: 0.2s; }
.css-16ml2ok { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); padding: var(--gaydev-spacing-3); border-top-width: 1px; border-top-style: solid; --mix-borderTopColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-top-color: var(--mix-borderTopColor, var(--gaydev-colors-stroke-default)); }
.css-1svzgsu { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-2); }
.css-1gay8g0 { color: var(--gaydev-colors-other-accent); font-size: var(--gaydev-font-sizes-sm); font-weight: 500; cursor: pointer; opacity: 1; transition-property: opacity; transition-duration: var(--gaydev-durations-moderate); flex-shrink: 0; }
.css-vffod9 { font-size: var(--gaydev-font-sizes-sm); color: var(--gaydev-colors-text-secondary); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-wrap: wrap; word-break: break-all; }</style><link rel="stylesheet" href="ai-streaming-Q7-bIr-Y.css"><link rel="stylesheet" href="wheel-BzJGldmJ.css"><link rel="stylesheet" href="profile-page-BqVtcnWY.css"></head>

.chakra-button.css-wt2chg { background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); --bg-currentcolor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 05%, transparent); color: var(--gaydev-colors-text-primary); height: 52px; border-radius: 20px; font-size: 16px; font-weight: 700; text-transform: uppercase; flex: 1 1 0%; min-width: 0px; border-width: 1.5px; border-style: solid; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); }
.chakra-button.css-16fbtal { background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); height: 52px; border-radius: 20px; font-size: 16px; font-weight: 700; text-transform: uppercase; text-shadow: rgba(128, 80, 224, 0.5) 0px 2px 4px; flex: 1 1 0%; min-width: 0px; border: 1.5px solid rgba(188, 144, 255, 0.2); }
button.css-1gay8g0 { background: none; border: 0; padding: 0; font: inherit; }
.chakra-dialog__content.css-185ti6q { max-width: 430px; width: calc(-32px + 100vw); padding-top: 15px; background: var(--gaydev-colors-bg-dialog); }
@media (hover: hover) {
  .css-1ch2qtz { display: flex; align-items: center; justify-content: center; }
  .css-17macqu { display: flex; align-items: center; justify-content: center; }
  .css-wt2chg:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
  .css-16fbtal:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
  .css-1gay8g0:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { opacity: 0.6; }
  .css-1sgah3w:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background: var(--mix-background, var(--gaydev-colors-bg-islands)); color: var(--gaydev-colors-text-primary); text-decoration: none; }
}

.chakra-button.css-p0gsx7 {
  padding-inline: 0px;
  padding-block: 0px;
  min-width: 28px;
  width: 32px;
  height: 32px;
  border-radius: var(--gaydev-radii-full);
  background: rgba(255, 255, 255, 0.04);
  --bg-currentcolor: rgba(255, 255, 255, 0.04);
  color: inherit;
  border-color: transparent;
}
@media (hover: hover) {
  .chakra-button.css-p0gsx7:is(:hover, [data-hover]):not(:disabled, [data-disabled]) {
    background: rgba(255, 255, 255, 0.08);
    --bg-currentcolor: rgba(255, 255, 255, 0.08);
  }
}

.css-17macqu, .css-1ch2qtz { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.chakra-button.css-wt2chg, .chakra-button.css-16fbtal { display: inline-flex; align-items: center; justify-content: center; }

.chakra-input.css-1rpo1tq {
  height: 44px;
  border-radius: 14px;
  padding-inline: 14px;
  color: var(--gaydev-colors-white);
  --mix-background: color-mix(in srgb, var(--gaydev-colors-bg-islands) 12%, transparent);
  background: var(--mix-background, var(--gaydev-colors-bg-islands));
  --bg-currentcolor: var(--mix-background, var(--gaydev-colors-bg-islands));
  --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 12%, transparent);
  border-width: 1px;
  border-style: solid;
  border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default));
}

.css-n8t45p .css-wp6g08 {
  right: auto;
  left: calc(var(--rank-pct, 0) * 1% + 1.8158px - 16px);
}