/* bonuses page hashed styles from musor.bar / example/bonuses */
.css-23bh7d { display: flex; flex-direction: column; gap: var(--gaydev-spacing-4); margin-top: var(--gaydev-spacing-4); width: var(--gaydev-sizes-full); max-width: 916px; margin-inline: auto; position: relative; isolation: isolate; }
@media screen and (min-width: 30rem) {
  .css-23bh7d { margin-top: var(--gaydev-spacing-4); }
}
@media screen and (min-width: 48rem) {
  .css-23bh7d { margin-top: var(--gaydev-spacing-10); }
}
.css-ekdlfz { mask-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.25) 17%, rgba(0, 0, 0, 0.25) 83%, transparent 100%); position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 100vw; height: 620px; z-index: -1; isolation: isolate; pointer-events: none; user-select: none; }
@media screen and (min-width: 30rem) {
  .css-ekdlfz { top: -40px; height: 620px; }
}
@media screen and (min-width: 48rem) {
  .css-ekdlfz { top: -116px; height: 1059px; }
}
.css-1a7o2e8 { object-fit: cover; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); }
.css-3ratul { position: absolute; inset: 0px; background: rgb(37, 35, 41); --bg-currentcolor: #252329; mix-blend-mode: hard-light; }
.css-123j7aa { position: absolute; inset: 0px; background: rgb(37, 35, 41); --bg-currentcolor: #252329; mix-blend-mode: color; }
.css-137tqqq { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); padding-bottom: var(--gaydev-spacing-2); }
.css-nubcp8 { object-fit: cover; width: 40px; height: 40px; }
.css-1bqnb8e { font-family: "Santa Maria Sans"; font-weight: 900; font-size: 40px; line-height: normal; text-transform: uppercase; }
.css-1aqohf6 { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-secondary); }
.css-3j2jmc { position: relative; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; width: var(--gaydev-sizes-full); height: 236px; border-radius: 32px; border-width: 1px 1px 2px; 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)); padding: 32px; background: radial-gradient(107px 107px at 0% 100%, rgba(223, 160, 112, 0.3) 0%, rgba(223, 160, 112, 0) 100%), radial-gradient(224px 515px at 0% 100%, rgba(223, 102, 9, 0.4) 0%, rgba(189, 70, 26, 0.23) 50%, rgba(154, 39, 42, 0.06) 100%), rgb(34, 31, 36); --bg-currentcolor: radial-gradient(107px 107px at 0% 100%, rgba(223, 160, 112, 0.30) 0%, rgba(223, 160, 112, 0.00) 100%),radial-gradient(224px 515px at 0% 100%, rgba(223, 102, 9, 0.40) 0%, rgba(189, 70, 26, 0.23) 50%, rgba(154, 39, 42, 0.06) 100%),#221F24; }
@media screen and (min-width: 30rem) {
  .css-3j2jmc { background: radial-gradient(107px 107px at 0% 100%, rgba(223, 160, 112, 0.3) 0%, rgba(223, 160, 112, 0) 100%), radial-gradient(224px 515px at 0% 100%, rgba(223, 102, 9, 0.4) 0%, rgba(189, 70, 26, 0.23) 50%, rgba(154, 39, 42, 0.06) 100%), rgb(34, 31, 36); --bg-currentcolor: radial-gradient(107px 107px at 0% 100%, rgba(223, 160, 112, 0.30) 0%, rgba(223, 160, 112, 0.00) 100%),radial-gradient(224px 515px at 0% 100%, rgba(223, 102, 9, 0.40) 0%, rgba(189, 70, 26, 0.23) 50%, rgba(154, 39, 42, 0.06) 100%),#221F24; }
}
@media screen and (min-width: 48rem) {
  .css-3j2jmc { background: radial-gradient(138px 138px at 0% 100%, rgba(223, 160, 112, 0.3) 0%, rgba(223, 160, 112, 0) 100%), radial-gradient(515px 515px at 0% 100%, rgba(223, 102, 9, 0.4) 0%, rgba(189, 70, 26, 0.23) 50%, rgba(154, 39, 42, 0.06) 100%), rgb(34, 31, 36); --bg-currentcolor: radial-gradient(138px 138px at 0% 100%, rgba(223, 160, 112, 0.30) 0%, rgba(223, 160, 112, 0.00) 100%),radial-gradient(515px 515px at 0% 100%, rgba(223, 102, 9, 0.40) 0%, rgba(189, 70, 26, 0.23) 50%, rgba(154, 39, 42, 0.06) 100%),#221F24; }
}
.css-cfq3tb { mask-image: linear-gradient(black 0%, black 55%, transparent 100%); position: absolute; inset: 0px; border-radius: 32px; overflow: hidden; pointer-events: none; isolation: isolate; opacity: 0.25; }
.css-butlcg { object-fit: cover; width: var(--gaydev-sizes-full); height: var(--gaydev-sizes-full); filter: blur(6px); transform: scale(1.05); }
.css-5ddjlu { position: absolute; bottom: -2px; right: -2px; width: 308px; height: 236px; overflow: hidden; pointer-events: none; border-bottom-right-radius: 32px; }
@media screen and (min-width: 30rem) {
  .css-5ddjlu { right: -2px; width: 308px; height: 236px; }
}
@media screen and (min-width: 48rem) {
  .css-5ddjlu { right: 0px; width: 382px; height: 293px; }
}
.css-1gucvw1 { object-fit: cover; position: absolute; bottom: 0px; right: 0px; width: 308px; max-width: none; }
@media screen and (min-width: 30rem) {
  .css-1gucvw1 { width: 308px; }
}
@media screen and (min-width: 48rem) {
  .css-1gucvw1 { width: 382px; }
}
.css-10io0yw { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); position: relative; }
.css-affoqn { font-family: "Santa Maria Sans"; font-weight: 900; font-size: 28px; line-height: normal; text-transform: uppercase; color: var(--gaydev-colors-white); }
.css-1vfj6ck { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-secondary); max-width: 170px; }
@media screen and (min-width: 30rem) {
  .css-1vfj6ck { max-width: 170px; }
}
@media screen and (min-width: 48rem) {
  .css-1vfj6ck { max-width: 396px; }
}
.css-lqky7x { display: flex; -webkit-box-align: center; align-items: center; position: relative; width: var(--gaydev-sizes-full); }
.css-1njx65u { padding: 16px 44px 16px 16px; height: 56px; 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)); color: var(--gaydev-colors-white); font-size: var(--gaydev-font-sizes-lg); font-weight: 600; 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)); text-transform: none; backdrop-filter: blur(16px); flex: 1 1 0%; width: auto; margin-right: -32px; }
.css-1njx65u::-webkit-input-placeholder { color: var(--gaydev-colors-text-tretiary); }
.css-1njx65u::placeholder, .css-1njx65u[data-placeholder] { color: var(--gaydev-colors-text-tretiary); }
@media screen and (min-width: 30rem) {
  .css-1njx65u { flex: 1 1 0%; width: auto; }
}
@media screen and (min-width: 48rem) {
  .css-1njx65u { flex: 0 0 auto; width: 338px; }
}
.css-28g3ld { position: relative; isolation: isolate; display: inline-flex; appearance: none; align-items: center; justify-content: center; padding: 16px 32px; height: 56px; border-radius: 20px; background: linear-gradient(270deg, rgb(199, 116, 30) 0%, rgb(229, 137, 42) 100%); --bg-currentcolor: linear-gradient(270deg, #C7741E 0%, #E5892A 100%); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; line-height: 1.25rem; white-space: nowrap; border: 1.5px solid rgb(252, 177, 101); padding-inline: 32px; flex-shrink: 0; text-transform: uppercase; text-shadow: rgba(128, 80, 224, 0.5) 0px 2px 4px; cursor: default; }
.css-28g3ld::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-28g3ld:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 1; background: linear-gradient(270deg, rgba(199, 116, 30, 0.4) 0%, rgba(229, 137, 42, 0.4) 100%); --bg-currentcolor: linear-gradient(270deg, rgba(199, 116, 30, 0.40) 0%, rgba(229, 137, 42, 0.40) 100%); color: var(--gaydev-colors-text-tretiary); text-shadow: rgba(128, 80, 224, 0.2) 0px 2px 4px; border: 1.5px solid rgba(252, 177, 101, 0.2); backdrop-filter: blur(16px); }
.css-28g3ld :where(svg) { width: 27px; height: 32px; }
@media (hover: hover) {
  .css-28g3ld:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: rgb(255, 208, 160); }
}
.css-7eil2u { display: grid; grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: var(--gaydev-spacing-4); }
@media screen and (min-width: 30rem) {
  .css-7eil2u { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
}
@media screen and (min-width: 48rem) {
  .css-7eil2u { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.css-1ejlmi8 { position: relative; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: var(--gaydev-sizes-full); height: 363px; border-radius: 32px; border-width: 1px 1px 2px; 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)); padding: 32px; background: radial-gradient(214px 233px at 50% 100%, rgba(112, 166, 223, 0.3) 0%, rgba(112, 166, 223, 0) 100%), radial-gradient(328px 358px at 50% 100%, rgba(9, 113, 223, 0.4) 0%, rgba(9, 113, 223, 0) 100%), linear-gradient(90deg, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.05) 100%), rgb(34, 31, 36); --bg-currentcolor: radial-gradient(214px 233px at 50% 100%, rgba(112, 166, 223, 0.30) 0%, rgba(112, 166, 223, 0.00) 100%),radial-gradient(328px 358px at 50% 100%, rgba(9, 113, 223, 0.40) 0%, rgba(9, 113, 223, 0.00) 100%),linear-gradient(90deg, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.05) 100%),#221F24; }
@media screen and (min-width: 30rem) {
  .css-1ejlmi8 { -webkit-box-align: center; align-items: center; height: 363px; background: radial-gradient(214px 233px at 50% 100%, rgba(112, 166, 223, 0.3) 0%, rgba(112, 166, 223, 0) 100%), radial-gradient(328px 358px at 50% 100%, rgba(9, 113, 223, 0.4) 0%, rgba(9, 113, 223, 0) 100%), linear-gradient(90deg, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.05) 100%), rgb(34, 31, 36); --bg-currentcolor: radial-gradient(214px 233px at 50% 100%, rgba(112, 166, 223, 0.30) 0%, rgba(112, 166, 223, 0.00) 100%),radial-gradient(328px 358px at 50% 100%, rgba(9, 113, 223, 0.40) 0%, rgba(9, 113, 223, 0.00) 100%),linear-gradient(90deg, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.05) 100%),#221F24; }
}
@media screen and (min-width: 48rem) {
  .css-1ejlmi8 { align-items: flex-start; height: 236px; background: radial-gradient(138px 138px at 0% 100%, rgba(112, 166, 223, 0.3) 0%, rgba(112, 166, 223, 0) 100%), radial-gradient(516px 266px at 0% 100%, rgba(9, 113, 223, 0.4) 0%, rgba(9, 113, 223, 0) 100%), rgb(34, 31, 36); --bg-currentcolor: radial-gradient(138px 138px at 0% 100%, rgba(112, 166, 223, 0.30) 0%, rgba(112, 166, 223, 0.00) 100%),radial-gradient(516px 266px at 0% 100%, rgba(9, 113, 223, 0.40) 0%, rgba(9, 113, 223, 0.00) 100%),#221F24; }
}
.css-rb05e4 { mask-image: linear-gradient(black 64%, transparent 100%); position: absolute; inset: auto 0px 0px; width: auto; height: 283px; pointer-events: none; }
@media screen and (min-width: 30rem) {
  .css-rb05e4 { inset: auto 0px 0px; width: auto; height: 283px; }
}
@media screen and (min-width: 48rem) {
  .css-rb05e4 { inset: -57px -2px auto auto; width: 382px; height: 293px; }
}
.css-1q0bgbm { object-fit: cover; width: 340px; max-width: none; margin-inline: auto; margin-top: 30px; }
@media screen and (min-width: 30rem) {
  .css-1q0bgbm { width: 340px; margin-top: 30px; }
}
@media screen and (min-width: 48rem) {
  .css-1q0bgbm { width: 368px; margin-top: -18px; }
}
.css-wfo5uy { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--gaydev-spacing-2); position: relative; text-align: center; }
@media screen and (min-width: 30rem) {
  .css-wfo5uy { -webkit-box-align: center; align-items: center; text-align: center; }
}
@media screen and (min-width: 48rem) {
  .css-wfo5uy { align-items: flex-start; text-align: left; }
}
.css-1lm64ag { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-secondary); max-width: var(--gaydev-sizes-full); }
@media screen and (min-width: 30rem) {
  .css-1lm64ag { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 48rem) {
  .css-1lm64ag { max-width: 320px; }
}
.css-1i26g0d { color: var(--gaydev-colors-text-primary); }
.css-16ffm8z { color: var(--gaydev-colors-text-tretiary); white-space: nowrap; }
.css-144nhtq { position: relative; isolation: isolate; display: inline-flex; appearance: none; align-items: center; justify-content: center; gap: 8px; padding: 16px 32px; height: 52px; border-radius: 20px; background: radial-gradient(734.62% 100% at 0% 50%, rgb(9, 113, 223) 0%, rgb(0, 124, 255) 100%); --bg-currentcolor: radial-gradient(734.62% 100% at 0% 50%, #0971DF 0%, #007CFF 100%); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; line-height: 1.25rem; white-space: nowrap; border: 1.5px solid rgba(144, 198, 255, 0.2); width: var(--gaydev-sizes-full); padding-inline: 64px; text-transform: uppercase; text-shadow: rgba(128, 80, 224, 0.5) 0px 2px 4px; cursor: default; }
.css-144nhtq::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-144nhtq:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 1; background: radial-gradient(734.62% 100% at 0% 50%, rgba(9, 113, 223, 0.4) 0%, rgba(0, 124, 255, 0.4) 100%); --bg-currentcolor: radial-gradient(734.62% 100% at 0% 50%, rgba(9, 113, 223, 0.40) 0%, rgba(0, 124, 255, 0.40) 100%); color: var(--gaydev-colors-text-tretiary); text-shadow: rgba(128, 80, 224, 0.2) 0px 2px 4px; border: 1.5px solid rgba(144, 198, 255, 0.2); backdrop-filter: blur(16px); }
.css-144nhtq :where(svg) { width: 20px; height: 20px; flex-shrink: 0; display: block; }
@media screen and (min-width: 30rem) {
  .css-144nhtq { width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 48rem) {
  .css-144nhtq { width: auto; }
}
@media (hover: hover) {
  .css-144nhtq:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: rgba(144, 198, 255, 0.5); }
}
.css-k8y358 { position: relative; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: var(--gaydev-sizes-full); height: 452px; border-radius: 32px; border-width: 1px 1px 2px; 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)); padding: 32px 16px 16px; background: radial-gradient(214px 233px at 50% 100%, rgba(112, 223, 145, 0.3) 0%, rgba(112, 223, 145, 0) 100%), radial-gradient(328px 358px at 50% 100%, rgba(9, 173, 74, 0.4) 0%, rgba(9, 173, 74, 0) 100%), linear-gradient(90deg, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.05) 100%), rgb(34, 31, 36); --bg-currentcolor: radial-gradient(214px 233px at 50% 100%, rgba(112, 223, 145, 0.30) 0%, rgba(112, 223, 145, 0.00) 100%),radial-gradient(328px 358px at 50% 100%, rgba(9, 173, 74, 0.40) 0%, rgba(9, 173, 74, 0.00) 100%),linear-gradient(90deg, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.05) 100%),#221F24; }
@media screen and (min-width: 48rem) {
  [data-bonus-card="subscribe"] + .css-k8y358 { margin-top: 60px; }
}
@media screen and (min-width: 30rem) {
  .css-k8y358 { -webkit-box-align: center; align-items: center; height: 452px; padding: 32px 16px 16px; background: radial-gradient(214px 233px at 50% 100%, rgba(112, 223, 145, 0.3) 0%, rgba(112, 223, 145, 0) 100%), radial-gradient(328px 358px at 50% 100%, rgba(9, 173, 74, 0.4) 0%, rgba(9, 173, 74, 0) 100%), linear-gradient(90deg, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.05) 100%), rgb(34, 31, 36); --bg-currentcolor: radial-gradient(214px 233px at 50% 100%, rgba(112, 223, 145, 0.30) 0%, rgba(112, 223, 145, 0.00) 100%),radial-gradient(328px 358px at 50% 100%, rgba(9, 173, 74, 0.40) 0%, rgba(9, 173, 74, 0.00) 100%),linear-gradient(90deg, rgba(233, 216, 255, 0.05) 0%, rgba(233, 216, 255, 0.05) 100%),#221F24; }
}
@media screen and (min-width: 48rem) {
  .css-k8y358 { align-items: flex-start; height: 236px; padding: 32px; background: radial-gradient(138px 138px at 0% 100%, rgba(112, 223, 145, 0.3) 0%, rgba(112, 223, 145, 0) 100%), radial-gradient(516px 266px at 0% 100%, rgba(9, 173, 74, 0.4) 0%, rgba(9, 173, 74, 0) 100%), rgb(34, 31, 36); --bg-currentcolor: radial-gradient(138px 138px at 0% 100%, rgba(112, 223, 145, 0.30) 0%, rgba(112, 223, 145, 0.00) 100%),radial-gradient(516px 266px at 0% 100%, rgba(9, 173, 74, 0.40) 0%, rgba(9, 173, 74, 0.00) 100%),#221F24; }
}
.css-1ebibe5 { mask-image: linear-gradient(black 64%, transparent 100%); position: absolute; inset: auto 0px 72px; width: auto; height: 283px; pointer-events: none; }
@media screen and (min-width: 30rem) {
  .css-1ebibe5 { inset: auto 0px 72px; width: auto; height: 283px; }
}
@media screen and (min-width: 48rem) {
  .css-1ebibe5 { inset: -57px -2px auto auto; width: 382px; height: 293px; }
}
.css-1acy1ol { object-fit: cover; width: 300px; max-width: none; margin-inline: auto; margin-top: 30px; }
@media screen and (min-width: 30rem) {
  .css-1acy1ol { width: 300px; margin-top: 30px; }
}
@media screen and (min-width: 48rem) {
  .css-1acy1ol { width: 368px; margin-top: -18px; }
}
.css-1qols7 { display: flex; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 8px 12px; }
@media screen and (min-width: 30rem) {
  .css-1qols7 { flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; }
}
@media screen and (min-width: 48rem) {
  .css-1qols7 { flex-wrap: nowrap; -webkit-box-pack: start; justify-content: flex-start; }
}
.css-mcd28h { font-size: 16px; font-weight: 500; color: var(--gaydev-colors-text-secondary); max-width: var(--gaydev-sizes-full); }
@media screen and (min-width: 30rem) {
  .css-mcd28h { max-width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 48rem) {
  .css-mcd28h { max-width: 420px; }
}
.css-g8s01f { display: flex; -webkit-box-align: stretch; align-items: stretch; flex-direction: column; gap: var(--gaydev-spacing-3); position: relative; width: var(--gaydev-sizes-full); }
@media screen and (min-width: 30rem) {
  .css-g8s01f { flex-direction: column; width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 48rem) {
  .css-g8s01f { flex-direction: row; width: auto; }
}
.css-174bwlw { display: flex; -webkit-box-pack: center; justify-content: center; flex-direction: column; gap: var(--gaydev-spacing-2); width: var(--gaydev-sizes-full); padding: 10px 16px; 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)); 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)); backdrop-filter: blur(16px); }
@media screen and (min-width: 30rem) {
  .css-174bwlw { width: var(--gaydev-sizes-full); }
}
@media screen and (min-width: 48rem) {
  .css-174bwlw { width: 260px; }
}
.css-1idevd { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-2); }
.css-ng2z8u { font-size: 14px; font-weight: 600; white-space: nowrap; }
.css-o3ct21 { color: var(--gaydev-colors-text-tretiary); }
.css-1y31hai { height: 6px; border-radius: var(--gaydev-radii-full); background: rgba(255, 255, 255, 0.08); --bg-currentcolor: rgba(255, 255, 255, 0.08); overflow: hidden; }
.css-lrhq6l { height: var(--gaydev-sizes-full); width: 0%; border-radius: var(--gaydev-radii-full); background: linear-gradient(90deg, rgb(23, 154, 69) 0%, rgb(61, 220, 117) 100%); --bg-currentcolor: linear-gradient(90deg, #179A45 0%, #3DDC75 100%); transition: width 0.3s; }
.css-tmbw7e { position: relative; isolation: isolate; display: inline-flex; appearance: none; align-items: center; justify-content: center; gap: 8px; padding: 16px 32px; height: 52px; border-radius: 20px; background: radial-gradient(734.62% 100% at 0% 50%, rgb(23, 154, 69) 0%, rgb(31, 181, 86) 100%); --bg-currentcolor: radial-gradient(734.62% 100% at 0% 50%, #179A45 0%, #1FB556 100%); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; line-height: 1.25rem; white-space: nowrap; border: 1.5px solid rgba(144, 255, 180, 0.2); width: var(--gaydev-sizes-full); min-width: auto; padding-inline: 40px; text-transform: uppercase; text-shadow: rgba(128, 80, 224, 0.5) 0px 2px 4px; cursor: default; }
.css-tmbw7e::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-tmbw7e:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 1; background: radial-gradient(734.62% 100% at 0% 50%, rgba(23, 154, 69, 0.4) 0%, rgba(31, 181, 86, 0.4) 100%); --bg-currentcolor: radial-gradient(734.62% 100% at 0% 50%, rgba(23, 154, 69, 0.40) 0%, rgba(31, 181, 86, 0.40) 100%); color: var(--gaydev-colors-text-tretiary); text-shadow: rgba(128, 80, 224, 0.2) 0px 2px 4px; border: 1.5px solid rgba(144, 255, 180, 0.2); backdrop-filter: blur(16px); }
.css-tmbw7e :where(svg) { width: 27px; height: 32px; }
@media screen and (min-width: 30rem) {
  .css-tmbw7e { width: var(--gaydev-sizes-full); min-width: auto; }
}
@media screen and (min-width: 48rem) {
  .css-tmbw7e { width: auto; min-width: 220px; }
}
@media (hover: hover) {
  .css-tmbw7e:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: rgba(144, 255, 180, 0.5); }
}
.css-1b393fe { position: relative; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; gap: var(--gaydev-spacing-4); width: var(--gaydev-sizes-full); min-height: 248px; border-radius: 32px; border-width: 1px; border-style: solid; border-image: none; --mix-borderColor: color-mix(in srgb, var(--gaydev-colors-stroke-default) 05%, transparent); border-color: var(--mix-borderColor, var(--gaydev-colors-stroke-default)); overflow: hidden; padding: 32px 16px 16px; background: rgb(34, 31, 36); --bg-currentcolor: #221F24; }
@media screen and (min-width: 30rem) {
  .css-1b393fe { padding: 32px 32px 16px; }
}
.css-awdt5n { position: absolute; inset: 0px; border-radius: 32px; mix-blend-mode: plus-lighter; background: radial-gradient(43% 100% at 50% 0%, rgba(166, 114, 244, 0.2) 0%, rgba(166, 114, 244, 0) 100%); --bg-currentcolor: radial-gradient(43% 100% at 50% 0%, rgba(166, 114, 244, 0.20) 0%, rgba(166, 114, 244, 0.00) 100%); pointer-events: none; }
.css-1yi29o9 { object-fit: cover; position: absolute; bottom: -128px; left: 50%; transform: translateX(calc(-50% - 18px)); width: 701px; max-width: none; height: 357px; pointer-events: none; }
.css-1aib1xo { position: absolute; bottom: -1px; right: -1px; width: 260px; height: 260px; overflow: hidden; pointer-events: none; }
.css-bs802x { object-fit: cover; position: absolute; left: -45px; top: -44px; width: 372px; max-width: none; }
.css-csroo { display: flex; flex-direction: column; gap: var(--gaydev-spacing-2); position: relative; padding-right: 96px; }
.css-13uigoj { 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); position: relative; width: var(--gaydev-sizes-full); padding: 8px 8px 8px 16px; border-radius: 24px; --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)); backdrop-filter: blur(16px); }
.css-kwp4wo { font-size: 20px; font-weight: 600; }
.css-1smbvda { position: relative; isolation: isolate; display: inline-flex; appearance: none; align-items: center; justify-content: center; padding: 16px 32px; height: 52px; border-radius: 20px; background: var(--gaydev-colors-button-accent); --bg-currentcolor: var(--gaydev-colors-button-accent); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; line-height: 1.25rem; white-space: nowrap; border: 1.5px solid rgba(188, 144, 255, 0.2); text-transform: uppercase; text-shadow: rgba(128, 80, 224, 0.5) 0px 2px 4px; padding-inline: var(--gaydev-spacing-6); cursor: default; }
.css-1smbvda::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-1smbvda:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1smbvda :where(svg) { width: 27px; height: 32px; }
@media screen and (min-width: 30rem) {
  .css-1smbvda { padding-inline: var(--gaydev-spacing-8); }
}
@media (hover: hover) {
  .css-1smbvda:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: rgba(188, 144, 255, 0.5); }
}
.css-th8eub { position: absolute; inset: 0px; border-radius: 32px; mix-blend-mode: plus-lighter; background: radial-gradient(43% 100% at 50% 0%, rgba(244, 114, 181, 0.2) 0%, rgba(244, 114, 181, 0) 100%); --bg-currentcolor: radial-gradient(43% 100% at 50% 0%, rgba(244, 114, 181, 0.20) 0%, rgba(244, 114, 181, 0.00) 100%); pointer-events: none; }
.css-16ehw51 { object-fit: cover; position: absolute; bottom: -120px; left: 50%; transform: translateX(calc(-50% - 18px)); width: 701px; max-width: none; height: 357px; pointer-events: none; }
.css-1shqsp { object-fit: cover; position: absolute; left: 60px; top: 4px; width: 276px; max-width: none; }
.css-4im96t { color: var(--gaydev-colors-text-secondary); }
.css-yr3szy { 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); width: var(--gaydev-sizes-full); padding: 8px 8px 8px 16px; border-radius: 24px; --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)); backdrop-filter: blur(16px); }
.css-1ko9v45 { position: relative; isolation: isolate; display: inline-flex; appearance: none; align-items: center; justify-content: center; padding: 16px 32px; height: 52px; border-radius: 20px; background: radial-gradient(734.62% 100% at 0% 50%, rgb(173, 69, 123) 0%, rgb(212, 75, 146) 100%); --bg-currentcolor: radial-gradient(734.62% 100% at 0% 50%, #AD457B 0%, #D44B92 100%); color: var(--gaydev-colors-text-primary); font-size: 16px; font-weight: 700; line-height: 1.25rem; white-space: nowrap; border: 1.5px solid rgba(255, 144, 201, 0.2); text-transform: uppercase; text-shadow: rgba(128, 80, 224, 0.5) 0px 2px 4px; padding-inline: var(--gaydev-spacing-6); cursor: default; }
.css-1ko9v45::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-1ko9v45:is(:disabled, [disabled], [data-disabled], [aria-disabled="true"]) { opacity: 0.4; }
.css-1ko9v45 :where(svg) { width: 27px; height: 32px; }
@media screen and (min-width: 30rem) {
  .css-1ko9v45 { padding-inline: var(--gaydev-spacing-8); }
}
@media (hover: hover) {
  .css-1ko9v45:is(:hover, [data-hover]):not(:disabled, [data-disabled]) { border-color: rgba(255, 144, 201, 0.5); }
}