/* hashed tournament styles from example HTML emotion */

.css-79elbk { position: relative; }

.css-s86633 { object-fit: cover; position: absolute; top: -6.65%; left: -6.65%; width: 113.3%; height: 113.3%; max-width: none; }

.css-1a7o2e8 { object-fit: cover; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); }

.css-1i26g0d { color: var(--gaydev-colors-text-primary); }

.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-chgbhg { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; }

.css-uf87fy { position: relative; width: 40px; height: 40px; flex-shrink: 0; overflow: hidden; pointer-events: none; }

.css-54vdbt { position: absolute; inset: 12.5% 3.97% 14.84% 56.9%; }

.css-zbcbmb { object-fit: cover; position: absolute; left: -6.39%; top: -3.44%; width: 112.78%; height: 106.88%; max-width: none; }

.css-54in49 { position: absolute; inset: 12.5% 56.96% 14.84% 3.91%; transform: scaleX(-1); }

.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-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-15eb632 svg { width: 17.7px; height: 17.7px; }
a.chakra-button.css-1n5yv21, a.chakra-button.css-ywybot { text-decoration: none; color: var(--gaydev-colors-text-primary); }

.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-17d5r7u { position: relative; width: 24px; height: 24px; flex-shrink: 0; }

.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-1rpyojj { width: var(--gaydev-sizes-full); max-width: 1240px; margin-inline: auto; padding-top: 16px; margin-bottom: -56px; }

.css-18t1t80 { position: relative; isolation: isolate; height: 633px; }

.css-1iou6pu { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 100vw; height: var(--gaydev-sizes-full); overflow: hidden; z-index: -1; pointer-events: none; }

.css-1lzgsii { position: absolute; top: 0px; left: 50%; transform: translateX(calc(-50% - clamp(0px, 896px - 70vw, 300px))); width: 1920px; height: var(--gaydev-sizes-full); background: var(--gaydev-colors-bg-canvas); --bg-currentcolor: var(--gaydev-colors-bg-canvas); }

.css-1ombyzn { object-fit: cover; width: 1920px; height: 633px; max-width: none; }

.css-1jveypo { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 64px; position: absolute; top: 64px; left: 0px; width: 352px; }

.css-jb7im { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 0px; width: var(--gaydev-sizes-full); }

.css-1ow9h3h { width: var(--gaydev-sizes-full); aspect-ratio: 352 / 277; margin-bottom: -32px; }

.css-1nzldd2 { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 0px; padding-inline: 12px; padding-block: 8px; border-radius: 16px; backdrop-filter: blur(16px); box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 16px 0px; background: radial-gradient(100% 100% at 50% 100%, rgba(151, 99, 230, 0.7) 0%, rgba(173, 106, 180, 0.525) 25%, rgba(194, 112, 130, 0.35) 50%, rgba(237, 125, 29, 0) 100%), rgba(233, 216, 255, 0.1); --bg-currentcolor: radial-gradient(100% 100% at 50% 100%, rgba(151, 99, 230, 0.70) 0%, rgba(173, 106, 180, 0.525) 25%, rgba(194, 112, 130, 0.35) 50%, rgba(237, 125, 29, 0) 100%),rgba(233, 216, 255, 0.10); flex-shrink: 0; }

.css-1e92p8u { font-size: 16px; font-weight: 600; line-height: normal; color: rgba(246, 242, 250, 0.4); white-space: nowrap; }

.css-w2vas5 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 0px; width: 222px; }

.css-1pp90hy { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: 0px; padding-inline: 12px; padding-block: 4px; border-radius: 0px 0px 16px 16px; backdrop-filter: blur(16px); background: linear-gradient(rgba(115, 72, 196, 0.4) 0%, rgba(115, 72, 196, 0) 100%), rgba(233, 216, 255, 0.05); --bg-currentcolor: linear-gradient(180deg, rgba(115, 72, 196, 0.40) 0%, rgba(115, 72, 196, 0) 100%),rgba(233, 216, 255, 0.05); line-height: normal; white-space: nowrap; flex-shrink: 0; }

.css-fpijjr { font-size: 12px; font-weight: 500; line-height: 14px; color: rgba(246, 242, 250, 0.4); }

.css-z67519 { font-size: 14px; font-weight: 600; line-height: 17px; color: var(--gaydev-colors-text-primary); font-variant-numeric: tabular-nums; }

.css-1ckf9sr { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 4px; height: 36px; padding: 0px 16px 0px 12px; 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)); 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)); backdrop-filter: blur(16px); cursor: pointer; flex-shrink: 0; transition: background 0.2s; position: absolute; top: 64px; right: 4px; }

.css-mueuzj { width: 20px; height: 20px; flex-shrink: 0; }

.css-1phd9a0 { object-fit: cover; }

.css-hiokhx { font-size: 14px; font-weight: 600; color: var(--gaydev-colors-text-primary); white-space: nowrap; }

.css-1068mac { position: fixed; top: 0px; left: 0px; right: 0px; height: 316px; z-index: var(--gaydev-z-index-docked); opacity: 0; visibility: hidden; transition: opacity 0.2s, visibility 0.2s; }

.css-19gh1ni { position: absolute; inset: 0px; background: var(--gaydev-colors-bg-canvas); --bg-currentcolor: var(--gaydev-colors-bg-canvas); overflow: hidden; }

.css-13m55uk { mask-image: linear-gradient(transparent 0%, rgb(0, 0, 0) 17.14%, rgb(0, 0, 0) 74.9%, transparent 100%), linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, transparent 100%); mask-composite: source-in; position: absolute; top: 92px; left: 50%; transform: translateX(-50%); width: 1920px; height: 224px; background-image: url(""); background-size: 1844px 608px; background-position: calc(-180px - clamp(0px, 896px - 70vw, 300px)) -180px; background-repeat: no-repeat; }

.css-13wifho { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex-direction: row; gap: var(--gaydev-spacing-4); position: absolute; top: 156px; left: 0px; right: 0px; width: calc(100% - 64px); max-width: 1240px; margin-inline: auto; }

.css-diwk4o { width: 122px; height: 96px; flex-shrink: 0; }

.css-ywybot { 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: 222px; flex-shrink: 0; }

.css-ywybot::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-ywybot:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }

.css-ywybot :where(svg) { width: 27px; height: 32px; }

.css-9br0sv { position: absolute; top: 100%; left: 0px; right: 0px; height: 100px; background: linear-gradient(rgb(16, 15, 18) 0%, rgba(16, 15, 18, 0) 100%); --bg-currentcolor: linear-gradient(180deg, #100F12 0%, rgba(16, 15, 18, 0) 100%); opacity: 0; pointer-events: none; }

.css-17affty { margin-top: 32px; }

.css-8rlg9d { display: grid; grid-template-columns: minmax(77px, max-content) minmax(0px, 1fr) max-content minmax(108px, max-content); row-gap: 4px; width: var(--gaydev-sizes-full); }

.css-1azm0yw { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; -webkit-box-align: center; align-items: center; height: 23px; padding-left: 32px; padding-right: 24px; }

.css-kma5xd { font-size: 12px; font-weight: 500; color: rgba(246, 242, 250, 0.4); white-space: nowrap; }

.css-1c7q1o8 { font-size: 12px; font-weight: 500; color: rgba(246, 242, 250, 0.4); white-space: nowrap; justify-self: end; margin-right: 0px; }

.css-1lqdq7w { font-size: 12px; font-weight: 500; color: rgba(246, 242, 250, 0.4); white-space: nowrap; justify-self: end; margin-left: 8px; }

.css-sn1629 { 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); }

.css-1y6fjdu { position: relative; display: inline-block; font-size: 24px; font-weight: 800; line-height: normal; white-space: nowrap; }

.css-1oy8ba6 { position: absolute; inset: 0px; color: var(--gaydev-colors-transparent); text-shadow: rgba(18, 16, 22, 0.4) 1px 1px 2px, rgb(44, 40, 51) 0px 0.5px 0px, rgb(231, 220, 246) 0px -0.5px 0px; user-select: none; }

.css-f84qik { position: relative; background-image: radial-gradient(54% 223% at 0% 22.4%, rgb(243, 216, 195) 0%, rgba(243, 216, 195, 0) 100%), linear-gradient(rgb(241, 233, 252) 18.966%, rgb(211, 193, 239) 81.034%); color: var(--gaydev-colors-transparent); background-clip: text; }

.css-17zjz7f { position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; -webkit-box-align: center; align-items: center; height: 72px; padding-left: 42px; padding-right: 6px; border-radius: 20px; border-width: 2px; border-style: dashed; 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(14.04% 241.8% at 100% 100%, rgba(150, 79, 255, 0.2) 0%, rgba(150, 79, 255, 0) 100%), rgba(233, 216, 255, 0.1); --bg-currentcolor: radial-gradient(14.04% 241.8% at 100% 100%, rgba(150, 79, 255, 0.20) 0%, rgba(150, 79, 255, 0) 100%),rgba(233, 216, 255, 0.10); backdrop-filter: blur(16px); overflow: hidden; margin-bottom: 8px; }

.css-1nffptl { position: relative; padding-right: 6px; font-size: 14px; font-weight: 500; color: var(--gaydev-colors-text-white); white-space: nowrap; }

.css-1ni3n1 { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 8px; min-width: 0px; }

.css-16p8n1p { display: inline-flex; cursor: pointer; color: inherit; text-decoration: none; gap: 8px; -webkit-box-align: center; align-items: center; min-width: 0px; }

.css-16p8n1p [data-player-name], .css-16p8n1p [data-player-avatar] { transition: color 0.15s, opacity 0.15s; }

.css-cvrji2 { position: relative; width: 24px; height: 24px; flex-shrink: 0; }

.css-1xtclwx { width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); border-radius: 8px; 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)); background: rgb(56, 52, 64); --bg-currentcolor: #383440; overflow: hidden; }

.css-1a7g987 { font-size: 14px; font-weight: 500; color: var(--gaydev-colors-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.css-jxg2vk { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 2px; justify-self: end; margin-left: 8px; }

.css-lf9lka { font-size: 14px; font-weight: 600; color: var(--gaydev-colors-text-primary); white-space: nowrap; }

.css-ulydij { flex-shrink: 0; }

.css-1w8sqwo { object-fit: cover; position: absolute; left: -2px; top: -1.5px; width: 28px; height: 28px; max-width: none; }

.css-1nyikih { 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); justify-self: end; margin-left: 8px; }

.css-u3u7z7 { position: relative; display: inline-block; font-size: 14px; font-weight: 800; line-height: normal; white-space: nowrap; }

.css-taanc0 { position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; -webkit-box-align: center; align-items: center; height: 72px; padding-left: 44px; padding-right: 8px; border-radius: 20px; background: radial-gradient(14.04% 241.8% at 100% 100%, rgba(150, 79, 255, 0.2) 0%, rgba(150, 79, 255, 0) 100%), rgba(252, 222, 151, 0.1); --bg-currentcolor: radial-gradient(14.04% 241.8% at 100% 100%, rgba(150, 79, 255, 0.20) 0%, rgba(150, 79, 255, 0) 100%),rgba(252, 222, 151, 0.10); backdrop-filter: blur(16px); overflow: hidden; }

.css-1vjefr1 { position: absolute; top: 0px; left: -20px; width: 64px; height: 72px; filter: drop-shadow(rgb(249, 184, 73) 0px 4px 16px); pointer-events: none; }

.css-a8l7x9 { object-fit: cover; position: absolute; left: -45.82px; top: -13.44px; width: 119.19px; height: 129.26px; max-width: none; }

.css-jl85b3 { display: block; }

.css-11yxhq4 { position: absolute; bottom: -3px; right: -3px; pointer-events: none; }

.css-q7cyuo { position: relative; width: 14px; height: 14px; flex-shrink: 0; pointer-events: none; }

.css-ml05u1 { display: none; }

.css-1i3p0m3 { position: absolute; bottom: -4px; right: -4px; pointer-events: none; }

.css-1m8pn05 { position: relative; width: 16px; height: 16px; flex-shrink: 0; pointer-events: none; }

.css-1g6ckh1 { position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; -webkit-box-align: center; align-items: center; height: 72px; padding-left: 44px; padding-right: 8px; border-radius: 20px; background: radial-gradient(14.04% 241.8% at 100% 100%, rgba(150, 79, 255, 0.2) 0%, rgba(150, 79, 255, 0) 100%), rgba(206, 211, 215, 0.1); --bg-currentcolor: radial-gradient(14.04% 241.8% at 100% 100%, rgba(150, 79, 255, 0.20) 0%, rgba(150, 79, 255, 0) 100%),rgba(206, 211, 215, 0.10); backdrop-filter: blur(16px); overflow: hidden; }

.css-1vwoq9p { position: absolute; top: 0px; left: -20px; width: 64px; height: 72px; filter: drop-shadow(rgb(122, 131, 135) 0px 4px 16px); pointer-events: none; }

.css-1uj2jtg { position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; -webkit-box-align: center; align-items: center; height: 72px; padding-left: 44px; padding-right: 8px; border-radius: 20px; background: radial-gradient(14.04% 241.8% at 100% 100%, rgba(150, 79, 255, 0.2) 0%, rgba(150, 79, 255, 0) 100%), rgba(253, 155, 110, 0.1); --bg-currentcolor: radial-gradient(14.04% 241.8% at 100% 100%, rgba(150, 79, 255, 0.20) 0%, rgba(150, 79, 255, 0) 100%),rgba(253, 155, 110, 0.10); backdrop-filter: blur(16px); overflow: hidden; }

.css-1ywwvb8 { position: absolute; top: 0px; left: -20px; width: 64px; height: 72px; filter: drop-shadow(rgb(146, 72, 35) 0px 4px 16px); pointer-events: none; }

.css-p7nlq { position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; -webkit-box-align: center; align-items: center; height: 52px; padding-left: 42px; padding-right: 6px; border-radius: 20px; border-width: 2px; border-style: dashed; 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: rgba(233, 216, 255, 0.02); --bg-currentcolor: rgba(233, 216, 255, 0.02); backdrop-filter: blur(16px); overflow: hidden; }

.css-nbcbe6 { position: relative; display: inline-block; font-size: 14px; font-weight: 700; line-height: normal; white-space: nowrap; }

.css-1nyj0dh { position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; -webkit-box-align: center; align-items: center; height: 52px; padding-left: 44px; padding-right: 8px; 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)); backdrop-filter: blur(16px); overflow: hidden; }

.css-17rhbrx { position: absolute; top: 0px; left: 50%; transform: translateX(calc(-50% - clamp(0px, 896px - 70vw, 180px))); width: 1920px; height: var(--gaydev-sizes-full); background: var(--gaydev-colors-bg-canvas); --bg-currentcolor: var(--gaydev-colors-bg-canvas); }

.css-1y10iyg { mask-image: linear-gradient(transparent 0%, rgb(0, 0, 0) 17.14%, rgb(0, 0, 0) 74.9%, transparent 100%), linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, transparent 100%); mask-composite: source-in; position: absolute; top: 92px; left: 50%; transform: translateX(-50%); width: 1920px; height: 224px; background-image: url("bg-6A8oUtyV.webp"); background-size: 1844px 608px; background-position: calc(73px - clamp(0px, 896px - 70vw, 180px)) -242px; background-repeat: no-repeat; }

.css-cfk6a1 { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; width: 1px; margin: -1px; padding: 0px; overflow: hidden; white-space: nowrap; position: absolute; }

@container (min-width: 696px) {
  .css-f840qk { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .css-f840qk > * { grid-column: span 2; }
  .css-f840qk > :last-of-type:nth-of-type(2n+1) { grid-column: 2 / span 2; }
}
@container (min-width: 1112px) {
  .css-f840qk { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .css-f840qk > *, .css-f840qk > :last-of-type:nth-of-type(2n+1) { grid-column: auto; }
}
@media screen and (min-width: 48rem) {
  .css-1rpyojj { padding-top: 0px; margin-bottom: 0px; }
  .css-92j705 { max-width: 512px; padding-inline: var(--gaydev-spacing-6); }
}
.css-17rhbrx { position: absolute; top: 0px; left: 50%; transform: translateX(calc(-50% - clamp(0px, 896px - 70vw, 180px))); width: 1920px; height: var(--gaydev-sizes-full); background: var(--gaydev-colors-bg-canvas); --bg-currentcolor: var(--gaydev-colors-bg-canvas); }
.css-1y10iyg { mask-image: linear-gradient(transparent 0%, rgb(0, 0, 0) 17.14%, rgb(0, 0, 0) 74.9%, transparent 100%), linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, transparent 100%); mask-composite: source-in; position: absolute; top: 92px; left: 50%; transform: translateX(-50%); width: 1920px; height: 224px; background-image: url("/tournaments-assets/bg-6A8oUtyV.webp"); background-size: 1844px 608px; background-position: calc(73px - clamp(0px, 896px - 70vw, 180px)) -242px; background-repeat: no-repeat; }
.css-13m55uk { mask-image: linear-gradient(transparent 0%, rgb(0, 0, 0) 17.14%, rgb(0, 0, 0) 74.9%, transparent 100%), linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, transparent 100%); mask-composite: source-in; position: absolute; top: 92px; left: 50%; transform: translateX(-50%); width: 1920px; height: 224px; background-image: url("/tournaments-assets/bg-BRvnCyls.webp"); background-size: 1844px 608px; background-position: calc(-180px - clamp(0px, 896px - 70vw, 300px)) -180px; background-repeat: no-repeat; }
.css-1068mac[data-stuck] { opacity: 1; visibility: visible; }
.css-1n5yv21, .css-ywybot { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
@media (hover: hover) {
  .css-1n5yv21:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before,
  .css-ywybot:is(:hover, [data-hover]):not(:disabled, [data-disabled])::before { opacity: 1; }
  .css-1ckf9sr: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-92j705 { 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); display: flex; flex-direction: column; position: relative; outline: 0px; z-index: calc(var(--gaydev-z-index-popover) + var(--layer-index, 0)); max-height: calc(100% - 7.5rem); margin-inline: auto; }
.css-92j705:is([open], [data-open], [data-state="open"]) { animation-duration: var(--gaydev-durations-moderate); animation-name: scale-in, fade-in; }
.css-1gfd7ba { display: grid; grid-template-columns: 28px 1fr 28px; width: var(--gaydev-sizes-full); align-items: center; padding-bottom: var(--gaydev-spacing-4); }
.css-x1jc01 { color: var(--gaydev-colors-white); font-size: 20px; font-weight: 600; text-align: center; }
.css-16znw07 { padding: 0px; flex: 1 1 0%; overflow: auto; }
.css-e1wnf1 { display: flex; align-items: flex-start; flex-direction: row; gap: var(--gaydev-spacing-3); padding: 12px 16px 12px 12px; 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; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); }
.css-ce7wsy { width: 24px; height: 24px; flex-shrink: 0; border-radius: 8px; display: flex; align-items: center; justify-content: center; --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)); font-size: 12px; font-weight: 700; color: var(--gaydev-colors-text-primary); }
.css-urlyn1 { font-size: 14px; font-weight: 500; line-height: 20px; color: rgba(246, 242, 250, 0.7); padding-top: 2px; }