@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");:root {
  font-family: "Roboto Flex", sans-serif;
  line-height: 1.5;
  font-weight: 400;
}

a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}
a:hover {
  color: #535bf2;
}


html {
  color-scheme: light dark auto;
}
._themeLight_1qgei_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1qgei_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1qgei_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1qgei_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1qgei_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1qgei_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1qgei_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1qgei_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1qgei_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1qgei_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1qgei_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1qgei_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1qgei_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1qgei_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1qgei_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1qgei_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._authContainer_1qgei_146 {
  min-height: 100vh;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  background: linear-gradient(135deg, var(--clrPrimary) 0%, var(--clrSecondary) 100%);
  padding: 24px;
  padding-bottom: 50px;
  background-size: cover;
  overflow: hidden;
  padding-top: calc(60px + env(safe-area-inset-top));
  padding-bottom: calc(80px + env(safe-area-inset-bottom));
}
._authContainer_1qgei_146::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
._carouselWrapper_1qgei_173 {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 1200px;
  z-index: 2;
  opacity: 0.5;
}
._authCard_1qgei_184 {
  border-radius: 8px;
  padding: 48px 40px;
  width: 100%;
  max-width: 440px;
  z-index: 3;
}
._authCard_1qgei_184 ._logoContainer_1qgei_191 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 32px;
}
._authCard_1qgei_184 ._logoContainer_1qgei_191 ._logo_1qgei_191 {
  width: 80px;
  height: 80px;
  object-fit: contain;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
}
._authCard_1qgei_184 h2 {
  font-size: 32px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0 0 32px 0;
  text-align: center;
}
._errorMessage_1qgei_213 {
  background-color: rgba(220, 38, 38, 0.15);
  border: 1px solid rgba(220, 38, 38, 0.4);
  color: #fca5a5;
  padding: 12px 16px;
  border-radius: 4px;
  margin-bottom: 24px;
  font-size: 14px;
  text-align: center;
}
._authForm_1qgei_224 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
}
._formGroup_1qgei_232 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
}
._formGroup_1qgei_232 label {
  font-size: 14px;
  font-weight: 600;
  color: var(--clrAccent-60);
  letter-spacing: 0.3px;
}
._formGroup_1qgei_232 input {
  background-color: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 4px;
  color: var(--clrAccent-100);
  font-size: 16px;
  padding: 12px 16px;
  transition: all 0.2s ease;
}
._formGroup_1qgei_232 input::placeholder {
  color: var(--clrAccent-10);
}
._formGroup_1qgei_232 input:focus {
  outline: none;
  border-color: var(--clrAccent-100);
  background-color: var(--clrPrimary);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.05);
}
._formGroup_1qgei_232 input:hover {
  border-color: var(--clrAccent-60);
}
._passwordInputWrapper_1qgei_267 {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
}
._passwordInputWrapper_1qgei_267 input {
  flex: 1;
  padding-right: 48px;
}
._passwordInputWrapper_1qgei_267 ._togglePasswordBtn_1qgei_279 {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  color: var(--clrAccent-60);
  cursor: pointer;
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  font-size: 18px;
  transition: color 0.2s ease;
}
._passwordInputWrapper_1qgei_267 ._togglePasswordBtn_1qgei_279:hover {
  color: var(--clrAccent-100);
}
._passwordInputWrapper_1qgei_267 ._togglePasswordBtn_1qgei_279:focus {
  outline: none;
  color: var(--clrAccent-100);
}
._inputError_1qgei_303 {
  border-color: #dc2626 !important;
}
._inputError_1qgei_303:focus {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15) !important;
}
._fieldError_1qgei_311 {
  font-size: 13px;
  color: #fca5a5;
  margin-top: -4px;
  display: block;
}
._authButton_1qgei_318 {
  background: var(--clrAccent-100);
  border: none;
  border-radius: 4px;
  color: var(--clrPrimary);
  font-size: 16px;
  font-weight: 700;
  padding: 14px 24px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._authButton_1qgei_318:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.2);
}
._authButton_1qgei_318:active:not(:disabled) {
  transform: translateY(0);
}
._authButton_1qgei_318:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._divider_1qgei_344 {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 24px 0;
  color: var(--clrAccent-60);
  font-size: 14px;
}
._divider_1qgei_344::before, ._divider_1qgei_344::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid var(--clrAccent-40);
}
._divider_1qgei_344 span {
  padding: 0 16px;
  font-weight: 500;
}
._googleButton_1qgei_362 {
  width: 100%;
  padding: 14px 24px;
  background-color: white;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
._googleButton_1qgei_362:hover:not(:disabled) {
  background-color: #f9fafb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._googleButton_1qgei_362:active:not(:disabled) {
  transform: scale(0.98);
}
._googleButton_1qgei_362:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._googleButton_1qgei_362 ._googleIcon_1qgei_390 {
  font-size: 20px;
}
._authToggle_1qgei_394 {
  margin-top: 24px;
  text-align: center;
}
._authToggle_1qgei_394 p {
  color: var(--clrAccent-60);
  font-size: 14px;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._toggleButton_1qgei_409 {
  background: none;
  border: none;
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
  transition: color 0.2s ease;
}
._toggleButton_1qgei_409:hover:not(:disabled) {
  color: var(--clrAccent-120);
}
._toggleButton_1qgei_409:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._forgotPasswordLink_1qgei_428 {
  background: none;
  border: none;
  color: var(--clrAccent-100);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
  margin-top: 4px;
  align-self: flex-end;
  transition: color 0.2s ease;
}
._forgotPasswordLink_1qgei_428:hover {
  color: var(--clrAccent-120);
}
._appPromo_1qgei_445 {
  max-width: 400px;
  height: 100%;
  margin: 0 auto;
  margin-top: 64px;
}
@media (max-width: 800px) {
  ._appPromo_1qgei_445 {
    max-width: 300px;
  }
}
._appPromo_1qgei_445 a {
  display: block;
  transition: all 0.2s ease;
}
._appPromo_1qgei_445 a:active {
  transform: scale(0.98);
}
._appPromo_1qgei_445 a:active img {
  transform: scale(0.98);
  box-shadow: 0 0 64px rgba(47, 106, 167, 0.7);
}
._appPromo_1qgei_445 a img {
  width: 100%;
  margin: 0 auto;
  display: block;
  transition: all 0.2s ease;
}
._modalOverlay_1qgei_474 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  z-index: 1000;
}
._modal_1qgei_474 {
  background-color: var(--clrSecondary);
  border-radius: 8px;
  width: 90%;
  max-width: 400px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--clrAccent-20);
}
._modalHeader_1qgei_500 {
  display: flex;
  flex-direction: row;
  align-items: space-between;
  justify-content: flex-start;
  gap: 0;
  padding: 20px 24px 0 24px;
  border-bottom: 1px solid var(--clrAccent-20);
  margin-bottom: 20px;
}
._modalHeader_1qgei_500 h3 {
  color: var(--clrAccent-100);
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
._closeButton_1qgei_517 {
  background: none;
  border: none;
  color: var(--clrAccent-60);
  font-size: 24px;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  transition: color 0.2s ease;
}
._closeButton_1qgei_517:hover {
  color: var(--clrAccent-100);
}
._modalBody_1qgei_537 {
  padding: 0 24px 24px 24px;
}
._modalBody_1qgei_537 p {
  color: var(--clrAccent-80);
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 20px 0;
}
._modalBody_1qgei_537 ._formGroup_1qgei_232 input {
  border: 1px solid var(--clrTertiary);
}
._modalBody_1qgei_537 ._formGroup_1qgei_232 input:focus {
  outline: none;
  border-color: var(--clrAccent-100);
  background-color: var(--clrPrimary);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.05);
}
._modalBody_1qgei_537 ._formGroup_1qgei_232 input:hover {
  border-color: var(--clrAccent-60);
}
._modalActions_1qgei_559 {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
}
._modalButton_1qgei_568 {
  background: var(--clrAccent-100);
  border: none;
  border-radius: 4px;
  color: var(--clrPrimary);
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
}
._modalButton_1qgei_568:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}
._modalButton_1qgei_568:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._cancelButton_1qgei_589 {
  background: transparent;
  border: 1px solid var(--clrAccent-40);
  border-radius: 4px;
  color: var(--clrAccent-80);
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._cancelButton_1qgei_589:hover:not(:disabled) {
  border-color: var(--clrAccent-60);
  color: var(--clrAccent-100);
}
._cancelButton_1qgei_589:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._successMessage_1qgei_609 {
  text-align: center;
  padding: 20px 0;
}
._successMessage_1qgei_609 p {
  margin: 0 0 8px 0;
}
._successMessage_1qgei_609 p:first-child {
  color: var(--clrAccent-100);
  font-weight: 600;
  font-size: 16px;
}
._successMessage_1qgei_609 p:last-child {
  color: var(--clrAccent-80);
  font-size: 14px;
}
._welcomeSection_1qgei_626 {
  text-align: center;
  color: var(--clrAccent-60);
}
._welcomeSection_1qgei_626 h1 {
  font-size: 28px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0 0 12px 0;
}
._welcomeSection_1qgei_626 > p {
  font-size: 16px;
  color: var(--clrAccent-60);
  margin: 0 0 32px 0;
}
._actionButtons_1qgei_642 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 24px;
}
._buttonRow_1qgei_651 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
}
._googleSquareButton_1qgei_659 {
  background: white;
  color: #1f2937;
  border: 2px solid #e5e7eb;
  padding: 16px;
  border-radius: 8px;
  font-size: 24px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
}
._googleSquareButton_1qgei_659:hover:not(:disabled) {
  background: #f9fafb;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._googleSquareButton_1qgei_659:active:not(:disabled) {
  transform: translateY(0);
}
._googleSquareButton_1qgei_659:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._guestButton_1qgei_690 {
  background: var(--clrPrimary);
  color: var(--clrAccent-100);
  border: none;
  padding: 14px 20px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.2s ease;
}
._guestButton_1qgei_690 span {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.3px;
}
._guestButton_1qgei_690 small {
  font-size: 13px;
  opacity: 0.85;
  font-weight: 400;
}
._loginButton_1qgei_715 {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
  border: 2px solid var(--clrAccent-100);
  padding: 16px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  flex: 1;
}
._loginButton_1qgei_715:hover {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
  transform: translateY(-1px);
}
._loginButton_1qgei_715:active {
  transform: translateY(0);
}
._signupPrompt_1qgei_736 {
  margin-top: 16px;
  color: red;
  font-size: 14px;
}
._signupPrompt_1qgei_736 button {
  background: none;
  border: none;
  color: var(--clrAccent-100);
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  margin-left: 4px;
  transition: color 0.2s ease;
}
._signupPrompt_1qgei_736 button:hover {
  color: var(--clrAccent-80);
}
._backButton_1qgei_756 {
  background: none;
  border: none;
  color: var(--clrAccent-100);
  font-size: 14px;
  cursor: pointer;
  padding: 8px 0;
  margin-bottom: 16px;
  text-align: left;
  transition: color 0.2s ease;
}
._backButton_1qgei_756:hover {
  color: var(--clrAccent-100);
}
@media (max-width: 480px) {
  ._carouselWrapper_1qgei_173 {
    top: 70px;
    width: 95%;
    opacity: 0.5;
  }
  ._authCard_1qgei_184 {
    padding: 32px 24px;
  }
  ._authCard_1qgei_184 ._logoContainer_1qgei_191 {
    margin-bottom: 24px;
  }
  ._authCard_1qgei_184 ._logoContainer_1qgei_191 ._logo_1qgei_191 {
    width: 64px;
    height: 64px;
  }
  ._authCard_1qgei_184 h2 {
    font-size: 28px;
    margin-bottom: 24px;
  }
  ._welcomeSection_1qgei_626 h1 {
    font-size: 24px;
  }
  ._welcomeSection_1qgei_626 > p {
    font-size: 14px;
  }
  ._guestButton_1qgei_690 {
    padding: 18px 20px;
  }
  ._guestButton_1qgei_690 span {
    font-size: 16px;
  }
  ._guestButton_1qgei_690 small {
    font-size: 12px;
  }
  ._loginButton_1qgei_715 {
    padding: 14px 20px;
    font-size: 15px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1rmrc_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1rmrc_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1rmrc_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1rmrc_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1rmrc_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1rmrc_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1rmrc_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1rmrc_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1rmrc_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1rmrc_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1rmrc_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1rmrc_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1rmrc_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1rmrc_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1rmrc_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1rmrc_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._carousel_1rmrc_146 {
  position: relative;
  width: 100%;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
._carouselTrack_1rmrc_154 {
  display: flex;
  gap: 24px;
  animation: _scroll_1rmrc_1 linear infinite;
  width: max-content;
}
._carouselTrack_1rmrc_154:hover {
  animation-play-state: paused;
}
@keyframes _scroll_1rmrc_1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
._carouselSlide_1rmrc_172 {
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease;
  max-width: 800px;
}
._carouselSlide_1rmrc_172:hover {
  transform: scale(1.05);
}
._carouselSlide_1rmrc_172 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
@media (max-width: 480px) {
  ._carousel_1rmrc_146 {
    height: var(--mobile-height, 200px) !important;
  }
  ._carouselSlide_1rmrc_172 {
    width: var(--mobile-width, 280px) !important;
    height: var(--mobile-height, 200px) !important;
  }
  ._carouselTrack_1rmrc_154 {
    gap: 16px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_6jddu_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_6jddu_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_6jddu_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_6jddu_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_6jddu_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_6jddu_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_6jddu_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_6jddu_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_6jddu_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_6jddu_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_6jddu_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_6jddu_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_6jddu_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_6jddu_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_6jddu_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_6jddu_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._authFooter_6jddu_146 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--clrSecondary);
  backdrop-filter: blur(10px);
  padding: 24px 32px;
  z-index: 4;
}
._authFooter_6jddu_146 ._footerContent_6jddu_156 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 12px;
  color: var(--clrAccent-60);
  flex-wrap: wrap;
  margin: 0 auto;
}
._authFooter_6jddu_146 ._footerContent_6jddu_156 ._madeBy_6jddu_167 {
  color: var(--clrAccent-60);
  font-weight: 500;
}
._authFooter_6jddu_146 ._footerContent_6jddu_156 ._urls_6jddu_171 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
._authFooter_6jddu_146 ._footerContent_6jddu_156 ._urls_6jddu_171 ._footerLink_6jddu_178 {
  color: var(--clrAccent-80);
  text-decoration: none;
  transition: all 0.2s ease;
}
._authFooter_6jddu_146 ._footerContent_6jddu_156 ._urls_6jddu_171 ._footerLink_6jddu_178:hover {
  color: var(--clrAccent-100);
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 480px) {
  ._authFooter_6jddu_146 {
    padding: 10px 16px;
  }
  ._footerContent_6jddu_156 {
    font-size: 11px;
    gap: 8px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_d7g17_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_d7g17_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_d7g17_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_d7g17_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_d7g17_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_d7g17_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_d7g17_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_d7g17_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_d7g17_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_d7g17_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_d7g17_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_d7g17_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_d7g17_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_d7g17_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_d7g17_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_d7g17_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._resetPasswordContainer_d7g17_146 {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  background-color: var(--clrSecondary);
  padding: 24px;
  position: relative;
}
._resetPasswordCard_d7g17_158 {
  background-color: var(--clrPrimary);
  border-radius: 8px;
  padding: 48px 32px;
  max-width: 440px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 24px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}
@media (max-width: 500px) {
  ._resetPasswordCard_d7g17_158 {
    padding: 32px 24px;
  }
}
._logoContainer_d7g17_177 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
}
._logoContainer_d7g17_177 ._logo_d7g17_177 {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
h2 {
  text-align: center;
  color: var(--clrAccent-100);
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}
._emailInfo_d7g17_198 {
  text-align: center;
  color: var(--clrAccent-60);
  font-size: 14px;
  margin: -12px 0 0 0;
}
._loadingMessage_d7g17_205,
._successMessage_d7g17_206 {
  text-align: center;
  color: var(--clrAccent-80);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px;
}
._loadingMessage_d7g17_205 p,
._successMessage_d7g17_206 p {
  margin: 0;
  font-size: 15px;
}
._loadingMessage_d7g17_205 p:first-child,
._successMessage_d7g17_206 p:first-child {
  font-size: 16px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._errorMessage_d7g17_228 {
  background-color: rgba(220, 38, 38, 0.15);
  border: 1px solid rgba(220, 38, 38, 0.3);
  border-radius: 4px;
  padding: 12px 16px;
  color: #fca5a5;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
}
._resetForm_d7g17_239 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
}
._formGroup_d7g17_247 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
}
._formGroup_d7g17_247 label {
  font-size: 14px;
  font-weight: 600;
  color: var(--clrAccent-60);
  letter-spacing: 0.3px;
}
._formGroup_d7g17_247 input {
  background-color: var(--clrSecondary);
  border: 1px solid transparent;
  border-radius: 4px;
  color: var(--clrAccent-100);
  font-size: 16px;
  padding: 12px 16px;
  transition: all 0.2s ease;
}
._formGroup_d7g17_247 input::placeholder {
  color: var(--clrAccent-30);
}
._formGroup_d7g17_247 input:focus {
  outline: none;
  border-color: var(--clrAccent-100);
  background-color: var(--clrPrimary);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.05);
}
._formGroup_d7g17_247 input:hover {
  border-color: var(--clrAccent-60);
}
._passwordInputWrapper_d7g17_282 {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
}
._passwordInputWrapper_d7g17_282 input {
  flex: 1;
  padding-right: 48px;
}
._passwordInputWrapper_d7g17_282 ._togglePasswordBtn_d7g17_294 {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  color: var(--clrAccent-60);
  cursor: pointer;
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  font-size: 18px;
  transition: color 0.2s ease;
}
._passwordInputWrapper_d7g17_282 ._togglePasswordBtn_d7g17_294:hover {
  color: var(--clrAccent-100);
}
._passwordInputWrapper_d7g17_282 ._togglePasswordBtn_d7g17_294:focus {
  outline: none;
  color: var(--clrAccent-100);
}
._inputError_d7g17_318 {
  border-color: #dc2626 !important;
}
._inputError_d7g17_318:focus {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15) !important;
}
._fieldError_d7g17_326 {
  font-size: 13px;
  color: #fca5a5;
  margin-top: -4px;
  display: block;
}
._submitButton_d7g17_333 {
  background: var(--clrAccent-100);
  border: none;
  border-radius: 4px;
  color: var(--clrPrimary);
  font-size: 16px;
  font-weight: 700;
  padding: 14px 24px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._submitButton_d7g17_333:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}
._submitButton_d7g17_333:active:not(:disabled) {
  transform: translateY(0);
}
._submitButton_d7g17_333:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._backButton_d7g17_359,
._backToLoginLink_d7g17_360 {
  background: none;
  border: none;
  color: var(--clrAccent-60);
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s ease;
  text-align: center;
  padding: 8px;
}
._backButton_d7g17_359:hover,
._backToLoginLink_d7g17_360:hover {
  color: var(--clrAccent-100);
}
._backButton_d7g17_359 {
  background: var(--clrSecondary);
  border-radius: 4px;
  padding: 12px 24px;
  font-weight: 600;
}
html {
  color-scheme: light dark auto;
}
._themeLight_192wt_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_192wt_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_192wt_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_192wt_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_192wt_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_192wt_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_192wt_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_192wt_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_192wt_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_192wt_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_192wt_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_192wt_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_192wt_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_192wt_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_192wt_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_192wt_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._homepageContainer_192wt_146 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  background-color: var(--clrSecondary);
}
._homepageContainer_192wt_146 ._tournamentBtns_192wt_154 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 32px;
}
html {
  color-scheme: light dark auto;
}
._themeLight_1olmu_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1olmu_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1olmu_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1olmu_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1olmu_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1olmu_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1olmu_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1olmu_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1olmu_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1olmu_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1olmu_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1olmu_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1olmu_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1olmu_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1olmu_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1olmu_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._leaderImage_1olmu_146 {
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  position: relative;
}
._leaderImage_1olmu_146 img {
  width: 90%;
  height: 90%;
  border-radius: 4px;
  object-fit: cover;
}
._leaderImage_1olmu_146 ._imagePlaceholder_1olmu_162 {
  font-weight: 600;
  color: var(--clrAccent-100);
}
._leaderImage_1olmu_146._xxsmall_1olmu_166 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 3px;
}
._leaderImage_1olmu_146._xxsmall_1olmu_166 ._imagePlaceholder_1olmu_162 {
  font-size: 10px;
}
._leaderImage_1olmu_146._xsmall_1olmu_175 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 4px;
}
._leaderImage_1olmu_146._xsmall_1olmu_175 ._imagePlaceholder_1olmu_162 {
  font-size: 14px;
}
._leaderImage_1olmu_146._small_1olmu_184 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 6px;
}
._leaderImage_1olmu_146._small_1olmu_184 ._imagePlaceholder_1olmu_162 {
  font-size: 18px;
}
._leaderImage_1olmu_146._medium_1olmu_193 {
  width: 80px;
  height: 80px;
  min-width: 80px;
}
._leaderImage_1olmu_146._medium_1olmu_193 ._imagePlaceholder_1olmu_162 {
  font-size: 24px;
}
._leaderImage_1olmu_146._large_1olmu_201 {
  width: 128px;
  height: 128px;
  min-width: 128px;
}
._leaderImage_1olmu_146._large_1olmu_201 ._imagePlaceholder_1olmu_162 {
  font-size: 32px;
}
._leaderImage_1olmu_146._xlarge_1olmu_209 {
  width: 112px;
  height: 112px;
  min-width: 112px;
  border-radius: 8px;
}
._leaderImage_1olmu_146._xlarge_1olmu_209 ._imagePlaceholder_1olmu_162 {
  font-size: 28px;
}
._leaderImage_1olmu_146._full_1olmu_218 {
  width: 100%;
  height: 90px;
}._leaderCarousel_17450_1 {
  width: 100%;
  display: flex;
  overflow-x: auto;
  gap: 12px;
  padding: 16px 4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.2);
}
._leaderCarousel_17450_1::-webkit-scrollbar {
  height: 6px;
}
._leaderCarousel_17450_1::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
._leaderCarousel_17450_1::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
}
._leaderCarousel_17450_1::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}

._leaderCard_17450_25 {
  flex: 0 0 auto;
  width: 128px;
  height: 182px;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
}
._leaderCard_17450_25:hover {
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
._leaderCard_17450_25._selected_17450_43 {
  border-color: #ffffff;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
  transform: scale(1.02);
}

._leaderImageInCard_17450_49 {
  width: 100%;
  height: 92px;
  object-fit: cover;
  border-radius: 6px 6px 0 0;
  flex-shrink: 0;
}
._leaderImageInCard_17450_49 img {
  border: 1px solid var(--clrAccent-30);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

._leaderInfo_17450_61 {
  padding: 12px;
  position: relative;
  flex: 1;
  background: linear-gradient(90deg, var(--leader-color-1, rgba(255, 255, 255, 0.1)), var(--leader-color-2, rgba(255, 255, 255, 0.1)));
  backdrop-filter: blur(10px) saturate(150%);
  -webkit-backdrop-filter: blur(10px) saturate(150%);
}
._leaderInfo_17450_61::before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: none;
  z-index: 0;
}

._leaderName_17450_79 {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  margin-bottom: 4px;
  position: relative;
  z-index: 99;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

._leaderSet_17450_89 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

._noResults_17450_97 {
  width: 100%;
  padding: 32px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-style: italic;
}

._loadingContainer_17450_106 {
  width: 100%;
  padding: 32px;
  text-align: center;
}

._loadMoreBtn_17450_112 {
  margin: 16px auto 0;
  display: block;
  padding: 12px 24px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._loadMoreBtn_17450_112:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
}
._loadMoreBtn_17450_112:active {
  transform: scale(0.98);
}

._loadingText_17450_133 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-style: italic;
  animation: _pulse_17450_1 1.5s ease-in-out infinite;
}

._skeletonCard_17450_140 {
  flex: 0 0 auto;
  width: 128px;
  height: 182px;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
  animation: _skeletonPulse_17450_1 1.5s ease-in-out infinite;
}

._skeletonImage_17450_151 {
  width: 100%;
  height: 92px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  animation: _skeletonShimmer_17450_1 1.5s ease-in-out infinite;
}

._skeletonInfo_17450_159 {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._skeletonName_17450_166 {
  height: 14px;
  margin-bottom: 4px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 4px;
  animation: _skeletonShimmer_17450_1 1.5s ease-in-out infinite;
  animation-delay: 0.2s;
}

._skeletonSet_17450_176 {
  height: 12px;
  width: 70%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 100%);
  background-size: 200% 100%;
  border-radius: 4px;
  animation: _skeletonShimmer_17450_1 1.5s ease-in-out infinite;
  animation-delay: 0.4s;
}

@keyframes _skeletonPulse_17450_1 {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
@keyframes _skeletonShimmer_17450_1 {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes _pulse_17450_1 {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  ._leaderCard_17450_25 {
    width: 110px;
    height: 156px;
  }
  ._leaderImageInCard_17450_49 {
    height: 72px;
  }
  ._leaderInfo_17450_61 {
    padding: 8px;
  }
  ._leaderName_17450_79 {
    font-size: 11px;
  }
  ._leaderSet_17450_89 {
    font-size: 10px;
  }
  ._skeletonCard_17450_140 {
    width: 110px;
    height: 156px;
  }
  ._skeletonImage_17450_151 {
    height: 72px;
  }
  ._skeletonInfo_17450_159 {
    padding: 8px;
    gap: 4px;
  }
  ._skeletonName_17450_166 {
    height: 11px;
    margin-bottom: 4px;
  }
  ._skeletonSet_17450_176 {
    height: 10px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1jh9l_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1jh9l_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1jh9l_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1jh9l_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1jh9l_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1jh9l_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1jh9l_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1jh9l_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1jh9l_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1jh9l_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1jh9l_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1jh9l_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1jh9l_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1jh9l_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1jh9l_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1jh9l_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._addTournamentContainer_1jh9l_146 {
  max-width: 820px;
  margin: 0 auto;
  width: 100%;
  padding: 16px;
  overflow-x: hidden;
}
._addTournamentContainer_1jh9l_146 h2 {
  margin-bottom: 8px;
  color: var(--clrAccent-100);
  text-align: left;
}
._addTournamentContainer_1jh9l_146 {
  padding-top: calc(60px + env(safe-area-inset-top) + 16px);
  padding-bottom: calc(60px + env(safe-area-inset-bottom) + 64px);
}
._addTournamentContainer_1jh9l_146 ._limitIndicator_1jh9l_162 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  background: var(--clrSecondary);
  border-radius: 4px;
  border: 1px solid var(--clrAccent-30);
  margin-bottom: 16px;
}
._addTournamentContainer_1jh9l_146 ._limitIndicator_1jh9l_162 ._limitText_1jh9l_174 {
  font-size: 14px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._addTournamentContainer_1jh9l_146 ._limitIndicator_1jh9l_162 ._limitWarning_1jh9l_179 {
  font-size: 12px;
  color: #ffd700;
  font-weight: 500;
  text-align: center;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 input, ._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 select {
  width: 100%;
  max-width: 100%;
  height: 46px;
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
  border-style: none;
  font-size: 16px;
  padding: 0 16px;
  border-radius: 8px;
  box-sizing: border-box;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 input::placeholder, ._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 select::placeholder {
  color: var(--clrAccent-100);
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 input[type=date] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 input[type=date]::-webkit-date-and-time-value {
  text-align: left;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0.6;
  cursor: pointer;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 select option {
  font-size: 16px;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._searchInput_1jh9l_236 {
  margin-bottom: 8px !important;
  font-size: 14px !important;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._searchInput_1jh9l_236::placeholder {
  color: var(--clrAccent-100);
  opacity: 0.7;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 {
  width: 100%;
  display: flex;
  overflow-x: auto;
  gap: 8px;
  padding: 4px 4px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
  user-select: none;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244::-webkit-scrollbar {
  display: none;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244:active {
  cursor: grabbing;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261 {
  flex: 0 0 auto;
  min-width: 100px;
  padding: 12px 16px;
  border: 1px solid var(--clrAccent-30);
  border-radius: 10px;
  background: var(--clrTertiary);
  color: var(--clrAccent-60);
  font-size: 13px;
  font-weight: 300;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  text-align: center;
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261:hover:not(:disabled) {
  border-color: var(--clrAccent-50);
  color: var(--clrAccent-80);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261._selected_1jh9l_284 {
  border-color: var(--clrAccent-100);
  color: var(--clrAccent-100);
  background: var(--clrAccent-10);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transform: scale(1.02);
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261._typeTesting_1jh9l_295 {
  background-color: #1e3a8a;
  border-color: #3b82f6;
  color: #93c5fd;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261._typeRegionals_1jh9l_300 {
  box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.35), 0 6px 16px rgba(255, 185, 0, 0.25);
  background: linear-gradient(45deg, #ffd700, #ffb02e, #ffd700, #fff8b5, #ffb02e, #ffd700);
  background-size: 300% 300%;
  animation: _gold-shimmer_1jh9l_1 3s ease-in-out infinite;
  border-color: rgba(255, 215, 0, 0.5);
  color: #875c18;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261._typeRegionals_1jh9l_300::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: inherit;
  background: conic-gradient(from 0deg, #fff8b5 0%, #ffd700 15%, #ffb02e 30%, #ffd700 45%, #fff8b5 60%, #ffd700 75%, #ffb02e 90%, #fff8b5 100%);
  filter: blur(4px) saturate(1.2);
  animation: _chip-glow-spin_1jh9l_1 3.2s linear infinite;
  padding: 3px;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261._typeLcq_1jh9l_327 {
  background-color: #7f1d1d;
  border-color: #dc2626;
  color: #fca5a5;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261._typeLocal_1jh9l_332 {
  background-color: #14532d;
  border-color: #16a34a;
  color: #86efac;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261._typeFlagship_1jh9l_337 {
  background-color: #713f12;
  border-color: #eab308;
  color: #fef08a;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261._typeTreasureCup_1jh9l_342 {
  background-color: #7c2d12;
  border-color: #f97316;
  color: #fdba74;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261._typeNational_1jh9l_347 {
  background-color: #581c87;
  border-color: #a855f7;
  color: #e9d5ff;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261._typeWorld_1jh9l_352 {
  box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.35), 0 6px 16px rgba(255, 185, 0, 0.25);
  background: linear-gradient(45deg, #ffd700, #ffb02e, #ffd700, #fff8b5, #ffb02e, #ffd700);
  background-size: 300% 300%;
  animation: _gold-shimmer_1jh9l_1 3s ease-in-out infinite;
  border-color: rgba(255, 215, 0, 0.5);
  color: #875c18;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261._typeWorld_1jh9l_352::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: inherit;
  background: conic-gradient(from 0deg, #fff8b5 0%, #ffd700 15%, #ffb02e 30%, #ffd700 45%, #fff8b5 60%, #ffd700 75%, #ffb02e 90%, #fff8b5 100%);
  filter: blur(4px) saturate(1.2);
  animation: _chip-glow-spin_1jh9l_1 3.2s linear infinite;
  padding: 3px;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formGroup_1jh9l_195 ._tournamentTypeCarousel_1jh9l_244 ._tournamentTypeCard_1jh9l_261._typeStoreCs_1jh9l_379 {
  background-color: var(--clrTertiary);
  border-color: var(--clrAccent-60);
  color: var(--clrAccent-100);
}
@keyframes _chip-glow-spin_1jh9l_1 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes _gold-shimmer_1jh9l_1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._buttonRow_1jh9l_400 ._selectionHint_1jh9l_400 {
  font-size: 14px;
  color: var(--clrAccent-100);
  opacity: 0.7;
  text-align: center;
  margin-top: 4px;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._createBtn_1jh9l_407 {
  padding: 12px 24px;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 8px;
  margin: 0 auto;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._createBtn_1jh9l_407:hover {
  opacity: 0.9;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._createBtn_1jh9l_407:active {
  transform: scale(0.95);
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._createBtn_1jh9l_407:disabled {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-60);
  opacity: 0.7;
}
._addTournamentContainer_1jh9l_146 ._addTournamentForm_1jh9l_185 ._formMsg_1jh9l_430 {
  align-self: center;
}
._addTournamentContainer_1jh9l_146 ._modalOverlay_1jh9l_433 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  z-index: 1000;
  backdrop-filter: blur(4px);
}
._addTournamentContainer_1jh9l_146 ._modalContent_1jh9l_448 {
  background-color: var(--clrSecondary);
  border-radius: 8px;
  padding: 32px;
  max-width: 450px;
  width: 90%;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 215, 0, 0.2);
  border: 1px solid var(--clrAccent-60);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
  animation: _modalSlideIn_1jh9l_1 0.3s ease-out;
}
._addTournamentContainer_1jh9l_146 ._modalContent_1jh9l_448 h3 {
  font-size: 24px;
  font-weight: 700;
  color: #ffd700;
  margin: 0;
  text-align: center;
  text-shadow: 0 2px 8px rgba(255, 215, 0, 0.3);
}
._addTournamentContainer_1jh9l_146 ._modalContent_1jh9l_448 p {
  color: var(--clrAccent-80);
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  margin: 0;
}
._addTournamentContainer_1jh9l_146 ._modalContent_1jh9l_448 p:first-of-type {
  font-weight: 600;
  color: var(--clrAccent-100);
}
._addTournamentContainer_1jh9l_146 ._modalContent_1jh9l_448 ._modalButtons_1jh9l_482 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
  width: 100%;
  margin-top: 8px;
}
._addTournamentContainer_1jh9l_146 ._modalContent_1jh9l_448 ._modalButtons_1jh9l_482 ._upgradeButton_1jh9l_491 {
  width: 100%;
  padding: 14px 24px;
  border-radius: 4px;
  border: none;
  background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
  color: #1a1a1a;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
}
._addTournamentContainer_1jh9l_146 ._modalContent_1jh9l_448 ._modalButtons_1jh9l_482 ._upgradeButton_1jh9l_491:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
}
._addTournamentContainer_1jh9l_146 ._modalContent_1jh9l_448 ._modalButtons_1jh9l_482 ._upgradeButton_1jh9l_491:active {
  transform: translateY(0);
}
._addTournamentContainer_1jh9l_146 ._modalContent_1jh9l_448 ._modalButtons_1jh9l_482 ._cancelButton_1jh9l_511 {
  width: 100%;
  padding: 12px 24px;
  border-radius: 4px;
  border: 1px solid var(--clrAccent-40);
  background: transparent;
  color: var(--clrAccent-80);
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._addTournamentContainer_1jh9l_146 ._modalContent_1jh9l_448 ._modalButtons_1jh9l_482 ._cancelButton_1jh9l_511:hover {
  background: var(--clrAccent-10);
  border-color: var(--clrAccent-60);
  color: var(--clrAccent-100);
}
._addTournamentContainer_1jh9l_146 ._modalContent_1jh9l_448 ._modalButtons_1jh9l_482 ._cancelButton_1jh9l_511:active {
  transform: scale(0.98);
}
@keyframes _modalSlideIn_1jh9l_1 {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_198yc_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_198yc_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_198yc_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_198yc_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_198yc_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_198yc_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_198yc_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_198yc_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_198yc_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_198yc_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_198yc_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_198yc_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_198yc_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_198yc_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_198yc_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_198yc_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._profileContainer_198yc_146 {
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding-top: calc(60px + env(safe-area-inset-top) + 16px);
  padding-bottom: calc(60px + env(safe-area-inset-top) + 16px);
}
._profileContainer_198yc_146 ._profileHeader_198yc_157 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 0 16px 4px 16px;
}
._profileContainer_198yc_146 ._profileHeader_198yc_157 ._userWelcomeMsg_198yc_166 {
  font-size: 24px;
  font-weight: 700;
  color: var(--clrAccent-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
._profileContainer_198yc_146 ._profileHeader_198yc_157 ._gameSwitcher_198yc_176 {
  position: relative;
  width: fit-content;
}
._profileContainer_198yc_146 ._profileHeader_198yc_157 ._gameSwitcher_198yc_176 ._gameSelectorBtn_198yc_180 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 16px;
  background: var(--clrPrimary-10);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 180px;
}
._profileContainer_198yc_146 ._profileHeader_198yc_157 ._gameSwitcher_198yc_176 ._gameSelectorBtn_198yc_180:hover {
  background: var(--clrPrimary-20);
  border-color: var(--clrAccent-50);
}
._profileContainer_198yc_146 ._profileHeader_198yc_157 ._gameSwitcher_198yc_176 ._gameSelectorBtn_198yc_180 ._chevron_198yc_201 {
  transition: transform 0.2s ease;
}
._profileContainer_198yc_146 ._profileHeader_198yc_157 ._gameSwitcher_198yc_176 ._gameSelectorBtn_198yc_180 ._chevron_198yc_201._open_198yc_204 {
  transform: rotate(180deg);
}
._profileContainer_198yc_146 ._profileHeader_198yc_157 ._gameSwitcher_198yc_176 ._gameDropdown_198yc_207 {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--clrPrimary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  overflow: hidden;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
._profileContainer_198yc_146 ._profileHeader_198yc_157 ._gameSwitcher_198yc_176 ._gameDropdown_198yc_207 ._gameOption_198yc_219 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
  background: none;
  border: none;
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s ease;
}
._profileContainer_198yc_146 ._profileHeader_198yc_157 ._gameSwitcher_198yc_176 ._gameDropdown_198yc_207 ._gameOption_198yc_219:hover {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
}
._profileContainer_198yc_146 ._profileHeader_198yc_157 ._gameSwitcher_198yc_176 ._gameDropdown_198yc_207 ._gameOption_198yc_219._active_198yc_240 {
  outline: 1px solid var(--clrAccent-30);
  outline-offset: -1px;
}
._profileContainer_198yc_146 ._profileHeader_198yc_157 ._gameSwitcher_198yc_176 ._gameDropdown_198yc_207 ._gameOption_198yc_219 ._gameLogo_198yc_244 {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  object-fit: cover;
}
._profileContainer_198yc_146 ._headerActions_198yc_250 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
._profileContainer_198yc_146 ._recalculateBtn_198yc_257 {
  background: none;
  border: none;
  font-size: 20px;
  line-height: 16px;
  color: var(--clrAccent-100);
  cursor: pointer;
  transition: color 0.2s ease;
}
._profileContainer_198yc_146 ._recalculateBtn_198yc_257:hover {
  color: #3b82f6;
}
._profileContainer_198yc_146 ._recalculateBtn_198yc_257:active {
  color: #2563eb;
}
._profileContainer_198yc_146 ._recalculateBtn_198yc_257:disabled {
  color: var(--clrAccent-30);
  cursor: not-allowed;
  animation: _spin_198yc_1 1s linear infinite;
}
._profileContainer_198yc_146 ._premiumToggleBtn_198yc_277 {
  background: none;
  border: none;
  font-size: 20px;
  line-height: 16px;
  color: var(--clrAccent-60);
  cursor: pointer;
  transition: all 0.2s ease;
}
._profileContainer_198yc_146 ._premiumToggleBtn_198yc_277:hover {
  color: #ffd700;
  transform: scale(1.1);
}
._profileContainer_198yc_146 ._premiumToggleBtn_198yc_277:active {
  transform: scale(0.95);
}
._profileContainer_198yc_146 ._premiumToggleBtn_198yc_277._active_198yc_240 {
  color: #ffd700;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6));
}
._profileContainer_198yc_146 ._premiumToggleBtn_198yc_277:disabled {
  color: var(--clrAccent-30);
  cursor: not-allowed;
  animation: _pulse_198yc_1 1s ease-in-out infinite;
}
._profileContainer_198yc_146 ._logoutBtn_198yc_302 {
  background: none;
  border: none;
  font-size: 24px;
  line-height: 16px;
  color: var(--clrAccent-100);
  cursor: pointer;
  transition: color 0.2s ease;
}
._profileContainer_198yc_146 ._logoutBtn_198yc_302:hover {
  color: var(--clrAccent-60);
}
._profileContainer_198yc_146 ._logoutBtn_198yc_302:active {
  color: var(--clrAccent-30);
}
._premiumSection_198yc_318 {
  width: 100%;
  max-width: 600px;
  margin: 0 16px;
  padding: 0 16px;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 {
  background: linear-gradient(135deg, var(--clrSecondary) 0%, rgba(var(--clrSecondary-rgb), 0.8) 100%);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 24px;
  position: relative;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._premiumHeader_198yc_335 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.15) 0%, rgba(255, 215, 0, 0.05) 100%);
  border-radius: 4px;
  border: 2px solid rgba(255, 215, 0, 0.3);
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._premiumHeader_198yc_335 ._starIcon_198yc_346 {
  font-size: 32px;
  color: #ffd700;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6));
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._premiumHeader_198yc_335 ._premiumTitle_198yc_351 {
  font-size: 18px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._premiumBanner_198yc_357 {
  margin: 12px 0;
  max-width: 350px;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._premiumBanner_198yc_357 img {
  width: 100%;
  height: 100%;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._premiumDescription_198yc_365 {
  color: var(--clrAccent-80);
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
  margin: 0;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._cardHeader_198yc_372 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._cardHeader_198yc_372 ._starIconGold_198yc_380 {
  font-size: 48px;
  color: #ffd700;
  filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.6));
  animation: _pulse_198yc_1 2s ease-in-out infinite;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._cardHeader_198yc_372 ._cardTitle_198yc_386 {
  font-size: 28px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0;
  line-height: 1.2;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._featureList_198yc_393 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 16px;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._featureList_198yc_393 li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  color: var(--clrAccent-80);
  font-size: 16px;
  padding: 12px 16px;
  background: var(--clrBackground-100);
  border-radius: 4px;
  border-left: 3px solid var(--clrTertiary);
  transition: all 0.2s ease;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._featureList_198yc_393 li:hover {
  transform: translateX(4px);
  border-left-color: #ffd700;
  background: var(--clrBackground-200);
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._featureList_198yc_393 li ._checkmark_198yc_422 {
  font-weight: 700;
  color: #ffd700;
  font-size: 20px;
  flex-shrink: 0;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._featureList_198yc_393 li span:last-child {
  font-weight: 500;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._priceSection_198yc_431 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px;
  background: linear-gradient(135deg, var(--clrTertiary-20) 0%, var(--clrTertiary-10) 100%);
  border-radius: 4px;
  border: 1px solid var(--clrTertiary-40);
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._priceSection_198yc_431 ._priceLabel_198yc_442 {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._priceSection_198yc_431 ._price_198yc_431 {
  font-size: 26px;
  font-weight: 700;
  color: var(--clrAccent-100);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._successMessage_198yc_455 {
  background-color: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.4);
  color: #86efac;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._errorMessage_198yc_465 {
  background-color: rgba(220, 38, 38, 0.15);
  border: 1px solid rgba(220, 38, 38, 0.4);
  color: #fca5a5;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._paymentButtonContainer_198yc_474 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._subscriptionManagement_198yc_482 {
  margin-top: 16px;
  width: 100%;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._subscriptionInfo_198yc_486 {
  color: var(--clrAccent-60);
  font-size: 14px;
  text-align: center;
  margin: 16px 0;
  padding: 12px 16px;
  background: var(--clrAccent-10);
  border-radius: 8px;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._subscriptionInfo_198yc_486 ._statusActive_198yc_495 {
  color: var(--clrSuccess);
  font-weight: 500;
  margin: 0;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._subscriptionInfo_198yc_486 ._statusCanceled_198yc_500 {
  color: var(--clrWarning);
  font-weight: 500;
  margin: 0;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingOptions_198yc_505 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 24px;
  width: 100%;
}
@media (min-width: 768px) {
  ._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingOptions_198yc_505 {
    flex-direction: row;
    gap: 32px;
  }
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingCard_198yc_519 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
  padding: 32px 24px;
  background: var(--clrBackground-100);
  border: 2px solid var(--clrTertiary-40);
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
  min-height: 400px;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingCard_198yc_519:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingCard_198yc_519._recommended_198yc_538 {
  border-color: #ffd700;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.2);
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingCard_198yc_519._recommended_198yc_538::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 8px;
  padding: 2px;
  background: linear-gradient(45deg, #ffd700, #ffed4e, #ffd700);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: -1;
  opacity: 0.6;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingCard_198yc_519 ._recommendedBadge_198yc_556 {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #ffd700, #ffaa00);
  color: var(--clrPrimary);
  padding: 6px 20px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4);
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingCard_198yc_519 ._cardContent_198yc_571 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingCard_198yc_519 ._pricingTitle_198yc_578 {
  font-size: 18px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 8px 0 0 0;
  text-align: center;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingCard_198yc_519 ._priceSection_198yc_431 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px 16px;
  background: linear-gradient(135deg, var(--clrTertiary-20) 0%, var(--clrTertiary-10) 100%);
  border-radius: 4px;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingCard_198yc_519 ._priceSection_198yc_431 ._price_198yc_431 {
  font-size: 36px;
  font-weight: 700;
  color: var(--clrAccent-100);
  line-height: 1;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingCard_198yc_519 ._priceSection_198yc_431 ._priceLabel_198yc_442 {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingCard_198yc_519 ._savings_198yc_606 {
  color: #86efac;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  margin: 0;
  padding: 12px;
  background: rgba(34, 197, 94, 0.15);
  border-radius: 4px;
  min-height: 44px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
}
._premiumSection_198yc_318 ._premiumCard_198yc_324 ._pricingCard_198yc_519 ._spacer_198yc_622 {
  min-height: 44px;
}
@keyframes _spin_198yc_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes _pulse_198yc_1 {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
@keyframes _goldGlow_198yc_1 {
  0%, 100% {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15), 0 0 20px rgba(255, 215, 0, 0.15);
  }
  50% {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15), 0 0 30px rgba(255, 215, 0, 0.25);
  }
}
@keyframes _borderGlow_198yc_1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
._guestPromptContainer_198yc_661 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 24px 16px;
}
._guestPrompt_198yc_661 {
  max-width: 600px;
  width: 100%;
  background: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 16px;
  padding: 40px 32px;
  text-align: center;
}
._guestPrompt_198yc_661 h2 {
  font-size: 32px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0 0 12px 0;
}
._guestPrompt_198yc_661 ._subtitle_198yc_686 {
  font-size: 16px;
  color: var(--clrAccent-80);
  margin: 0 0 32px 0;
  line-height: 1.5;
}
._benefitsList_198yc_693 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 24px;
  margin-bottom: 32px;
  text-align: left;
}
._benefit_198yc_693 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
._benefit_198yc_693 ._icon_198yc_710 {
  font-size: 32px;
  flex-shrink: 0;
}
._benefit_198yc_693 div {
  flex: 1;
}
._benefit_198yc_693 div h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin: 0 0 4px 0;
}
._benefit_198yc_693 div p {
  font-size: 14px;
  color: var(--clrAccent-60);
  margin: 0;
  line-height: 1.4;
}
._guestActionButtons_198yc_730 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
  margin-bottom: 24px;
}
._primaryButton_198yc_739 {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
  border: none;
  padding: 16px 32px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
}
._primaryButton_198yc_739:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
._primaryButton_198yc_739:active {
  transform: translateY(0);
}
._secondaryButton_198yc_759 {
  background: transparent;
  color: var(--clrAccent-100);
  border: 2px solid var(--clrAccent-100);
  padding: 14px 32px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
}
._secondaryButton_198yc_759:hover {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
  transform: translateY(-1px);
}
._secondaryButton_198yc_759:active {
  transform: translateY(0);
}
._dataWarning_198yc_780 {
  font-size: 13px;
  color: var(--clrAccent-60);
  margin: 0;
  padding: 16px;
  background: rgba(255, 193, 7, 0.1);
  border-radius: 8px;
  border: 1px solid rgba(255, 193, 7, 0.3);
}
@media (max-width: 768px) {
  ._guestPrompt_198yc_661 {
    padding: 32px 24px;
  }
  ._guestPrompt_198yc_661 h2 {
    font-size: 28px;
  }
  ._guestPrompt_198yc_661 ._subtitle_198yc_686 {
    font-size: 15px;
  }
  ._benefit_198yc_693 ._icon_198yc_710 {
    font-size: 28px;
  }
  ._benefit_198yc_693 div h3 {
    font-size: 16px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1k4cv_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1k4cv_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1k4cv_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1k4cv_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1k4cv_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1k4cv_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1k4cv_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1k4cv_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1k4cv_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1k4cv_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1k4cv_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1k4cv_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1k4cv_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1k4cv_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1k4cv_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1k4cv_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._statCard_1k4cv_146 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  background-color: var(--clrPrimary);
  border-radius: 8px;
  border: 1px solid var(--clrAccent-10);
  box-shadow: 0 5px 10px var(--clrPrimary);
  transition: all 0.3s ease;
  width: 128px;
  height: 128px;
  min-width: 64px;
  min-height: 128px;
  width: 100%;
  position: relative;
}
._statCard_1k4cv_146[title]:hover::before, ._statCard_1k4cv_146[title]:hover::after {
  opacity: 1;
  visibility: visible;
}
._statCard_1k4cv_146[title]::before {
  content: attr(title);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 12px;
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 6px;
  white-space: normal;
  max-width: 200px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  pointer-events: none;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
._statCard_1k4cv_146[title]::after {
  content: "";
  position: absolute;
  bottom: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: var(--clrAccent-100);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  pointer-events: none;
  z-index: 1000;
}
._statCard_1k4cv_146 ._statValue_1k4cv_206 {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: var(--clrAccent-100);
}
._statCard_1k4cv_146 ._statLabel_1k4cv_212 {
  font-size: 12px;
  font-weight: 600;
  color: var(--clrAccent-60);
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
._statCard_1k4cv_146._positive_1k4cv_220 {
  background: rgba(0, 128, 0, 0.1);
  border-color: rgba(0, 128, 0, 0.3);
}
._statCard_1k4cv_146._positive_1k4cv_220 ._statValue_1k4cv_206 {
  color: green;
}
._statCard_1k4cv_146._negative_1k4cv_227 {
  background: rgba(255, 0, 0, 0.1);
  border-color: rgba(255, 0, 0, 0.3);
}
._statCard_1k4cv_146._negative_1k4cv_227 ._statValue_1k4cv_206 {
  color: red;
}
html {
  color-scheme: light dark auto;
}
._themeLight_f4o0e_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_f4o0e_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_f4o0e_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_f4o0e_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_f4o0e_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_f4o0e_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_f4o0e_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_f4o0e_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_f4o0e_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_f4o0e_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_f4o0e_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_f4o0e_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_f4o0e_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_f4o0e_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_f4o0e_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_f4o0e_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._skeletonLoader_f4o0e_146, ._textSkeleton_f4o0e_146, ._imageSkeleton_f4o0e_146, ._deckSkeleton_f4o0e_146 {
  background: linear-gradient(90deg, var(--clrSecondary) 0%, var(--clrTertiary) 50%, var(--clrSecondary) 100%);
  background-size: 200% 100%;
  animation: _shimmer_f4o0e_1 1.5s infinite;
  border-radius: 4px;
}
._deckSkeleton_f4o0e_146 {
  width: 100%;
  height: 64px;
}
._imageSkeleton_f4o0e_146 {
  width: 48px;
  height: 48px;
  border-radius: 6px;
}
._textSkeleton_f4o0e_146 {
  width: 100%;
  height: 16px;
}
._textSkeleton_f4o0e_146._short_f4o0e_168 {
  width: 60%;
}
._textSkeleton_f4o0e_146._medium_f4o0e_171 {
  width: 80%;
}
@keyframes _shimmer_f4o0e_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_fbquw_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_fbquw_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_fbquw_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_fbquw_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_fbquw_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_fbquw_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_fbquw_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_fbquw_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_fbquw_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_fbquw_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_fbquw_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_fbquw_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_fbquw_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_fbquw_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_fbquw_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_fbquw_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
@keyframes _goldGradient_fbquw_1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes _silverGradient_fbquw_1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes _bronzeGradient_fbquw_1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
._topDecksCard_fbquw_179 {
  border-radius: 8px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: var(--clrPrimary);
  width: 100%;
  border: 1px solid var(--clrAccent-10);
}
._topDecksHeader_fbquw_190 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._topDecksLabel_fbquw_196 {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._seasonSubtitle_fbquw_203 {
  font-size: 0.75rem;
  color: var(--clrAccent-50);
  font-weight: 400;
}
._loadingText_fbquw_209,
._noDataText_fbquw_210 {
  font-size: 0.875rem;
  text-align: center;
  padding: 1rem 0;
}
._decksList_fbquw_216 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
}
._deckItem_fbquw_222 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  cursor: pointer;
}
._deckItem_fbquw_222:hover {
  background: rgba(255, 255, 255, 0.05);
  transform: translateY(-2px);
}
._deckItem_fbquw_222._topDeck_fbquw_179 {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(255, 185, 0, 0.15), rgba(255, 215, 0, 0.2), rgba(255, 185, 0, 0.15));
  background-size: 200% 200%;
  animation: _goldGradient_fbquw_1 3s ease infinite;
  border-color: rgba(255, 215, 0, 0.5);
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.2);
}
._deckItem_fbquw_222._topDeck_fbquw_179:hover {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.25), rgba(255, 185, 0, 0.2), rgba(255, 215, 0, 0.25), rgba(255, 185, 0, 0.2));
  background-size: 200% 200%;
  animation: _goldGradient_fbquw_1 3s ease infinite;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(255, 215, 0, 0.3);
}
._deckItem_fbquw_222._secondDeck_fbquw_254 {
  background: linear-gradient(135deg, rgba(192, 192, 192, 0.2), rgba(169, 169, 169, 0.15), rgba(192, 192, 192, 0.2), rgba(169, 169, 169, 0.15));
  background-size: 200% 200%;
  animation: _silverGradient_fbquw_1 3s ease infinite;
  border-color: rgba(192, 192, 192, 0.5);
  box-shadow: 0 4px 12px rgba(192, 192, 192, 0.2);
}
._deckItem_fbquw_222._secondDeck_fbquw_254:hover {
  background: linear-gradient(135deg, rgba(192, 192, 192, 0.25), rgba(169, 169, 169, 0.2), rgba(192, 192, 192, 0.25), rgba(169, 169, 169, 0.2));
  background-size: 200% 200%;
  animation: _silverGradient_fbquw_1 3s ease infinite;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(192, 192, 192, 0.3);
}
._deckItem_fbquw_222._thirdDeck_fbquw_268 {
  background: linear-gradient(135deg, rgba(205, 127, 50, 0.2), rgba(184, 115, 51, 0.15), rgba(205, 127, 50, 0.2), rgba(184, 115, 51, 0.15));
  background-size: 200% 200%;
  animation: _bronzeGradient_fbquw_1 3s ease infinite;
  border-color: rgba(205, 127, 50, 0.5);
  box-shadow: 0 4px 12px rgba(205, 127, 50, 0.2);
}
._deckItem_fbquw_222._thirdDeck_fbquw_268:hover {
  background: linear-gradient(135deg, rgba(205, 127, 50, 0.25), rgba(184, 115, 51, 0.2), rgba(205, 127, 50, 0.25), rgba(184, 115, 51, 0.2));
  background-size: 200% 200%;
  animation: _bronzeGradient_fbquw_1 3s ease infinite;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(205, 127, 50, 0.3);
}
._rankBadge_fbquw_283 {
  font-size: 1rem;
  font-weight: 700;
  background: linear-gradient(135deg, #FFD700, #FFA500);
  color: rgb(90, 80, 22) !important;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3);
  border-radius: 4px;
  min-width: 2rem;
  text-align: center;
}
._deckImageWrapper_fbquw_294 {
  flex-shrink: 0;
}
._deckStats_fbquw_298 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.25rem;
  align-items: flex-end;
}
._winRate_fbquw_309 {
  font-size: 1.25rem;
  font-weight: 700;
  width: 100%;
}
._record_fbquw_315 {
  font-size: 0.75rem;
  width: 100%;
}
._deckItemSkeleton_fbquw_320 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
  border: 1px solid transparent;
}
._deckStatsSkeleton_fbquw_333 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.25rem;
  width: 100%;
}
html {
  color-scheme: light dark auto;
}
._themeLight_3zs5o_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_3zs5o_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_3zs5o_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_3zs5o_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_3zs5o_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_3zs5o_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_3zs5o_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_3zs5o_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_3zs5o_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_3zs5o_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_3zs5o_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_3zs5o_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_3zs5o_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_3zs5o_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_3zs5o_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_3zs5o_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._allDecksCard_3zs5o_146 {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  background-color: var(--clrPrimary);
  width: 100%;
  border: 1px solid var(--clrAccent-10);
  overflow: hidden;
}
._headerButton_3zs5o_156 {
  width: 100%;
  padding: 12px;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.2s ease;
  color: var(--clrAccent-100);
}
._headerButton_3zs5o_156:hover {
  background: rgba(255, 255, 255, 0.03);
}
._headerContent_3zs5o_172 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
._headerLabel_3zs5o_179 {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--clrText);
}
._seasonSubtitle_3zs5o_187 {
  font-size: 0.75rem;
  color: var(--clrAccent-50);
  font-weight: 400;
}
._expandIcon_3zs5o_193 {
  font-size: 1.25rem;
  transition: transform 0.2s ease;
  color: var(--clrAccent-100);
}
._expandIcon_3zs5o_193._expanded_3zs5o_198 {
  transform: rotate(180deg);
}
._decksListContainer_3zs5o_202 {
  padding: 1rem 1.5rem 1.5rem;
  animation: _slideDown_3zs5o_1 0.2s ease-out;
}
@keyframes _slideDown_3zs5o_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._filterChips_3zs5o_217 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
._filterChip_3zs5o_217 {
  padding: 0.5rem 0.875rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--clrAccent-30);
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--clrAccent-70);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
._filterChip_3zs5o_217:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--clrAccent-50);
  color: var(--clrAccent-100);
}
._filterChip_3zs5o_217._active_3zs5o_241 {
  background: var(--clrAccent-100);
  border-color: var(--clrAccent-100);
  color: var(--clrPrimary);
}
._loadingText_3zs5o_247,
._noDataText_3zs5o_248 {
  font-size: 0.875rem;
  text-align: center;
  padding: 1rem 0;
  color: var(--clrAccent-100);
}
._decksList_3zs5o_202 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._deckRow_3zs5o_261 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
  transition: all 0.2s ease;
  cursor: pointer;
}
._deckRow_3zs5o_261:hover {
  background: rgba(255, 255, 255, 0.05);
  transform: translateX(4px);
}
._deckInfo_3zs5o_276 {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
  min-width: 0;
}
._deckImageWrapper_3zs5o_284 {
  flex-shrink: 0;
}
._deckName_3zs5o_288 {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._deckSet_3zs5o_296 {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--clrAccent-100);
}
._deckStats_3zs5o_302 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
  flex-shrink: 0;
}
._winRate_3zs5o_310 {
  font-size: 1rem;
  font-weight: 700;
}
._statsChips_3zs5o_315 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
._statChip_3zs5o_321 {
  font-size: 0.75rem;
  color: var(--clrAccent-100);
  white-space: nowrap;
}
html {
  color-scheme: light dark auto;
}
._themeLight_6gwnu_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_6gwnu_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_6gwnu_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_6gwnu_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_6gwnu_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_6gwnu_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_6gwnu_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_6gwnu_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_6gwnu_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_6gwnu_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_6gwnu_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_6gwnu_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_6gwnu_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_6gwnu_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_6gwnu_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_6gwnu_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._archiveCard_6gwnu_146 {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  background-color: var(--clrPrimary);
  width: 100%;
  border: 1px solid var(--clrAccent-10);
  overflow: hidden;
}
._mainHeaderButton_6gwnu_156 {
  width: 100%;
  padding: 12px;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.2s ease;
  color: var(--clrAccent-100);
}
._mainHeaderButton_6gwnu_156:hover {
  background: rgba(255, 255, 255, 0.03);
}
._headerContent_6gwnu_172 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
._headerLabel_6gwnu_179 {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--clrText);
}
._headerSubtitle_6gwnu_187 {
  font-size: 0.75rem;
  color: var(--clrAccent-50);
  font-weight: 400;
}
._expandIcon_6gwnu_193 {
  font-size: 1.25rem;
  transition: transform 0.2s ease;
  color: var(--clrAccent-100);
}
._expandIcon_6gwnu_193._expanded_6gwnu_198 {
  transform: rotate(180deg);
}
._archiveListContainer_6gwnu_202 {
  padding: 8px;
  animation: _slideDown_6gwnu_1 0.2s ease-out;
}
@keyframes _slideDown_6gwnu_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._loadingText_6gwnu_217,
._noDataText_6gwnu_218 {
  font-size: 0.875rem;
  text-align: center;
  padding: 1rem 0;
  color: var(--clrAccent-30);
  font-style: italic;
}
._seasonsList_6gwnu_226 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._seasonItem_6gwnu_232 {
  border: 1px solid var(--clrAccent-30);
  border-radius: 6px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.02);
}
._seasonHeaderButton_6gwnu_239 {
  width: 100%;
  padding: 0.75rem 1rem;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.2s ease;
  color: var(--clrText);
}
._seasonHeaderButton_6gwnu_239:hover {
  background: rgba(255, 255, 255, 0.05);
}
._seasonInfo_6gwnu_255 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
._seasonName_6gwnu_262 {
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._calendarIcon_6gwnu_270 {
  font-size: 1rem;
  color: var(--clrAccent-100);
}
._seasonDate_6gwnu_275 {
  font-size: 0.75rem;
  color: var(--clrAccent-60);
}
._seasonExpandIcon_6gwnu_280 {
  font-size: 1rem;
  transition: transform 0.2s ease;
  color: var(--clrAccent-100);
}
._seasonExpandIcon_6gwnu_280._expanded_6gwnu_198 {
  transform: rotate(180deg);
}
._decksList_6gwnu_289 {
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  animation: _slideDown_6gwnu_1 0.2s ease-out;
}
._deckRow_6gwnu_298 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
  transition: all 0.2s ease;
  cursor: pointer;
  border: 1px solid transparent;
}
._deckRow_6gwnu_298:hover {
  background: rgba(255, 255, 255, 0.06);
  transform: translateX(4px);
}
._deckRow_6gwnu_298._topDeck_6gwnu_313 {
  border-color: rgba(255, 215, 0, 0.3);
  background: rgba(255, 215, 0, 0.05);
}
._deckRow_6gwnu_298._secondDeck_6gwnu_317 {
  border-color: rgba(192, 192, 192, 0.3);
  background: rgba(192, 192, 192, 0.05);
}
._deckRow_6gwnu_298._thirdDeck_6gwnu_321 {
  border-color: rgba(205, 127, 50, 0.3);
  background: rgba(205, 127, 50, 0.05);
}
._rankBadge_6gwnu_326 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--clrAccent-20);
  color: var(--clrAccent-100);
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
}
._topDeck_6gwnu_313 ._rankBadge_6gwnu_326 {
  background: rgba(255, 215, 0, 0.2);
  color: #ffd700;
}
._secondDeck_6gwnu_317 ._rankBadge_6gwnu_326 {
  background: rgba(192, 192, 192, 0.2);
  color: #c0c0c0;
}
._thirdDeck_6gwnu_321 ._rankBadge_6gwnu_326 {
  background: rgba(205, 127, 50, 0.2);
  color: #cd7f32;
}
._deckInfo_6gwnu_352 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}
._deckImageWrapper_6gwnu_360 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  overflow: hidden;
}
._deckName_6gwnu_368 {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
._deckSet_6gwnu_376 {
  font-size: 0.75rem;
  color: var(--clrAccent-60);
  font-weight: 400;
}
._deckStats_6gwnu_382 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}
._winRate_6gwnu_389 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._record_6gwnu_395 {
  font-size: 0.75rem;
  color: var(--clrAccent-60);
}
html {
  color-scheme: light dark auto;
}
._themeLight_1yt7g_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1yt7g_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1yt7g_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1yt7g_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1yt7g_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1yt7g_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1yt7g_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1yt7g_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1yt7g_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1yt7g_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1yt7g_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1yt7g_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1yt7g_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1yt7g_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1yt7g_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1yt7g_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._testingCard_1yt7g_146 {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  background-color: var(--clrPrimary);
  width: 100%;
  border: 1px solid var(--clrAccent-10);
  overflow: hidden;
}
._mainHeaderButton_1yt7g_156 {
  width: 100%;
  padding: 12px;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.2s ease;
  color: var(--clrAccent-100);
}
._mainHeaderButton_1yt7g_156:hover {
  background: rgba(255, 255, 255, 0.03);
}
._headerContent_1yt7g_172 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
._headerLabel_1yt7g_179 {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--clrText);
}
._headerSubtitle_1yt7g_187 {
  font-size: 0.75rem;
  color: var(--clrAccent-50);
  font-weight: 400;
}
._expandIcon_1yt7g_193 {
  font-size: 1.25rem;
  transition: transform 0.2s ease;
  color: var(--clrAccent-100);
}
._expandIcon_1yt7g_193._expanded_1yt7g_198 {
  transform: rotate(180deg);
}
._contentContainer_1yt7g_202 {
  padding: 8px;
  animation: _slideDown_1yt7g_1 0.2s ease-out;
}
@keyframes _slideDown_1yt7g_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._loadingText_1yt7g_217,
._noDataText_1yt7g_218 {
  font-size: 0.875rem;
  text-align: center;
  padding: 1rem 0;
  color: var(--clrAccent-30);
  font-style: italic;
}
._decksList_1yt7g_226 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._deckItem_1yt7g_232 {
  border: 1px solid var(--clrAccent-30);
  color: var(--clrAccent-70);
  border-radius: 6px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.02);
}
._deckHeaderButton_1yt7g_240 {
  width: 100%;
  padding: 12px;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  transition: background 0.2s ease;
  color: var(--clrAccent-70);
}
._deckHeaderButton_1yt7g_240:hover {
  background: rgba(255, 255, 255, 0.03);
}
._deckInfo_1yt7g_257 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
._deckImageWrapper_1yt7g_265 {
  flex-shrink: 0;
}
._deckNameInfo_1yt7g_269 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
._deckName_1yt7g_269 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--clrText);
  text-align: left;
}
._deckSet_1yt7g_283 {
  font-size: 0.75rem;
  color: var(--clrAccent-50);
}
._deckStatsContainer_1yt7g_288 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
._deckStatsInfo_1yt7g_295 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
._winRate_1yt7g_302 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._record_1yt7g_308 {
  font-size: 0.75rem;
  color: var(--clrAccent-70);
}
._deckExpandIcon_1yt7g_313 {
  font-size: 1.25rem;
  transition: transform 0.2s ease;
  color: var(--clrAccent-100);
  flex-shrink: 0;
}
._deckExpandIcon_1yt7g_313._expanded_1yt7g_198 {
  transform: rotate(180deg);
}
._matchupsContainer_1yt7g_323 {
  padding: 12px;
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid var(--clrAccent-30);
  animation: _slideDown_1yt7g_1 0.2s ease-out;
}
._noMatchupsText_1yt7g_330 {
  font-size: 0.875rem;
  text-align: center;
  padding: 1rem 0;
  color: var(--clrAccent-30);
  font-style: italic;
}
._matchupsGrid_1yt7g_338 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 8px;
}
@media (min-width: 600px) {
  ._matchupsGrid_1yt7g_338 {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
._matchupCard_1yt7g_349 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--clrAccent-30);
  border-radius: 6px;
  transition: all 0.2s ease;
}
._matchupCard_1yt7g_349:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--clrAccent-50);
}
._matchupImageWrapper_1yt7g_365 {
  flex-shrink: 0;
}
._matchupStats_1yt7g_369 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
}
._matchupWinRate_1yt7g_377 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._matchupRecord_1yt7g_383 {
  font-size: 0.75rem;
  color: var(--clrAccent-70);
  text-align: center;
}
html {
  color-scheme: light dark auto;
}
._themeLight_to0hv_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_to0hv_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_to0hv_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_to0hv_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_to0hv_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_to0hv_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_to0hv_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_to0hv_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_to0hv_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_to0hv_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_to0hv_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_to0hv_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_to0hv_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_to0hv_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_to0hv_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_to0hv_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._statsSection_to0hv_146 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  background-color: var(--clrSecondary);
  border-radius: 8px;
}
._statsSection_to0hv_146 ._sectionTitle_to0hv_157 {
  font-size: 24px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0;
  align-self: flex-start;
}
._statsSection_to0hv_146 ._loadingText_to0hv_164 {
  text-align: center;
  color: var(--clrAccent-60);
  margin: 0;
}
._statsSection_to0hv_146 ._premiumMessage_to0hv_169 {
  text-align: center;
  color: var(--clrAccent-100);
  font-size: 16px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0;
  padding: 8px 32px;
  background: linear-gradient(135deg, rgb(255, 217, 0), rgb(255, 166, 0));
  border: 1px solid rgb(187, 164, 34);
  box-shadow: 0 10px 40px rgba(255, 217, 0, 0.2);
  color: var(--clrPrimary);
  border-radius: 4px;
  border: 1px solid rgba(255, 215, 0, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  white-space: nowrap;
}
._statsSection_to0hv_146 ._skeletonContainer_to0hv_194 {
  position: relative;
  width: 100%;
}
._statsSection_to0hv_146 ._skeletonCard_to0hv_198 {
  width: 100%;
  height: 128px;
  min-width: 64px;
  background-color: var(--clrPrimary);
  border-radius: 8px;
  border: 1px solid var(--clrAccent-10);
  opacity: 0.3;
}
._statsSection_to0hv_146 ._statsGrid_to0hv_207 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
}
._statsSection_to0hv_146 ._statsGrid_to0hv_207 ._statsGridRow_to0hv_216 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
}
._statsSection_to0hv_146 ._statsGrid_to0hv_207 ._favoriteColorCard_to0hv_224 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  background-color: var(--clrPrimary);
  border-radius: 8px;
  border: 1px solid var(--clrAccent-10);
  box-shadow: 0 5px 10px var(--clrPrimary);
  transition: all 0.3s ease;
  width: 128px;
  height: 128px;
  min-width: 64px;
  min-height: 128px;
  width: 100%;
}
._statsSection_to0hv_146 ._statsGrid_to0hv_207 ._favoriteColorCard_to0hv_224 ._favoriteColorValue_to0hv_242 {
  font-size: 32px;
  line-height: 62px;
  font-weight: 700;
}
._statsSection_to0hv_146 ._statsGrid_to0hv_207 ._favoriteColorCard_to0hv_224 ._favoriteColorLabel_to0hv_247 {
  font-size: 12px;
  font-weight: 600;
  color: var(--clrAccent-60);
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
._statsSection_to0hv_146 ._statsGrid_to0hv_207 ._favoriteDeckCard_to0hv_255 {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  background-color: var(--clrTertiary);
  border-radius: 8px;
  border: 1px solid var(--clrAccent-10);
  box-shadow: 0 5px 10px var(--clrPrimary);
  transition: all 0.3s ease;
  width: 128px;
  height: 128px;
  min-width: 64px;
  min-height: 128px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
._statsSection_to0hv_146 ._statsGrid_to0hv_207 ._favoriteDeckCard_to0hv_255._hasBgImage_to0hv_275::before {
  content: "";
  position: absolute;
  inset: -5px;
  background-image: var(--bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(3px) brightness(0.6);
  -webkit-filter: blur(3px) brightness(0.6);
  z-index: 0;
  pointer-events: none;
}
._statsSection_to0hv_146 ._statsGrid_to0hv_207 ._favoriteDeckCard_to0hv_255._hasBgImage_to0hv_275::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 1;
  pointer-events: none;
}
._statsSection_to0hv_146 ._statsGrid_to0hv_207 ._favoriteDeckCard_to0hv_255 > * {
  position: relative;
  z-index: 2;
}
._statsSection_to0hv_146 ._statsGrid_to0hv_207 ._favoriteDeckCard_to0hv_255 ._favoriteDeckLabel_to0hv_300 {
  font-size: 12px;
  font-weight: 600;
  color: var(--clrPrimaryContrast);
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
._statsSection_to0hv_146 ._statsGrid_to0hv_207 ._favoriteDeckCard_to0hv_255 ._noDataPlaceholder_to0hv_308 {
  font-size: 32px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._statsSection_to0hv_146 ._positive_to0hv_313 {
  background: rgba(0, 128, 0, 0.1);
  border-color: rgba(0, 128, 0, 0.3);
}
._statsSection_to0hv_146 ._positive_to0hv_313 ._statValue_to0hv_317 {
  color: green;
}
._statsSection_to0hv_146 ._negative_to0hv_320 {
  background: rgba(255, 0, 0, 0.1);
  border-color: rgba(255, 0, 0, 0.3);
}
._statsSection_to0hv_146 ._negative_to0hv_320 ._statValue_to0hv_317 {
  color: red;
}
html {
  color-scheme: light dark auto;
}
._themeLight_khass_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_khass_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_khass_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_khass_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_khass_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_khass_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_khass_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_khass_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_khass_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_khass_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_khass_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_khass_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_khass_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_khass_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_khass_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_khass_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._premiumBadge_khass_146 {
  font-size: 12px !important;
  font-weight: 600;
  padding: 2px 8px;
  background: linear-gradient(135deg, #FFD700, #FFA500);
  color: rgb(90, 80, 22) !important;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3);
}
html {
  color-scheme: light dark auto;
}
._themeLight_10rqw_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_10rqw_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_10rqw_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_10rqw_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_10rqw_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_10rqw_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_10rqw_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_10rqw_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_10rqw_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_10rqw_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_10rqw_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_10rqw_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_10rqw_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_10rqw_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_10rqw_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_10rqw_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._container_10rqw_146 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._manageButton_10rqw_152 {
  padding: 10px 20px;
  margin: 0;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  max-width: 200px;
  min-width: 140px;
}
._manageButton_10rqw_152:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
._manageButton_10rqw_152:active:not(:disabled) {
  transform: scale(0.98);
}
._manageButton_10rqw_152:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._activeButton_10rqw_178 {
  background: rgba(0, 255, 0, 0.15);
  border-color: rgba(0, 255, 0, 0.4);
  color: #10b981;
}
._activeButton_10rqw_178:hover:not(:disabled) {
  background: rgba(0, 255, 0, 0.25);
  border-color: rgba(0, 255, 0, 0.6);
}
._canceledButton_10rqw_188 {
  background: rgba(255, 200, 0, 0.15);
  border-color: rgba(255, 150, 0, 0.5);
  color: #f59e0b;
}
._canceledButton_10rqw_188:hover:not(:disabled) {
  background: rgba(255, 200, 0, 0.25);
  border-color: rgba(255, 150, 0, 0.7);
}
._description_10rqw_198 {
  font-size: 10px;
  color: var(--clrSecondaryText);
  text-align: center;
  margin: 0;
}
._error_10rqw_205 {
  font-size: 12px;
  color: #ff4444;
  text-align: center;
  margin: 0;
}
html {
  color-scheme: light dark auto;
}
._themeLight_rpamv_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_rpamv_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_rpamv_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_rpamv_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_rpamv_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_rpamv_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_rpamv_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_rpamv_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_rpamv_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_rpamv_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_rpamv_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_rpamv_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_rpamv_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_rpamv_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_rpamv_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_rpamv_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._subscriptionInfo_rpamv_146 {
  padding: 16px;
  margin-bottom: 16px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}
._subscriptionInfo_rpamv_146:has(._statusActive_rpamv_159) {
  background: rgba(0, 255, 0, 0.05);
  border: 1px solid rgba(0, 255, 0, 0.1);
}
._subscriptionInfo_rpamv_146:has(._statusCanceled_rpamv_163) {
  background: rgba(245, 158, 11, 0.05);
  border: 1px solid rgba(245, 158, 11, 0.1);
}
._subscriptionInfo_rpamv_146 ._subscriptionLabel_rpamv_167 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  flex: 1;
  min-width: 200px;
}
._subscriptionInfo_rpamv_146 ._subscriptionLabel_rpamv_167 ._subscriptionTitle_rpamv_176 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._subscriptionInfo_rpamv_146 ._subscriptionLabel_rpamv_167 ._subscriptionTitle_rpamv_176 ._statusActive_rpamv_159 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #10b981;
}
._subscriptionInfo_rpamv_146 ._subscriptionLabel_rpamv_167 ._subscriptionTitle_rpamv_176 ._statusActive_rpamv_159 svg {
  font-size: 18px;
}
._subscriptionInfo_rpamv_146 ._subscriptionLabel_rpamv_167 ._subscriptionTitle_rpamv_176 ._statusCanceled_rpamv_163 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #f59e0b;
}
._subscriptionInfo_rpamv_146 ._subscriptionLabel_rpamv_167 ._subscriptionTitle_rpamv_176 ._statusCanceled_rpamv_163 svg {
  font-size: 18px;
}
._subscriptionInfo_rpamv_146 ._subscriptionLabel_rpamv_167 ._subscriptionDescription_rpamv_199 {
  font-size: 13px;
  color: var(--clrAccent-60);
  line-height: 1.4;
}
html {
  color-scheme: light dark auto;
}
._themeLight_qm1hj_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_qm1hj_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_qm1hj_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_qm1hj_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_qm1hj_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_qm1hj_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_qm1hj_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_qm1hj_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_qm1hj_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_qm1hj_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_qm1hj_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_qm1hj_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_qm1hj_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_qm1hj_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_qm1hj_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_qm1hj_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._deleteAccount_qm1hj_146 {
  padding: 16px;
  margin-bottom: 16px;
  background: rgba(239, 68, 68, 0.05);
  border-radius: 4px;
  border: 1px solid rgba(239, 68, 68, 0.2);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}
._deleteAccount_qm1hj_146 ._deleteLabel_qm1hj_159 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  flex: 1;
  min-width: 200px;
}
._deleteAccount_qm1hj_146 ._deleteLabel_qm1hj_159 ._deleteTitle_qm1hj_168 {
  font-size: 16px;
  font-weight: 600;
  color: #ef4444;
}
._deleteAccount_qm1hj_146 ._deleteLabel_qm1hj_159 ._deleteDescription_qm1hj_173 {
  font-size: 13px;
  color: var(--clrAccent-60);
  line-height: 1.4;
}
._deleteAccount_qm1hj_146 ._deleteButton_qm1hj_178 {
  padding: 10px 20px;
  margin: 0;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 4px;
  color: #ef4444;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  max-width: 200px;
  min-width: 140px;
  white-space: nowrap;
}
._deleteAccount_qm1hj_146 ._deleteButton_qm1hj_178:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
}
._deleteAccount_qm1hj_146 ._deleteButton_qm1hj_178:active:not(:disabled) {
  transform: scale(0.98);
}
._deleteAccount_qm1hj_146 ._deleteButton_qm1hj_178:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._warningModal_qm1hj_205 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: _fadeIn_qm1hj_1 0.2s ease;
}
._warningModal_qm1hj_205 ._warningContent_qm1hj_218 {
  background: var(--clrSecondary);
  border: 1px solid rgba(255, 200, 0, 0.5);
  border-radius: 8px;
  padding: 24px;
  width: 90%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  animation: _slideUp_qm1hj_1 0.3s ease;
}
._warningModal_qm1hj_205 ._warningContent_qm1hj_218 h3 {
  font-size: 20px;
  font-weight: 600;
  color: #f59e0b;
  margin: 0;
}
._warningModal_qm1hj_205 ._warningContent_qm1hj_218 p {
  font-size: 14px;
  color: var(--clrAccent-100);
  line-height: 1.6;
  margin: 0;
}
._warningModal_qm1hj_205 ._warningContent_qm1hj_218 p strong {
  color: #10b981;
  font-weight: 600;
}
._warningModal_qm1hj_205 ._warningContent_qm1hj_218 ._warningButton_qm1hj_246 {
  padding: 10px 20px;
  background: rgba(255, 200, 0, 0.2);
  border: 1px solid rgba(255, 150, 0, 0.5);
  border-radius: 8px;
  color: #f59e0b;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-left: auto;
}
._warningModal_qm1hj_205 ._warningContent_qm1hj_218 ._warningButton_qm1hj_246:hover {
  background: rgba(255, 200, 0, 0.3);
  border-color: rgba(255, 150, 0, 0.7);
}
._warningModal_qm1hj_205 ._warningContent_qm1hj_218 ._warningButton_qm1hj_246:active {
  transform: scale(0.98);
}
@keyframes _fadeIn_qm1hj_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _slideUp_qm1hj_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_gm4lr_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_gm4lr_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_gm4lr_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_gm4lr_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_gm4lr_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_gm4lr_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_gm4lr_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_gm4lr_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_gm4lr_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_gm4lr_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_gm4lr_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_gm4lr_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_gm4lr_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_gm4lr_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_gm4lr_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_gm4lr_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._settingsSection_gm4lr_146 {
  width: 100%;
  max-width: 800px;
  overflow: hidden;
}
@media (max-width: 820px) {
  ._settingsSection_gm4lr_146 {
    padding: 0 16px;
    margin-bottom: 32px;
  }
}
._settingsSection_gm4lr_146 ._settingsHeader_gm4lr_157 {
  width: 100%;
  padding: 16px;
  background: var(--clrSecondary);
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  cursor: pointer;
  transition: background 0.2s ease;
  border-radius: 8px;
}
._settingsSection_gm4lr_146 ._settingsHeader_gm4lr_157:hover {
  background: rgba(255, 255, 255, 0.05);
}
._settingsSection_gm4lr_146 ._settingsHeader_gm4lr_157 ._settingsTitle_gm4lr_174 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  font-size: 20px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._settingsSection_gm4lr_146 ._settingsHeader_gm4lr_157 ._settingsTitle_gm4lr_174 svg {
  font-size: 24px;
}
._settingsSection_gm4lr_146 ._settingsHeader_gm4lr_157 ._chevron_gm4lr_187 {
  font-size: 20px;
  color: var(--clrAccent-100);
  transition: transform 0.3s ease;
}
._settingsSection_gm4lr_146 ._settingsHeader_gm4lr_157 ._chevron_gm4lr_187._expanded_gm4lr_192 {
  transform: rotate(180deg);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 {
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0px;
  background-color: var(--clrSecondary);
  padding-bottom: 128px;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._projVersion_gm4lr_205 {
  font-size: 12px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  color: var(--clrAccent-60);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 16px 0;
  border-radius: 4px;
  width: 100%;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212._dangerZone_gm4lr_222 {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.05);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._settingLabel_gm4lr_226 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  flex: 1;
  min-width: 200px;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._settingLabel_gm4lr_226 span:first-child {
  font-size: 16px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._settingLabel_gm4lr_226 ._settingLabelWithBadge_gm4lr_240 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._settingLabel_gm4lr_226 ._settingDescription_gm4lr_247 {
  font-size: 13px;
  color: var(--clrAccent-60);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._settingValue_gm4lr_251 {
  font-size: 14px;
  color: var(--clrAccent-60);
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._supportLink_gm4lr_258 {
  color: var(--clrAccent-100);
  width: 100%;
  min-width: 170px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._supportLink_gm4lr_258 a {
  color: var(--clrAccent-100);
  background-color: var(--clrTertiary);
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 12px;
  font-weight: 600;
  max-width: 200px;
  transition: all 200ms ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 auto;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._supportLink_gm4lr_258 a:active {
  transform: scale(0.95);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._supportLink_gm4lr_258 a:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.05);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._supportLink_gm4lr_258 svg {
  color: var(--clrAccent-100);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._legalLinks_gm4lr_295 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 0;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._legalLinks_gm4lr_295 ._legalLink_gm4lr_295 {
  background: none;
  border: none;
  color: var(--clrAccent-60);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.2s ease;
  padding: 4px 8px;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._legalLinks_gm4lr_295 ._legalLink_gm4lr_295:hover {
  color: var(--clrAccent-100);
  text-decoration: underline;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._legalLinks_gm4lr_295 ._linkSeparator_gm4lr_318 {
  color: var(--clrAccent-30);
  font-size: 13px;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._themeSelect_gm4lr_322,
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._settingButton_gm4lr_323 {
  padding: 10px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  max-width: 200px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._themeSelect_gm4lr_322 {
  background: var(--clrPrimary);
  color: var(--clrAccent-100);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._themeSelect_gm4lr_322:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.05);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._themeSelect_gm4lr_322:focus {
  outline: none;
  border-color: var(--clrAccent-100);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._themeSelect_gm4lr_322._disabled_gm4lr_345, ._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._themeSelect_gm4lr_322:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: var(--clrTertiary-20);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._themeSelect_gm4lr_322 option {
  background: var(--clrSecondary);
  color: var(--clrAccent-100);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._settingButton_gm4lr_323 {
  background: rgba(255, 255, 255, 0.1);
  color: var(--clrAccent-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._settingButton_gm4lr_323:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._settingButton_gm4lr_323:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._settingButton_gm4lr_323._dangerButton_gm4lr_371 {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
  color: #ef4444;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._settingButton_gm4lr_323._dangerButton_gm4lr_371:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._toggle_gm4lr_380 {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._toggle_gm4lr_380._disabled_gm4lr_345 {
  opacity: 0.5;
  cursor: not-allowed;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._toggle_gm4lr_380._disabled_gm4lr_345 ._toggleSlider_gm4lr_390 {
  cursor: not-allowed;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._toggle_gm4lr_380 input {
  opacity: 0;
  width: 0;
  height: 0;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._toggle_gm4lr_380 input:checked + ._toggleSlider_gm4lr_390 {
  background-color: var(--clrAccent-30);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._toggle_gm4lr_380 input:checked + ._toggleSlider_gm4lr_390:before {
  transform: translateX(24px);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._toggle_gm4lr_380 input:disabled + ._toggleSlider_gm4lr_390 {
  cursor: not-allowed;
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._toggle_gm4lr_380 ._toggleSlider_gm4lr_390 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
  transition: 0.3s;
  border-radius: 26px;
  border: 1px solid var(--clrAccent-30);
}
._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._toggle_gm4lr_380 ._toggleSlider_gm4lr_390:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: rgb(146, 146, 146);
  transition: 0.3s;
  border-radius: 50%;
}
@media (max-width: 768px) {
  ._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 {
    width: 100%;
  }
  ._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 {
    width: 100%;
  }
  ._settingsSection_gm4lr_146 ._settingsContent_gm4lr_195 ._settingItem_gm4lr_212 ._settingButton_gm4lr_323 {
    justify-content: center;
  }
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  z-index: 1000;
  animation: _fadeIn_gm4lr_1 0.2s ease;
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 ._modalContent_gm4lr_456 {
  background: var(--clrSecondary);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 24px;
  width: 90%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 16px;
  animation: _slideUp_gm4lr_1 0.3s ease;
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 ._modalContent_gm4lr_456 h3 {
  font-size: 20px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin: 0;
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 ._modalContent_gm4lr_456 ._modalInput_gm4lr_476 {
  width: 100%;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  color: var(--clrAccent-100);
  font-size: 14px;
  transition: border-color 0.2s ease;
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 ._modalContent_gm4lr_456 ._modalInput_gm4lr_476:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 0.4);
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 ._modalContent_gm4lr_456 ._modalInput_gm4lr_476::placeholder {
  color: var(--clrAccent-30);
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 ._modalContent_gm4lr_456 ._modalError_gm4lr_493 {
  padding: 8px 12px;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 4px;
  color: #ef4444;
  font-size: 13px;
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 ._modalContent_gm4lr_456 ._modalButtons_gm4lr_501 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 ._modalContent_gm4lr_456 ._modalButtons_gm4lr_501 button {
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 100px;
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 ._modalContent_gm4lr_456 ._modalButtons_gm4lr_501 button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 ._modalContent_gm4lr_456 ._modalButtons_gm4lr_501 ._modalCancel_gm4lr_522 {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--clrAccent-80);
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 ._modalContent_gm4lr_456 ._modalButtons_gm4lr_501 ._modalCancel_gm4lr_522:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 ._modalContent_gm4lr_456 ._modalButtons_gm4lr_501 ._modalConfirm_gm4lr_530 {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgb(255, 255, 255);
  color: #000;
}
._settingsSection_gm4lr_146 ._modal_gm4lr_441 ._modalContent_gm4lr_456 ._modalButtons_gm4lr_501 ._modalConfirm_gm4lr_530:hover:not(:disabled) {
  background: #fff;
}
._settingsSection_gm4lr_146 ._dangerModal_gm4lr_538 {
  border-color: rgba(239, 68, 68, 0.3);
}
._settingsSection_gm4lr_146 ._dangerModal_gm4lr_538 ._dangerTitle_gm4lr_541 {
  color: #ef4444;
}
._settingsSection_gm4lr_146 ._dangerModal_gm4lr_538 ._dangerWarning_gm4lr_544 {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 4px;
  padding: 16px;
  color: var(--clrAccent-100);
  font-size: 14px;
}
._settingsSection_gm4lr_146 ._dangerModal_gm4lr_538 ._dangerWarning_gm4lr_544 p {
  margin: 0 0 12px 0;
}
._settingsSection_gm4lr_146 ._dangerModal_gm4lr_538 ._dangerWarning_gm4lr_544 strong {
  color: #ef4444;
  font-weight: 700;
}
._settingsSection_gm4lr_146 ._dangerModal_gm4lr_538 ._dangerWarning_gm4lr_544 ul {
  margin: 8px 0 0 0;
  padding-left: 20px;
}
._settingsSection_gm4lr_146 ._dangerModal_gm4lr_538 ._dangerWarning_gm4lr_544 ul li {
  margin: 4px 0;
  color: var(--clrAccent-80);
}
._settingsSection_gm4lr_146 ._dangerModal_gm4lr_538 ._dangerConfirm_gm4lr_567 {
  background: rgba(239, 68, 68, 0.9);
  border-color: #ef4444;
  color: white;
}
._settingsSection_gm4lr_146 ._dangerModal_gm4lr_538 ._dangerConfirm_gm4lr_567:hover:not(:disabled) {
  background: #ef4444;
}
@keyframes _fadeIn_gm4lr_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _slideUp_gm4lr_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_h47fw_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_h47fw_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_h47fw_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_h47fw_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_h47fw_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_h47fw_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_h47fw_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_h47fw_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_h47fw_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_h47fw_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_h47fw_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_h47fw_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_h47fw_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_h47fw_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_h47fw_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_h47fw_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._upgradeButton_h47fw_146 {
  width: 100%;
  padding: 16px;
  background: var(--clrAccent-100);
  border: 2px solid var(--clrAccent-100);
  border-radius: 8px;
  color: var(--clrPrimary);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._upgradeButton_h47fw_146:hover:not(:disabled) {
  background: var(--clrAccent-100);
  border-color: var(--clrAccent-100);
  transform: translateY(-2px);
}
._upgradeButton_h47fw_146:active:not(:disabled) {
  transform: translateY(0);
}
._upgradeButton_h47fw_146:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._buttonContent_h47fw_171 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
._label_h47fw_178 {
  font-size: 16px;
  font-weight: 600;
}
._description_h47fw_183 {
  font-size: 12px;
  opacity: 0.8;
  font-weight: 400;
}
html {
  color-scheme: light dark auto;
}
._themeLight_1ccba_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1ccba_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1ccba_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1ccba_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1ccba_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1ccba_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1ccba_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1ccba_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1ccba_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1ccba_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1ccba_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1ccba_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1ccba_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1ccba_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1ccba_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1ccba_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._paypalContainer_1ccba_146 {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
._paypalButtonWrapper_1ccba_152 {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
._paypalButtonWrapper_1ccba_152 iframe {
  border-radius: 24px !important;
}
._loadingOverlay_1ccba_161 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 4px;
  z-index: 10;
}
._loadingOverlay_1ccba_161 p {
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
._spinner_1ccba_183 {
  width: 40px;
  height: 40px;
  border: 4px solid var(--clrAccent-20);
  border-top-color: var(--clrAccent-100);
  border-radius: 50%;
  animation: _spin_1ccba_183 0.8s linear infinite;
}
@keyframes _spin_1ccba_183 {
  to {
    transform: rotate(360deg);
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_mr5hs_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_mr5hs_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_mr5hs_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_mr5hs_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_mr5hs_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_mr5hs_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_mr5hs_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_mr5hs_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_mr5hs_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_mr5hs_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_mr5hs_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_mr5hs_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_mr5hs_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_mr5hs_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_mr5hs_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_mr5hs_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._premiumSection_mr5hs_146 {
  width: 100%;
  margin: 0 auto;
  padding: 16px;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 {
  background: linear-gradient(135deg, var(--clrSecondary) 0%, rgba(var(--clrSecondary-rgb), 0.8) 100%);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 24px;
  position: relative;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._premiumHeader_mr5hs_161 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.15) 0%, rgba(255, 215, 0, 0.05) 100%);
  border-radius: 4px;
  border: 2px solid rgba(255, 215, 0, 0.3);
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._premiumHeader_mr5hs_161 ._starIcon_mr5hs_172 {
  font-size: 32px;
  color: #ffd700;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6));
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._premiumHeader_mr5hs_161 ._premiumTitle_mr5hs_177 {
  font-size: 18px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._premiumBanner_mr5hs_183 {
  margin: 12px 0;
  max-width: 350px;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._premiumBanner_mr5hs_183 img {
  width: 100%;
  height: 100%;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._premiumDescription_mr5hs_191 {
  color: var(--clrAccent-80);
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
  margin: 0;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._cardHeader_mr5hs_198 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._cardHeader_mr5hs_198 ._starIconGold_mr5hs_206 {
  font-size: 48px;
  color: #ffd700;
  filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.6));
  animation: _pulse_mr5hs_1 2s ease-in-out infinite;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._cardHeader_mr5hs_198 ._cardTitle_mr5hs_212 {
  font-size: 28px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0;
  line-height: 1.2;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._featureList_mr5hs_219 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 16px;
  margin: 0 auto;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._featureList_mr5hs_219 li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  color: var(--clrAccent-80);
  font-size: 16px;
  padding: 12px 16px;
  background: var(--clrBackground-100);
  border-radius: 4px;
  border-left: 3px solid var(--clrTertiary);
  transition: all 0.2s ease;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._featureList_mr5hs_219 li:hover {
  transform: translateX(4px);
  border-left-color: #ffd700;
  background: var(--clrBackground-200);
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._featureList_mr5hs_219 li ._checkmark_mr5hs_249 {
  font-weight: 700;
  color: #ffd700;
  font-size: 20px;
  flex-shrink: 0;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._featureList_mr5hs_219 li span:last-child {
  font-weight: 500;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._priceSection_mr5hs_258 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 4px;
  background: linear-gradient(135deg, var(--clrTertiary-20) 0%, var(--clrTertiary-10) 100%);
  border-radius: 4px;
  border: 1px solid var(--clrTertiary-40);
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._priceSection_mr5hs_258 ._priceLabel_mr5hs_269 {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._priceSection_mr5hs_258 ._price_mr5hs_258 {
  font-size: 26px;
  font-weight: 700;
  color: var(--clrAccent-100);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._successMessage_mr5hs_282 {
  background-color: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.4);
  color: #86efac;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._errorMessage_mr5hs_292 {
  background-color: rgba(220, 38, 38, 0.15);
  border: 1px solid rgba(220, 38, 38, 0.4);
  color: #fca5a5;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._paymentButtonContainer_mr5hs_301 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._subscriptionManagement_mr5hs_309 {
  margin-top: 16px;
  width: 100%;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._subscriptionInfo_mr5hs_313 {
  color: var(--clrAccent-60);
  font-size: 14px;
  text-align: center;
  margin: 16px 0;
  padding: 12px 16px;
  background: var(--clrAccent-10);
  border-radius: 8px;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._subscriptionInfo_mr5hs_313 ._statusActive_mr5hs_322 {
  color: var(--clrSuccess);
  font-weight: 500;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._subscriptionInfo_mr5hs_313 ._statusActive_mr5hs_322 svg {
  color: green;
  font-size: 16px;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._subscriptionInfo_mr5hs_313 ._statusCanceled_mr5hs_336 {
  color: var(--clrWarning);
  font-weight: 500;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._subscriptionInfo_mr5hs_313 ._statusCanceled_mr5hs_336 svg {
  color: red;
  font-size: 16px;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingOptions_mr5hs_350 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 24px;
  width: 100%;
}
@media (min-width: 768px) {
  ._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingOptions_mr5hs_350 {
    flex-direction: row;
    gap: 32px;
  }
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingCard_mr5hs_364 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 24px;
  padding: 32px 24px;
  background: var(--clrSecondary);
  border: 2px solid var(--clrAccent-30);
  border-radius: 16px;
  transition: all 0.3s ease;
  position: relative;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingCard_mr5hs_364:hover {
  transform: translateY(-4px);
  border-color: var(--clrAccent-50);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingCard_mr5hs_364 ._cardContent_mr5hs_383 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  text-align: center;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingCard_mr5hs_364 ._pricingTitle_mr5hs_391 {
  font-size: 20px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin: 0;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingCard_mr5hs_364 ._priceSection_mr5hs_258 {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  margin: 8px 0;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingCard_mr5hs_364 ._priceSection_mr5hs_258 ._price_mr5hs_258 {
  font-size: 36px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingCard_mr5hs_364 ._priceSection_mr5hs_258 ._priceLabel_mr5hs_269 {
  font-size: 16px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingCard_mr5hs_364 ._spacer_mr5hs_415 {
  height: 20px;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingCard_mr5hs_364 ._savings_mr5hs_418 {
  font-size: 14px;
  color: #ffd700;
  font-weight: 600;
  margin: 0;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingCard_mr5hs_364._recommended_mr5hs_424 {
  border: 3px solid #ffd700;
  background: linear-gradient(135deg, var(--clrSecondary) 0%, rgba(255, 215, 0, 0.05) 100%);
  box-shadow: 0 4px 16px rgba(255, 215, 0, 0.2);
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingCard_mr5hs_364._recommended_mr5hs_424:hover {
  box-shadow: 0 8px 32px rgba(255, 215, 0, 0.3);
  border-color: #ffd700;
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingCard_mr5hs_364._recommended_mr5hs_424 ._recommendedBadge_mr5hs_433 {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
  color: var(--clrPrimary);
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4);
}
._premiumSection_mr5hs_146 ._premiumCard_mr5hs_151 ._pricingCard_mr5hs_364._recommended_mr5hs_424 ._pricingTitle_mr5hs_391 {
  color: #ffd700;
}
html {
  color-scheme: light dark auto;
}
._themeLight_10cqu_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_10cqu_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_10cqu_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_10cqu_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_10cqu_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_10cqu_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_10cqu_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_10cqu_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_10cqu_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_10cqu_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_10cqu_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_10cqu_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_10cqu_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_10cqu_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_10cqu_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_10cqu_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._chip_10cqu_146, ._tournamentPositionChip_10cqu_146, ._tournamentSetChip_10cqu_146, ._tournamentTypeChip_10cqu_146 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 2px 6px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 12px;
  position: relative;
  min-width: 48px;
}
._chip_10cqu_146._small_10cqu_159, ._small_10cqu_159._tournamentPositionChip_10cqu_146, ._small_10cqu_159._tournamentSetChip_10cqu_146, ._small_10cqu_159._tournamentTypeChip_10cqu_146 {
  padding: 1px 4px;
  font-size: 9px;
  min-width: 36px;
  gap: 2px;
}
._tournamentTypeChip_10cqu_146 {
  background-color: var(--clrTertiary);
  border: 1px solid var(--clrAccent-60);
  color: var(--clrAccent-100);
}
._typeTesting_10cqu_172 {
  background-color: #1e3a8a;
  border-color: #3b82f6;
  color: #93c5fd;
}
._typeRegionals_10cqu_178 {
  box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.35), 0 6px 16px rgba(255, 185, 0, 0.25);
  background: linear-gradient(45deg, #ffd700, #ffb02e, #ffd700, #fff8b5, #ffb02e, #ffd700);
  background-size: 300% 300%;
  animation: _gold-shimmer_10cqu_1 3s ease-in-out infinite;
  border-color: rgba(255, 215, 0, 0.5);
  color: #875c18;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}
._typeRegionals_10cqu_178::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: inherit;
  background: conic-gradient(from 0deg, #fff8b5 0%, #ffd700 15%, #ffb02e 30%, #ffd700 45%, #fff8b5 60%, #ffd700 75%, #ffb02e 90%, #fff8b5 100%);
  filter: blur(4px) saturate(1.2);
  animation: _chip-glow-spin_10cqu_1 3.2s linear infinite;
  padding: 3px;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}
._typeLcq_10cqu_206 {
  background-color: #7f1d1d;
  border-color: #dc2626;
  color: #fca5a5;
}
._typeLocal_10cqu_212 {
  background-color: #14532d;
  border-color: #16a34a;
  color: #86efac;
}
._typeFlagship_10cqu_218 {
  background-color: #713f12;
  border-color: #eab308;
  color: #fef08a;
}
._typeTreasureCup_10cqu_224 {
  background-color: #7c2d12;
  border-color: #f97316;
  color: #fdba74;
}
._typeNational_10cqu_230 {
  background-color: #581c87;
  border-color: #a855f7;
  color: #e9d5ff;
}
._typeWorld_10cqu_236 {
  box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.35), 0 6px 16px rgba(255, 185, 0, 0.25);
  background: linear-gradient(45deg, #ffd700, #ffb02e, #ffd700, #fff8b5, #ffb02e, #ffd700);
  background-size: 300% 300%;
  animation: _gold-shimmer_10cqu_1 3s ease-in-out infinite;
  border-color: rgba(255, 215, 0, 0.5);
  color: #875c18;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}
._typeWorld_10cqu_236::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: inherit;
  background: conic-gradient(from 0deg, #fff8b5 0%, #ffd700 15%, #ffb02e 30%, #ffd700 45%, #fff8b5 60%, #ffd700 75%, #ffb02e 90%, #fff8b5 100%);
  filter: blur(4px) saturate(1.2);
  animation: _chip-glow-spin_10cqu_1 3.2s linear infinite;
  padding: 3px;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}
._typeStoreCs_10cqu_264 {
  background-color: var(--clrTertiary);
  border-color: var(--clrAccent-60);
  color: var(--clrAccent-100);
}
._tournamentSetChip_10cqu_146 {
  background-color: transparent;
  border: 1px solid var(--clrAccent-60);
  color: var(--clrAccent-60);
}
._tournamentPositionChip_10cqu_146 {
  background-color: var(--clrAccent-30);
  color: var(--clrAccent-100);
}
._firstPlace_10cqu_281 {
  box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.35), 0 6px 16px rgba(255, 185, 0, 0.25);
  font-size: 12px;
  background: linear-gradient(45deg, #ffd700, #ffb02e, #ffd700, #fff8b5, #ffb02e, #ffd700);
  background-size: 300% 300%;
  animation: _gold-shimmer_10cqu_1 3s ease-in-out infinite;
  color: #875c18;
  font-weight: 600;
  overflow: hidden;
}
._firstPlace_10cqu_281::before {
  content: "";
  position: absolute;
  inset: -4px; /* how far the glow sits outside */
  border-radius: inherit;
  background: conic-gradient(from 0deg, #fff8b5 0%, #ffd700 15%, #ffb02e 30%, #ffd700 45%, #fff8b5 60%, #ffd700 75%, #ffb02e 90%, #fff8b5 100%);
  filter: blur(4px) saturate(1.2);
  animation: _chip-glow-spin_10cqu_1 3.2s linear infinite;
  padding: 3px;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; /* Safari */
  mask-composite: exclude;
  pointer-events: none;
  z-index: -1;
}
@keyframes _chip-glow-spin_10cqu_1 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes _gold-shimmer_10cqu_1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* Accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  ._firstPlace_10cqu_281::before {
    animation: none;
  }
  ._firstPlace_10cqu_281 {
    animation: none;
    background: #ffb02e; /* fallback to static gold */
  }
  ._typeRegionals_10cqu_178::before {
    animation: none;
  }
  ._typeRegionals_10cqu_178 {
    animation: none;
    background: #ffb02e; /* fallback to static gold */
  }
  ._typeWorld_10cqu_236::before {
    animation: none;
  }
  ._typeWorld_10cqu_236 {
    animation: none;
    background: #ffb02e; /* fallback to static gold */
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1bsmz_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1bsmz_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1bsmz_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1bsmz_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1bsmz_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1bsmz_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1bsmz_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1bsmz_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1bsmz_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1bsmz_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1bsmz_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1bsmz_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1bsmz_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1bsmz_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1bsmz_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1bsmz_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._tournamentLogContainer_1bsmz_146 {
  height: 128px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  border: 1px solid var(--clrTertiary);
  border-radius: 8px;
  transition: all 0.2s ease;
  cursor: pointer;
}
._tournamentLogContainer_1bsmz_146:active {
  border-color: var(--clrAccent-100);
  background-color: var(--clrTertiary);
  transform: translateY(-1px);
}
._tournamentLogContainer_1bsmz_146 ._tournamentLogInfo_1bsmz_164 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  height: 100%;
  width: 100%;
  padding: 8px;
}
._tournamentLogContainer_1bsmz_146 ._tournamentLogInfo_1bsmz_164 ._tournamentLogContent_1bsmz_174 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  height: 100%;
  padding: 2px 0;
  font-family: "Roboto Flex", sans-serif;
}
._tournamentLogContainer_1bsmz_146 ._tournamentLogInfo_1bsmz_164 ._tournamentLogContent_1bsmz_174 ._tournamentLogName_1bsmz_184 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clrAccent-100);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._tournamentLogContainer_1bsmz_146 ._tournamentLogInfo_1bsmz_164 ._tournamentLogContent_1bsmz_174 ._tournamentLogName_1bsmz_184[data-long=true] {
  font-size: 14px;
}
._tournamentLogContainer_1bsmz_146 ._tournamentLogInfo_1bsmz_164 ._tournamentLogContent_1bsmz_174 ._tournamentLogDate_1bsmz_201 {
  font-size: 10px;
  color: var(--clrAccent-100);
  opacity: 0.7;
}
._tournamentLogContainer_1bsmz_146 ._tournamentLogInfo_1bsmz_164 ._tournamentLogContent_1bsmz_174 ._tournamentLogDetails_1bsmz_206 {
  font-size: 8px;
  color: var(--clrAccent-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
._tournamentLogContainer_1bsmz_146 ._tournamentLogResultContainer_1bsmz_215 {
  min-width: 64px;
  width: 64px;
  height: 100%;
  border-radius: 0 7px 7px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background-color: var(--clrTertiary);
}
._tournamentLogContainer_1bsmz_146 ._tournamentLogResultContainer_1bsmz_215 ._resultValue_1bsmz_227 {
  font-size: 16px;
}
._tournamentLogContainer_1bsmz_146 ._tournamentLogResultContainer_1bsmz_215 ._resultBlock_1bsmz_230 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
}
._tournamentLogContainer_1bsmz_146 ._deleteTournamentBtn_1bsmz_238 {
  min-width: 48px;
  width: 48px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  background-color: transparent;
  border: none;
  border-left: 1px solid var(--clrAccent-30);
  cursor: pointer;
  font-size: 20px;
  transition: background-color 0.2s ease;
  color: var(--clrAccent-100);
}
._tournamentLogContainer_1bsmz_146 ._deleteTournamentBtn_1bsmz_238:hover {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
html {
  color-scheme: light dark auto;
}
._themeLight_1wt5s_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1wt5s_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1wt5s_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1wt5s_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1wt5s_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1wt5s_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1wt5s_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1wt5s_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1wt5s_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1wt5s_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1wt5s_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1wt5s_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1wt5s_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1wt5s_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1wt5s_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1wt5s_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._loaderContainer_1wt5s_146 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  background: var(--clrSecondary);
  z-index: 9999;
}
._loaderContainer_1wt5s_146 ._loader_1wt5s_146 {
  width: 65px;
  height: 30px;
  position: relative;
}
._loaderContainer_1wt5s_146 ._loader_1wt5s_146:before {
  content: "";
  position: absolute;
  border-radius: 50px;
  box-shadow: 0 0 0 3px inset var(--clrAccent-100);
  animation: _l3_1wt5s_1 0.75s infinite alternate;
}
@keyframes _l3_1wt5s_1 {
  0% {
    inset: 0 35px 0 0;
  }
  50% {
    inset: 0 0 0 0;
  }
  100% {
    inset: 0 0 0 35px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_12f3g_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_12f3g_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_12f3g_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_12f3g_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_12f3g_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_12f3g_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_12f3g_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_12f3g_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_12f3g_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_12f3g_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_12f3g_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_12f3g_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_12f3g_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_12f3g_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_12f3g_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_12f3g_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._historyContainer_12f3g_146 {
  width: 100%;
  padding: 16px 16px 24px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  max-width: 820px;
  margin: 0 auto;
  padding-top: calc(60px + env(safe-area-inset-top) + 16px);
  padding-bottom: calc(80px + env(safe-area-inset-bottom) + 16px);
}
._historyContainer_12f3g_146 ._historyHeader_12f3g_159 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
._historyContainer_12f3g_146 ._historyHeader_12f3g_159 h2 {
  color: var(--clrAccent-100);
  margin: 0;
}
._historyContainer_12f3g_146 ._historyHeader_12f3g_159 ._editModeBtn_12f3g_171 {
  padding: 8px 16px;
  background-color: transparent;
  color: var(--clrAccent-100);
  border: none;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid var(--clrAccent-30);
}
._historyContainer_12f3g_146 h2 {
  color: var(--clrAccent-100);
}
._historyContainer_12f3g_146 p {
  color: var(--clrAccent-100);
  opacity: 0.7;
}
._historyContainer_12f3g_146 ._loadMoreTrigger_12f3g_189 {
  width: 100%;
  min-height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 20px 0;
}
._historyContainer_12f3g_146 ._loadMoreTrigger_12f3g_189 ._smallLoader_12f3g_199 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 16px;
}
._historyContainer_12f3g_146 ._loadMoreTrigger_12f3g_189 ._smallLoader_12f3g_199 ._spinner_12f3g_207 {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: var(--clrAccent-100);
  border-radius: 50%;
  animation: _spin_12f3g_207 0.8s linear infinite;
}
@keyframes _spin_12f3g_207 {
  to {
    transform: rotate(360deg);
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_uph9x_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_uph9x_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_uph9x_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_uph9x_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_uph9x_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_uph9x_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_uph9x_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_uph9x_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_uph9x_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_uph9x_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_uph9x_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_uph9x_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_uph9x_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_uph9x_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_uph9x_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_uph9x_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._pageContainer_uph9x_146 {
  max-width: 900px;
  margin: 0 auto;
  padding: 128px 24px;
}
._header_uph9x_152 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 40px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--clrAccent-20);
}
._logoSection_uph9x_163 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
._logoSection_uph9x_163 ._logo_uph9x_163 {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
._logoSection_uph9x_163 ._appName_uph9x_175 {
  font-size: 24px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._backButton_uph9x_181 {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.2s ease;
}
._backButton_uph9x_181:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}
._pageContainer_uph9x_146 h1 {
  font-size: 42px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin-bottom: 40px;
  text-align: left;
}
._content_uph9x_204 {
  color: var(--clrAccent-80);
  line-height: 1.8;
}
._content_uph9x_204 h2 {
  font-size: 28px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin-top: 32px;
  margin-bottom: 16px;
  text-align: left;
}
._content_uph9x_204 p {
  font-size: 16px;
  margin-bottom: 20px;
}
._content_uph9x_204 strong {
  color: var(--clrAccent-100);
  font-weight: 600;
}
@media (max-width: 768px) {
  ._header_uph9x_152 {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  ._logoSection_uph9x_163 ._logo_uph9x_163 {
    width: 40px;
    height: 40px;
  }
  ._logoSection_uph9x_163 ._appName_uph9x_175 {
    font-size: 20px;
  }
  ._backButton_uph9x_181 {
    width: 100%;
    text-align: center;
  }
  ._pageContainer_uph9x_146 {
    padding: 80px 20px;
  }
  ._pageContainer_uph9x_146 h1 {
    font-size: 32px;
    margin-bottom: 32px;
  }
  ._content_uph9x_204 h2 {
    font-size: 24px;
    margin-top: 24px;
  }
  ._content_uph9x_204 p {
    font-size: 15px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_s210d_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_s210d_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_s210d_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_s210d_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_s210d_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_s210d_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_s210d_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_s210d_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_s210d_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_s210d_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_s210d_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_s210d_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_s210d_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_s210d_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_s210d_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_s210d_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._pageContainer_s210d_146 {
  max-width: 900px;
  margin: 0 auto;
  padding: 128px 24px;
}
._header_s210d_152 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 40px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--clrAccent-20);
}
._logoSection_s210d_163 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
._logoSection_s210d_163 ._logo_s210d_163 {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
._logoSection_s210d_163 ._appName_s210d_175 {
  font-size: 24px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._backButton_s210d_181 {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.2s ease;
}
._backButton_s210d_181:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}
._pageContainer_s210d_146 h1 {
  font-size: 42px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin-bottom: 40px;
  text-align: left;
}
._content_s210d_204 {
  color: var(--clrAccent-80);
  line-height: 1.8;
}
._content_s210d_204 h2 {
  font-size: 28px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin-top: 32px;
  margin-bottom: 16px;
  text-align: left;
}
._content_s210d_204 p {
  font-size: 16px;
  margin-bottom: 20px;
}
._content_s210d_204 ul {
  margin: 16px 0 20px 24px;
}
._content_s210d_204 ul li {
  font-size: 16px;
  margin-bottom: 8px;
  color: var(--clrAccent-80);
}
._content_s210d_204 strong {
  color: var(--clrAccent-100);
  font-weight: 600;
}
@media (max-width: 768px) {
  ._header_s210d_152 {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  ._logoSection_s210d_163 ._logo_s210d_163 {
    width: 40px;
    height: 40px;
  }
  ._logoSection_s210d_163 ._appName_s210d_175 {
    font-size: 20px;
  }
  ._backButton_s210d_181 {
    width: 100%;
    text-align: center;
  }
  ._pageContainer_s210d_146 {
    padding: 80px 20px;
  }
  ._pageContainer_s210d_146 h1 {
    font-size: 32px;
    margin-bottom: 32px;
  }
  ._content_s210d_204 h2 {
    font-size: 24px;
    margin-top: 24px;
  }
  ._content_s210d_204 p {
    font-size: 15px;
  }
}

html {
  color-scheme: light dark auto;
}
._themeLight_1c3o4_7 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1c3o4_21 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1c3o4_35 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1c3o4_50 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1c3o4_75 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1c3o4_75 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1c3o4_75 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1c3o4_75 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1c3o4_75 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1c3o4_75 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1c3o4_75 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1c3o4_75 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1c3o4_75 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1c3o4_75 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1c3o4_75 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1c3o4_75 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._adminDashboard_1c3o4_147 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 128px 16px;
  min-height: 100vh;
}
._header_1c3o4_155 {
  margin-bottom: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
._header_1c3o4_155 h1 {
  color: var(--clrAccent-100);
  font-size: 32px;
  font-weight: 700;
  margin: 0;
}
._migrationBtn_1c3o4_171 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  background-color: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  color: #3b82f6;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._migrationBtn_1c3o4_171:hover:not(:disabled) {
  background-color: rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
}
._migrationBtn_1c3o4_171:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._loadingContainer_1c3o4_196 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
._loadingText_1c3o4_206 {
  color: var(--clrAccent-70);
  font-size: 16px;
}
._statsGrid_1c3o4_211 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  margin-bottom: 40px;
}
._statCard_1c3o4_218 {
  background-color: var(--clrSecondary);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  border: 1px solid var(--clrAccent-30);
  transition: all 0.2s ease;
  cursor: pointer;
}
._statCard_1c3o4_218:hover {
  border-color: var(--clrAccent-50);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
._statIcon_1c3o4_237 {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: var(--clrTertiary);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  color: var(--clrAccent-100);
  font-size: 24px;
  flex-shrink: 0;
}
._statContent_1c3o4_252 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
._statValue_1c3o4_260 {
  font-size: 32px;
  font-weight: 700;
  color: var(--clrAccent-100);
  line-height: 1;
}
._statLabel_1c3o4_267 {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._analyticsSection_1c3o4_273 {
  margin-bottom: 40px;
}
._analyticsToggle_1c3o4_277 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
}
._toggleBtn_1c3o4_286 {
  padding: 8px 16px;
  border: 1px solid var(--clrAccent-30);
  background-color: var(--clrSecondary);
  color: var(--clrAccent-70);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._toggleBtn_1c3o4_286:hover {
  border-color: var(--clrAccent-50);
  color: var(--clrAccent-100);
}
._toggleBtn_1c3o4_286._active_1c3o4_301 {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  border-color: var(--clrAccent-100);
}
._mainContent_1c3o4_307 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-bottom: 40px;
}
._signupsSection_1c3o4_314 {
  width: 100%;
}
._signupsHeader_1c3o4_318 {
  margin-bottom: 20px;
}
._signupsHeader_1c3o4_318 h2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin: 0;
}
._filterHint_1c3o4_328 {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-style: italic;
}
._signupsGrid_1c3o4_334 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
  min-height: 48px;
}
._signupCard_1c3o4_342 {
  background-color: var(--clrSecondary);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 2px;
  padding: 4px 8px;
  border: 1px solid var(--clrAccent-30);
  transition: all 0.2s ease;
  cursor: pointer;
  max-height: 48px;
}
._signupCard_1c3o4_342:hover {
  border-color: var(--clrAccent-50);
  transform: translateY(-2px);
}
._signupCard_1c3o4_342._active_1c3o4_301 {
  border-color: var(--clrAccent-100);
  background-color: var(--clrTertiary);
}
._signupCard_1c3o4_342._active_1c3o4_301 ._signupValue_1c3o4_364 {
  color: var(--clrAccent-100);
}
._signupValue_1c3o4_364 {
  font-size: 16px;
  font-weight: 700;
  color: var(--clrAccent-100);
  line-height: 1;
}
._signupLabel_1c3o4_375 {
  font-size: 12px;
  color: var(--clrAccent-60);
  font-weight: 500;
  text-align: center;
}
._signupDate_1c3o4_382 {
  font-size: 12px;
  color: var(--clrAccent-60);
  font-style: italic;
}
._usersSection_1c3o4_388 {
  width: 100%;
}
._usersHeader_1c3o4_392 {
  margin-bottom: 20px;
}
._usersHeader_1c3o4_392 h2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin: 0;
}
._searchContainer_1c3o4_402 {
  position: relative;
  margin-bottom: 16px;
}
._searchIcon_1c3o4_407 {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--clrAccent-60);
  font-size: 18px;
  pointer-events: none;
  z-index: 1;
}
._searchInput_1c3o4_418 {
  width: 100%;
  padding: 14px 16px 14px 48px;
  background-color: var(--clrAccent-100);
  border: 1px solid var(--clrAccent-100);
  border-radius: 8px;
  color: var(--clrPrimary);
  font-size: 16px;
  transition: all 0.2s ease;
}
._searchInput_1c3o4_418::placeholder {
  color: var(--clrAccent-50);
}
._searchInput_1c3o4_418:focus {
  outline: none;
  border-color: var(--clrAccent-100);
}
._usersList_1c3o4_436 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  max-height: 280px; /* Approx 4 rows: (60px row + 8px gap) × 4 */
  overflow-y: auto;
  padding-right: 4px;
  border: 1px solid var(--clrAccent-30);
  background-color: var(--clrPrimary);
  padding: 8px;
  border-radius: 8px;
  /* Custom scrollbar */
}
._usersList_1c3o4_436::-webkit-scrollbar {
  width: 6px;
}
._usersList_1c3o4_436::-webkit-scrollbar-track {
  background: var(--clrTertiary);
  border-radius: 3px;
}
._usersList_1c3o4_436::-webkit-scrollbar-thumb {
  background: var(--clrAccent-30);
  border-radius: 3px;
}
._usersList_1c3o4_436::-webkit-scrollbar-thumb:hover {
  background: var(--clrAccent-60);
}
._userRow_1c3o4_465 {
  background-color: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._userRow_1c3o4_465:hover {
  border-color: var(--clrAccent-100);
  transform: translateX(4px);
}
._userMainInfo_1c3o4_483 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
._userMetadata_1c3o4_493 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-shrink: 0;
}
._username_1c3o4_502 {
  font-size: 14px;
  font-weight: 600;
  color: var(--clrAccent-100);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._rank_1c3o4_511 {
  font-size: 14px;
  font-weight: 700;
  color: var(--clrAccent-70);
  margin-right: 8px;
  min-width: 30px;
  flex-shrink: 0;
}
._tournamentCount_1c3o4_520 {
  font-size: 13px;
  font-weight: 600;
  color: var(--clrAccent-100);
  background: rgba(var(--clrAccent-100-rgb, 255, 255, 255), 0.1);
  padding: 4px 12px;
  border-radius: 12px;
  white-space: nowrap;
}
._premiumBadge_1c3o4_530 {
  color: #fbbf24;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-shrink: 0;
}
._userEmail_1c3o4_541 {
  font-size: 13px;
  color: var(--clrAccent-60);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._signupDate_1c3o4_382 {
  font-size: 12px;
  color: var(--clrAccent-60);
  white-space: nowrap;
}
._noResults_1c3o4_555 {
  grid-column: 1/-1;
  text-align: center;
  padding: 48px;
  color: var(--clrAccent-60);
  font-size: 16px;
  font-style: italic;
}
@media (max-width: 768px) {
  ._adminDashboard_1c3o4_147 {
    padding: 80px 16px;
  }
  ._header_1c3o4_155 h1 {
    font-size: 24px;
  }
  ._statsGrid_1c3o4_211 {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 32px;
  }
  ._statCard_1c3o4_218 {
    padding: 20px;
  }
  ._statIcon_1c3o4_237 {
    width: 48px;
    height: 48px;
    font-size: 20px;
  }
  ._statValue_1c3o4_260 {
    font-size: 28px;
  }
  ._mainContent_1c3o4_307 {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  ._signupsSection_1c3o4_314 h2 {
    font-size: 18px;
  }
  ._usersHeader_1c3o4_392 h2 {
    font-size: 18px;
  }
  ._signupsGrid_1c3o4_334 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  ._signupCard_1c3o4_342 {
    padding: 14px;
  }
  ._signupValue_1c3o4_364 {
    font-size: 24px;
  }
  ._signupLabel_1c3o4_375 {
    font-size: 12px;
  }
  ._userRow_1c3o4_465 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  ._userMetadata_1c3o4_493 {
    width: 100%;
    justify-content: flex-start;
  }
}
._modalOverlay_1c3o4_620 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  z-index: 1000;
  padding: 20px;
  padding-top: 15vh;
  overflow-y: auto;
}
._modal_1c3o4_620 {
  background-color: var(--clrPrimary);
  border-radius: 8px;
  width: 100%;
  max-width: 700px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  border: 1px solid var(--clrAccent-30);
  overflow: hidden;
}
._modalHeader_1c3o4_653 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px;
  border-bottom: 1px solid var(--clrAccent-30);
}
._modalHeader_1c3o4_653 h2 {
  color: var(--clrAccent-100);
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
._closeButton_1c3o4_669 {
  background: none;
  border: none;
  color: var(--clrAccent-70);
  font-size: 32px;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  transition: color 0.2s ease;
}
._closeButton_1c3o4_669:hover {
  color: var(--clrAccent-100);
}
._modalSearchContainer_1c3o4_690 {
  position: relative;
  padding: 20px 24px;
  border-bottom: 1px solid var(--clrAccent-30);
}
._searchIcon_1c3o4_407 {
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--clrAccent-60);
  font-size: 18px;
}
._modalSearchInput_1c3o4_705 {
  width: 100%;
  padding: 12px 16px 12px 40px;
  background-color: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  color: var(--clrAccent-100);
  font-size: 14px;
  transition: all 0.2s ease;
}
._modalSearchInput_1c3o4_705:focus {
  outline: none;
  border-color: var(--clrAccent-50);
  background-color: var(--clrTertiary);
}
._modalSearchInput_1c3o4_705::placeholder {
  color: var(--clrAccent-50);
}
._modalUsersList_1c3o4_724 {
  overflow-y: auto;
  flex: 1;
  padding: 16px 24px;
}
._modalUserRow_1c3o4_730 {
  padding: 16px;
  background-color: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._modalUserRow_1c3o4_730:hover {
  border-color: var(--clrAccent-50);
  transform: translateX(4px);
  background-color: var(--clrTertiary);
}
._modalUserRow_1c3o4_730 ._userMainInfo_1c3o4_483 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 4px;
}
._modalUserRow_1c3o4_730 ._username_1c3o4_502 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._modalUserRow_1c3o4_730 ._userEmail_1c3o4_541 {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._modalUserRow_1c3o4_730 ._premiumBadge_1c3o4_530 {
  color: #fbbf24;
  font-size: 14px;
}
._noResults_1c3o4_555 {
  text-align: center;
  padding: 48px 24px;
  color: var(--clrAccent-60);
  font-size: 16px;
}
html {
  color-scheme: light dark auto;
}
._themeLight_1tzzl_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1tzzl_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1tzzl_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1tzzl_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1tzzl_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1tzzl_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1tzzl_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1tzzl_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1tzzl_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1tzzl_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1tzzl_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1tzzl_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1tzzl_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1tzzl_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1tzzl_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1tzzl_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._analyticsContainer_1tzzl_146 {
  background-color: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 32px;
}
._title_1tzzl_154 {
  color: var(--clrAccent-100);
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 20px 0;
  text-align: center;
}
._chartContainer_1tzzl_162 {
  width: 100%;
  height: 300px;
}
._chartContainer_1tzzl_162 ._recharts-cartesian-grid-horizontal_1tzzl_166 line,
._chartContainer_1tzzl_162 ._recharts-cartesian-grid-vertical_1tzzl_167 line {
  stroke: var(--clrAccent-30);
}
._chartContainer_1tzzl_162 ._recharts-text_1tzzl_170,
._chartContainer_1tzzl_162 ._recharts-label_1tzzl_171,
._chartContainer_1tzzl_162 ._recharts-cartesian-axis-tick_1tzzl_172,
._chartContainer_1tzzl_162 ._recharts-cartesian-axis-tick-value_1tzzl_173 {
  fill: var(--clrAccent-100) !important;
  color: var(--clrAccent-100) !important;
}
._chartContainer_1tzzl_162 ._recharts-xAxis_1tzzl_177 ._recharts-text_1tzzl_170,
._chartContainer_1tzzl_162 ._recharts-yAxis_1tzzl_178 ._recharts-text_1tzzl_170 {
  fill: var(--clrAccent-100) !important;
}
._chartContainer_1tzzl_162 ._recharts-legend-item_1tzzl_181 ._recharts-legend-item-text_1tzzl_181 {
  color: var(--clrAccent-100) !important;
}
._tooltip_1tzzl_185 {
  background-color: var(--clrTertiary);
  border: 1px solid var(--clrAccent-50);
  border-radius: 4px;
  padding: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
._tooltipLabel_1tzzl_193 {
  color: var(--clrAccent-100);
  font-weight: 600;
  margin: 0 0 8px 0;
  font-size: 14px;
}
._tooltipSignups_1tzzl_200,
._tooltipPremium_1tzzl_201 {
  color: var(--clrAccent-80);
  margin: 4px 0;
  font-size: 13px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
._signupsColor_1tzzl_212 {
  color: #3b82f6;
  font-size: 16px;
  line-height: 1;
}
._premiumColor_1tzzl_218 {
  color: #fbbf24;
  font-size: 16px;
  line-height: 1;
}
@media (max-width: 768px) {
  ._analyticsContainer_1tzzl_146 {
    padding: 16px;
  }
  ._title_1tzzl_154 {
    font-size: 18px;
  }
  ._chartContainer_1tzzl_162 {
    height: 250px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1yhma_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1yhma_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1yhma_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1yhma_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1yhma_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1yhma_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1yhma_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1yhma_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1yhma_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1yhma_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1yhma_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1yhma_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1yhma_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1yhma_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1yhma_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1yhma_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._container_1yhma_146 {
  background: var(--clrPrimary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}
._header_1yhma_154 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 16px;
}
._title_1yhma_163 {
  font-size: 20px;
  font-weight: 700;
  color: var(--clrAccent-100);
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
._stats_1yhma_173 {
  display: flex;
  gap: 24px;
}
._stat_1yhma_173 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._statValue_1yhma_184 {
  font-size: 24px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._statLabel_1yhma_190 {
  font-size: 12px;
  color: var(--clrAccent-70);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._loading_1yhma_197 {
  text-align: center;
  color: var(--clrAccent-70);
  padding: 40px 0;
}
._sortButtons_1yhma_203 {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
._sortButton_1yhma_203 {
  padding: 8px 16px;
  background: var(--clrBG-secondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 6px;
}
._sortButton_1yhma_203:hover {
  background: var(--clrAccent-10);
  border-color: var(--clrAccent-50);
}
._sortButton_1yhma_203._active_1yhma_228 {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
  border-color: var(--clrAccent-100);
}
._tableContainer_1yhma_234 {
  overflow-x: auto;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
}
._table_1yhma_234 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
._table_1yhma_234 thead {
  background: var(--clrBG-secondary);
}
._table_1yhma_234 thead th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  color: var(--clrAccent-100);
  border-bottom: 1px solid var(--clrAccent-30);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
._table_1yhma_234 tbody tr {
  border-bottom: 1px solid var(--clrAccent-10);
  transition: background 0.2s ease;
}
._table_1yhma_234 tbody tr:hover {
  background: var(--clrBG-secondary);
}
._table_1yhma_234 tbody tr._topThree_1yhma_266 {
  font-weight: 600;
}
._table_1yhma_234 tbody td {
  padding: 12px 16px;
  color: var(--clrAccent-100);
  white-space: nowrap;
}
._rank_1yhma_275 {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}
._goldBadge_1yhma_282,
._silverBadge_1yhma_283,
._bronzeBadge_1yhma_284 {
  font-size: 16px;
}
._deckName_1yhma_288 {
  font-weight: 500;
  max-width: 300px;
}
._deckNameCell_1yhma_293 {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
  overflow: hidden;
}
._deckNameCell_1yhma_293 span {
  overflow: hidden;
  text-overflow: ellipsis;
}
._positive_1yhma_305 {
  color: green !important;
  font-weight: 600;
}
._negative_1yhma_310 {
  color: red !important;
  font-weight: 600;
}
._highlight_1yhma_315 {
  background: rgba(0, 128, 0, 0.1);
  font-weight: 600;
}
@media (max-width: 768px) {
  ._container_1yhma_146 {
    padding: 16px;
  }
  ._header_1yhma_154 {
    flex-direction: column;
    align-items: flex-start;
  }
  ._stats_1yhma_173 {
    width: 100%;
    justify-content: space-around;
  }
  ._sortButtons_1yhma_203 {
    width: 100%;
  }
  ._sortButtons_1yhma_203 ._sortButton_1yhma_203 {
    flex: 1;
    min-width: 150px;
    justify-content: center;
  }
  ._table_1yhma_234 {
    font-size: 12px;
  }
  ._table_1yhma_234 thead th,
  ._table_1yhma_234 tbody td {
    padding: 8px 12px;
  }
  ._deckName_1yhma_288 {
    max-width: 150px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_zbvnr_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_zbvnr_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_zbvnr_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_zbvnr_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_zbvnr_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_zbvnr_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_zbvnr_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_zbvnr_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_zbvnr_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_zbvnr_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_zbvnr_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_zbvnr_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_zbvnr_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_zbvnr_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_zbvnr_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_zbvnr_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._container_zbvnr_146 {
  background: var(--clrPrimary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}
._header_zbvnr_154 {
  margin-bottom: 24px;
}
._titleRow_zbvnr_158 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
  gap: 16px;
}
._title_zbvnr_158 {
  font-size: 20px;
  font-weight: 700;
  color: var(--clrAccent-100);
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
._setSelect_zbvnr_177 {
  padding: 8px 16px;
  background: var(--clrTertiary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 120px;
}
._setSelect_zbvnr_177:hover {
  border-color: var(--clrAccent-60);
}
._setSelect_zbvnr_177:focus {
  outline: none;
  border-color: var(--clrAccent-100);
}
._setSelect_zbvnr_177 option {
  background: var(--clrSecondary);
  color: var(--clrAccent-100);
}
._editButton_zbvnr_201 {
  padding: 8px 16px;
  background: var(--clrBG-secondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 6px;
}
._editButton_zbvnr_201:hover {
  background: var(--clrAccent-10);
  border-color: var(--clrAccent-50);
}
._editForm_zbvnr_220 {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
._seasonInput_zbvnr_227,
._dateInput_zbvnr_228 {
  padding: 8px 12px;
  background: var(--clrBG-secondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  color: var(--clrAccent-100);
  font-size: 14px;
}
._seasonInput_zbvnr_227:focus,
._dateInput_zbvnr_228:focus {
  outline: none;
  border-color: var(--clrAccent-50);
}
._saveButton_zbvnr_242 {
  padding: 8px 16px;
  background: green;
  border: 1px solid green;
  border-radius: 8px;
  color: white;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 6px;
}
._saveButton_zbvnr_242:hover {
  opacity: 90%;
}
._cancelButton_zbvnr_260 {
  padding: 8px 16px;
  background: transparent;
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 6px;
}
._cancelButton_zbvnr_260:hover {
  background: var(--clrBG-secondary);
}
._seasonInfo_zbvnr_278 {
  font-size: 14px;
  color: var(--clrAccent-70);
  margin-bottom: 16px;
}
._stats_zbvnr_284 {
  display: flex;
  gap: 24px;
}
._stat_zbvnr_284 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._statValue_zbvnr_295 {
  font-size: 24px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._statLabel_zbvnr_301 {
  font-size: 12px;
  color: var(--clrAccent-70);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._loading_zbvnr_308 {
  text-align: center;
  color: var(--clrAccent-70);
  padding: 40px 0;
}
._sortButtons_zbvnr_314 {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
._sortButton_zbvnr_314 {
  padding: 8px 16px;
  background: var(--clrBG-secondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._sortButton_zbvnr_314:hover {
  background: var(--clrAccent-10);
  border-color: var(--clrAccent-50);
}
._sortButton_zbvnr_314._active_zbvnr_336 {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
  border-color: var(--clrAccent-100);
}
._tableContainer_zbvnr_342 {
  overflow-x: auto;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
}
._table_zbvnr_342 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
._table_zbvnr_342 thead {
  background: var(--clrBG-secondary);
}
._table_zbvnr_342 thead th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  color: var(--clrAccent-100);
  border-bottom: 1px solid var(--clrAccent-30);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
._table_zbvnr_342 tbody tr {
  border-bottom: 1px solid var(--clrAccent-10);
  transition: background 0.2s ease;
}
._table_zbvnr_342 tbody tr:hover {
  background: var(--clrBG-secondary);
}
._table_zbvnr_342 tbody tr._topThree_zbvnr_374 {
  font-weight: 600;
}
._table_zbvnr_342 tbody td {
  padding: 12px 16px;
  color: var(--clrAccent-100);
  white-space: nowrap;
}
._rank_zbvnr_383 {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}
._goldBadge_zbvnr_390,
._silverBadge_zbvnr_391,
._bronzeBadge_zbvnr_392 {
  font-size: 16px;
}
._deckName_zbvnr_396 {
  font-weight: 500;
  max-width: 300px;
}
._deckNameCell_zbvnr_401 {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
  overflow: hidden;
}
._deckNameCell_zbvnr_401 span {
  overflow: hidden;
  text-overflow: ellipsis;
}
._positive_zbvnr_413 {
  color: green !important;
  font-weight: 600;
}
._negative_zbvnr_418 {
  color: red !important;
  font-weight: 600;
}
._highlight_zbvnr_423 {
  background: rgba(0, 128, 0, 0.1);
  font-weight: 600;
}
@media (max-width: 768px) {
  ._container_zbvnr_146 {
    padding: 16px;
  }
  ._titleRow_zbvnr_158 {
    flex-direction: column;
    align-items: flex-start;
  }
  ._editForm_zbvnr_220 {
    width: 100%;
  }
  ._editForm_zbvnr_220 ._seasonInput_zbvnr_227,
  ._editForm_zbvnr_220 ._dateInput_zbvnr_228 {
    flex: 1;
  }
  ._stats_zbvnr_284 {
    width: 100%;
    justify-content: space-around;
  }
  ._sortButtons_zbvnr_314 {
    width: 100%;
  }
  ._sortButtons_zbvnr_314 ._sortButton_zbvnr_314 {
    flex: 1;
    min-width: 150px;
    justify-content: center;
  }
  ._table_zbvnr_342 {
    font-size: 12px;
  }
  ._table_zbvnr_342 thead th,
  ._table_zbvnr_342 tbody td {
    padding: 8px 12px;
  }
  ._deckName_zbvnr_396 {
    max-width: 150px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1ijz3_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1ijz3_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1ijz3_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1ijz3_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1ijz3_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1ijz3_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1ijz3_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1ijz3_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1ijz3_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1ijz3_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1ijz3_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1ijz3_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1ijz3_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1ijz3_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1ijz3_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1ijz3_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._adminUserDetail_1ijz3_146 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 128px 16px;
  min-height: 100vh;
}
._loadingContainer_1ijz3_154 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
._loadingText_1ijz3_164 {
  color: var(--clrAccent-70);
  font-size: 16px;
}
._backButton_1ijz3_169 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  background-color: var(--clrTertiary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 24px;
}
._backButton_1ijz3_169:hover {
  background-color: var(--clrSecondary);
  border-color: var(--clrAccent-100);
}
._userHeader_1ijz3_191 {
  margin-bottom: 32px;
}
._userTitleSection_1ijz3_195 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 8px;
}
._userTitleSection_1ijz3_195 h1 {
  color: var(--clrAccent-100);
  font-size: 32px;
  font-weight: 700;
  margin: 0;
}
._premiumBadge_1ijz3_210 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 12px;
  background-color: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 4px;
  color: #fbbf24;
  font-size: 14px;
  font-weight: 600;
}
._userEmail_1ijz3_225 {
  font-size: 16px;
  color: var(--clrAccent-60);
}
._actionsSection_1ijz3_230 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
._actionBtn_1ijz3_240 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  border: 1px solid;
  min-width: 180px;
}
._actionBtn_1ijz3_240:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._premiumBtn_1ijz3_260 {
  background-color: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
  color: #fbbf24;
}
._premiumBtn_1ijz3_260:hover:not(:disabled) {
  background-color: rgba(251, 191, 36, 0.2);
  border-color: #fbbf24;
}
._deleteBtn_1ijz3_270 {
  background-color: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
  color: #ef4444;
}
._deleteBtn_1ijz3_270:hover:not(:disabled) {
  background-color: rgba(239, 68, 68, 0.2);
  border-color: #ef4444;
}
._buttonSpinner_1ijz3_280 {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: _rotation_1ijz3_1 1s linear infinite;
}
@keyframes _rotation_1ijz3_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._profileDataSection_1ijz3_299 {
  margin-bottom: 40px;
  background-color: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 24px;
}
._sectionHeader_1ijz3_307 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
  flex-wrap: nowrap;
}
._sectionHeader_1ijz3_307 h2 {
  color: var(--clrAccent-100);
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
._editBtn_1ijz3_323 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: var(--clrTertiary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 4px;
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._editBtn_1ijz3_323:hover {
  background-color: var(--clrAccent-30);
  border-color: var(--clrAccent-50);
}
._editActions_1ijz3_344 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._saveBtn_1ijz3_352 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  background-color: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 4px;
  color: #22c55e;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._saveBtn_1ijz3_352:hover:not(:disabled) {
  background-color: rgba(34, 197, 94, 0.25);
  border-color: #22c55e;
}
._saveBtn_1ijz3_352:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._cancelBtn_1ijz3_377 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  background-color: var(--clrTertiary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 4px;
  color: var(--clrAccent-70);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._cancelBtn_1ijz3_377:hover:not(:disabled) {
  background-color: var(--clrSecondary);
  border-color: var(--clrAccent-50);
}
._cancelBtn_1ijz3_377:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._profileFields_1ijz3_402 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}
._profileField_1ijz3_402 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
._fieldLabel_1ijz3_416 {
  font-size: 12px;
  font-weight: 600;
  color: var(--clrAccent-60);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._fieldValue_1ijz3_424 {
  font-size: 14px;
  color: var(--clrAccent-90);
  word-break: break-word;
  font-family: "SF Mono", Consolas, Monaco, monospace;
  background-color: var(--clrTertiary);
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--clrAccent-20);
  width: 100%;
  box-sizing: border-box;
}
._fieldInput_1ijz3_437 {
  font-size: 14px;
  color: var(--clrAccent-100);
  background-color: var(--clrTertiary);
  border: 1px solid var(--clrAccent-50);
  border-radius: 4px;
  padding: 8px 12px;
  width: 100%;
  box-sizing: border-box;
  font-family: "SF Mono", Consolas, Monaco, monospace;
  transition: all 0.2s ease;
}
._fieldInput_1ijz3_437:focus {
  outline: none;
  border-color: var(--clrAccent-100);
  background-color: var(--clrSecondary);
}
._statsSection_1ijz3_455 {
  margin-bottom: 40px;
}
._statsSection_1ijz3_455 h2 {
  color: var(--clrAccent-100);
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
._statsGrid_1ijz3_465 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 16px;
}
._statCard_1ijz3_471 {
  background-color: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  transition: all 0.2s ease;
}
._statCard_1ijz3_471:hover {
  border-color: var(--clrAccent-50);
}
._statValue_1ijz3_488 {
  font-size: 28px;
  font-weight: 700;
  color: var(--clrAccent-100);
  line-height: 1;
}
._statLabel_1ijz3_495 {
  font-size: 13px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._tournamentsSection_1ijz3_501 h2 {
  color: var(--clrAccent-100);
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
._noTournaments_1ijz3_508 {
  text-align: center;
  padding: 48px;
  color: var(--clrAccent-60);
  font-size: 16px;
  font-style: italic;
  background-color: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
}
._tournamentsList_1ijz3_519 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}
._tournamentCard_1ijz3_525 {
  background-color: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 20px;
  transition: all 0.2s ease;
}
._tournamentCard_1ijz3_525:hover {
  border-color: var(--clrAccent-50);
  transform: translateY(-2px);
}
._tournamentHeader_1ijz3_537 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
._tournamentHeader_1ijz3_537 h3 {
  color: var(--clrAccent-100);
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  flex: 1;
}
._finishedBadge_1ijz3_553 {
  padding: 4px 8px;
  background-color: rgba(34, 197, 94, 0.15);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 4px;
  color: #16a34a;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
._tournamentDetails_1ijz3_564 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
._detail_1ijz3_572 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 14px;
}
._detailLabel_1ijz3_581 {
  color: var(--clrAccent-60);
  font-weight: 500;
  min-width: 70px;
}
._detailValue_1ijz3_587 {
  color: var(--clrAccent-100);
  font-weight: 600;
}
._modalOverlay_1ijz3_592 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 16px;
}
._modal_1ijz3_592 {
  width: min(500px, 100%);
  background-color: var(--clrSecondary);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}
._modal_1ijz3_592 h3 {
  margin: 0;
  color: var(--clrAccent-100);
  font-size: 20px;
}
._modal_1ijz3_592 p {
  margin: 0;
  color: var(--clrAccent-70);
  font-size: 15px;
  line-height: 1.5;
}
._modal_1ijz3_592 p strong {
  color: var(--clrAccent-100);
}
._modalActions_1ijz3_628 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._cancelBtn_1ijz3_377,
._confirmDeleteBtn_1ijz3_636 {
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
}
._cancelBtn_1ijz3_377:disabled,
._confirmDeleteBtn_1ijz3_636:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._cancelBtn_1ijz3_377 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._cancelBtn_1ijz3_377:hover:not(:disabled) {
  background-color: var(--clrAccent-30);
}
._confirmDeleteBtn_1ijz3_636 {
  background-color: #ef4444;
  color: white;
}
._confirmDeleteBtn_1ijz3_636:hover:not(:disabled) {
  background-color: #dc2626;
}
@media (max-width: 768px) {
  ._adminUserDetail_1ijz3_146 {
    padding: 80px 16px;
  }
  ._userTitleSection_1ijz3_195 {
    flex-direction: column;
    align-items: flex-start;
  }
  ._userTitleSection_1ijz3_195 h1 {
    font-size: 24px;
  }
  ._actionsSection_1ijz3_230 {
    flex-direction: column;
    align-items: stretch;
  }
  ._actionsSection_1ijz3_230 ._actionBtn_1ijz3_240 {
    width: 100%;
  }
  ._statsGrid_1ijz3_465 {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  ._statCard_1ijz3_471 {
    padding: 16px;
  }
  ._statValue_1ijz3_488 {
    font-size: 24px;
  }
  ._tournamentsList_1ijz3_519 {
    grid-template-columns: 1fr;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1uazg_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1uazg_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1uazg_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1uazg_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1uazg_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1uazg_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1uazg_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1uazg_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1uazg_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1uazg_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1uazg_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1uazg_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1uazg_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1uazg_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1uazg_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1uazg_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._container_1uazg_146 {
  max-width: 820px;
  margin: 0 auto;
  padding: 16px 14px;
  padding-bottom: 120px;
}
@media (max-width: 768px) {
  ._container_1uazg_146 {
    padding: 14px;
    padding-top: 32px;
  }
}
._container_1uazg_146 {
  padding-top: calc(60px + env(safe-area-inset-top) + 16px);
  padding-bottom: calc(60px + env(safe-area-inset-top) + 16px);
}
._stickyHeader_1uazg_163 {
  position: sticky;
  top: 84px;
  z-index: 100;
  background: var(--clrBG-primary);
  margin-top: -14px;
}
@media (max-width: 768px) {
  ._stickyHeader_1uazg_163 {
    top: 84px;
  }
}
._backButton_1uazg_176 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--clrPrimary);
  border: 1px solid var(--clrAccent-30);
  color: var(--clrAccent-100);
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 16px;
}
._backButton_1uazg_176:hover {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
  border-color: var(--clrPrimary);
  transform: translateX(-4px);
}
._header_1uazg_198 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  background: var(--clrPrimary);
  border-radius: 12px;
  border: 1px solid var(--clrAccent-30);
  margin-bottom: 16px;
  padding: 16px;
}
@media (max-width: 768px) {
  ._header_1uazg_198 {
    flex-direction: row;
    gap: 16px;
    padding: 12px;
  }
}
._deckImage_1uazg_218 {
  width: 120px;
  height: 168px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  ._deckImage_1uazg_218 {
    width: 100px;
    height: 140px;
  }
}
._deckInfo_1uazg_232 {
  flex: 1;
}
._deckInfo_1uazg_232 h1 {
  font-size: 16px;
  margin: 0 0 8px 0;
  color: var(--clrAccent-100);
}
@media (max-width: 768px) {
  ._deckInfo_1uazg_232 h1 {
    font-size: 14px;
  }
}
._deckInfo_1uazg_232 p {
  font-size: 14px;
  color: var(--clrAccent-100);
  margin: 0;
}
._statsGrid_1uazg_251 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 16px;
  padding-top: 16px;
}
@media (max-width: 768px) {
  ._statsGrid_1uazg_251 {
    gap: 8px;
  }
}
._statCard_1uazg_264 {
  background: var(--clrPrimary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 8px;
  text-align: center;
  transition: all 0.2s ease;
}
._statCard_1uazg_264:hover {
  border-color: var(--clrAccent-30);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(var(--clrAccent-30), 0.1);
}
._statCard_1uazg_264 ._label_1uazg_277 {
  font-size: 12px;
  color: var(--clrAccent-100);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._statCard_1uazg_264 ._value_1uazg_283 {
  font-size: 16px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 8px 0;
}
@media (max-width: 768px) {
  ._statCard_1uazg_264 ._value_1uazg_283 {
    font-size: 14px;
  }
}
._statCard_1uazg_264 ._subValue_1uazg_294 {
  font-size: 8px;
  color: var(--clrAccent-100);
}
._statCard_1uazg_264._positive_1uazg_298 {
  background: rgba(0, 128, 0, 0.1);
  border-color: rgba(0, 128, 0, 0.3);
}
._statCard_1uazg_264._positive_1uazg_298 ._value_1uazg_283 {
  color: green;
}
._statCard_1uazg_264._negative_1uazg_305 {
  background: rgba(255, 0, 0, 0.1);
  border-color: rgba(255, 0, 0, 0.3);
}
._statCard_1uazg_264._negative_1uazg_305 ._value_1uazg_283 {
  color: red;
}
._matchupsSection_1uazg_313 h2 {
  font-size: 14px;
  margin: 0 0 14px 0;
  color: var(--clrAccent-100);
  display: flex;
  align-items: center;
  gap: 8px;
}
._matchupsList_1uazg_322 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._matchupCard_1uazg_328 {
  background: var(--clrPrimary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  gap: 16px;
  transition: all 0.2s ease;
  padding: 10px 12px;
}
._matchupCard_1uazg_328:hover {
  border-color: var(--clrAccent-30);
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  ._matchupCard_1uazg_328 {
    gap: 12px;
  }
}
._matchupDeck_1uazg_351 {
  font-size: 14px;
  font-weight: 500;
  color: var(--clrAccent-100);
  flex: 1;
  min-width: 0;
}
@media (max-width: 768px) {
  ._matchupDeck_1uazg_351 {
    font-size: 13px;
  }
}
._matchupWinRate_1uazg_364 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  padding: 8px 16px;
  background: var(--clrBG-secondary);
  border: 1px solid var(--clrAccent-10);
  border-radius: 8px;
}
@media (max-width: 768px) {
  ._matchupWinRate_1uazg_364 {
    padding: 6px 12px;
  }
}
._matchupSubStats_1uazg_381 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  flex-shrink: 0;
  padding: 8px 16px;
  background: var(--clrBG-secondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  font-size: 12px;
  color: var(--clrAccent-70);
  white-space: nowrap;
}
._matchupSubStats_1uazg_381 > div:first-child {
  padding-bottom: 4px;
}
._matchupSubStats_1uazg_381 > div:last-child {
  padding-top: 4px;
  border-top: 1px solid var(--clrAccent-30);
}
@media (max-width: 768px) {
  ._matchupSubStats_1uazg_381 {
    font-size: 11px;
    padding: 6px 12px;
  }
}
._winRate_1uazg_409 {
  font-size: 14px;
  font-weight: 700;
}
._winRate_1uazg_409._positive_1uazg_298 {
  color: green;
}
._winRate_1uazg_409._negative_1uazg_305 {
  color: red;
}
._winRate_1uazg_409._neutral_1uazg_419 {
  color: var(--clrAccent-100);
}
._record_1uazg_423 {
  font-size: 11px;
  color: var(--clrAccent-70);
}
._noData_1uazg_428 {
  text-align: center;
  padding: 24px 14px;
  color: var(--clrAccent-100);
  font-size: 14px;
}
._loader_1uazg_435 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
}
html {
  color-scheme: light dark auto;
}
._themeLight_mlg1k_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_mlg1k_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_mlg1k_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_mlg1k_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_mlg1k_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_mlg1k_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_mlg1k_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_mlg1k_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_mlg1k_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_mlg1k_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_mlg1k_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_mlg1k_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_mlg1k_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_mlg1k_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_mlg1k_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_mlg1k_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._installPrompt_mlg1k_146 {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  background-color: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 16px 20px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  max-width: 90vw;
  width: 450px;
  animation: _slideUp_mlg1k_1 0.3s ease-out;
}
@media (max-width: 600px) {
  ._installPrompt_mlg1k_146 {
    width: calc(100vw - 32px);
    bottom: 80px;
  }
}
._installPrompt_mlg1k_146 ._closeBtn_mlg1k_167 {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent;
  border: none;
  color: var(--clrAccent-60);
  cursor: pointer;
  padding: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  transition: color 0.2s ease;
}
._installPrompt_mlg1k_146 ._closeBtn_mlg1k_167:hover {
  color: var(--clrAccent-100);
}
._installPrompt_mlg1k_146 ._closeBtn_mlg1k_167 svg {
  width: 20px;
  height: 20px;
}
._installPrompt_mlg1k_146 ._content_mlg1k_190 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding-right: 24px;
}
._installPrompt_mlg1k_146 ._content_mlg1k_190 ._icon_mlg1k_198 {
  width: 40px;
  height: 40px;
  color: var(--clrAccent-100);
  flex-shrink: 0;
}
._installPrompt_mlg1k_146 ._content_mlg1k_190 ._text_mlg1k_204 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
._installPrompt_mlg1k_146 ._content_mlg1k_190 ._text_mlg1k_204 ._title_mlg1k_212 {
  font-size: 16px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._installPrompt_mlg1k_146 ._content_mlg1k_190 ._text_mlg1k_204 ._description_mlg1k_217 {
  font-size: 13px;
  color: var(--clrAccent-60);
  line-height: 1.4;
}
._installPrompt_mlg1k_146 ._content_mlg1k_190 ._installBtn_mlg1k_222 {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
._installPrompt_mlg1k_146 ._content_mlg1k_190 ._installBtn_mlg1k_222:hover {
  background-color: var(--clrAccent-80);
  transform: translateY(-1px);
}
._installPrompt_mlg1k_146 ._content_mlg1k_190 ._installBtn_mlg1k_222:active {
  transform: translateY(0);
}
@keyframes _slideUp_mlg1k_1 {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_17j7g_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_17j7g_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_17j7g_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_17j7g_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_17j7g_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_17j7g_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_17j7g_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_17j7g_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_17j7g_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_17j7g_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_17j7g_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_17j7g_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_17j7g_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_17j7g_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_17j7g_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_17j7g_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._pageTransition_17j7g_146 {
  width: 100%;
  min-height: 100%;
}
._fadeOut_17j7g_151 {
  animation: _swipeOut_17j7g_1 0.2s ease-in-out forwards;
}
._fadeIn_17j7g_155 {
  animation: _swipeIn_17j7g_1 0.3s ease-in-out forwards;
}
@keyframes _swipeOut_17j7g_1 {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-30px);
  }
}
@keyframes _swipeIn_17j7g_1 {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
html {
  color-scheme: light dark auto;
}
.themeLight {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
.themeDark {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
.themePastelDark {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
.themePastelLight {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
.Roboto Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.Roboto Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.Roboto Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.Roboto Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.Roboto Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.Roboto Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.Roboto Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
.Roboto Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
.Roboto Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
.Roboto Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
.Roboto Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
.Roboto Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
}
html, body {
  overscroll-behavior-y: none;
  overflow-x: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  height: 100dvh;
  background-color: #000;
}
#root {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.app {
  background-color: var(--clrSecondary);
  color: var(--clrAccent-100);
  font-family: "Roboto Flex", sans-serif;
  min-height: 100vh;
  min-height: 100dvh;
}
html {
  color-scheme: light dark auto;
}
._themeLight_2w2sq_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_2w2sq_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_2w2sq_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_2w2sq_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_2w2sq_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_2w2sq_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_2w2sq_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_2w2sq_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_2w2sq_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_2w2sq_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_2w2sq_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_2w2sq_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_2w2sq_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_2w2sq_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_2w2sq_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_2w2sq_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._navigationBar_2w2sq_146 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0px 16px;
  padding-top: calc(8px + env(safe-area-inset-top));
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
@media (max-width: 820px) {
  ._navigationBar_2w2sq_146 {
    padding: 0;
  }
}
._navigationBar_2w2sq_146::before {
  content: "";
  position: absolute;
  top: calc(8px + env(safe-area-inset-top));
  left: 16px;
  right: 16px;
  height: 60px;
  max-width: 820px;
  margin: 0 auto;
  pointer-events: auto;
  background: var(--clrPrimary30);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(0, 0, 0, 0.05);
}
._themeLight_2w2sq_6 ._navigationBar_2w2sq_146::before, ._themePastelLight_2w2sq_49 ._navigationBar_2w2sq_146::before {
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 0 rgba(0, 0, 0, 0.05);
}
._themeDark_2w2sq_20 ._navigationBar_2w2sq_146::before {
  background: rgba(18, 18, 18, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 820px) {
  ._navigationBar_2w2sq_146::before {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    border-top: none;
    border-right: none;
    border-left: none;
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2);
  }
}
._navigationBar_2w2sq_146 > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 800px;
  height: 60px;
  padding: 0 12px;
  position: relative;
  z-index: 1;
  pointer-events: auto;
  color: var(--clrPrimaryContrast);
}
._navigationBar_2w2sq_146 ._logoContainer_2w2sq_218 {
  height: 52px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 300;
  color: var(--clrAccent-70);
}
._navigationBar_2w2sq_146 ._logoContainer_2w2sq_218 img {
  height: 70%;
}
._navigationBar_2w2sq_146 ._userSection_2w2sq_231 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 500;
}
._navigationBar_2w2sq_146 button._logoutBtn_2w2sq_239 {
  background: none;
  border: none;
  color: inherit;
  font-size: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
._navigationBar_2w2sq_146 button._logoutBtn_2w2sq_239:hover {
  opacity: 0.7;
}
._guestBadge_2w2sq_254 {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
  padding: 2px 8px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 700;
  margin-left: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
html {
  color-scheme: light dark auto;
}
._themeLight_1eda4_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1eda4_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1eda4_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1eda4_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1eda4_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1eda4_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1eda4_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1eda4_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1eda4_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1eda4_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1eda4_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1eda4_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1eda4_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1eda4_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1eda4_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1eda4_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._bottomBarContainer_1eda4_146 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 12px 16px 16px 16px;
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
  z-index: 1000;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
._bottomBarContainer_1eda4_146 ._bottomBar_1eda4_146 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  max-width: 580px;
  height: 70px;
  padding: 4px 3px;
  pointer-events: auto;
  background: var(--clrPrimary30);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 rgba(0, 0, 0, 0.05);
}
._themeLight_1eda4_6 ._bottomBarContainer_1eda4_146 ._bottomBar_1eda4_146, ._themePastelLight_1eda4_49 ._bottomBarContainer_1eda4_146 ._bottomBar_1eda4_146 {
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 0 rgba(0, 0, 0, 0.05);
}
._themeDark_1eda4_20 ._bottomBarContainer_1eda4_146 ._bottomBar_1eda4_146 {
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.2);
}
._bottomBarContainer_1eda4_146 ._bottomBar_1eda4_146 ._linkContainer_1eda4_193 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  color: var(--clrAccent-30);
  width: 100%;
  height: 100%;
  border-radius: 40px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  position: relative;
}
._bottomBarContainer_1eda4_146 ._bottomBar_1eda4_146 ._linkContainer_1eda4_193:hover {
  color: var(--clrAccent-80);
}
._bottomBarContainer_1eda4_146 ._bottomBar_1eda4_146 ._linkContainer_1eda4_193:hover ._linkIcon_1eda4_212 {
  transform: translateY(-2px);
}
._bottomBarContainer_1eda4_146 ._bottomBar_1eda4_146 ._linkContainer_1eda4_193:active {
  background-color: var(--clrAccent-10);
  transform: scale(0.95);
}
._bottomBarContainer_1eda4_146 ._bottomBar_1eda4_146 ._linkContainer_1eda4_193._active_1eda4_219 {
  color: var(--clrAccent-100);
  background-color: var(--clrPrimary30);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(0, 0, 0, 0.05);
}
._bottomBarContainer_1eda4_146 ._bottomBar_1eda4_146 ._linkContainer_1eda4_193._active_1eda4_219 ._linkIcon_1eda4_212 {
  color: var(--clrAccent-100);
}
._bottomBarContainer_1eda4_146 ._bottomBar_1eda4_146 ._linkContainer_1eda4_193 ._linkIcon_1eda4_212 {
  height: 28px;
  font-size: 24px;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
html {
  color-scheme: light dark auto;
}
._themeLight_1scic_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1scic_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1scic_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1scic_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1scic_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1scic_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1scic_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1scic_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1scic_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1scic_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1scic_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1scic_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1scic_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1scic_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1scic_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1scic_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._tournamentPage_1scic_146 {
  max-width: 820px;
  margin: 0 auto;
  width: 100%;
  padding: 16px 16px;
  color: var(--clrAccent-100);
  min-height: calc(100dvh - 60px - 80px);
}
._tournamentPage_1scic_146 h2 {
  margin-bottom: 4px;
}
._tournamentPage_1scic_146 ._statusMessage_1scic_157 {
  color: var(--clrAccent-60);
  font-size: 14px;
  margin-top: 16px;
}
._tournamentPage_1scic_146 {
  padding-top: calc(60px + env(safe-area-inset-top) + 16px);
  padding-bottom: calc(80px + env(safe-area-inset-bottom) + 16px);
}
._header_1scic_167 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}
._header_1scic_167 ._headerImage_1scic_175 {
  width: 128px;
  height: 128px;
  border-radius: 8px;
}
._header_1scic_167 ._headerImage_1scic_175 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
._header_1scic_167 ._headerInfo_1scic_186 {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: space-between;
  gap: 8px;
}
._header_1scic_167 ._headerInfo_1scic_186 ._headerTitle_1scic_194 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
._header_1scic_167 ._headerInfo_1scic_186 ._headerTitle_1scic_194 h2 {
  font-size: 24px;
  line-height: 18px;
  margin: 0;
  padding: 0;
}
._header_1scic_167 ._headerInfo_1scic_186 ._chips_1scic_207 {
  font-size: 14px;
  color: var(--clrAccent-60);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
._header_1scic_167 ._headerInfo_1scic_186 ._secondaryInfo_1scic_219 {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._header_1scic_167 ._headerActions_1scic_223 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
._roundForm_1scic_229 {
  background-color: var(--clrSecondary);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 16px;
}
._roundForm_1scic_229 ._formGroup_1scic_240 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 8px;
}
._roundForm_1scic_229 ._formGroup_1scic_240 label {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._searchInput_1scic_252 {
  width: 100%;
  height: 46px;
  padding: 0 16px;
  border-radius: 8px;
  border: none;
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._searchInput_1scic_252::placeholder {
  color: var(--clrAccent-60);
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._leaderCarousel_1scic_264 {
  width: 100%;
  display: flex;
  overflow-x: auto;
  gap: 12px;
  padding: 8px 0;
  scrollbar-width: thin;
  scrollbar-color: var(--clrAccent-30) var(--clrTertiary);
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._leaderCarousel_1scic_264::-webkit-scrollbar {
  height: 6px;
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._leaderCarousel_1scic_264::-webkit-scrollbar-track {
  background: var(--clrTertiary);
  border-radius: 3px;
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._leaderCarousel_1scic_264::-webkit-scrollbar-thumb {
  background: var(--clrAccent-100);
  border-radius: 3px;
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._leaderCarousel_1scic_264 ._leaderCard_1scic_284 {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0px;
  cursor: pointer;
  border: 2px solid var(--clrPrimary);
  border-radius: 8px;
  transition: all 0.2s ease;
  width: 128px;
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._leaderCarousel_1scic_264 ._leaderCard_1scic_284:hover {
  border-color: var(--clrAccent-100);
  transform: translateY(-2px);
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._leaderCarousel_1scic_264 ._leaderCard_1scic_284._selected_1scic_301 {
  border-color: #5cb85c;
  box-shadow: 0 0 10px rgba(92, 184, 92, 0.5);
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._leaderCarousel_1scic_264 ._leaderCard_1scic_284 ._leaderImage_1scic_305 {
  width: 100%;
  height: 92px;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._leaderCarousel_1scic_264 ._leaderCard_1scic_284 ._leaderImage_1scic_305 img {
  width: 100%;
  object-fit: cover;
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._leaderCarousel_1scic_264 ._leaderCard_1scic_284 ._leaderImage_1scic_305 ._imagePlaceholder_1scic_315 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._leaderCarousel_1scic_264 ._leaderCard_1scic_284 ._leaderInfo_1scic_325 {
  width: 100%;
  background-color: var(--clrSecondary);
  padding: 4px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 0 0 4px 4px;
  border: 4px solid var(--clrSecondary);
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._leaderCarousel_1scic_264 ._leaderCard_1scic_284 ._leaderInfo_1scic_325 ._leaderName_1scic_337 {
  font-size: 12px;
  color: var(--clrAccent-100);
  text-align: center;
  line-height: 1;
  margin-top: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._leaderCarousel_1scic_264 ._leaderCard_1scic_284 ._leaderInfo_1scic_325 ._leaderSet_1scic_348 {
  font-size: 10px;
  color: var(--clrAccent-100);
  opacity: 0.7;
  text-align: center;
  line-height: 1;
}
._roundForm_1scic_229 ._formGroup_1scic_240 ._noResults_1scic_355 {
  width: 100%;
  text-align: center;
  color: var(--clrAccent-100);
  opacity: 0.7;
  font-size: 14px;
  padding: 20px;
  font-style: italic;
}
._modalOverlay_1scic_365 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 16px;
}
._modal_1scic_365 {
  width: min(420px, 100%);
  background-color: var(--clrSecondary);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
  border: 2px solid var(--clrAccent-30);
}
._modal_1scic_365 h3 {
  margin: 0;
}
._modal_1scic_365 ._modalDescription_1scic_390 {
  margin: 0;
  font-size: 14px;
  color: var(--clrAccent-60);
}
._modal_1scic_365 ._modalField_1scic_395 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
  color: var(--clrAccent-60);
}
._modal_1scic_365 ._modalInput_1scic_402 {
  width: 100%;
  height: 44px;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: transparent;
  color: var(--clrAccent-100);
  padding: 0 12px;
}
._modal_1scic_365 ._modalActions_1scic_411 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._modal_1scic_365 ._modalCancelBtn_1scic_417,
._modal_1scic_365 ._modalSaveBtn_1scic_418 {
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
._modal_1scic_365 ._modalCancelBtn_1scic_417:disabled,
._modal_1scic_365 ._modalSaveBtn_1scic_418:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._modal_1scic_365 ._modalCancelBtn_1scic_417 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modal_1scic_365 ._modalSaveBtn_1scic_418 {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
}
._modal_1scic_365 ._modalDeleteBtn_1scic_439 {
  background-color: #dc3545;
  color: white;
}
._modal_1scic_365 ._modalDeleteBtn_1scic_439:hover:not(:disabled) {
  background-color: #c82333;
}
._modal_1scic_365 ._modalError_1scic_446 {
  color: #ff6b6b;
  font-size: 14px;
  margin: 0;
}
._toggleRow_1scic_452 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 12px;
}
@media (min-width: 640px) {
  ._toggleRow_1scic_452 {
    flex-direction: row;
    justify-content: space-between;
  }
}
._toggleGroup_1scic_467 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 8px;
}
._toggleGroup_1scic_467 span {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._toggleGroup_1scic_467 ._toggleOptions_1scic_479 {
  display: flex;
  gap: 8px;
}
._toggleGroup_1scic_467 ._toggleBtn_1scic_483 {
  flex: 1;
  padding: 10px 0;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: transparent;
  color: var(--clrAccent-100);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._toggleGroup_1scic_467 ._toggleBtn_1scic_483._active_1scic_494 {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  border-color: var(--clrAccent-100);
}
._saveRoundBtn_1scic_500 {
  padding: 14px 24px;
  background-color: #5cb85c;
  color: var(--clrAccent-100);
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
}
._saveRoundBtn_1scic_500:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._formMessage_1scic_514 {
  font-size: 14px;
}
._roundsSection_1scic_518 ._roundsHeader_1scic_518 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
._roundsSection_1scic_518 ._roundsHeader_1scic_518 h3 {
  margin: 0;
}
._roundsSection_1scic_518 ._roundsHeader_1scic_518 ._roundsHeaderActions_1scic_529 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._roundsSection_1scic_518 ._roundsHeader_1scic_518 ._exportBtn_1scic_536 {
  height: 24px;
  width: 24px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid var(--clrAccent-30);
  background: none;
  color: var(--clrAccent-100);
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
}
._roundsSection_1scic_518 ._roundsHeader_1scic_518 ._exportBtn_1scic_536:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
}
._roundsSection_1scic_518 ._roundsHeader_1scic_518 ._exportBtn_1scic_536:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._roundsSection_1scic_518 ._roundsHeader_1scic_518 ._editModeBtn_1scic_562 {
  height: 24px;
  padding: 4px 16px;
  border-radius: 4px;
  border: 1px solid var(--clrAccent-30);
  background: none;
  color: var(--clrAccent-100);
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  line-height: 1;
}
._roundsSection_1scic_518 ._roundsHeader_1scic_518 ._editModeBtn_1scic_562:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
}
._roundsSection_1scic_518 ._roundsHeader_1scic_518 ._editModeBtn_1scic_562:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._roundsSection_1scic_518 ._roundList_1scic_589 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 4px;
}
._exportContainer_1scic_597 {
  position: absolute;
  left: -9999px;
  width: 1080px;
  height: 1080px;
  padding: 40px;
  background-color: #1a1a2e;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 24px;
}
._exportContainer_1scic_597 ._exportHeader_1scic_610 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--clrAccent-30);
}
._exportContainer_1scic_597 ._exportHeader_1scic_610 h2 {
  margin: 0;
  font-size: 32px;
  color: var(--clrAccent-100);
}
._exportContainer_1scic_597 ._exportHeader_1scic_610 ._exportStats_1scic_624 {
  font-size: 28px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._exportContainer_1scic_597 ._exportRoundList_1scic_629 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 12px;
  flex: 1;
  overflow: hidden;
}
._exportContainer_1scic_597 ._roundCard_1scic_638 {
  background-color: var(--clrSecondary);
  border-radius: 8px;
  padding: 12px 16px;
}
._exportContainer_1scic_597 ._roundCard_1scic_638 ._roundMeta_1scic_643 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 14px;
  color: var(--clrAccent-60);
}
._actionsSection_1scic_651 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 24px;
}
._actionsSection_1scic_651 ._actionButtons_1scic_659 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
._actionsSection_1scic_651 ._actionButtons_1scic_659 ._finishBtn_1scic_667 {
  padding: 12px 24px;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: transparent;
  color: var(--clrAccent-100);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
}
._actionsSection_1scic_651 ._actionButtons_1scic_659 ._finishBtn_1scic_667:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  background-color: var(--clrAccent-100);
}
._actionsSection_1scic_651 ._actionButtons_1scic_659 ._finishBtn_1scic_667:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._actionsSection_1scic_651 ._actionButtons_1scic_659 ._deleteBtn_1scic_687 {
  padding: 12px 24px;
  border-radius: 8px;
  border: 1px solid #dc3545;
  background-color: transparent;
  color: #dc3545;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._actionsSection_1scic_651 ._actionButtons_1scic_659 ._deleteBtn_1scic_687:hover:not(:disabled) {
  background-color: #dc3545;
  color: white;
}
._actionsSection_1scic_651 ._actionButtons_1scic_659 ._deleteBtn_1scic_687:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._actionsSection_1scic_651 ._addRoundBtn_1scic_705 {
  width: 100%;
  padding: 24px;
  border: none;
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._actionsSection_1scic_651 ._addRoundBtn_1scic_705:hover {
  opacity: 0.9;
}
._actionsSection_1scic_651 ._addRoundBtn_1scic_705:active {
  transform: scale(0.95);
}
html {
  color-scheme: light dark auto;
}
._themeLight_1edoq_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1edoq_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1edoq_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1edoq_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1edoq_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1edoq_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1edoq_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1edoq_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1edoq_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1edoq_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1edoq_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1edoq_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1edoq_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1edoq_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1edoq_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1edoq_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._roundRowContainer_1edoq_146 {
  min-height: 80px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 0;
  border: 1px solid var(--clrTertiary);
  border-radius: 8px;
  position: relative;
  color: var(--clrAccent-100);
  transition: all 0.3s ease;
}
._roundRowContainer_1edoq_146._clickable_1edoq_160 {
  cursor: pointer;
}
._roundRowContainer_1edoq_146._clickable_1edoq_160:hover {
  background-color: var(--clrTertiary);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
._roundRowContainer_1edoq_146._clickable_1edoq_160:active {
  transform: translateY(0);
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 {
  min-height: 32px;
  border: none !important;
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171:nth-child(odd) {
  background-color: var(--clrSecondary);
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowMain_1edoq_178 {
  height: 100%;
}
@media (min-width: 800px) {
  ._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowMain_1edoq_178 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0;
  }
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundNumber_1edoq_190 {
  min-width: 28px;
  width: 28px;
  font-size: 12px;
  color: var(--clrAccent-30);
}
@media (min-width: 800px) {
  ._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundNumber_1edoq_190 {
    min-width: 36px;
    width: 36px;
    font-size: 16px;
  }
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowInfo_1edoq_203 {
  padding: 4px;
  gap: 6px;
  flex: 1;
  overflow: visible;
}
@media (min-width: 800px) {
  ._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowInfo_1edoq_203 {
    padding: 8px;
    gap: 8px;
  }
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowContent_1edoq_215 {
  flex: 1;
  overflow: visible;
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowContent_1edoq_215 ._roundRowDeck_1edoq_219 {
  font-size: 10px !important;
  font-weight: 400;
  white-space: nowrap;
  text-align: left;
}
@media (min-width: 800px) {
  ._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowContent_1edoq_215 ._roundRowDeck_1edoq_219 {
    font-size: 14px !important;
  }
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._leaderImageWrapper_1edoq_230,
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._byeImageContainer_1edoq_231 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  flex-shrink: 0;
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowResultContainer_1edoq_237 {
  gap: 3px;
  padding-right: 6px;
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowResultContainer_1edoq_237::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowResultContainer_1edoq_237 ._metaItem_1edoq_249 {
  font-size: 11px;
}
@media (min-width: 800px) {
  ._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowResultContainer_1edoq_237 ._metaItem_1edoq_249 {
    font-size: 14px;
  }
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowResultContainer_1edoq_237 ._expandBtn_1edoq_257 {
  width: 20px;
  height: 20px;
  font-size: 14px;
}
@media (min-width: 800px) {
  ._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowResultContainer_1edoq_237 ._expandBtn_1edoq_257 {
    width: 28px;
    height: 28px;
    font-size: 18px;
  }
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowResultContainer_1edoq_237 ._topCutInline_1edoq_269 {
  padding: 0 4px;
  gap: 3px;
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowResultContainer_1edoq_237 ._topCutInline_1edoq_269 ._gameResultBadge_1edoq_273 {
  padding: 3px 6px;
  font-size: 10px;
  min-width: 24px;
}
@media (min-width: 800px) {
  ._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowResultContainer_1edoq_237 ._topCutInline_1edoq_269 ._gameResultBadge_1edoq_273 {
    padding: 4px 8px;
    font-size: 13px;
    min-width: 32px;
  }
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowResultContainer_1edoq_237 ._resultBadge_1edoq_285 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  padding: 0;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
}
@media (min-width: 800px) {
  ._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowResultContainer_1edoq_237 ._resultBadge_1edoq_285 {
    font-size: 12px;
  }
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowResultContainer_1edoq_237 ._resultBadge_1edoq_285._win_1edoq_304 {
  background-color: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._roundRowResultContainer_1edoq_237 ._resultBadge_1edoq_285._lose_1edoq_308 {
  background-color: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._deleteRoundBtn_1edoq_312 {
  display: none;
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._topCutDetails_1edoq_315 {
  padding: 8px;
  gap: 6px;
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._topCutDetails_1edoq_315 ._gameResult_1edoq_273 {
  padding: 4px 8px;
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._topCutDetails_1edoq_315 ._gameResult_1edoq_273 ._gameLabel_1edoq_322 {
  font-size: 11px;
}
._roundRowContainer_1edoq_146._exportMode_1edoq_171 ._topCutDetails_1edoq_315 ._gameResult_1edoq_273 ._gameResultBadge_1edoq_273 {
  padding: 2px 8px;
  font-size: 11px;
  min-width: 48px;
}
._roundRowContainer_1edoq_146._exportMediumSize_1edoq_330 ._roundNumber_1edoq_190 {
  min-width: 32px;
  width: 32px;
  font-size: 14px;
}
@media (min-width: 800px) {
  ._roundRowContainer_1edoq_146._exportMediumSize_1edoq_330 ._roundNumber_1edoq_190 {
    min-width: 40px;
    width: 40px;
    font-size: 18px;
  }
}
._roundRowContainer_1edoq_146._exportMediumSize_1edoq_330 ._roundRowContent_1edoq_215 ._roundRowDeck_1edoq_219 {
  font-size: 12px !important;
}
@media (min-width: 800px) {
  ._roundRowContainer_1edoq_146._exportMediumSize_1edoq_330 ._roundRowContent_1edoq_215 ._roundRowDeck_1edoq_219 {
    font-size: 16px !important;
  }
}
._roundRowContainer_1edoq_146._exportMediumSize_1edoq_330 ._roundRowResultContainer_1edoq_237 ._metaItem_1edoq_249 {
  font-size: 13px;
}
@media (min-width: 800px) {
  ._roundRowContainer_1edoq_146._exportMediumSize_1edoq_330 ._roundRowResultContainer_1edoq_237 ._metaItem_1edoq_249 {
    font-size: 16px;
  }
}
._roundRowContainer_1edoq_146._exportMediumSize_1edoq_330 ._roundRowResultContainer_1edoq_237 ._resultBadge_1edoq_285 {
  width: 28px;
  height: 28px;
  min-width: 28px;
  font-size: 12px;
}
@media (min-width: 800px) {
  ._roundRowContainer_1edoq_146._exportMediumSize_1edoq_330 ._roundRowResultContainer_1edoq_237 ._resultBadge_1edoq_285 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    font-size: 14px;
  }
}
._roundRowContainer_1edoq_146 ._roundRowMain_1edoq_178 {
  height: 80px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0;
}
._roundRowContainer_1edoq_146 ._roundNumber_1edoq_190 {
  min-width: 32px;
  width: 32px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--clrAccent-30);
}
._roundRowContainer_1edoq_146 ._roundRowInfo_1edoq_203 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  height: 100%;
  width: 100%;
  padding: 8px 8px 8px 0;
}
@media (max-width: 820px) {
  ._roundRowContainer_1edoq_146 ._roundRowInfo_1edoq_203 {
    max-width: 268px;
  }
}
._roundRowContainer_1edoq_146 ._roundRowInfo_1edoq_203 ._leaderImageWrapper_1edoq_230,
._roundRowContainer_1edoq_146 ._roundRowInfo_1edoq_203 ._byeImageContainer_1edoq_231 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
}
._roundRowContainer_1edoq_146 ._roundRowInfo_1edoq_203 ._leaderImageWrapper_1edoq_230 > * {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
}
._roundRowContainer_1edoq_146 ._roundRowInfo_1edoq_203 ._byeImageContainer_1edoq_231 {
  background: linear-gradient(135deg, #767676 0%, #282828 100%);
}
._roundRowContainer_1edoq_146 ._roundRowInfo_1edoq_203 ._byeImageContainer_1edoq_231 ._byeImage_1edoq_231 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._roundRowContainer_1edoq_146 ._roundRowInfo_1edoq_203 ._roundRowContent_1edoq_215 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  height: 100%;
  color: var(--clrAccent-100);
}
._roundRowContainer_1edoq_146 ._roundRowInfo_1edoq_203 ._roundRowContent_1edoq_215 ._roundRowDeck_1edoq_219 {
  font-size: 14px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237 {
  width: 120px;
  height: 100%;
  position: relative;
  padding: 0 8px;
  padding-right: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  border-radius: 0 4px 4px 0;
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 50%;
  background-color: var(--clrAccent-30);
  opacity: 0.5;
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237 ._metaItem_1edoq_249 {
  font-size: 14px;
  font-weight: 600;
  color: var(--clrAccent-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 24px;
  height: 24px;
  min-width: 24px;
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237 ._resultBadge_1edoq_285 {
  width: 24px;
  height: 100%;
  min-width: 24px;
  padding: 0;
  border-radius: 0 7px 7px 0;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237 ._resultBadge_1edoq_285._win_1edoq_304 {
  background-color: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237 ._resultBadge_1edoq_285._lose_1edoq_308 {
  background-color: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237 ._diceIcon_1edoq_506._diceLose_1edoq_506 {
  opacity: 0.2;
  filter: saturate(0%);
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237 ._expandBtn_1edoq_257 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 24px;
  color: var(--clrAccent-100);
  transition: transform 0.3s ease;
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237 ._expandBtn_1edoq_257:hover {
  color: var(--clrAccent-60);
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237 ._expandBtn_1edoq_257 ._rotated_1edoq_528 {
  transform: rotate(180deg);
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237 ._topCutInline_1edoq_269 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  height: 100%;
  padding: 0 8px;
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237 ._topCutInline_1edoq_269 ._gameResultBadge_1edoq_273 {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  min-width: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237 ._topCutInline_1edoq_269 ._gameResultBadge_1edoq_273._win_1edoq_304 {
  background-color: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
._roundRowContainer_1edoq_146 ._roundRowResultContainer_1edoq_237 ._topCutInline_1edoq_269 ._gameResultBadge_1edoq_273._lose_1edoq_308 {
  background-color: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
._roundRowContainer_1edoq_146 ._topCutDetails_1edoq_315 {
  width: 100%;
  padding: 16px;
  background-color: var(--clrTertiary);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 12px;
  border-top: 1px solid var(--clrAccent-30);
}
._roundRowContainer_1edoq_146 ._topCutDetails_1edoq_315 ._gameResult_1edoq_273 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  background-color: var(--clrSecondary);
  border-radius: 4px;
}
._roundRowContainer_1edoq_146 ._topCutDetails_1edoq_315 ._gameResult_1edoq_273 ._gameLabel_1edoq_322 {
  font-size: 14px;
  font-weight: 600;
  color: var(--clrAccent-60);
}
._roundRowContainer_1edoq_146 ._topCutDetails_1edoq_315 ._gameResult_1edoq_273 ._gameResultBadge_1edoq_273 {
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  min-width: 64px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
}
._roundRowContainer_1edoq_146 ._topCutDetails_1edoq_315 ._gameResult_1edoq_273 ._gameResultBadge_1edoq_273._win_1edoq_304 {
  background-color: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
._roundRowContainer_1edoq_146 ._topCutDetails_1edoq_315 ._gameResult_1edoq_273 ._gameResultBadge_1edoq_273._lose_1edoq_308 {
  background-color: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
._roundRowContainer_1edoq_146 ._deleteRoundBtn_1edoq_312 {
  min-width: 48px;
  max-width: 48px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  background-color: transparent;
  border: none;
  border-left: 1px solid var(--clrAccent-30);
  cursor: pointer;
  font-size: 20px;
  transition: background-color 0.2s ease;
  color: var(--clrAccent-60);
}
._roundRowContainer_1edoq_146 ._deleteRoundBtn_1edoq_312:active {
  background-color: rgba(239, 68, 68, 0.2);
}
html {
  color-scheme: light dark auto;
}
._themeLight_u3qz3_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_u3qz3_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_u3qz3_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_u3qz3_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_u3qz3_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_u3qz3_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_u3qz3_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_u3qz3_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_u3qz3_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_u3qz3_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_u3qz3_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_u3qz3_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_u3qz3_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_u3qz3_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_u3qz3_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_u3qz3_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._roundForm_u3qz3_146 {
  background-color: var(--clrSecondary);
  border-radius: 8px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 12px;
}
._roundForm_u3qz3_146 ._formGroup_u3qz3_156 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 8px;
}
._roundForm_u3qz3_146 ._formGroup_u3qz3_156 label {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._roundForm_u3qz3_146 ._formGroup_u3qz3_156 ._searchInput_u3qz3_168 {
  width: 100%;
  height: 46px;
  padding: 0 16px;
  border-radius: 8px;
  border: none;
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._roundForm_u3qz3_146 ._formGroup_u3qz3_156 ._searchInput_u3qz3_168::placeholder {
  color: var(--clrAccent-60);
}
._roundForm_u3qz3_146 ._toggleRow_u3qz3_180 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 12px;
}
@media (min-width: 640px) {
  ._roundForm_u3qz3_146 ._toggleRow_u3qz3_180 {
    flex-direction: row;
    justify-content: space-between;
  }
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 4px;
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 span {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 ._toggleOptions_u3qz3_206 {
  display: flex;
  gap: 8px;
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 ._toggleBtn_u3qz3_210 {
  flex: 1;
  padding: 10px 0;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: transparent;
  color: var(--clrAccent-100);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 8px 16px;
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 ._toggleBtn_u3qz3_210._active_u3qz3_222 {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  border-color: var(--clrAccent-100);
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 ._singleToggleBtn_u3qz3_227 {
  padding: 16px 32px;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: transparent;
  color: var(--clrAccent-100);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 ._singleToggleBtn_u3qz3_227 ._value_u3qz3_243 {
  padding: 4px 12px;
  border-radius: 4px;
  background-color: rgba(var(--clrAccent-100-rgb), 0.1);
  font-size: 14px;
  color: var(--clrAccent-100);
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 ._singleToggleBtn_u3qz3_227:hover {
  border-color: var(--clrAccent-100);
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 ._singleToggleBtn_u3qz3_227._winResult_u3qz3_253 {
  background-color: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.3);
  color: #16a34a;
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 ._singleToggleBtn_u3qz3_227._winResult_u3qz3_253 ._value_u3qz3_243 {
  background-color: rgba(34, 197, 94, 0.25);
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 ._singleToggleBtn_u3qz3_227._winResult_u3qz3_253:hover {
  background-color: rgba(34, 197, 94, 0.25);
  border-color: rgba(34, 197, 94, 0.5);
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 ._singleToggleBtn_u3qz3_227._loseResult_u3qz3_265 {
  background-color: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
  color: #dc2626;
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 ._singleToggleBtn_u3qz3_227._loseResult_u3qz3_265 ._value_u3qz3_243 {
  background-color: rgba(239, 68, 68, 0.25);
}
._roundForm_u3qz3_146 ._toggleGroup_u3qz3_194 ._singleToggleBtn_u3qz3_227._loseResult_u3qz3_265:hover {
  background-color: rgba(239, 68, 68, 0.25);
  border-color: rgba(239, 68, 68, 0.5);
}
._roundForm_u3qz3_146 ._topCutGames_u3qz3_277 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
._roundForm_u3qz3_146 ._topCutGames_u3qz3_277 ._gameResultGroup_u3qz3_285 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._roundForm_u3qz3_146 ._topCutGames_u3qz3_277 ._gameResultGroup_u3qz3_285 label {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 600;
}
._roundForm_u3qz3_146 ._topCutGames_u3qz3_277 ._gameResultGroup_u3qz3_285 ._gameButtons_u3qz3_297 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
._roundForm_u3qz3_146 ._topCutGames_u3qz3_277 ._gameResultGroup_u3qz3_285 ._gameButtons_u3qz3_297 ._gameBtn_u3qz3_302 {
  padding: 12px 24px;
  border-radius: 8px;
  border: 2px solid var(--clrAccent-30);
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._roundForm_u3qz3_146 ._topCutGames_u3qz3_277 ._gameResultGroup_u3qz3_285 ._gameButtons_u3qz3_297 ._gameBtn_u3qz3_302:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
}
._roundForm_u3qz3_146 ._topCutGames_u3qz3_277 ._gameResultGroup_u3qz3_285 ._gameButtons_u3qz3_297 ._gameBtn_u3qz3_302:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
._roundForm_u3qz3_146 ._topCutGames_u3qz3_277 ._gameResultGroup_u3qz3_285 ._gameButtons_u3qz3_297 ._gameBtn_u3qz3_302._winSelected_u3qz3_319 {
  background-color: rgba(34, 197, 94, 0.2);
  border-color: #22c55e;
  color: #22c55e;
}
._roundForm_u3qz3_146 ._topCutGames_u3qz3_277 ._gameResultGroup_u3qz3_285 ._gameButtons_u3qz3_297 ._gameBtn_u3qz3_302._loseSelected_u3qz3_324 {
  background-color: rgba(239, 68, 68, 0.2);
  border-color: #ef4444;
  color: #ef4444;
}
._roundForm_u3qz3_146 ._formActions_u3qz3_329 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
  width: 100%;
}
._roundForm_u3qz3_146 ._formActions_u3qz3_329 ._cancelBtn_u3qz3_338 {
  padding: 12px 24px;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: transparent;
  color: var(--clrAccent-100);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._roundForm_u3qz3_146 ._formActions_u3qz3_329 ._cancelBtn_u3qz3_338:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
}
._roundForm_u3qz3_146 ._formActions_u3qz3_329 ._cancelBtn_u3qz3_338:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._roundForm_u3qz3_146 ._formActions_u3qz3_329 ._saveRoundBtn_u3qz3_355 {
  padding: 12px 24px;
  background-color: #5cb85c;
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
}
._roundForm_u3qz3_146 ._formActions_u3qz3_329 ._saveRoundBtn_u3qz3_355:hover:not(:disabled) {
  background-color: #4cae4c;
}
._roundForm_u3qz3_146 ._formActions_u3qz3_329 ._saveRoundBtn_u3qz3_355:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._roundForm_u3qz3_146 ._formMessage_u3qz3_373 {
  font-size: 14px;
  margin: 0;
  text-align: center;
}
html {
  color-scheme: light dark auto;
}
._themeLight_ycfus_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_ycfus_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_ycfus_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_ycfus_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_ycfus_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_ycfus_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_ycfus_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_ycfus_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_ycfus_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_ycfus_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_ycfus_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_ycfus_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_ycfus_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_ycfus_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_ycfus_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_ycfus_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._modalOverlay_ycfus_146 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 16px;
}
._modal_ycfus_146 {
  width: min(420px, 100%);
  background-color: var(--clrSecondary);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}
._modal_ycfus_146 h3 {
  margin: 0;
}
._modal_ycfus_146 ._modalDescription_ycfus_170 {
  margin: 0;
  font-size: 14px;
  color: var(--clrAccent-60);
}
._modal_ycfus_146 ._modalField_ycfus_175 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 14px;
  color: var(--clrAccent-100);
}
._modal_ycfus_146 ._modalField_ycfus_175 input {
  max-width: 100px;
}
._modal_ycfus_146 ._modalInput_ycfus_188 {
  width: 100%;
  height: 44px;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
  padding: 0 12px;
}
._modal_ycfus_146 ._modalActions_ycfus_197 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._modal_ycfus_146 ._modalActions_ycfus_197 ._modalCancelBtn_ycfus_203,
._modal_ycfus_146 ._modalActions_ycfus_197 ._modalSaveBtn_ycfus_204 {
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
._modal_ycfus_146 ._modalActions_ycfus_197 ._modalCancelBtn_ycfus_203:disabled,
._modal_ycfus_146 ._modalActions_ycfus_197 ._modalSaveBtn_ycfus_204:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._modal_ycfus_146 ._modalActions_ycfus_197 ._modalCancelBtn_ycfus_203 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modal_ycfus_146 ._modalActions_ycfus_197 ._modalSaveBtn_ycfus_204 {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  width: 100%;
}
._modal_ycfus_146 ._modalError_ycfus_226 {
  color: #ff6b6b;
  font-size: 14px;
  margin: 0;
}
html {
  color-scheme: light dark auto;
}
._themeLight_1k9m1_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1k9m1_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1k9m1_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1k9m1_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1k9m1_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1k9m1_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1k9m1_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1k9m1_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1k9m1_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1k9m1_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1k9m1_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1k9m1_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1k9m1_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1k9m1_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1k9m1_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1k9m1_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._modalOverlay_1k9m1_146 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 16px;
}
._modal_1k9m1_146 {
  width: min(420px, 100%);
  background-color: var(--clrSecondary);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}
._modal_1k9m1_146 h3 {
  margin: 0;
}
._modalDescription_1k9m1_171 {
  margin: 0;
  font-size: 14px;
  color: var(--clrAccent-60);
}
._modalActions_1k9m1_177 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._modalCancelBtn_1k9m1_184,
._modalDeleteBtn_1k9m1_185 {
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
._modalCancelBtn_1k9m1_184:disabled,
._modalDeleteBtn_1k9m1_185:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._modalCancelBtn_1k9m1_184 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modalDeleteBtn_1k9m1_185 {
  background-color: #dc3545;
  color: white;
}
._modalDeleteBtn_1k9m1_185:hover:not(:disabled) {
  background-color: #c82333;
}
html {
  color-scheme: light dark auto;
}
._themeLight_1mkl3_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1mkl3_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1mkl3_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1mkl3_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1mkl3_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1mkl3_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1mkl3_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1mkl3_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1mkl3_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1mkl3_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1mkl3_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1mkl3_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1mkl3_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1mkl3_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1mkl3_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1mkl3_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._modalOverlay_1mkl3_146 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 1000;
  padding: 16px;
  overflow-y: auto;
  margin-bottom: 64px;
}
._modal_1mkl3_146 {
  width: min(600px, 100%);
  max-height: calc(100vh - 32px);
  background-color: var(--clrSecondary);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
  overflow-y: auto;
  margin: 16px auto;
  position: relative;
}
._modal_1mkl3_146 h3 {
  margin: 0;
  color: var(--clrAccent-100);
}
._modalForm_1mkl3_178 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._formGroup_1mkl3_184 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._formGroup_1mkl3_184 label {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._formGroup_1mkl3_184 input,
._formGroup_1mkl3_184 select {
  width: 100%;
  height: 46px;
  padding: 0 16px;
  border-radius: 8px;
  border: none;
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
  font-size: 14px;
}
._formGroup_1mkl3_184 input::placeholder,
._formGroup_1mkl3_184 select::placeholder {
  color: var(--clrAccent-60);
}
._formGroup_1mkl3_184 input:disabled,
._formGroup_1mkl3_184 select:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._formGroup_1mkl3_184 input[type=date] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
._formGroup_1mkl3_184 input[type=date]::-webkit-date-and-time-value {
  text-align: left;
}
._formGroup_1mkl3_184 input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0.6;
  cursor: pointer;
}
._formGroup_1mkl3_184 select {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
}
._formGroup_1mkl3_184 ._searchInput_1mkl3_237 {
  margin-bottom: 0;
}
._carouselWrapper_1mkl3_241 {
  overflow-y: auto;
  border-radius: 8px;
  background-color: var(--clrPrimary);
  padding: 8px;
}
._modalActions_1mkl3_248 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._modalCancelBtn_1mkl3_255,
._modalSaveBtn_1mkl3_256 {
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
}
._modalCancelBtn_1mkl3_255:disabled,
._modalSaveBtn_1mkl3_256:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._modalCancelBtn_1mkl3_255 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modalCancelBtn_1mkl3_255:hover:not(:disabled) {
  background-color: var(--clrAccent-30);
}
._modalSaveBtn_1mkl3_256 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modalSaveBtn_1mkl3_256:hover:not(:disabled) {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
}
@media (max-width: 768px) {
  ._modalOverlay_1mkl3_146 {
    padding: 8px;
    align-items: flex-start;
  }
  ._modal_1mkl3_146 {
    padding: 16px;
    width: 100%;
    max-height: calc(100vh - 16px);
    margin: 8px auto;
  }
  ._formGroup_1mkl3_184 input,
  ._formGroup_1mkl3_184 select {
    height: 44px;
    font-size: 16px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_17c64_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_17c64_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_17c64_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_17c64_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_17c64_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_17c64_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_17c64_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_17c64_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_17c64_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_17c64_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_17c64_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_17c64_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_17c64_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_17c64_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_17c64_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_17c64_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._modalOverlay_17c64_146 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 16px;
}
._modal_17c64_146 {
  width: min(420px, 100%);
  background-color: var(--clrSecondary);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}
._modal_17c64_146 h3 {
  margin: 0;
  font-size: 20px;
  color: var(--clrAccent-100);
}
._modalDescription_17c64_175 {
  margin: 0;
  font-size: 14px;
  color: var(--clrAccent-60);
}
._roundTypeButtons_17c64_181 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 8px;
  width: 100%;
}
._typeButton_17c64_191 {
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  border: 2px solid var(--clrAccent-30);
  background-color: var(--clrPrimary);
  color: var(--clrAccent-100);
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: left;
}
._typeButton_17c64_191 ._typeRow_17c64_207 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._typeButton_17c64_191:hover {
  border-color: var(--clrAccent-100);
  background-color: var(--clrPrimary);
  transform: translateY(-2px);
}
._typeButton_17c64_191:active {
  transform: translateY(0);
}
._typeButton_17c64_191 ._typeIcon_17c64_222 {
  font-size: 24px;
  margin-bottom: 4px;
}
._typeButton_17c64_191 ._typeName_17c64_226 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._typeButton_17c64_191 ._typeDescription_17c64_231 {
  font-size: 12px;
  color: var(--clrAccent-60);
}
._cancelBtn_17c64_236 {
  width: 100%;
  padding: 12px 24px;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 8px;
}
._cancelBtn_17c64_236:hover {
  opacity: 0.9;
}
._cancelBtn_17c64_236:active {
  transform: scale(0.95);
}
html {
  color-scheme: light dark auto;
}
._themeLight_1la6z_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1la6z_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1la6z_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1la6z_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1la6z_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1la6z_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1la6z_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1la6z_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1la6z_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1la6z_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1la6z_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1la6z_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1la6z_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1la6z_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1la6z_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1la6z_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._modalOverlay_1la6z_146 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 1000;
  padding: 16px;
  overflow-y: auto;
}
._modal_1la6z_146 {
  width: min(600px, 100%);
  max-height: calc(100vh - 32px);
  background-color: var(--clrSecondary);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
  overflow-y: auto;
  margin: 16px auto;
  position: relative;
}
._modal_1la6z_146 h3 {
  margin: 0;
  color: var(--clrAccent-100);
}
._modalForm_1la6z_177 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._formGroup_1la6z_183 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._formGroup_1la6z_183 label {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._formGroup_1la6z_183 ._searchInput_1la6z_193 {
  width: 100%;
  height: 46px;
  padding: 0 16px;
  border-radius: 8px;
  border: none;
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
  font-size: 14px;
}
._formGroup_1la6z_183 ._searchInput_1la6z_193::placeholder {
  color: var(--clrAccent-60);
}
._formGroup_1la6z_183 ._searchInput_1la6z_193:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._roundTypeButton_1la6z_211 {
  width: 100%;
  height: 46px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}
._roundTypeButton_1la6z_211:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
}
._roundTypeButton_1la6z_211:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._carouselWrapper_1la6z_233 {
  overflow-y: auto;
  border-radius: 8px;
  background-color: var(--clrPrimary);
  padding: 8px;
}
._toggleRow_1la6z_240 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 640px) {
  ._toggleRow_1la6z_240 {
    flex-direction: row;
    justify-content: space-between;
  }
}
._toggleGroup_1la6z_253 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
._toggleGroup_1la6z_253 label {
  font-weight: 600;
  font-size: 14px;
  color: var(--clrAccent-100);
  margin-bottom: 4px;
}
._toggleGroup_1la6z_253 ._toggleButtons_1la6z_268 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
}
._toggleGroup_1la6z_253 ._toggleButtons_1la6z_268 ._toggleBtn_1la6z_276 {
  flex: 1;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: transparent;
  color: var(--clrAccent-70);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._toggleGroup_1la6z_253 ._toggleButtons_1la6z_268 ._toggleBtn_1la6z_276:hover {
  border-color: var(--clrAccent-100);
  color: var(--clrAccent-100);
}
._toggleGroup_1la6z_253 ._toggleButtons_1la6z_268 ._toggleBtn_1la6z_276._active_1la6z_291 {
  background-color: var(--clrAccent-100);
  color: var(--clrSecondary-50);
  border-color: var(--clrAccent-100);
}
._toggleGroup_1la6z_253 ._toggleButtons_1la6z_268 ._toggleBtn_1la6z_276:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._toggleGroup_1la6z_253 ._singleToggleBtn_1la6z_300 {
  padding: 16px 32px;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: transparent;
  color: var(--clrAccent-100);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
._toggleGroup_1la6z_253 ._singleToggleBtn_1la6z_300 ._value_1la6z_316 {
  padding: 4px 12px;
  border-radius: 4px;
  background-color: rgba(var(--clrAccent-100-rgb), 0.1);
  font-size: 14px;
  color: var(--clrAccent-100);
}
._toggleGroup_1la6z_253 ._singleToggleBtn_1la6z_300:hover {
  border-color: var(--clrAccent-100);
}
._toggleGroup_1la6z_253 ._singleToggleBtn_1la6z_300._winResult_1la6z_326 {
  background-color: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.3);
  color: #16a34a;
}
._toggleGroup_1la6z_253 ._singleToggleBtn_1la6z_300._winResult_1la6z_326 ._value_1la6z_316 {
  background-color: rgba(34, 197, 94, 0.25);
}
._toggleGroup_1la6z_253 ._singleToggleBtn_1la6z_300._winResult_1la6z_326:hover {
  background-color: rgba(34, 197, 94, 0.25);
  border-color: rgba(34, 197, 94, 0.5);
}
._toggleGroup_1la6z_253 ._singleToggleBtn_1la6z_300._loseResult_1la6z_338 {
  background-color: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
  color: #dc2626;
}
._toggleGroup_1la6z_253 ._singleToggleBtn_1la6z_300._loseResult_1la6z_338 ._value_1la6z_316 {
  background-color: rgba(239, 68, 68, 0.25);
}
._toggleGroup_1la6z_253 ._singleToggleBtn_1la6z_300._loseResult_1la6z_338:hover {
  background-color: rgba(239, 68, 68, 0.25);
  border-color: rgba(239, 68, 68, 0.5);
}
._toggleGroup_1la6z_253 ._singleToggleBtn_1la6z_300:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._topCutGames_1la6z_355 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._gameResultGroup_1la6z_361 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._gameResultGroup_1la6z_361 label {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._gameButtons_1la6z_372 {
  display: flex;
  gap: 8px;
}
._gameBtn_1la6z_377 {
  flex: 1;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: transparent;
  color: var(--clrAccent-100);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._gameBtn_1la6z_377:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
}
._gameBtn_1la6z_377._winSelected_1la6z_391 {
  background-color: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.4);
  color: #16a34a;
}
._gameBtn_1la6z_377._loseSelected_1la6z_396 {
  background-color: rgba(220, 38, 38, 0.15);
  border-color: rgba(220, 38, 38, 0.4);
  color: #dc2626;
}
._gameBtn_1la6z_377:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._overallResult_1la6z_406 {
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--clrTertiary);
  color: var(--clrAccent-80);
  font-size: 14px;
  text-align: center;
}
._overallResult_1la6z_406 strong {
  color: var(--clrAccent-100);
}
._modalActions_1la6z_418 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._modalCancelBtn_1la6z_425,
._modalSaveBtn_1la6z_426 {
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
}
._modalCancelBtn_1la6z_425:disabled,
._modalSaveBtn_1la6z_426:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._modalCancelBtn_1la6z_425 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modalCancelBtn_1la6z_425:hover:not(:disabled) {
  background-color: var(--clrAccent-30);
}
._modalSaveBtn_1la6z_426 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modalSaveBtn_1la6z_426:hover:not(:disabled) {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
}
@media (max-width: 768px) {
  ._modalOverlay_1la6z_146 {
    padding: 8px;
    align-items: flex-start;
  }
  ._modal_1la6z_146 {
    padding: 16px;
    width: 100%;
    max-height: calc(100vh - 16px);
    margin: 8px auto;
  }
  ._formGroup_1la6z_183 ._searchInput_1la6z_193 {
    font-size: 16px;
  }
  ._roundTypeButton_1la6z_211 {
    font-size: 16px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1hawj_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1hawj_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1hawj_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1hawj_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1hawj_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1hawj_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1hawj_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1hawj_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1hawj_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1hawj_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1hawj_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1hawj_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1hawj_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1hawj_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1hawj_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1hawj_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._header_1hawj_146 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 8px;
  height: 128px;
  position: relative;
}
._header_1hawj_146 ._headerInfo_1hawj_156 {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: space-between;
  gap: 0;
  height: 100%;
  flex: 1;
}
._header_1hawj_146 ._headerInfo_1hawj_156 ._headerTitle_1hawj_165 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
  padding: 4px;
  border-radius: 4px;
  max-width: 100%;
  overflow: hidden;
}
._header_1hawj_146 ._headerInfo_1hawj_156 ._headerTitle_1hawj_165 h2 {
  font-size: 16px;
  line-height: 14px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
._header_1hawj_146 ._headerInfo_1hawj_156 ._chips_1hawj_186 {
  font-size: 14px;
  color: var(--clrAccent-60);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
._header_1hawj_146 ._headerInfo_1hawj_156 ._chips_1hawj_186 ._participants_1hawj_198 {
  border: 1px solid var(--clrAccent-30);
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  max-height: 24px;
  min-width: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
}
._header_1hawj_146 ._headerInfo_1hawj_156 ._chips_1hawj_186 ._participants_1hawj_198 span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
._header_1hawj_146 ._headerInfo_1hawj_156 ._secondaryInfo_1hawj_219 {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._header_1hawj_146 ._headerInfo_1hawj_156 ._deckInfo_1hawj_223 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
._header_1hawj_146 ._headerInfo_1hawj_156 ._deckInfo_1hawj_223 ._score_1hawj_230 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._header_1hawj_146 ._editBtn_1hawj_235 {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: none;
  color: var(--clrAccent-100);
  font-size: 20px;
  cursor: pointer;
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  transition: all 0.2s ease;
  border-radius: 4px;
}
._header_1hawj_146 ._editBtn_1hawj_235:hover {
  color: var(--clrPrimary);
  background-color: var(--clrAccent-100);
}
._header_1hawj_146 ._editBtn_1hawj_235:active {
  transform: scale(0.95);
}
html {
  color-scheme: light dark auto;
}
._themeLight_1bmop_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_1bmop_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_1bmop_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_1bmop_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_1bmop_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1bmop_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1bmop_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1bmop_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1bmop_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1bmop_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1bmop_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1bmop_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1bmop_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1bmop_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1bmop_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1bmop_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
@keyframes _modalBounceIn_1bmop_1 {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _fadeIn_1bmop_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._exportModal_1bmop_167 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  z-index: 9999;
  cursor: pointer;
  animation: _fadeIn_1bmop_1 0.3s ease;
  overflow: hidden;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 {
  width: min(90vw, 600px);
  aspect-ratio: 7/8;
  max-height: 85vh;
  background-color: var(--clrPrimary);
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  padding: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 2px;
  cursor: default;
  overflow: hidden;
  animation: _modalBounceIn_1bmop_1 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@media (max-width: 768px) {
  ._exportModal_1bmop_167 ._exportContent_1bmop_186 {
    width: 90vw;
    max-height: 80vh;
  }
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 4px;
  flex-shrink: 0;
  width: 100%;
  padding: 4px 8px;
}
@media (min-width: 800px) {
  ._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
  }
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 ._rightSection_1bmop_229 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 4px;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 ._rightSection_1bmop_229 ._chips_1bmop_236 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  flex-wrap: wrap;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 ._rightSection_1bmop_229 ._appPromo_1bmop_244 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  max-height: 100%;
  font-size: 8px;
  color: var(--clrAccent-60);
  padding: 2px 2px;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 ._rightSection_1bmop_229 ._appPromo_1bmop_244 img {
  height: 24px;
  width: 24px;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 ._rightSection_1bmop_229 ._appPromo_1bmop_244 ._madeWithHighlight_1bmop_259 {
  color: var(--clrAccent-100);
}
@media (min-width: 800px) {
  ._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 ._rightSection_1bmop_229 ._appPromo_1bmop_244 {
    font-size: 12px;
  }
  ._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 ._rightSection_1bmop_229 ._appPromo_1bmop_244 img {
    height: 32px;
    width: 32px;
  }
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 ._tournamentInfo_1bmop_271 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 ._tournamentInfo_1bmop_271 > div:first-child {
  max-height: 42px !important;
  max-width: 42px !important;
  min-height: 42px !important;
  min-width: 42px !important;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 ._tournamentInfo_1bmop_271 ._tournamentInfoDetails_1bmop_284 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 ._tournamentInfo_1bmop_271 ._tournamentInfoDetails_1bmop_284 ._tournamentName_1bmop_291 {
  font-size: 10px;
  color: var(--clrAccent-60);
  max-width: 200px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209 ._tournamentInfo_1bmop_271 ._tournamentInfoDetails_1bmop_284 ._exportStats_1bmop_300 {
  font-size: 16px;
  font-weight: 700;
  color: var(--clrAccent-100);
  white-space: nowrap;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209._mediumSize_1bmop_306 ._tournamentInfo_1bmop_271 > div:first-child {
  max-height: 56px !important;
  max-width: 56px !important;
  min-height: 56px !important;
  min-width: 56px !important;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209._mediumSize_1bmop_306 ._tournamentInfo_1bmop_271 ._tournamentInfoDetails_1bmop_284 ._tournamentName_1bmop_291 {
  font-size: 12px;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209._mediumSize_1bmop_306 ._tournamentInfo_1bmop_271 ._tournamentInfoDetails_1bmop_284 ._exportStats_1bmop_300 {
  font-size: 20px;
}
@media (min-width: 800px) {
  ._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportHeader_1bmop_209._mediumSize_1bmop_306 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportRoundList_1bmop_327 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 0px;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportRoundList_1bmop_327::-webkit-scrollbar {
  width: 8px;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportRoundList_1bmop_327::-webkit-scrollbar-track {
  background: var(--clrSecondary);
  border-radius: 4px;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportRoundList_1bmop_327::-webkit-scrollbar-thumb {
  background: var(--clrAccent-30);
  border-radius: 4px;
}
._exportModal_1bmop_167 ._exportContent_1bmop_186 ._exportRoundList_1bmop_327::-webkit-scrollbar-thumb:hover {
  background: var(--clrAccent-50);
}
._exportModal_1bmop_167 ._appLogoRow_1bmop_352 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  background-color: var(--clrAccent-30);
  height: 24px;
  width: 100vmin;
  max-width: 800px;
  border-radius: 0 0 8px 8px;
  animation: _modalBounceIn_1bmop_1 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
._exportModal_1bmop_167 ._appLogoRow_1bmop_352 img {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
._exportModal_1bmop_167 ._appLogoRow_1bmop_352 ._appName_1bmop_370 {
  font-size: 12px;
  color: var(--clrAccent-60);
}
._exportModal_1bmop_167 ._appLogoRow_1bmop_352 ._madeWithHighlight_1bmop_259 {
  color: var(--clrAccent-100);
}
._exportModal_1bmop_167 ._actionButtons_1bmop_377 {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  animation: _modalBounceIn_1bmop_1 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
._exportModal_1bmop_167 ._downloadBtn_1bmop_386 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  background-color: transparent;
  color: var(--clrPrimary);
  border: 1px solid var(--clrAccent-100);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: var(--clrAccent-100);
}
._exportModal_1bmop_167 ._downloadBtn_1bmop_386 svg {
  width: 18px;
  height: 18px;
}
._exportModal_1bmop_167 ._downloadBtn_1bmop_386:hover:not(:disabled) {
  color: var(--clrPrimary);
  transform: translateY(-2px);
}
._exportModal_1bmop_167 ._downloadBtn_1bmop_386:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._exportModal_1bmop_167 ._downloadBtn_1bmop_386 ._spinner_1bmop_415 {
  animation: _spin_1bmop_415 1s linear infinite;
}
@keyframes _spin_1bmop_415 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_147l0_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(239, 239, 239, 0.3);
  --clrPrimary60: rgba(239, 239, 239, 0.6);
  --clrPrimary80: rgba(239, 239, 239, 0.8);
  --clrAccent-100: #000;
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
._themeDark_147l0_20 {
  --clrPrimary: #15191e;
  --clrSecondary: #0A0F14;
  --clrTertiary: #2A2F36;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgb(10, 10, 10, 0.3);
  --clrPrimary60: rgb(10, 10, 10, 0.6);
  --clrPrimary80: rgb(10, 10, 10, 0.8);
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelDark_147l0_34 {
  --clrPrimary: #131821;
  --clrSecondary: #1c2127;
  --clrTertiary: #37373e;
  --clrPrimary30: rgba(34, 40, 49, 0.3);
  --clrPrimary60: rgba(15, 17, 19, 0.3);
  --clrPrimary80: rgba(34, 40, 49, 0.8);
  --clrPrimaryContrast: #a7a7a7;
  --clrAccent-100: #D3DAD9;
  --clrAccent-80: rgba(211, 218, 217, 0.8);
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._themePastelLight_147l0_49 {
  --clrPrimary: #E8ECEB;
  --clrSecondary: #F5F7F6;
  --clrTertiary: #bdbab6;
  --clrPrimaryContrast: #a7a7a7;
  --clrPrimary30: rgba(232, 236, 235, 0.3);
  --clrPrimary60: rgba(232, 236, 235, 0.6);
  --clrPrimary80: rgba(232, 236, 235, 0.8);
  --clrAccent-100: #2D3339;
  --clrAccent-80: rgba(45, 51, 57, 0.8);
  --clrAccent-60: rgba(0, 0, 0, 0.6);
  --clrAccent-30: rgba(0, 0, 0, 0.3);
  --clrAccent-10: rgba(0, 0, 0, 0.1);
}
:root {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #f1f1f1;
  --clrAccent-100: #FFFFFF;
  --clrAccent-60: rgba(198, 198, 198, 0.6);
  --clrAccent-30: rgba(255, 255, 255, 0.3);
  --clrAccent-10: rgba(255, 255, 255, 0.1);
}
._Roboto_147l0_74 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_147l0_74 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_147l0_74 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_147l0_74 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_147l0_74 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_147l0_74 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_147l0_74 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_147l0_74 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_147l0_74 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_147l0_74 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_147l0_74 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_147l0_74 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._modalOverlay_147l0_146 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 16px;
  animation: _fadeIn_147l0_1 0.2s ease-out;
}
@keyframes _fadeIn_147l0_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._modal_147l0_146 {
  width: min(500px, 100%);
  max-height: calc(100vh - 256px);
  background: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 32px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  animation: _slideUp_147l0_1 0.3s ease-out;
}
@keyframes _slideUp_147l0_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
._header_147l0_192 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--clrAccent-30);
}
._header_147l0_192 h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  background: linear-gradient(135deg, var(--clrAccent-100), var(--clrAccent-60));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
._version_147l0_209 {
  font-size: 12px;
  color: var(--clrAccent-60);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
._content_147l0_217 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-y: auto;
}
._section_147l0_224 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._section_147l0_224 h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--clrAccent-100);
  display: flex;
  align-items: center;
  gap: 8px;
}
._section_147l0_224 ul {
  margin: 0;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._section_147l0_224 li {
  color: var(--clrAccent-80);
  font-size: 15px;
  line-height: 1.5;
}
._section_147l0_224 li::marker {
  color: var(--clrAccent-40);
}
._closeButton_147l0_254 {
  width: 100%;
  height: 48px;
  background: var(--clrTertiary);
  color: var(--clrAccent-100);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 8px;
}
._closeButton_147l0_254:hover {
  transform: translateY(-2px);
  background: var(--clrAccent-30);
}
._closeButton_147l0_254:active {
  transform: translateY(0);
}
@media (max-width: 768px) {
  ._modal_147l0_146 {
    padding: 24px 20px 20px;
  }
  ._header_147l0_192 h2 {
    font-size: 24px;
  }
  ._section_147l0_224 h3 {
    font-size: 16px;
  }
  ._section_147l0_224 li {
    font-size: 14px;
  }
}