/* mobile hashed classes from musor.bar mobile scrapes */
.css-1l6ft69 { width: 20px; height: 20px; }
.css-1hmv72l { display: flex; flex-direction: row; gap: 4px; padding: 4px; flex: 1 1 0%; width: var(--gaydev-sizes-full); min-height: 0px; --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-radius: 16px; }
.css-vhetzl { margin-top: var(--gaydev-spacing-16); position: relative; overflow: hidden; border-top-width: 1px; border-top-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)); background-color: var(--gaydev-colors-bg-canvas); --bg-currentcolor: var(--gaydev-colors-bg-canvas); }
.css-g1s8ed { --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)); border-radius: 20px; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 112px; min-width: 164px; max-width: 164px; min-height: 112px; max-height: 112px; user-select: none; animation-name: slide-from-bottom, fade-in; animation-duration: 0.25s; animation-timing-function: var(--gaydev-easings-ease-out); background-image: url("/most_ancient-DMVZ5OnZ.webp"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.css-oaz7vv { --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)); border-radius: 20px; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 112px; min-width: 164px; max-width: 164px; min-height: 112px; max-height: 112px; user-select: none; animation-name: slide-from-bottom, fade-in; animation-duration: 0.25s; animation-timing-function: var(--gaydev-easings-ease-out); background-image: url("/ancient-CPDxvoCR.webp"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.css-924bk5 { --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)); border-radius: 20px; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 112px; min-width: 164px; max-width: 164px; min-height: 112px; max-height: 112px; user-select: none; animation-name: slide-from-bottom, fade-in; animation-duration: 0.25s; animation-timing-function: var(--gaydev-easings-ease-out); background-image: url(""); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.css-j5rp6l { --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)); border-radius: 20px; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 164px; height: 112px; min-width: 164px; max-width: 164px; min-height: 112px; max-height: 112px; user-select: none; animation-name: slide-from-bottom, fade-in; animation-duration: 0.25s; animation-timing-function: var(--gaydev-easings-ease-out); background-image: url(""); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.css-1je0p49 { display: flex; flex-direction: column; gap: 32px; margin-bottom: -16px; }
.css-15nmc4s { position: relative; isolation: isolate; height: 660px; }
.css-1vwyd3x { object-fit: cover; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 1920px; height: 660px; max-width: none; }
.css-1fpy0xm { object-fit: cover; position: absolute; top: 0px; left: calc(50% - 85px); width: 541px; height: 660px; max-width: none; }
.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-11amytq { display: flex; align-items: flex-start; flex-direction: column; gap: 0px; align-self: stretch; transform-origin: center top; }
.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-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-e25tg9 { display: block; font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); }
.css-1pig8j { position: absolute; top: 370px; left: max(0px, 50% - 456px); width: 366px; }
.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-1rsegip { display: flex; flex-direction: column; gap: 12px; width: var(--gaydev-sizes-full); }
.css-pk8sy { position: relative; font-size: 14px; font-weight: 800; line-height: normal; white-space: pre; text-align: center; flex-shrink: 0; }
.css-1ckg2by { background: url("") 0% 0% / 100% 100% no-repeat text; --bg-currentcolor: url(""); 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-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-z72onh { position: absolute; top: 0px; height: 20px; width: 2.18px; left: calc(9% + 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-wnrfzr { position: absolute; top: -6px; right: -6px; pointer-events: none; }
.css-1vueosp { width: var(--gaydev-sizes-full); border-radius: 20px; }
.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::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-11smx6j:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-11smx6j :where(svg) { width: 27px; height: 32px; }
.css-151qcms { object-fit: cover; position: absolute; inset: 11.11%; width: 15.5556px; height: 15.5556px; max-width: none; }
.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-6r2fzw { display: flex; flex-direction: column; gap: 32px; }
.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-tgbd6g { container: ranks-row / inline-size; }
.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; }
.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-12rffrn { position: absolute; overflow: hidden; pointer-events: none; inset: 0px 1px 1px 0px; border-radius: 20px; }
.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-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-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-1ji7ylz { position: relative; height: 236px; flex-shrink: 0; }
.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-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-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-ddrv53 { position: absolute; top: -12px; left: calc(50% - 2.5px); transform: translateX(-50%); z-index: 1; }
.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-12u91zd { display: flex; flex-direction: column; gap: 16px; position: relative; }
.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-498pnq { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.7); text-align: center; white-space: nowrap; }
.css-1mlvmbj { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 4px; }
.css-hyq9u5 { font-size: 20px; font-weight: 700; line-height: normal; color: var(--gaydev-colors-white); text-align: center; white-space: nowrap; }
.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-1v026cn { position: relative; flex: 0 0 auto; width: 15.2719px; height: 23.0001px; transform: rotate(15.11deg); }
.css-11783f5 { object-fit: cover; position: absolute; left: -2.99941px; top: -2.00101px; width: 23.2714px; height: 31.0018px; max-width: none; }
.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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-xuhmcu { padding-top: 32px; }
.css-1xb2ccj { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 4px; }
.css-1hkryw2 { display: block; font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); text-align: center; }
.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-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-zoujjs { position: relative; width: var(--gaydev-sizes-full); aspect-ratio: 1 / 1; }
.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-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-1gpozev { position: absolute; top: -12px; left: calc(50% - 2.5px); transform: translateX(-50%); }
.css-6d9ffm { padding-top: 64px; }
.css-9sjne2 { width: calc(100% + 24px); max-width: 1400px; margin-left: -12px; display: flex; align-items: flex-start; gap: 32px; }
.css-1w18iag { display: flex; flex-direction: column; gap: 16px; width: 265px; flex-shrink: 0; }
.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-13usoxg { display: block; font-size: 16px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); text-align: left; }
.css-1t9ndv0 { display: flex; flex-direction: column; gap: 8px; flex: 1 0 0px; min-width: 0px; }
.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-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-1dzl8lc { flex: 1 0 0px; min-width: 0px; font-size: 18px; font-weight: 600; line-height: normal; color: rgb(246, 242, 250); }
.css-1gv2v6y { object-fit: cover; width: 16px; height: 16px; flex-shrink: 0; transition: transform 0.2s; }
.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-1maqkgl { position: fixed; top: 0px; left: 0px; right: 0px; z-index: var(--gaydev-z-index-sticky); height: 76px; background-image: url("/44e1384556720d1780a05c511d398cfccd89ac01.svg"), url("/f85d5e4b0bb6d173ba3a68fb67f49d14d5798182.svg"), url("/a7169bcd2122fca1574f9c9b381b9ebd1610da3e.svg"), url("/da87f395d805ae1834cf66fe40a563a7d8ae17bd.svg"), linear-gradient(90deg, rgba(9, 9, 9, 0.8) 0%, rgba(9, 9, 9, 0.8) 100%); background-size: 100% 100%; background-repeat: no-repeat; backdrop-filter: blur(16px); border-bottom: 1px solid rgba(235, 240, 247, 0.05); border-radius: 0px 0px 32px 32px; user-select: none; }
.css-4ia0vb { position: absolute; left: 0px; top: 0px; width: 106px; height: 76px; overflow: clip; border-bottom-left-radius: 32px; }
.css-1oprx3n { position: absolute; inset: 39.19% 29.25% -25.68% 10.38%; pointer-events: none; }
.css-1krvxmo { object-fit: cover; position: absolute; left: 17px; top: calc(50% - 2px); transform: translateY(-50%); width: 50px; height: 48px; }
.css-wsx7z1 { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); display: flex; -webkit-box-align: center; align-items: center; gap: 16px; }
.css-171onha { display: flex; -webkit-box-align: center; align-items: center; gap: 4px; }
header.css-1maqkgl .css-3zrys1 { overflow: visible; }
header.css-1maqkgl .css-14zcihu svg { flex-shrink: 0; display: block; }
.css-1fb8ynh { display: inline-flex; appearance: none; align-items: center; justify-content: center; position: relative; isolation: isolate; cursor: pointer; border-radius: 100px; border: 1px solid transparent; background: radial-gradient(80% 178.96% at 20% 50%, rgba(115, 76, 187, 0.05) 10.96%, rgb(115, 76, 187) 100%) no-repeat border-box border-box, rgba(115, 76, 187, 0.05); --bg-currentcolor: radial-gradient(80% 178.96% at 20% 50%, rgba(115, 76, 187, 0.05) 10.96%, #734CBB 100%) border-box no-repeat,rgba(115, 76, 187, 0.05); padding: 8px 12px; height: 44px; font-weight: 700; text-transform: uppercase; color: var(--gaydev-colors-text-primary); font-size: var(--gaydev-font-sizes-md); }
.css-1fb8ynh::after { content: ""; position: absolute; inset: -1px; padding: 1px; border-radius: inherit; background: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); --bg-currentcolor: var(--event-badge-purple-stroke, linear-gradient(90deg, rgba(115, 76, 187, 0.2) 0%, #DDC6FF 100%)); pointer-events: none; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); }
.css-1viiyk { position: relative; width: 44px; height: 44px; flex-shrink: 0; }
.css-16s722p { flex: 1 1 0%; min-height: 100dvh; padding-top: 80px; padding-bottom: 24px; }
.css-146xf7t { display: flex; flex-direction: column; gap: 4px; width: 96px; height: 98px; flex-shrink: 0; }
.css-n14to3 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; gap: 6px; height: 36px; width: var(--gaydev-sizes-full); border-radius: 16px; border: 1px solid rgba(0, 137, 59, 0.2); background: radial-gradient(88.8px 78.7px at 22.2px 22px, rgba(0, 184, 95, 0.05) 10.96%, rgba(0, 201, 104, 0.6) 100%), rgba(0, 137, 71, 0.05); --bg-currentcolor: radial-gradient(88.8px 78.7px at 22.2px 22px, rgba(0, 184, 95, 0.05) 10.96%, rgba(0, 201, 104, 0.6) 100%),rgba(0, 137, 71, 0.05); overflow: hidden; color: var(--gaydev-colors-other-badge_green); flex-shrink: 0; }
.css-19cvqsd { --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)); border-radius: 20px; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 104px; height: 98px; min-width: 104px; max-width: 104px; min-height: 98px; max-height: 98px; user-select: none; animation-name: slide-from-bottom, fade-in; animation-duration: 0.25s; animation-timing-function: var(--gaydev-easings-ease-out); background-image: url("/ancient-CPDxvoCR.webp"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.css-1t0cld7 { position: absolute; top: 6px; inset-inline: 0px; }
.css-mguhut { display: flex; flex-direction: column; gap: 0px; position: absolute; bottom: 6px; left: 8px; right: 8px; }
.css-1b67eg3 { --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)); border-radius: 20px; position: relative; text-align: start; overflow: hidden; flex-shrink: 0; width: 104px; height: 98px; min-width: 104px; max-width: 104px; min-height: 98px; max-height: 98px; user-select: none; animation-name: slide-from-bottom, fade-in; animation-duration: 0.25s; animation-timing-function: var(--gaydev-easings-ease-out); background-image: url("/most_ancient-DMVZ5OnZ.webp"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.css-111uq5w { position: absolute; top: 0px; bottom: 0px; right: 0px; width: 60px; pointer-events: none; background: linear-gradient(270deg, rgb(16, 15, 18) 0%, rgba(16, 15, 18, 0) 100%); --bg-currentcolor: linear-gradient(270deg, #100F12 0%, rgba(16, 15, 18, 0) 100%); }
.css-zx18lk { display: flex; flex-direction: column; gap: 32px; margin-bottom: 0px; }
.css-19twa2x { position: relative; isolation: isolate; width: 100vw; margin-left: calc(50% - 50vw); min-height: 573px; overflow: hidden; }
.css-1je5sv3 { object-fit: cover; position: absolute; z-index: -1; top: 0px; left: 50%; transform: translateX(-50%); width: 430px; height: 573px; max-width: none; pointer-events: none; }
.css-zpkk9k { object-fit: cover; position: absolute; z-index: -1; top: 83px; left: calc(50% - 151.5px); width: 332.9px; height: 406px; max-width: none; pointer-events: none; }
.css-1l7jdjm { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 8px; position: absolute; top: 16px; left: 16px; right: 16px; text-align: center; }
.css-1xcodf { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 0px; align-self: stretch; transform-origin: center top; }
.css-u8kprh { display: block; font-family: "Santa Maria Sans"; font-weight: 900; font-size: 40px; line-height: normal; text-transform: uppercase; white-space: nowrap; color: var(--gaydev-colors-white); }
.css-80ux05 { position: relative; display: block; font-family: "Santa Maria Sans"; font-weight: 900; font-size: 40px; line-height: normal; text-transform: uppercase; white-space: nowrap; width: fit-content; }
.css-vb5djq { position: relative; margin-top: 423px; margin-inline: auto; width: calc(100% - 8px); max-width: 422px; }
.css-1yuhvjn { margin-top: 16px; }
.css-1i43dhb { display: flex; flex-direction: column; gap: 24px; }
.css-1qop0a7 { display: block; font-family: "Santa Maria Sans"; font-weight: 900; font-size: 28px; line-height: normal; color: var(--gaydev-colors-white); text-align: center; }
.css-1dacand { padding-top: 0px; }
.css-yd8sa2 { display: flex; flex-direction: column; gap: 16px; }
.css-r6wfbc { --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); gap: 15px; padding-top: 12px; margin-top: -12px; }
.css-r6wfbc > * { scroll-snap-align: start; flex-shrink: 0; }
.css-w4w7sm { width: min(338.75px, -48px + 100vw); }
.css-1yg9ncl { position: absolute; bottom: -118px; right: -52px; width: 352px; height: 352px; pointer-events: none; user-select: none; z-index: 0; }
.css-ida69x { position: absolute; left: 23.3%; bottom: 1.6%; width: 53.5%; height: 53.5%; border-radius: var(--gaydev-radii-full); background: rgb(90, 85, 80); --bg-currentcolor: #5A5550; filter: blur(76px); }
.css-1txzzbk { position: absolute; left: 33.8%; bottom: 23.2%; width: 25.5%; height: 25.5%; border-radius: var(--gaydev-radii-full); background: rgb(192, 147, 16); --bg-currentcolor: #C09310; filter: blur(36px); }
.css-aonexg { max-width: var(--gaydev-sizes-full); padding-inline: var(--gaydev-spacing-4); padding-top: var(--gaydev-spacing-8); padding-bottom: var(--gaydev-spacing-16); position: relative; z-index: 1; }
.css-1syfr4j { object-fit: cover; height: 42px; }
.css-az0mff { display: flex; flex-flow: wrap; gap: var(--gaydev-spacing-1); }
.css-1m9ojp4 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--gaydev-spacing-2); height: 42px; width: 56px; padding-inline: 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: 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: 500; }
.css-fnyy58 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: var(--gaydev-spacing-2); height: 42px; flex: 1 1 0%; min-width: fit-content; padding-inline: var(--gaydev-spacing-3); 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)); background: radial-gradient(90% 300% at 50% 100%, rgba(164, 102, 255, 0.2) 0%, rgba(164, 102, 255, 0) 100%), linear-gradient(90deg, rgba(164, 102, 255, 0.05) 0%, rgba(164, 102, 255, 0.05) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: radial-gradient(90% 300% at 50% 100%, rgba(164, 102, 255, 0.20) 0%, rgba(164, 102, 255, 0.00) 100%),linear-gradient(90deg, rgba(164, 102, 255, 0.05) 0%, rgba(164, 102, 255, 0.05) 100%),rgba(233, 216, 255, 0.05); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 500; }
.css-1r1tzxj { color: var(--gaydev-colors-text-tretiary); font-size: 12px; }
.css-1804683 { height: 94px; }
.css-b6oote { position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: var(--gaydev-z-index-sticky); background-image: url("/dd0a6bc605a236f04611a451213870fe671472aa.svg"), url("/7ad327e5686860cc4f80b3148d3b513164131c85.svg"), url("/b2669ee8b9b1e05183f82b244c072b4de84128f9.svg"), url("/70007346a5382407e03c7360bcdc2b0b1d930f48.svg"), linear-gradient(90deg, rgba(9, 9, 9, 0.8) 0%, rgba(9, 9, 9, 0.8) 100%); background-size: 100% 100%; background-repeat: no-repeat; backdrop-filter: blur(16px); border-top-width: 1px; border-top-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)); border-top-left-radius: 32px; border-top-right-radius: 32px; padding-top: 15px; padding-bottom: 24px; padding-inline: 24px; }
.css-1hvt40h { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 0px; }
.css-1hvt40h > * { flex: 0 1 62px; min-width: 0px; }
.css-1ecof69 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: var(--gaydev-spacing-1); height: 54px; width: var(--gaydev-sizes-full); }
.css-8t7xte { width: 24px; height: 24px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; opacity: 0.25; transition-property: opacity; transition-duration: 0.15s; }
.css-38s4af { font-size: 12px; color: rgba(246, 242, 250, 0.62); white-space: nowrap; transition-property: color, opacity; transition-duration: 0.15s; }
.css-1r55rvi { position: relative; width: 24px; height: 24px; flex-shrink: 0; overflow: hidden; pointer-events: none; }
.css-54vdbt { position: absolute; inset: 12.5% 3.97% 14.84% 56.9%; }
.css-5j08jb { object-fit: cover; position: absolute; left: -5.86%; top: -3.15%; width: 111.72%; height: 106.3%; max-width: none; }
.css-54in49 { position: absolute; inset: 12.5% 56.96% 14.84% 3.91%; transform: scaleX(-1); }
.css-1enrvia { margin-top: -22px; padding-top: 22px; }
.css-1gnl8k5 { position: relative; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; height: 54px; width: var(--gaydev-sizes-full); padding-bottom: 6px; }
.css-1ly987 { position: absolute; left: 50%; top: -22px; transform: translateX(-50%); }
.css-hzvv06 { position: absolute; inset: -28px; background-image: radial-gradient(closest-side, rgba(143, 110, 241, 0.3), rgba(143, 110, 241, 0)), radial-gradient(closest-side at 50% 62%, rgba(89, 53, 198, 0.15), rgba(89, 53, 198, 0)); pointer-events: none; }
.css-1a1ubr1 { position: relative; width: 56px; height: 56px; flex-shrink: 0; pointer-events: none; }
.css-n82b55 { position: relative; font-size: 12px; white-space: nowrap; opacity: 1; transition: opacity 0.15s; }
.css-ci0osz { background: linear-gradient(to left, rgb(234, 228, 255) 2.941%, rgb(200, 186, 245) 39.824%, rgb(222, 213, 251) 100%) 0% 0% / 100% 100% no-repeat text; --bg-currentcolor: linear-gradient(to left, #EAE4FF 2.941%, #C8BAF5 39.824%, #DED5FB 100%); color: var(--gaydev-colors-transparent); -webkit-text-fill-color: transparent; overflow: inherit; text-overflow: inherit; white-space: inherit; position: relative; display: block; }
.css-w0moqv { width: 24px; height: 24px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; opacity: 1; transition-property: opacity; transition-duration: 0.15s; }
.css-djwqx3 { position: relative; width: 24px; height: 24px; }
.css-u8hmjs { object-fit: cover; position: absolute; inset: 0px; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); border-radius: 8px; }
.css-j02uu9 { position: absolute; inset: 0px; border-radius: 8px; border: 1px solid rgba(235, 240, 247, 0.1); pointer-events: none; transition: border-color 0.15s; }
.css-1igm3fr { margin-top: var(--gaydev-spacing-8); border-radius: 32px; overflow: hidden; }
.css-c0ygo6 { position: relative; height: 280px; overflow: hidden; }
.css-b9t20o { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: 0.5rem; position: relative; height: 280px; border-radius: 32px; overflow: hidden; --mix-backgroundColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background-color: var(--mix-backgroundColor, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-backgroundColor, var(--gaydev-colors-bg-islands)); background-image: linear-gradient(90deg, rgba(4, 4, 5, 0.85) 0%, rgba(4, 4, 5, 0.4) 55%, rgba(4, 4, 5, 0) 80%), url("/ranks-mobile-HDycYE0k.webp"); background-size: cover; background-position: 78% center; background-repeat: no-repeat; padding: 24px; user-select: none; }
.css-1et865t { display: flex; flex-direction: column; gap: 0px; max-width: 260px; }
.css-36h0ap { display: block; font-family: "Santa Maria Sans"; font-weight: 900; font-size: 28px; line-height: normal; text-transform: uppercase; max-width: 240px; color: var(--gaydev-colors-white); text-shadow: rgba(50, 31, 9, 0.8) 4px 4px 40px; }
.css-1cfoxqj { position: relative; display: block; font-family: "Santa Maria Sans"; font-weight: 900; font-size: 28px; line-height: normal; text-transform: uppercase; width: fit-content; max-width: var(--gaydev-sizes-full); }
.css-6xa8dm { display: block; margin-top: 8px; max-width: 220px; font-size: 12px; font-weight: 500; line-height: normal; color: rgba(246, 242, 250, 0.7); text-shadow: rgba(50, 31, 9, 0.8) 4px 4px 16px; }
.css-1n1q43 { display: inline-flex; align-items: center; justify-content: center; position: relative; isolation: isolate; padding: 0 24px; height: 44px; 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: rgb(246, 242, 250); font-size: 14px; font-weight: 700; line-height: 1; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); text-transform: uppercase; text-shadow: var(--event-text-shadow-accent, 0 2px 4px rgba(128, 80, 224, 0.5)); white-space: nowrap; align-self: flex-start; }
.css-1n1q43::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-1n1q43:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1n1q43 :where(svg) { width: 27px; height: 32px; }
.css-168w490 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 4px; position: absolute; z-index: 1; bottom: 10px; left: 50%; transform: translateX(-50%); }
.css-14pjghj { padding-block: 10px; margin-block: -10px; padding-inline: 4px; margin-inline: -2px; cursor: pointer; }
.css-13apklf { width: 32px; height: 4px; border-radius: 100px; background: rgb(241, 231, 255); --bg-currentcolor: #F1E7FF; transition: width 0.3s, background-color 0.3s; }
.css-1noq0df { width: 16px; height: 4px; border-radius: 100px; background: rgba(241, 231, 255, 0.4); --bg-currentcolor: rgba(241, 231, 255, 0.40); transition: width 0.3s, background-color 0.3s; }
.css-9p854f { margin-top: var(--gaydev-spacing-8); position: relative; z-index: 1; }
.css-8fiddb { position: relative; margin-inline: calc(var(--gaydev-spacing-4) * -1); }
.css-1rts3tr { scrollbar-width: none; display: flex; gap: 4px; overflow-x: auto; padding-inline: var(--gaydev-spacing-4); }
.css-1rts3tr::-webkit-scrollbar { display: none; }
.css-7dnmp6 { position: absolute; bottom: 25px; left: 0px; right: 0px; padding-inline: 0px; text-align: center; font-family: "Santa Maria Sans", sans-serif; font-weight: 900; font-size: 24px; line-height: normal; text-transform: uppercase; color: rgb(246, 242, 250); user-select: none; }
.css-4f8meb { position: absolute; top: 0px; bottom: 0px; right: 0px; width: 70px; pointer-events: none; background: linear-gradient(to left, rgb(16, 15, 18) 0%, rgba(16, 15, 18, 0) 100%); --bg-currentcolor: linear-gradient(to left, #100F12 0%, rgba(16, 15, 18, 0) 100%); }
.css-1q8w6pm { position: absolute; right: 8px; top: 79px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 32px; height: 32px; border-radius: 12px; background: rgba(233, 216, 255, 0.1); --bg-currentcolor: rgba(233, 216, 255, 0.1); border: 1px solid rgba(175, 168, 187, 0.05); backdrop-filter: blur(16px); cursor: pointer; }
.css-te7ucu { min-height: 1175px; }
.css-1335qmu { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); max-width: var(--gaydev-sizes-4xl); }
.css-12nh7ck { font-size: 18px; font-weight: 700; }
.css-i1ra9j { font-size: 14px; color: rgba(246, 242, 250, 0.52); }
.css-12f40m2 { font-size: 16px; font-weight: 600; }
.css-5vc5uf { font-size: 12px; color: var(--gaydev-colors-text-primary); white-space: nowrap; transition-property: color, opacity; transition-duration: 0.15s; }
.css-153jvrl { position: relative; font-size: 12px; white-space: nowrap; opacity: 0.6; transition: opacity 0.15s; }
.css-r4a50b { height: 199px; }
.css-1hxryma { display: flex; flex-direction: column; gap: var(--gaydev-spacing-6); position: relative; isolation: isolate; }
.css-1bm1o3a { height: 199px; width: var(--gaydev-sizes-full); }
.css-wrnry { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: 0.5rem; position: relative; height: 280px; border-radius: 32px; overflow: hidden; --mix-backgroundColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background-color: var(--mix-backgroundColor, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-backgroundColor, var(--gaydev-colors-bg-islands)); background-image: linear-gradient(90deg, rgba(4, 4, 5, 0.85) 0%, rgba(4, 4, 5, 0.4) 55%, rgba(4, 4, 5, 0) 80%), url("/bg-mobile-DV_MdlKK.webp"); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 24px; user-select: none; }
.css-8otyt1 { display: flex; flex-direction: column; gap: 4px; max-width: 260px; }
.css-1vic2pu { font-family: "Santa Maria Sans"; font-weight: 900; font-size: 32px; line-height: normal; color: var(--gaydev-colors-white); text-transform: uppercase; text-shadow: rgba(50, 31, 9, 0.8) 4px 4px 40px; white-space: nowrap; }
.css-9hjtr8 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 2px; }
.css-9per24 { font-family: "Santa Maria Sans"; font-weight: 900; font-size: 32px; line-height: normal; color: rgb(255, 199, 67); text-shadow: rgba(255, 255, 255, 0.6) 0px 0px 100px, rgba(50, 31, 9, 0.8) 4px 4px 40px; white-space: nowrap; }
.css-183bovu { position: absolute; left: 4.2px; top: 0.595px; width: 15.27px; height: 23px; transform: rotate(15.11deg); }
.css-1yv2rqw { object-fit: cover; position: absolute; left: -1.5px; top: -1px; width: 19.27px; height: 27px; max-width: none; }
.css-12sd71j { display: block; margin-top: 4px; font-size: 12px; font-weight: 500; line-height: normal; color: var(--gaydev-colors-text-primary); text-shadow: rgba(50, 31, 9, 0.8) 4px 4px 16px; }
.css-60nspw { display: inline-flex; align-items: center; justify-content: center; position: relative; isolation: isolate; padding: 0 24px; height: 44px; border-radius: 20px; background: radial-gradient(100% 734.62% at 0% 50%, rgb(193, 121, 27) 0%, rgb(216, 142, 47) 50%, rgb(238, 164, 67) 100%); --bg-currentcolor: radial-gradient(100% 734.62% at 0% 50%, #C1791B 0%, #D88E2F 50%, #EEA443 100%); color: var(--gaydev-colors-text-primary); font-size: 14px; font-weight: 700; line-height: 1; border: 1.5px solid rgba(255, 190, 104, 0.2); text-transform: uppercase; text-shadow: rgba(128, 80, 224, 0.5) 0px 2px 4px; white-space: nowrap; align-self: flex-start; }
.css-60nspw::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%), radial-gradient(100% 734.62% at 0% 50%, rgb(193, 121, 27) 0%, rgb(216, 142, 47) 50%, rgb(238, 164, 67) 100%); --bg-currentcolor: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%),radial-gradient(100% 734.62% at 0% 50%, #C1791B 0%, #D88E2F 50%, #EEA443 100%); opacity: 0; transition: opacity 0.2s; }
.css-60nspw:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-60nspw :where(svg) { width: 27px; height: 32px; }
.css-lz53gg { background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; -webkit-box-pack: start; justify-content: flex-start; flex-direction: column; gap: 0.5rem; height: 280px; border-radius: 32px; --mix-backgroundColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background-color: var(--mix-backgroundColor, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-backgroundColor, var(--gaydev-colors-bg-islands)); background-image: url("/main-mobile-BMzKdred.webp"); overflow: hidden; user-select: none; }
.css-1xy74rz { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: 0.5rem; padding-top: var(--gaydev-spacing-6); padding-bottom: var(--gaydev-spacing-6); padding-inline: var(--gaydev-spacing-6); height: var(--gaydev-sizes-full); width: var(--gaydev-sizes-full); max-width: 324px; user-select: none; }
.css-1a898zj { color: var(--gaydev-colors-white); font-family: "Santa Maria Sans"; font-weight: 900; line-height: normal; }
.css-1t335ja { color: var(--gaydev-colors-text-secondary); font-size: var(--gaydev-font-sizes-sm); font-weight: 500; }
.css-obgq00 { display: inline-flex; align-items: center; justify-content: center; position: relative; isolation: isolate; padding: 0 24px; 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; line-height: 1; border-width: 1.5px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-stroke-accent_button); text-transform: uppercase; white-space: nowrap; max-width: 188px; width: 188px; }
.css-obgq00::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-obgq00:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-obgq00 :where(svg) { width: 27px; height: 32px; }
.css-1rh2ekd { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: 0.5rem; position: relative; height: 280px; border-radius: 32px; overflow: hidden; --mix-backgroundColor: color-mix(in srgb, var(--gaydev-colors-bg-islands) 10%, transparent); background-color: var(--mix-backgroundColor, var(--gaydev-colors-bg-islands)); --bg-currentcolor: var(--mix-backgroundColor, var(--gaydev-colors-bg-islands)); background-image: linear-gradient(90deg, rgba(4, 4, 5, 0.85) 0%, rgba(4, 4, 5, 0.4) 55%, rgba(4, 4, 5, 0) 80%), url(""); background-size: cover; background-position: 78% center; background-repeat: no-repeat; padding: 24px; user-select: none; }
.css-1rctgvw { container-type: inline-size; display: flex; flex-direction: column; gap: 32px; width: var(--gaydev-sizes-full); max-width: 1240px; margin-inline: auto; padding-top: 32px; padding-bottom: 0px; margin-bottom: -56px; }
.css-uf87fy { position: relative; width: 40px; height: 40px; flex-shrink: 0; overflow: hidden; pointer-events: none; }
.css-zbcbmb { object-fit: cover; position: absolute; left: -6.39%; top: -3.44%; width: 112.78%; height: 106.88%; max-width: none; }
.css-1ty3cnx { flex: 1 1 0%; min-width: 0px; font-family: "Santa Maria Sans"; font-weight: 900; font-size: 40px; line-height: normal; text-transform: uppercase; color: var(--gaydev-colors-text-primary); white-space: nowrap; }
.css-f840qk { display: grid; gap: 16px; grid-template-columns: minmax(0px, 1fr); }
.css-g29ckd { display: flex; flex-direction: column; gap: 0px; grid-row: span 5; 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)); box-shadow: rgba(235, 240, 247, 0.05) 0px 0px 0px 1px inset; overflow: hidden; animation: var(--gaydev-animations-pulse); }
.css-sguf5s { width: var(--gaydev-sizes-full); min-height: 171px; aspect-ratio: 806 / 342; }
.css-1c0gh0g { height: 312px; }
.css-1973vde { position: relative; display: grid; grid-template-columns: minmax(0px, 1fr); grid-template-rows: subgrid; grid-row: span 5; row-gap: 16px; padding-bottom: 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)); border-radius: 20px; backdrop-filter: blur(16px); overflow: hidden; }
.css-1973vde::after { content: ""; position: absolute; inset: 0px; z-index: 2; border-radius: inherit; 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)); pointer-events: none; }
.css-1dyskj3 { position: relative; width: var(--gaydev-sizes-full); min-height: 171px; aspect-ratio: 806 / 342; --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: hidden; }
.css-s5b6do { object-fit: cover; position: absolute; left: 20px; bottom: -24px; width: 124px; height: 100px; z-index: 1; }
.css-crflw0 { display: flex; flex-direction: column; gap: 8px; padding-inline: 20px; padding-top: 16px; }
.css-xnh8mm { font-size: 20px; font-weight: 600; line-height: normal; color: var(--gaydev-colors-text-primary); }
.css-b195dc { display: flex; flex-flow: wrap; gap: 4px; }
.css-iybna9 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 2px; padding-inline: 7px; padding-block: 3px; 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)); font-size: 14px; font-weight: 500; line-height: 17px; color: rgba(246, 242, 250, 0.7); white-space: nowrap; }
.css-1ndhh7r { position: relative; width: 16px; height: 16px; flex-shrink: 0; }
.css-15eb632 { position: absolute; left: -0.86px; top: -0.94px; }
.css-1comur { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; position: relative; margin-inline: 20px; padding-top: 12px; padding-bottom: 12px; }
.css-1comur::before { content: ""; position: absolute; left: 0px; right: 0px; height: 1px; --mix-background: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-stroke-default)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-stroke-default)); top: -1px; }
.css-1comur::after { content: ""; position: absolute; left: 0px; right: 0px; height: 1px; --mix-background: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); background: var(--mix-background, var(--gaydev-colors-stroke-default)); --bg-currentcolor: var(--mix-background, var(--gaydev-colors-stroke-default)); bottom: 0px; }
.css-gdum8k { object-fit: cover; flex-shrink: 0; }
.css-1hql50z { font-size: 14px; font-weight: 600; line-height: 17px; color: rgba(246, 242, 250, 0.7); }
.css-pkdx39 { display: flex; flex-flow: wrap; gap: 8px; padding-inline: 20px; }
.css-1t1igut { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 4px; flex: 1 1 0px; min-width: max-content; padding-top: 12px; padding-bottom: 8px; padding-inline: 16px; border-radius: 16px; box-shadow: rgba(175, 168, 187, 0.05) 0px 0px 0px 1.5px inset; background: radial-gradient(80% 178.96% at 20% 50%, rgba(175, 168, 187, 0.004) 10.96%, rgba(175, 168, 187, 0.05) 100%), rgba(175, 168, 187, 0.05); --bg-currentcolor: radial-gradient(80% 178.96% at 20% 50%, rgba(175, 168, 187, 0.0025) 10.96%, rgba(175, 168, 187, 0.05) 100%),rgba(175, 168, 187, 0.05); }
.css-1dztt60 { font-size: 12px; font-weight: 600; line-height: 14px; color: rgba(246, 242, 250, 0.4); text-transform: uppercase; white-space: nowrap; }
.css-86fwgs { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 2px; filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 2px 4px); font-size: 20px; font-weight: 700; line-height: 24px; white-space: nowrap; }
.css-6bs84j { position: absolute; left: -2px; top: -5.4px; width: 30.24px; height: 35.84px; }
.css-6bs84j svg { width: 100%; height: 100%; }
.css-1mt3xd0 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 4px; flex: 1 1 0px; min-width: max-content; padding-top: 12px; padding-bottom: 8px; padding-inline: 16px; border-radius: 16px; box-shadow: rgba(240, 229, 255, 0.2) 0px 0px 0px 1.5px inset; background: radial-gradient(80% 178.96% at 20% 50%, rgba(175, 168, 187, 0.004) 10.96%, rgba(175, 168, 187, 0.05) 100%), rgba(175, 168, 187, 0.05); --bg-currentcolor: radial-gradient(80% 178.96% at 20% 50%, rgba(175, 168, 187, 0.0025) 10.96%, rgba(175, 168, 187, 0.05) 100%),rgba(175, 168, 187, 0.05); }
.css-p4o6a4 { color: rgba(246, 242, 250, 0.4); }
.css-ggklzp { padding-inline: 20px; align-self: end; }
.css-1n5yv21 { 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%)); --bg-currentcolor: var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); 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(--event-button-accent-border, rgba(188, 144, 255, 0.20)); padding-inline: 48px; text-transform: uppercase; text-shadow: var(--event-text-shadow-accent, 0 2px 4px rgba(128, 80, 224, 0.5)); white-space: nowrap; width: var(--gaydev-sizes-full); }
.css-1n5yv21::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 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.20) 0%, rgba(0, 0, 0, 0.20) 100%),var(--event-button-accent, radial-gradient(100% 734.62% at 0% 50%, #6945AD 0%, #7B4BD4 100%)); opacity: 0; transition: opacity 0.2s; }
.css-1n5yv21:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1n5yv21 :where(svg) { width: 27px; height: 32px; }
.css-omoekg { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-4); margin-top: var(--gaydev-spacing-4); }
.css-gahhzi { 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); z-index: 2; width: var(--gaydev-sizes-full); max-width: 1000px; padding-left: 0px; padding-right: 0px; }
.css-atpw3p { flex: 1 0 0px; min-width: 0px; }
.css-uipzzt { display: flex; flex-direction: row; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); }
.css-1qrd0t0 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-inline: var(--gaydev-spacing-4); padding-block: var(--gaydev-spacing-2); flex: 1 1 0%; border-radius: 8px; border: 1px solid rgb(104, 136, 54); background: radial-gradient(80% 90% at 50% 100%, rgba(182, 238, 95, 0.8) 0%, rgba(182, 238, 95, 0) 100%), linear-gradient(rgba(104, 136, 54, 0.6) 0%, rgba(182, 238, 95, 0.6) 100%); --bg-currentcolor: radial-gradient(80% 90% at 50% 100%, rgba(182, 238, 95, 0.8) 0%, rgba(182, 238, 95, 0) 100%),linear-gradient(180deg, rgba(104, 136, 54, 0.6) 0%, rgba(182, 238, 95, 0.6) 100%); cursor: pointer; transition: background 0.15s; }
.css-ahd632 { font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.6); white-space: nowrap; }
.css-hx1uwf { font-family: "Santa Maria Sans", sans-serif; font-weight: 900; font-size: 18px; line-height: 1.1; color: var(--gaydev-colors-white); }
.css-1tk5dj1 { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-inline: var(--gaydev-spacing-4); padding-block: var(--gaydev-spacing-2); flex: 1 1 0%; border-radius: 8px; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-transparent); background: var(--gaydev-colors-upgrade-islands-1); --bg-currentcolor: var(--gaydev-colors-upgrade-islands-1); cursor: pointer; transition: background 0.15s; }
.css-jtyvk4 { font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.4); white-space: nowrap; }
.css-ppbv85 { font-family: "Santa Maria Sans", sans-serif; font-weight: 900; font-size: 18px; line-height: 1.1; color: rgba(255, 255, 255, 0.4); }
.css-vzthl9 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: var(--gaydev-radii-full); background: rgba(247, 249, 243, 0.05); --bg-currentcolor: rgba(247, 249, 243, 0.05); border: 1px solid rgba(180, 182, 175, 0.05); backdrop-filter: blur(16px); color: rgb(200, 203, 203); cursor: pointer; transition: opacity 0.15s, background 0.15s, border-color 0.15s; }
.css-vzthl9:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.5; cursor: default; }
.css-1w9qlfj { position: relative; z-index: 1; align-self: stretch; margin-inline: calc(var(--gaydev-spacing-4) * -1); margin-top: 0px; overflow: hidden; }
.css-1s5jchb { width: 132%; max-width: none; margin-left: -16%; margin-right: 0px; }
.css-77hcw6 { position: relative; width: var(--gaydev-sizes-full); aspect-ratio: 1003 / 653; }
.css-1hrc1ke { position: absolute; inset: 0px; transform-origin: 50% 50%; will-change: transform; }
.css-rc6hyh { display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(5, 1fr); position: absolute; left: 17.95%; top: 20.5%; width: 64%; height: 48.1%; gap: 2.6% 1.25%; }
.css-2h612l { position: relative; }
.css-2h612l:hover .slot-remove { opacity: 1; }
.css-158b1mt { object-fit: cover; position: absolute; top: 2.58%; left: -5.33%; width: 113.1%; height: 110.3%; max-width: none; }
.css-9dfydv { position: absolute; inset: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-family: "Santa Maria Sans", sans-serif; font-weight: 900; font-size: clamp(14px, 3.6cqw, 40px); color: rgba(126, 127, 124, 0.45); user-select: none; }
.css-kxtgq8 { object-fit: cover; position: absolute; top: 0px; left: 0px; width: var(--gaydev-sizes-full); pointer-events: none; }
.css-z8dw9e { position: absolute; left: 0px; right: 0px; top: 13.32%; height: var(--gaydev-sizes-full); pointer-events: none; }
.css-1foxguh { display: flex; flex-direction: column; gap: var(--gaydev-spacing-3); width: var(--gaydev-sizes-full); padding: var(--gaydev-spacing-4); border-radius: 16px; border: 1px solid var(--gaydev-colors-upgrade-stroke-10); background: var(--gaydev-colors-upgrade-islands-1); --bg-currentcolor: var(--gaydev-colors-upgrade-islands-1); backdrop-filter: blur(16px); }
.css-v6jtbv { display: flex; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: 0px; height: 48px; }
.css-1yjdm1g { font-size: 13px; font-weight: 600; color: var(--gaydev-colors-upgrade-secondary); white-space: nowrap; }
.css-kcs26x { color: var(--gaydev-colors-upgrade-accent); }
.css-1ml5o9n { display: flex; -webkit-box-align: baseline; align-items: baseline; flex-direction: row; gap: 2px; }
.css-1yaczdw { font-size: 12px; font-weight: 700; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; --bg-currentcolor: var(--gaydev-colors-upgrade-silver_grad-50); color: transparent; background-clip: text; }
.css-lj64ws { font-weight: 700; }
.css-1gomreu { position: relative; display: inline-block; }
.css-h112mx { display: block; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; --bg-currentcolor: var(--gaydev-colors-upgrade-silver_grad-100); color: transparent; background-clip: text; }
.css-1dyit6a { align-self: center; display: inline-flex; }
.css-1c4mimo { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 12px; height: 56px; padding-inline: var(--gaydev-spacing-8); border-radius: 12px; border: 2px solid rgba(15, 28, 3, 0.2); background: linear-gradient(rgb(176, 219, 62) 0%, rgb(101, 123, 42) 100%); --bg-currentcolor: linear-gradient(180deg, #B0DB3E 0%, #657B2A 100%); box-shadow: rgba(203, 216, 166, 0.2) 0px 2px 8px inset, rgba(0, 0, 0, 0.2) 0px -2px 8px inset; color: rgb(16, 29, 3); font-weight: 800; font-size: 18px; text-transform: uppercase; white-space: nowrap; cursor: not-allowed; opacity: 0.5; transition: opacity 0.2s, filter 0.2s; }
.css-9p0srf { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: 0.5rem; padding: var(--gaydev-spacing-3); border-radius: 12px; background: var(--gaydev-colors-upgrade-islands-1); --bg-currentcolor: var(--gaydev-colors-upgrade-islands-1); border: 1px solid var(--gaydev-colors-upgrade-stroke-10); }
.css-1pey5tw { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: 0px; height: 48px; }
.css-e6xyeo { font-size: 16px; font-weight: 600; color: var(--gaydev-colors-upgrade-secondary); }
.css-133sul7 { font-weight: 700; }
.css-158n2x5 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 8px; border: 1px solid var(--gaydev-colors-upgrade-stroke-10); background: var(--gaydev-colors-upgrade-islands-1); --bg-currentcolor: var(--gaydev-colors-upgrade-islands-1); color: var(--gaydev-colors-upgrade-secondary); cursor: pointer; transition: background 0.15s; }
.css-3pfkfu { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); width: var(--gaydev-sizes-full); max-width: 1000px; padding: var(--gaydev-spacing-3); border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-upgrade-stroke-10); background: var(--gaydev-colors-upgrade-skins-islands); --bg-currentcolor: var(--gaydev-colors-upgrade-skins-islands); backdrop-filter: blur(4px); border-radius: 16px; }
.css-1gz8egc { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; --bg-currentcolor: var(--gaydev-colors-upgrade-silver_grad-100); color: transparent; background-clip: text; font-weight: 700; text-transform: uppercase; }
.css-1ig4hlk { display: flex; flex-direction: row; gap: var(--gaydev-spacing-2); align-self: stretch; }
.css-1fx9uib { -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; width: var(--gaydev-sizes-full); height: 48px; border-radius: 8px; }
.css-1fx9uib :where(svg) { width: 24px; height: 24px; }
.css-1goi2xe { padding: 16px; height: 48px; border-radius: 8px; background: var(--gaydev-colors-upgrade-islands-1); --bg-currentcolor: var(--gaydev-colors-upgrade-islands-1); color: var(--gaydev-colors-white); font-size: var(--gaydev-font-sizes-lg); font-weight: 600; border-width: 1px; border-style: solid; border-image: none; border-color: var(--gaydev-colors-upgrade-stroke-10); padding-inline-start: calc(var(--input-height) - 0px); }
.css-1goi2xe::-webkit-input-placeholder { color: var(--gaydev-colors-text-tretiary); }
.css-1goi2xe::placeholder, .css-1goi2xe[data-placeholder] { color: var(--gaydev-colors-text-tretiary); }
.css-ntdgz6 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: row; gap: var(--gaydev-spacing-2); max-width: 120px; width: var(--gaydev-sizes-full); height: 48px; background: var(--gaydev-colors-upgrade-islands-1); --bg-currentcolor: var(--gaydev-colors-upgrade-islands-1); border-radius: 8px; border: 1px solid var(--gaydev-colors-upgrade-stroke-10); padding-inline: var(--gaydev-spacing-4); cursor: pointer; font-weight: 400; color: var(--gaydev-colors-upgrade-secondary); user-select: none; }
.css-ntdgz6 :where(svg) { width: 24px; height: 24px; }
.css-156hvjg { min-height: 200px; }
.css-2z8mkj { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 4px; text-align: center; padding-block: var(--gaydev-spacing-16); }
.css-kw5fmv { object-fit: cover; width: 88px; height: 88px; }
.css-2h3gk4 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 2px; max-width: 266px; }
.css-1bdslz { font-weight: 700; color: var(--gaydev-colors-upgrade-primary); }
.css-1gb5b2t { font-weight: 400; color: var(--gaydev-colors-upgrade-secondary); }
.css-1pieh41 { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--gaydev-spacing-1); }
.css-dfpqc0 { position: relative; cursor: pointer; }
.css-1mtdt29 { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: 0.5rem; height: 144px; padding-inline: var(--gaydev-spacing-4); padding-top: var(--gaydev-spacing-1); padding-bottom: var(--gaydev-spacing-3); user-select: none; border-radius: 10px; --backdrop-blur: blur(blur(16px)); border: 1px solid var(--gaydev-colors-upgrade-stroke-10); opacity: 1; transition: opacity 0.15s; background: radial-gradient(84.73% 50.69% at 51% 20.49%, rgba(150, 93, 255, 0.17) 0%, rgba(150, 93, 255, 0) 100%), rgba(247, 249, 243, 0.01); --bg-currentcolor: radial-gradient(84.73% 50.69% at 51% 20.49%, rgba(150, 93, 255, 0.17) 0%, rgba(150, 93, 255, 0.00) 100%),rgba(247, 249, 243, 0.01); }
.css-1tdm5eo { font-size: var(--gaydev-font-sizes-xs); color: var(--gaydev-colors-upgrade-secondary); text-overflow: ellipsis; text-wrap: nowrap; overflow: hidden; font-weight: 400; }
.css-1322mbj { background: var(--gaydev-colors-upgrade-islands-1); --bg-currentcolor: var(--gaydev-colors-upgrade-islands-1); }
.css-7cc9uc { font-size: var(--gaydev-font-sizes-xs); color: var(--gaydev-colors-upgrade-secondary_light); text-overflow: ellipsis; text-wrap: nowrap; overflow: hidden; font-weight: 400; }
.css-6p5vf6 { color: var(--gaydev-colors-upgrade-accent); font-weight: 600; }
.css-1kanb0t { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: 0.5rem; height: 144px; padding-inline: var(--gaydev-spacing-4); padding-top: var(--gaydev-spacing-1); padding-bottom: var(--gaydev-spacing-3); user-select: none; border-radius: 10px; --backdrop-blur: blur(blur(16px)); border: 1px solid var(--gaydev-colors-upgrade-stroke-10); opacity: 1; transition: opacity 0.15s; background: radial-gradient(84.73% 50.69% at 51% 20.49%, rgba(103, 128, 216, 0.17) 0%, rgba(103, 128, 216, 0) 100%), rgba(247, 249, 243, 0.01); --bg-currentcolor: radial-gradient(84.73% 50.69% at 51% 20.49%, rgba(103, 128, 216, 0.17) 0%, rgba(103, 128, 216, 0.00) 100%),rgba(247, 249, 243, 0.01); }
@media (min-width: 769px) {
  header.css-1maqkgl, .css-b6oote, .css-1804683 { display: none !important; }
}
header.css-1maqkgl .css-8e9yta { display: block; }
@media (max-width: 768px) {
  header.css-1rpbdrg { display: none !important; }
  main.css-1q06jhb { padding-top: 80px; padding-bottom: 24px; }
  .css-10k56bc { display: none !important; }
  .css-1fcaguv { margin-top: var(--gaydev-spacing-8); }
  .css-1o30tz5 { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--gaydev-spacing-4) * -1); padding-inline: var(--gaydev-spacing-4); }
  .css-1o30tz5::-webkit-scrollbar { display: none; }
  .css-8kn4zf { margin-top: 0; }
  .css-18wn85 { height: 280px; border-radius: 32px; overflow: hidden; }
  .chakra-stack.css-1ls7s8o { bottom: 12px; }
  .css-qdafdy { width: 96px; height: 98px; }
  .css-1nkq3qi { height: 36px; }
  .css-usapyr { backdrop-filter: none; }
  [data-feed-tile] { width: 104px !important; height: 98px !important; min-width: 104px; max-width: 104px; min-height: 98px; max-height: 98px; }
  .css-l43g55 { bottom: 6px; left: 8px; right: 8px; }
  .css-q0inqt span, .css-q0inqt img { width: 72px !important; height: 54px !important; }
  .css-ru0yoa { width: 60px; }
  .css-259cjj { position: relative; isolation: isolate; }
  footer.css-1ab1jeh { margin-top: var(--gaydev-spacing-16); }
  footer.css-1ab1jeh .css-7ugh1p { padding-inline: var(--gaydev-spacing-4); padding-top: var(--gaydev-spacing-8); padding-bottom: var(--gaydev-spacing-16); }
  footer.css-1ab1jeh .css-ffpx2h { height: 42px; }
}