@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_1s9tq_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1s9tq_17 {
  --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_1s9tq_31 {
  --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_1s9tq_46 {
  --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_1s9tq_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1s9tq_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1s9tq_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1s9tq_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1s9tq_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1s9tq_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1s9tq_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1s9tq_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1s9tq_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1s9tq_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1s9tq_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1s9tq_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._authContainer_1s9tq_143 {
  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_1s9tq_143::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
._carouselWrapper_1s9tq_170 {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 1200px;
  z-index: 2;
  opacity: 0.5;
}
._authCard_1s9tq_181 {
  border-radius: 8px;
  padding: 48px 40px;
  width: 100%;
  max-width: 440px;
  z-index: 3;
}
._authCard_1s9tq_181 ._logoContainer_1s9tq_188 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-bottom: 32px;
}
._authCard_1s9tq_181 ._logoContainer_1s9tq_188 ._logo_1s9tq_188 {
  width: 80px;
  height: 80px;
  object-fit: contain;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
}
._authCard_1s9tq_181 h2 {
  font-size: 32px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0 0 32px 0;
  text-align: center;
}
._errorMessage_1s9tq_210 {
  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_1s9tq_221 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
}
._formGroup_1s9tq_229 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
}
._formGroup_1s9tq_229 label {
  font-size: 14px;
  font-weight: 600;
  color: var(--clrAccent-60);
  letter-spacing: 0.3px;
}
._formGroup_1s9tq_229 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_1s9tq_229 input::placeholder {
  color: var(--clrAccent-10);
}
._formGroup_1s9tq_229 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_1s9tq_229 input:hover {
  border-color: var(--clrAccent-60);
}
._passwordInputWrapper_1s9tq_264 {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
}
._passwordInputWrapper_1s9tq_264 input {
  flex: 1;
  padding-right: 48px;
}
._passwordInputWrapper_1s9tq_264 ._togglePasswordBtn_1s9tq_276 {
  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_1s9tq_264 ._togglePasswordBtn_1s9tq_276:hover {
  color: var(--clrAccent-100);
}
._passwordInputWrapper_1s9tq_264 ._togglePasswordBtn_1s9tq_276:focus {
  outline: none;
  color: var(--clrAccent-100);
}
._inputError_1s9tq_300 {
  border-color: #dc2626 !important;
}
._inputError_1s9tq_300:focus {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15) !important;
}
._fieldError_1s9tq_308 {
  font-size: 13px;
  color: #fca5a5;
  margin-top: -4px;
  display: block;
}
._authButton_1s9tq_315 {
  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_1s9tq_315:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.2);
}
._authButton_1s9tq_315:active:not(:disabled) {
  transform: translateY(0);
}
._authButton_1s9tq_315:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._divider_1s9tq_341 {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 24px 0;
  color: var(--clrAccent-60);
  font-size: 14px;
}
._divider_1s9tq_341::before, ._divider_1s9tq_341::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid var(--clrAccent-40);
}
._divider_1s9tq_341 span {
  padding: 0 16px;
  font-weight: 500;
}
._googleButton_1s9tq_359 {
  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_1s9tq_359:hover:not(:disabled) {
  background-color: #f9fafb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._googleButton_1s9tq_359:active:not(:disabled) {
  transform: scale(0.98);
}
._googleButton_1s9tq_359:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._googleButton_1s9tq_359 ._googleIcon_1s9tq_387 {
  font-size: 20px;
}
._authToggle_1s9tq_391 {
  margin-top: 24px;
  text-align: center;
}
._authToggle_1s9tq_391 p {
  color: var(--clrAccent-60);
  font-size: 14px;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._toggleButton_1s9tq_406 {
  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_1s9tq_406:hover:not(:disabled) {
  color: var(--clrAccent-120);
}
._toggleButton_1s9tq_406:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._forgotPasswordLink_1s9tq_425 {
  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_1s9tq_425:hover {
  color: var(--clrAccent-120);
}
._appPromo_1s9tq_442 {
  max-width: 400px;
  height: 100%;
  margin: 0 auto;
  margin-top: 64px;
}
@media (max-width: 800px) {
  ._appPromo_1s9tq_442 {
    max-width: 300px;
  }
}
._appPromo_1s9tq_442 a {
  display: block;
  transition: all 0.2s ease;
}
._appPromo_1s9tq_442 a:active {
  transform: scale(0.98);
}
._appPromo_1s9tq_442 a:active img {
  transform: scale(0.98);
  box-shadow: 0 0 64px rgba(47, 106, 167, 0.7);
}
._appPromo_1s9tq_442 a img {
  width: 100%;
  margin: 0 auto;
  display: block;
  transition: all 0.2s ease;
}
._modalOverlay_1s9tq_471 {
  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_1s9tq_471 {
  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_1s9tq_497 {
  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_1s9tq_497 h3 {
  color: var(--clrAccent-100);
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
._closeButton_1s9tq_514 {
  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_1s9tq_514:hover {
  color: var(--clrAccent-100);
}
._modalBody_1s9tq_534 {
  padding: 0 24px 24px 24px;
}
._modalBody_1s9tq_534 p {
  color: var(--clrAccent-80);
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 20px 0;
}
._modalBody_1s9tq_534 ._formGroup_1s9tq_229 input {
  border: 1px solid var(--clrTertiary);
}
._modalBody_1s9tq_534 ._formGroup_1s9tq_229 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_1s9tq_534 ._formGroup_1s9tq_229 input:hover {
  border-color: var(--clrAccent-60);
}
._modalActions_1s9tq_556 {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
}
._modalButton_1s9tq_565 {
  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_1s9tq_565:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}
._modalButton_1s9tq_565:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._cancelButton_1s9tq_586 {
  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_1s9tq_586:hover:not(:disabled) {
  border-color: var(--clrAccent-60);
  color: var(--clrAccent-100);
}
._cancelButton_1s9tq_586:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._successMessage_1s9tq_606 {
  text-align: center;
  padding: 20px 0;
}
._successMessage_1s9tq_606 p {
  margin: 0 0 8px 0;
}
._successMessage_1s9tq_606 p:first-child {
  color: var(--clrAccent-100);
  font-weight: 600;
  font-size: 16px;
}
._successMessage_1s9tq_606 p:last-child {
  color: var(--clrAccent-80);
  font-size: 14px;
}
._welcomeSection_1s9tq_623 {
  text-align: center;
  color: var(--clrAccent-60);
}
._welcomeSection_1s9tq_623 h1 {
  font-size: 28px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0 0 12px 0;
}
._welcomeSection_1s9tq_623 > p {
  font-size: 16px;
  color: var(--clrAccent-60);
  margin: 0 0 32px 0;
}
._actionButtons_1s9tq_639 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 24px;
}
._buttonRow_1s9tq_648 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
}
._googleSquareButton_1s9tq_656 {
  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_1s9tq_656:hover:not(:disabled) {
  background: #f9fafb;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._googleSquareButton_1s9tq_656:active:not(:disabled) {
  transform: translateY(0);
}
._googleSquareButton_1s9tq_656:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._guestButton_1s9tq_687 {
  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_1s9tq_687 span {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.3px;
}
._guestButton_1s9tq_687 small {
  font-size: 13px;
  opacity: 0.85;
  font-weight: 400;
}
._loginButton_1s9tq_712 {
  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_1s9tq_712:hover {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
  transform: translateY(-1px);
}
._loginButton_1s9tq_712:active {
  transform: translateY(0);
}
._signupPrompt_1s9tq_733 {
  margin-top: 16px;
  color: red;
  font-size: 14px;
}
._signupPrompt_1s9tq_733 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_1s9tq_733 button:hover {
  color: var(--clrAccent-80);
}
._backButton_1s9tq_753 {
  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_1s9tq_753:hover {
  color: var(--clrAccent-100);
}
@media (max-width: 480px) {
  ._carouselWrapper_1s9tq_170 {
    top: 70px;
    width: 95%;
    opacity: 0.5;
  }
  ._authCard_1s9tq_181 {
    padding: 32px 24px;
  }
  ._authCard_1s9tq_181 ._logoContainer_1s9tq_188 {
    margin-bottom: 24px;
  }
  ._authCard_1s9tq_181 ._logoContainer_1s9tq_188 ._logo_1s9tq_188 {
    width: 64px;
    height: 64px;
  }
  ._authCard_1s9tq_181 h2 {
    font-size: 28px;
    margin-bottom: 24px;
  }
  ._welcomeSection_1s9tq_623 h1 {
    font-size: 24px;
  }
  ._welcomeSection_1s9tq_623 > p {
    font-size: 14px;
  }
  ._guestButton_1s9tq_687 {
    padding: 18px 20px;
  }
  ._guestButton_1s9tq_687 span {
    font-size: 16px;
  }
  ._guestButton_1s9tq_687 small {
    font-size: 12px;
  }
  ._loginButton_1s9tq_712 {
    padding: 14px 20px;
    font-size: 15px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_152g4_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_152g4_17 {
  --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_152g4_31 {
  --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_152g4_46 {
  --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_152g4_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_152g4_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_152g4_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_152g4_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_152g4_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_152g4_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_152g4_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_152g4_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_152g4_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_152g4_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_152g4_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_152g4_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._carousel_152g4_143 {
  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_152g4_151 {
  display: flex;
  gap: 24px;
  animation: _scroll_152g4_1 linear infinite;
  width: max-content;
}
._carouselTrack_152g4_151:hover {
  animation-play-state: paused;
}
@keyframes _scroll_152g4_1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
._carouselSlide_152g4_169 {
  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_152g4_169:hover {
  transform: scale(1.05);
}
._carouselSlide_152g4_169 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
@media (max-width: 480px) {
  ._carousel_152g4_143 {
    height: var(--mobile-height, 200px) !important;
  }
  ._carouselSlide_152g4_169 {
    width: var(--mobile-width, 280px) !important;
    height: var(--mobile-height, 200px) !important;
  }
  ._carouselTrack_152g4_151 {
    gap: 16px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_cerp8_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_cerp8_17 {
  --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_cerp8_31 {
  --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_cerp8_46 {
  --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_cerp8_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_cerp8_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_cerp8_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_cerp8_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_cerp8_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_cerp8_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_cerp8_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_cerp8_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_cerp8_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_cerp8_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_cerp8_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_cerp8_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._authFooter_cerp8_143 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--clrSecondary);
  backdrop-filter: blur(10px);
  padding: 24px 32px;
  z-index: 4;
}
._authFooter_cerp8_143 ._footerContent_cerp8_153 {
  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_cerp8_143 ._footerContent_cerp8_153 ._madeBy_cerp8_164 {
  color: var(--clrAccent-60);
  font-weight: 500;
}
._authFooter_cerp8_143 ._footerContent_cerp8_153 ._urls_cerp8_168 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
._authFooter_cerp8_143 ._footerContent_cerp8_153 ._urls_cerp8_168 ._footerLink_cerp8_175 {
  color: var(--clrAccent-80);
  text-decoration: none;
  transition: all 0.2s ease;
}
._authFooter_cerp8_143 ._footerContent_cerp8_153 ._urls_cerp8_168 ._footerLink_cerp8_175:hover {
  color: var(--clrAccent-100);
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 480px) {
  ._authFooter_cerp8_143 {
    padding: 10px 16px;
  }
  ._footerContent_cerp8_153 {
    font-size: 11px;
    gap: 8px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1w8yy_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1w8yy_17 {
  --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_1w8yy_31 {
  --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_1w8yy_46 {
  --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_1w8yy_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1w8yy_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1w8yy_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1w8yy_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1w8yy_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1w8yy_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1w8yy_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1w8yy_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1w8yy_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1w8yy_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1w8yy_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1w8yy_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._resetPasswordContainer_1w8yy_143 {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  background-color: var(--clrSecondary);
  padding: 24px;
  position: relative;
}
._resetPasswordCard_1w8yy_155 {
  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_1w8yy_155 {
    padding: 32px 24px;
  }
}
._logoContainer_1w8yy_174 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
}
._logoContainer_1w8yy_174 ._logo_1w8yy_174 {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
h2 {
  text-align: center;
  color: var(--clrAccent-100);
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}
._emailInfo_1w8yy_195 {
  text-align: center;
  color: var(--clrAccent-60);
  font-size: 14px;
  margin: -12px 0 0 0;
}
._loadingMessage_1w8yy_202,
._successMessage_1w8yy_203 {
  text-align: center;
  color: var(--clrAccent-80);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px;
}
._loadingMessage_1w8yy_202 p,
._successMessage_1w8yy_203 p {
  margin: 0;
  font-size: 15px;
}
._loadingMessage_1w8yy_202 p:first-child,
._successMessage_1w8yy_203 p:first-child {
  font-size: 16px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._errorMessage_1w8yy_225 {
  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_1w8yy_236 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
}
._formGroup_1w8yy_244 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
}
._formGroup_1w8yy_244 label {
  font-size: 14px;
  font-weight: 600;
  color: var(--clrAccent-60);
  letter-spacing: 0.3px;
}
._formGroup_1w8yy_244 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_1w8yy_244 input::placeholder {
  color: var(--clrAccent-30);
}
._formGroup_1w8yy_244 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_1w8yy_244 input:hover {
  border-color: var(--clrAccent-60);
}
._passwordInputWrapper_1w8yy_279 {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
}
._passwordInputWrapper_1w8yy_279 input {
  flex: 1;
  padding-right: 48px;
}
._passwordInputWrapper_1w8yy_279 ._togglePasswordBtn_1w8yy_291 {
  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_1w8yy_279 ._togglePasswordBtn_1w8yy_291:hover {
  color: var(--clrAccent-100);
}
._passwordInputWrapper_1w8yy_279 ._togglePasswordBtn_1w8yy_291:focus {
  outline: none;
  color: var(--clrAccent-100);
}
._inputError_1w8yy_315 {
  border-color: #dc2626 !important;
}
._inputError_1w8yy_315:focus {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15) !important;
}
._fieldError_1w8yy_323 {
  font-size: 13px;
  color: #fca5a5;
  margin-top: -4px;
  display: block;
}
._submitButton_1w8yy_330 {
  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_1w8yy_330:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}
._submitButton_1w8yy_330:active:not(:disabled) {
  transform: translateY(0);
}
._submitButton_1w8yy_330:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._backButton_1w8yy_356,
._backToLoginLink_1w8yy_357 {
  background: none;
  border: none;
  color: var(--clrAccent-60);
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s ease;
  text-align: center;
  padding: 8px;
}
._backButton_1w8yy_356:hover,
._backToLoginLink_1w8yy_357:hover {
  color: var(--clrAccent-100);
}
._backButton_1w8yy_356 {
  background: var(--clrSecondary);
  border-radius: 4px;
  padding: 12px 24px;
  font-weight: 600;
}
html {
  color-scheme: light dark auto;
}
._themeLight_bot77_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_bot77_17 {
  --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_bot77_31 {
  --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_bot77_46 {
  --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_bot77_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_bot77_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_bot77_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_bot77_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_bot77_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_bot77_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_bot77_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_bot77_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_bot77_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_bot77_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_bot77_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_bot77_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._homepageContainer_bot77_143 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  background-color: var(--clrSecondary);
}
._homepageContainer_bot77_143 ._tournamentBtns_bot77_151 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 32px;
}
html {
  color-scheme: light dark auto;
}
._themeLight_k36qr_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_k36qr_17 {
  --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_k36qr_31 {
  --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_k36qr_46 {
  --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_k36qr_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_k36qr_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_k36qr_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_k36qr_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_k36qr_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_k36qr_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_k36qr_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_k36qr_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_k36qr_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_k36qr_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_k36qr_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_k36qr_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._leaderImage_k36qr_143 {
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  position: relative;
}
._leaderImage_k36qr_143 img {
  width: 90%;
  height: 90%;
  border-radius: 4px;
  object-fit: cover;
}
._leaderImage_k36qr_143 ._imagePlaceholder_k36qr_159 {
  font-weight: 600;
  color: var(--clrAccent-100);
}
._leaderImage_k36qr_143._xxsmall_k36qr_163 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 3px;
}
._leaderImage_k36qr_143._xxsmall_k36qr_163 ._imagePlaceholder_k36qr_159 {
  font-size: 10px;
}
._leaderImage_k36qr_143._xsmall_k36qr_172 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 4px;
}
._leaderImage_k36qr_143._xsmall_k36qr_172 ._imagePlaceholder_k36qr_159 {
  font-size: 14px;
}
._leaderImage_k36qr_143._small_k36qr_181 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 6px;
}
._leaderImage_k36qr_143._small_k36qr_181 ._imagePlaceholder_k36qr_159 {
  font-size: 18px;
}
._leaderImage_k36qr_143._medium_k36qr_190 {
  width: 80px;
  height: 80px;
  min-width: 80px;
}
._leaderImage_k36qr_143._medium_k36qr_190 ._imagePlaceholder_k36qr_159 {
  font-size: 24px;
}
._leaderImage_k36qr_143._large_k36qr_198 {
  width: 128px;
  height: 128px;
  min-width: 128px;
}
._leaderImage_k36qr_143._large_k36qr_198 ._imagePlaceholder_k36qr_159 {
  font-size: 32px;
}
._leaderImage_k36qr_143._xlarge_k36qr_206 {
  width: 112px;
  height: 112px;
  min-width: 112px;
  border-radius: 8px;
}
._leaderImage_k36qr_143._xlarge_k36qr_206 ._imagePlaceholder_k36qr_159 {
  font-size: 28px;
}
._leaderImage_k36qr_143._full_k36qr_215 {
  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_11lbp_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_11lbp_17 {
  --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_11lbp_31 {
  --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_11lbp_46 {
  --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_11lbp_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_11lbp_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_11lbp_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_11lbp_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_11lbp_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_11lbp_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_11lbp_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_11lbp_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_11lbp_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_11lbp_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_11lbp_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_11lbp_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._addTournamentContainer_11lbp_143 {
  max-width: 820px;
  margin: 0 auto;
  width: 100%;
  padding: 16px;
  overflow-x: hidden;
}
._addTournamentContainer_11lbp_143 h2 {
  margin-bottom: 8px;
  color: var(--clrAccent-100);
  text-align: left;
}
._addTournamentContainer_11lbp_143 {
  padding-top: calc(60px + env(safe-area-inset-top) + 16px);
  padding-bottom: calc(60px + env(safe-area-inset-bottom) + 64px);
}
._addTournamentContainer_11lbp_143 ._limitIndicator_11lbp_159 {
  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_11lbp_143 ._limitIndicator_11lbp_159 ._limitText_11lbp_171 {
  font-size: 14px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._addTournamentContainer_11lbp_143 ._limitIndicator_11lbp_159 ._limitWarning_11lbp_176 {
  font-size: 12px;
  color: #ffd700;
  font-weight: 500;
  text-align: center;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 input, ._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 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_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 input::placeholder, ._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 select::placeholder {
  color: var(--clrAccent-100);
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 input[type=date] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 input[type=date]::-webkit-date-and-time-value {
  text-align: left;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0.6;
  cursor: pointer;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 select option {
  font-size: 16px;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._searchInput_11lbp_233 {
  margin-bottom: 8px !important;
  font-size: 14px !important;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._searchInput_11lbp_233::placeholder {
  color: var(--clrAccent-100);
  opacity: 0.7;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 {
  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_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241::-webkit-scrollbar {
  display: none;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241:active {
  cursor: grabbing;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258 {
  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_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258: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_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258._selected_11lbp_281 {
  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_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258._typeTesting_11lbp_292 {
  background-color: #1e3a8a;
  border-color: #3b82f6;
  color: #93c5fd;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258._typeRegionals_11lbp_297 {
  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_11lbp_1 3s ease-in-out infinite;
  border-color: rgba(255, 215, 0, 0.5);
  color: #875c18;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258._typeRegionals_11lbp_297::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_11lbp_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_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258._typeLcq_11lbp_324 {
  background-color: #7f1d1d;
  border-color: #dc2626;
  color: #fca5a5;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258._typeLocal_11lbp_329 {
  background-color: #14532d;
  border-color: #16a34a;
  color: #86efac;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258._typeFlagship_11lbp_334 {
  background-color: #713f12;
  border-color: #eab308;
  color: #fef08a;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258._typeTreasureCup_11lbp_339 {
  background-color: #7c2d12;
  border-color: #f97316;
  color: #fdba74;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258._typeNational_11lbp_344 {
  background-color: #581c87;
  border-color: #a855f7;
  color: #e9d5ff;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258._typeWorld_11lbp_349 {
  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_11lbp_1 3s ease-in-out infinite;
  border-color: rgba(255, 215, 0, 0.5);
  color: #875c18;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258._typeWorld_11lbp_349::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_11lbp_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_11lbp_143 ._addTournamentForm_11lbp_182 ._formGroup_11lbp_192 ._tournamentTypeCarousel_11lbp_241 ._tournamentTypeCard_11lbp_258._typeStoreCs_11lbp_376 {
  background-color: var(--clrTertiary);
  border-color: var(--clrAccent-60);
  color: var(--clrAccent-100);
}
@keyframes _chip-glow-spin_11lbp_1 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes _gold-shimmer_11lbp_1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._buttonRow_11lbp_397 ._selectionHint_11lbp_397 {
  font-size: 14px;
  color: var(--clrAccent-100);
  opacity: 0.7;
  text-align: center;
  margin-top: 4px;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._createBtn_11lbp_404 {
  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_11lbp_143 ._addTournamentForm_11lbp_182 ._createBtn_11lbp_404:hover {
  opacity: 0.9;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._createBtn_11lbp_404:active {
  transform: scale(0.95);
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._createBtn_11lbp_404:disabled {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-60);
  opacity: 0.7;
}
._addTournamentContainer_11lbp_143 ._addTournamentForm_11lbp_182 ._formMsg_11lbp_427 {
  align-self: center;
}
._addTournamentContainer_11lbp_143 ._modalOverlay_11lbp_430 {
  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_11lbp_143 ._modalContent_11lbp_445 {
  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_11lbp_1 0.3s ease-out;
}
._addTournamentContainer_11lbp_143 ._modalContent_11lbp_445 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_11lbp_143 ._modalContent_11lbp_445 p {
  color: var(--clrAccent-80);
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  margin: 0;
}
._addTournamentContainer_11lbp_143 ._modalContent_11lbp_445 p:first-of-type {
  font-weight: 600;
  color: var(--clrAccent-100);
}
._addTournamentContainer_11lbp_143 ._modalContent_11lbp_445 ._modalButtons_11lbp_479 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
  width: 100%;
  margin-top: 8px;
}
._addTournamentContainer_11lbp_143 ._modalContent_11lbp_445 ._modalButtons_11lbp_479 ._upgradeButton_11lbp_488 {
  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_11lbp_143 ._modalContent_11lbp_445 ._modalButtons_11lbp_479 ._upgradeButton_11lbp_488:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
}
._addTournamentContainer_11lbp_143 ._modalContent_11lbp_445 ._modalButtons_11lbp_479 ._upgradeButton_11lbp_488:active {
  transform: translateY(0);
}
._addTournamentContainer_11lbp_143 ._modalContent_11lbp_445 ._modalButtons_11lbp_479 ._cancelButton_11lbp_508 {
  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_11lbp_143 ._modalContent_11lbp_445 ._modalButtons_11lbp_479 ._cancelButton_11lbp_508:hover {
  background: var(--clrAccent-10);
  border-color: var(--clrAccent-60);
  color: var(--clrAccent-100);
}
._addTournamentContainer_11lbp_143 ._modalContent_11lbp_445 ._modalButtons_11lbp_479 ._cancelButton_11lbp_508:active {
  transform: scale(0.98);
}
@keyframes _modalSlideIn_11lbp_1 {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_otq48_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_otq48_17 {
  --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_otq48_31 {
  --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_otq48_46 {
  --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_otq48_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_otq48_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_otq48_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_otq48_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_otq48_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_otq48_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_otq48_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_otq48_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_otq48_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_otq48_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_otq48_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_otq48_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._profileContainer_otq48_143 {
  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_otq48_143 ._profileHeader_otq48_154 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 0 16px 4px 16px;
}
._profileContainer_otq48_143 ._profileHeader_otq48_154 ._userWelcomeMsg_otq48_163 {
  font-size: 24px;
  font-weight: 700;
  color: var(--clrAccent-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
._profileContainer_otq48_143 ._profileHeader_otq48_154 ._gameSwitcher_otq48_173 {
  position: relative;
  width: fit-content;
}
._profileContainer_otq48_143 ._profileHeader_otq48_154 ._gameSwitcher_otq48_173 ._gameSelectorBtn_otq48_177 {
  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_otq48_143 ._profileHeader_otq48_154 ._gameSwitcher_otq48_173 ._gameSelectorBtn_otq48_177:hover {
  background: var(--clrPrimary-20);
  border-color: var(--clrAccent-50);
}
._profileContainer_otq48_143 ._profileHeader_otq48_154 ._gameSwitcher_otq48_173 ._gameSelectorBtn_otq48_177 ._chevron_otq48_198 {
  transition: transform 0.2s ease;
}
._profileContainer_otq48_143 ._profileHeader_otq48_154 ._gameSwitcher_otq48_173 ._gameSelectorBtn_otq48_177 ._chevron_otq48_198._open_otq48_201 {
  transform: rotate(180deg);
}
._profileContainer_otq48_143 ._profileHeader_otq48_154 ._gameSwitcher_otq48_173 ._gameDropdown_otq48_204 {
  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_otq48_143 ._profileHeader_otq48_154 ._gameSwitcher_otq48_173 ._gameDropdown_otq48_204 ._gameOption_otq48_216 {
  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_otq48_143 ._profileHeader_otq48_154 ._gameSwitcher_otq48_173 ._gameDropdown_otq48_204 ._gameOption_otq48_216:hover {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
}
._profileContainer_otq48_143 ._profileHeader_otq48_154 ._gameSwitcher_otq48_173 ._gameDropdown_otq48_204 ._gameOption_otq48_216._active_otq48_237 {
  outline: 1px solid var(--clrAccent-30);
  outline-offset: -1px;
}
._profileContainer_otq48_143 ._profileHeader_otq48_154 ._gameSwitcher_otq48_173 ._gameDropdown_otq48_204 ._gameOption_otq48_216 ._gameLogo_otq48_241 {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  object-fit: cover;
}
._profileContainer_otq48_143 ._headerActions_otq48_247 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
._profileContainer_otq48_143 ._recalculateBtn_otq48_254 {
  background: none;
  border: none;
  font-size: 20px;
  line-height: 16px;
  color: var(--clrAccent-100);
  cursor: pointer;
  transition: color 0.2s ease;
}
._profileContainer_otq48_143 ._recalculateBtn_otq48_254:hover {
  color: #3b82f6;
}
._profileContainer_otq48_143 ._recalculateBtn_otq48_254:active {
  color: #2563eb;
}
._profileContainer_otq48_143 ._recalculateBtn_otq48_254:disabled {
  color: var(--clrAccent-30);
  cursor: not-allowed;
  animation: _spin_otq48_1 1s linear infinite;
}
._profileContainer_otq48_143 ._premiumToggleBtn_otq48_274 {
  background: none;
  border: none;
  font-size: 20px;
  line-height: 16px;
  color: var(--clrAccent-60);
  cursor: pointer;
  transition: all 0.2s ease;
}
._profileContainer_otq48_143 ._premiumToggleBtn_otq48_274:hover {
  color: #ffd700;
  transform: scale(1.1);
}
._profileContainer_otq48_143 ._premiumToggleBtn_otq48_274:active {
  transform: scale(0.95);
}
._profileContainer_otq48_143 ._premiumToggleBtn_otq48_274._active_otq48_237 {
  color: #ffd700;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6));
}
._profileContainer_otq48_143 ._premiumToggleBtn_otq48_274:disabled {
  color: var(--clrAccent-30);
  cursor: not-allowed;
  animation: _pulse_otq48_1 1s ease-in-out infinite;
}
._profileContainer_otq48_143 ._logoutBtn_otq48_299 {
  background: none;
  border: none;
  font-size: 24px;
  line-height: 16px;
  color: var(--clrAccent-100);
  cursor: pointer;
  transition: color 0.2s ease;
}
._profileContainer_otq48_143 ._logoutBtn_otq48_299:hover {
  color: var(--clrAccent-60);
}
._profileContainer_otq48_143 ._logoutBtn_otq48_299:active {
  color: var(--clrAccent-30);
}
._premiumSection_otq48_315 {
  width: 100%;
  max-width: 600px;
  margin: 0 16px;
  padding: 0 16px;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 {
  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_otq48_315 ._premiumCard_otq48_321 ._premiumHeader_otq48_332 {
  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_otq48_315 ._premiumCard_otq48_321 ._premiumHeader_otq48_332 ._starIcon_otq48_343 {
  font-size: 32px;
  color: #ffd700;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6));
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._premiumHeader_otq48_332 ._premiumTitle_otq48_348 {
  font-size: 18px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._premiumBanner_otq48_354 {
  margin: 12px 0;
  max-width: 350px;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._premiumBanner_otq48_354 img {
  width: 100%;
  height: 100%;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._premiumDescription_otq48_362 {
  color: var(--clrAccent-80);
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
  margin: 0;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._cardHeader_otq48_369 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._cardHeader_otq48_369 ._starIconGold_otq48_377 {
  font-size: 48px;
  color: #ffd700;
  filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.6));
  animation: _pulse_otq48_1 2s ease-in-out infinite;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._cardHeader_otq48_369 ._cardTitle_otq48_383 {
  font-size: 28px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0;
  line-height: 1.2;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._featureList_otq48_390 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 16px;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._featureList_otq48_390 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_otq48_315 ._premiumCard_otq48_321 ._featureList_otq48_390 li:hover {
  transform: translateX(4px);
  border-left-color: #ffd700;
  background: var(--clrBackground-200);
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._featureList_otq48_390 li ._checkmark_otq48_419 {
  font-weight: 700;
  color: #ffd700;
  font-size: 20px;
  flex-shrink: 0;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._featureList_otq48_390 li span:last-child {
  font-weight: 500;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._priceSection_otq48_428 {
  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_otq48_315 ._premiumCard_otq48_321 ._priceSection_otq48_428 ._priceLabel_otq48_439 {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._priceSection_otq48_428 ._price_otq48_428 {
  font-size: 26px;
  font-weight: 700;
  color: var(--clrAccent-100);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._successMessage_otq48_452 {
  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_otq48_315 ._premiumCard_otq48_321 ._errorMessage_otq48_462 {
  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_otq48_315 ._premiumCard_otq48_321 ._paymentButtonContainer_otq48_471 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._subscriptionManagement_otq48_479 {
  margin-top: 16px;
  width: 100%;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._subscriptionInfo_otq48_483 {
  color: var(--clrAccent-60);
  font-size: 14px;
  text-align: center;
  margin: 16px 0;
  padding: 12px 16px;
  background: var(--clrAccent-10);
  border-radius: 8px;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._subscriptionInfo_otq48_483 ._statusActive_otq48_492 {
  color: var(--clrSuccess);
  font-weight: 500;
  margin: 0;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._subscriptionInfo_otq48_483 ._statusCanceled_otq48_497 {
  color: var(--clrWarning);
  font-weight: 500;
  margin: 0;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._pricingOptions_otq48_502 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 24px;
  width: 100%;
}
@media (min-width: 768px) {
  ._premiumSection_otq48_315 ._premiumCard_otq48_321 ._pricingOptions_otq48_502 {
    flex-direction: row;
    gap: 32px;
  }
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._pricingCard_otq48_516 {
  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_otq48_315 ._premiumCard_otq48_321 ._pricingCard_otq48_516:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._pricingCard_otq48_516._recommended_otq48_535 {
  border-color: #ffd700;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.2);
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._pricingCard_otq48_516._recommended_otq48_535::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_otq48_315 ._premiumCard_otq48_321 ._pricingCard_otq48_516 ._recommendedBadge_otq48_553 {
  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_otq48_315 ._premiumCard_otq48_321 ._pricingCard_otq48_516 ._cardContent_otq48_568 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._pricingCard_otq48_516 ._pricingTitle_otq48_575 {
  font-size: 18px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 8px 0 0 0;
  text-align: center;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._pricingCard_otq48_516 ._priceSection_otq48_428 {
  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_otq48_315 ._premiumCard_otq48_321 ._pricingCard_otq48_516 ._priceSection_otq48_428 ._price_otq48_428 {
  font-size: 36px;
  font-weight: 700;
  color: var(--clrAccent-100);
  line-height: 1;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._pricingCard_otq48_516 ._priceSection_otq48_428 ._priceLabel_otq48_439 {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._premiumSection_otq48_315 ._premiumCard_otq48_321 ._pricingCard_otq48_516 ._savings_otq48_603 {
  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_otq48_315 ._premiumCard_otq48_321 ._pricingCard_otq48_516 ._spacer_otq48_619 {
  min-height: 44px;
}
@keyframes _spin_otq48_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes _pulse_otq48_1 {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
@keyframes _goldGlow_otq48_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_otq48_1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
._guestPromptContainer_otq48_658 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 24px 16px;
}
._guestPrompt_otq48_658 {
  max-width: 600px;
  width: 100%;
  background: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 16px;
  padding: 40px 32px;
  text-align: center;
}
._guestPrompt_otq48_658 h2 {
  font-size: 32px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0 0 12px 0;
}
._guestPrompt_otq48_658 ._subtitle_otq48_683 {
  font-size: 16px;
  color: var(--clrAccent-80);
  margin: 0 0 32px 0;
  line-height: 1.5;
}
._benefitsList_otq48_690 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 24px;
  margin-bottom: 32px;
  text-align: left;
}
._benefit_otq48_690 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
._benefit_otq48_690 ._icon_otq48_707 {
  font-size: 32px;
  flex-shrink: 0;
}
._benefit_otq48_690 div {
  flex: 1;
}
._benefit_otq48_690 div h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin: 0 0 4px 0;
}
._benefit_otq48_690 div p {
  font-size: 14px;
  color: var(--clrAccent-60);
  margin: 0;
  line-height: 1.4;
}
._guestActionButtons_otq48_727 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
  margin-bottom: 24px;
}
._primaryButton_otq48_736 {
  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_otq48_736:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
._primaryButton_otq48_736:active {
  transform: translateY(0);
}
._secondaryButton_otq48_756 {
  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_otq48_756:hover {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
  transform: translateY(-1px);
}
._secondaryButton_otq48_756:active {
  transform: translateY(0);
}
._dataWarning_otq48_777 {
  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_otq48_658 {
    padding: 32px 24px;
  }
  ._guestPrompt_otq48_658 h2 {
    font-size: 28px;
  }
  ._guestPrompt_otq48_658 ._subtitle_otq48_683 {
    font-size: 15px;
  }
  ._benefit_otq48_690 ._icon_otq48_707 {
    font-size: 28px;
  }
  ._benefit_otq48_690 div h3 {
    font-size: 16px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1stkd_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1stkd_17 {
  --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_1stkd_31 {
  --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_1stkd_46 {
  --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_1stkd_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1stkd_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1stkd_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1stkd_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1stkd_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1stkd_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1stkd_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1stkd_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1stkd_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1stkd_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1stkd_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1stkd_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._statCard_1stkd_143 {
  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_1stkd_143[title]:hover::before, ._statCard_1stkd_143[title]:hover::after {
  opacity: 1;
  visibility: visible;
}
._statCard_1stkd_143[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_1stkd_143[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_1stkd_143 ._statValue_1stkd_203 {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: var(--clrAccent-100);
}
._statCard_1stkd_143 ._statLabel_1stkd_209 {
  font-size: 12px;
  font-weight: 600;
  color: var(--clrAccent-60);
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
._statCard_1stkd_143._positive_1stkd_217 {
  background: rgba(0, 128, 0, 0.1);
  border-color: rgba(0, 128, 0, 0.3);
}
._statCard_1stkd_143._positive_1stkd_217 ._statValue_1stkd_203 {
  color: green;
}
._statCard_1stkd_143._negative_1stkd_224 {
  background: rgba(255, 0, 0, 0.1);
  border-color: rgba(255, 0, 0, 0.3);
}
._statCard_1stkd_143._negative_1stkd_224 ._statValue_1stkd_203 {
  color: red;
}
html {
  color-scheme: light dark auto;
}
._themeLight_5w3p1_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_5w3p1_17 {
  --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_5w3p1_31 {
  --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_5w3p1_46 {
  --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_5w3p1_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_5w3p1_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_5w3p1_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_5w3p1_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_5w3p1_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_5w3p1_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_5w3p1_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_5w3p1_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_5w3p1_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_5w3p1_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_5w3p1_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_5w3p1_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._skeletonLoader_5w3p1_143, ._textSkeleton_5w3p1_143, ._imageSkeleton_5w3p1_143, ._deckSkeleton_5w3p1_143 {
  background: linear-gradient(90deg, var(--clrSecondary) 0%, var(--clrTertiary) 50%, var(--clrSecondary) 100%);
  background-size: 200% 100%;
  animation: _shimmer_5w3p1_1 1.5s infinite;
  border-radius: 4px;
}
._deckSkeleton_5w3p1_143 {
  width: 100%;
  height: 64px;
}
._imageSkeleton_5w3p1_143 {
  width: 48px;
  height: 48px;
  border-radius: 6px;
}
._textSkeleton_5w3p1_143 {
  width: 100%;
  height: 16px;
}
._textSkeleton_5w3p1_143._short_5w3p1_165 {
  width: 60%;
}
._textSkeleton_5w3p1_143._medium_5w3p1_168 {
  width: 80%;
}
@keyframes _shimmer_5w3p1_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1qpmx_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1qpmx_17 {
  --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_1qpmx_31 {
  --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_1qpmx_46 {
  --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_1qpmx_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1qpmx_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1qpmx_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1qpmx_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1qpmx_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1qpmx_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1qpmx_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1qpmx_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1qpmx_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1qpmx_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1qpmx_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1qpmx_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
@keyframes _goldGradient_1qpmx_1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes _silverGradient_1qpmx_1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes _bronzeGradient_1qpmx_1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
._topDecksCard_1qpmx_176 {
  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_1qpmx_187 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._topDecksLabel_1qpmx_193 {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._seasonSubtitle_1qpmx_200 {
  font-size: 0.75rem;
  color: var(--clrAccent-50);
  font-weight: 400;
}
._loadingText_1qpmx_206,
._noDataText_1qpmx_207 {
  font-size: 0.875rem;
  text-align: center;
  padding: 1rem 0;
}
._decksList_1qpmx_213 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
}
._deckItem_1qpmx_219 {
  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_1qpmx_219:hover {
  background: rgba(255, 255, 255, 0.05);
  transform: translateY(-2px);
}
._deckItem_1qpmx_219._topDeck_1qpmx_176 {
  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_1qpmx_1 3s ease infinite;
  border-color: rgba(255, 215, 0, 0.5);
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.2);
}
._deckItem_1qpmx_219._topDeck_1qpmx_176: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_1qpmx_1 3s ease infinite;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(255, 215, 0, 0.3);
}
._deckItem_1qpmx_219._secondDeck_1qpmx_251 {
  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_1qpmx_1 3s ease infinite;
  border-color: rgba(192, 192, 192, 0.5);
  box-shadow: 0 4px 12px rgba(192, 192, 192, 0.2);
}
._deckItem_1qpmx_219._secondDeck_1qpmx_251: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_1qpmx_1 3s ease infinite;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(192, 192, 192, 0.3);
}
._deckItem_1qpmx_219._thirdDeck_1qpmx_265 {
  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_1qpmx_1 3s ease infinite;
  border-color: rgba(205, 127, 50, 0.5);
  box-shadow: 0 4px 12px rgba(205, 127, 50, 0.2);
}
._deckItem_1qpmx_219._thirdDeck_1qpmx_265: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_1qpmx_1 3s ease infinite;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(205, 127, 50, 0.3);
}
._rankBadge_1qpmx_280 {
  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_1qpmx_291 {
  flex-shrink: 0;
}
._deckStats_1qpmx_295 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.25rem;
  align-items: flex-end;
}
._winRate_1qpmx_306 {
  font-size: 1.25rem;
  font-weight: 700;
  width: 100%;
}
._record_1qpmx_312 {
  font-size: 0.75rem;
  width: 100%;
}
._deckItemSkeleton_1qpmx_317 {
  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_1qpmx_330 {
  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_1ei8j_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1ei8j_17 {
  --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_1ei8j_31 {
  --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_1ei8j_46 {
  --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_1ei8j_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1ei8j_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1ei8j_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1ei8j_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1ei8j_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1ei8j_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1ei8j_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1ei8j_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1ei8j_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1ei8j_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1ei8j_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1ei8j_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._allDecksCard_1ei8j_143 {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  background-color: var(--clrPrimary);
  width: 100%;
  border: 1px solid var(--clrAccent-10);
  overflow: hidden;
}
._headerButton_1ei8j_153 {
  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_1ei8j_153:hover {
  background: rgba(255, 255, 255, 0.03);
}
._headerContent_1ei8j_169 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
._headerLabel_1ei8j_176 {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--clrText);
}
._seasonSubtitle_1ei8j_184 {
  font-size: 0.75rem;
  color: var(--clrAccent-50);
  font-weight: 400;
}
._expandIcon_1ei8j_190 {
  font-size: 1.25rem;
  transition: transform 0.2s ease;
  color: var(--clrAccent-100);
}
._expandIcon_1ei8j_190._expanded_1ei8j_195 {
  transform: rotate(180deg);
}
._decksListContainer_1ei8j_199 {
  padding: 1rem 1.5rem 1.5rem;
  animation: _slideDown_1ei8j_1 0.2s ease-out;
}
@keyframes _slideDown_1ei8j_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._filterChips_1ei8j_214 {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
._filterChip_1ei8j_214 {
  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_1ei8j_214:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--clrAccent-50);
  color: var(--clrAccent-100);
}
._filterChip_1ei8j_214._active_1ei8j_238 {
  background: var(--clrAccent-100);
  border-color: var(--clrAccent-100);
  color: var(--clrPrimary);
}
._loadingText_1ei8j_244,
._noDataText_1ei8j_245 {
  font-size: 0.875rem;
  text-align: center;
  padding: 1rem 0;
  color: var(--clrAccent-100);
}
._decksList_1ei8j_199 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._deckRow_1ei8j_258 {
  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_1ei8j_258:hover {
  background: rgba(255, 255, 255, 0.05);
  transform: translateX(4px);
}
._deckInfo_1ei8j_273 {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
  min-width: 0;
}
._deckImageWrapper_1ei8j_281 {
  flex-shrink: 0;
}
._deckName_1ei8j_285 {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._deckSet_1ei8j_293 {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--clrAccent-100);
}
._deckStats_1ei8j_299 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
  flex-shrink: 0;
}
._winRate_1ei8j_307 {
  font-size: 1rem;
  font-weight: 700;
}
._statsChips_1ei8j_312 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
._statChip_1ei8j_318 {
  font-size: 0.75rem;
  color: var(--clrAccent-100);
  white-space: nowrap;
}
html {
  color-scheme: light dark auto;
}
._themeLight_sn4cs_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_sn4cs_17 {
  --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_sn4cs_31 {
  --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_sn4cs_46 {
  --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_sn4cs_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_sn4cs_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_sn4cs_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_sn4cs_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_sn4cs_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_sn4cs_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_sn4cs_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_sn4cs_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_sn4cs_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_sn4cs_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_sn4cs_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_sn4cs_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._archiveCard_sn4cs_143 {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  background-color: var(--clrPrimary);
  width: 100%;
  border: 1px solid var(--clrAccent-10);
  overflow: hidden;
}
._mainHeaderButton_sn4cs_153 {
  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_sn4cs_153:hover {
  background: rgba(255, 255, 255, 0.03);
}
._headerContent_sn4cs_169 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
._headerLabel_sn4cs_176 {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--clrText);
}
._headerSubtitle_sn4cs_184 {
  font-size: 0.75rem;
  color: var(--clrAccent-50);
  font-weight: 400;
}
._expandIcon_sn4cs_190 {
  font-size: 1.25rem;
  transition: transform 0.2s ease;
  color: var(--clrAccent-100);
}
._expandIcon_sn4cs_190._expanded_sn4cs_195 {
  transform: rotate(180deg);
}
._archiveListContainer_sn4cs_199 {
  padding: 8px;
  animation: _slideDown_sn4cs_1 0.2s ease-out;
}
@keyframes _slideDown_sn4cs_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._loadingText_sn4cs_214,
._noDataText_sn4cs_215 {
  font-size: 0.875rem;
  text-align: center;
  padding: 1rem 0;
  color: var(--clrAccent-30);
  font-style: italic;
}
._seasonsList_sn4cs_223 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
._seasonItem_sn4cs_229 {
  border: 1px solid var(--clrAccent-30);
  border-radius: 6px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.02);
}
._seasonHeaderButton_sn4cs_236 {
  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_sn4cs_236:hover {
  background: rgba(255, 255, 255, 0.05);
}
._seasonInfo_sn4cs_252 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
._seasonName_sn4cs_259 {
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._calendarIcon_sn4cs_267 {
  font-size: 1rem;
  color: var(--clrAccent-100);
}
._seasonDate_sn4cs_272 {
  font-size: 0.75rem;
  color: var(--clrAccent-60);
}
._seasonExpandIcon_sn4cs_277 {
  font-size: 1rem;
  transition: transform 0.2s ease;
  color: var(--clrAccent-100);
}
._seasonExpandIcon_sn4cs_277._expanded_sn4cs_195 {
  transform: rotate(180deg);
}
._decksList_sn4cs_286 {
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  animation: _slideDown_sn4cs_1 0.2s ease-out;
}
._deckRow_sn4cs_295 {
  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_sn4cs_295:hover {
  background: rgba(255, 255, 255, 0.06);
  transform: translateX(4px);
}
._deckRow_sn4cs_295._topDeck_sn4cs_310 {
  border-color: rgba(255, 215, 0, 0.3);
  background: rgba(255, 215, 0, 0.05);
}
._deckRow_sn4cs_295._secondDeck_sn4cs_314 {
  border-color: rgba(192, 192, 192, 0.3);
  background: rgba(192, 192, 192, 0.05);
}
._deckRow_sn4cs_295._thirdDeck_sn4cs_318 {
  border-color: rgba(205, 127, 50, 0.3);
  background: rgba(205, 127, 50, 0.05);
}
._rankBadge_sn4cs_323 {
  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_sn4cs_310 ._rankBadge_sn4cs_323 {
  background: rgba(255, 215, 0, 0.2);
  color: #ffd700;
}
._secondDeck_sn4cs_314 ._rankBadge_sn4cs_323 {
  background: rgba(192, 192, 192, 0.2);
  color: #c0c0c0;
}
._thirdDeck_sn4cs_318 ._rankBadge_sn4cs_323 {
  background: rgba(205, 127, 50, 0.2);
  color: #cd7f32;
}
._deckInfo_sn4cs_349 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}
._deckImageWrapper_sn4cs_357 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  overflow: hidden;
}
._deckName_sn4cs_365 {
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
._deckSet_sn4cs_373 {
  font-size: 0.75rem;
  color: var(--clrAccent-60);
  font-weight: 400;
}
._deckStats_sn4cs_379 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}
._winRate_sn4cs_386 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._record_sn4cs_392 {
  font-size: 0.75rem;
  color: var(--clrAccent-60);
}
html {
  color-scheme: light dark auto;
}
._themeLight_5wqgq_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_5wqgq_17 {
  --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_5wqgq_31 {
  --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_5wqgq_46 {
  --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_5wqgq_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_5wqgq_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_5wqgq_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_5wqgq_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_5wqgq_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_5wqgq_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_5wqgq_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_5wqgq_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_5wqgq_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_5wqgq_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_5wqgq_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_5wqgq_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._testingCard_5wqgq_143 {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  background-color: var(--clrPrimary);
  width: 100%;
  border: 1px solid var(--clrAccent-10);
  overflow: hidden;
}
._mainHeaderButton_5wqgq_153 {
  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_5wqgq_153:hover {
  background: rgba(255, 255, 255, 0.03);
}
._headerContent_5wqgq_169 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
._headerLabel_5wqgq_176 {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--clrText);
}
._headerSubtitle_5wqgq_184 {
  font-size: 0.75rem;
  color: var(--clrAccent-50);
  font-weight: 400;
}
._expandIcon_5wqgq_190 {
  font-size: 1.25rem;
  transition: transform 0.2s ease;
  color: var(--clrAccent-100);
}
._expandIcon_5wqgq_190._expanded_5wqgq_195 {
  transform: rotate(180deg);
}
._contentContainer_5wqgq_199 {
  padding: 8px;
  animation: _slideDown_5wqgq_1 0.2s ease-out;
}
@keyframes _slideDown_5wqgq_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._loadingText_5wqgq_214,
._noDataText_5wqgq_215 {
  font-size: 0.875rem;
  text-align: center;
  padding: 1rem 0;
  color: var(--clrAccent-30);
  font-style: italic;
}
._decksList_5wqgq_223 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._deckItem_5wqgq_229 {
  border: 1px solid var(--clrAccent-30);
  color: var(--clrAccent-70);
  border-radius: 6px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.02);
}
._deckHeaderButton_5wqgq_237 {
  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_5wqgq_237:hover {
  background: rgba(255, 255, 255, 0.03);
}
._deckInfo_5wqgq_254 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
._deckImageWrapper_5wqgq_262 {
  flex-shrink: 0;
}
._deckNameInfo_5wqgq_266 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
._deckName_5wqgq_266 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--clrText);
  text-align: left;
}
._deckSet_5wqgq_280 {
  font-size: 0.75rem;
  color: var(--clrAccent-50);
}
._deckStatsContainer_5wqgq_285 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
._deckStatsInfo_5wqgq_292 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
._winRate_5wqgq_299 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._record_5wqgq_305 {
  font-size: 0.75rem;
  color: var(--clrAccent-70);
}
._deckExpandIcon_5wqgq_310 {
  font-size: 1.25rem;
  transition: transform 0.2s ease;
  color: var(--clrAccent-100);
  flex-shrink: 0;
}
._deckExpandIcon_5wqgq_310._expanded_5wqgq_195 {
  transform: rotate(180deg);
}
._matchupsContainer_5wqgq_320 {
  padding: 12px;
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid var(--clrAccent-30);
  animation: _slideDown_5wqgq_1 0.2s ease-out;
}
._noMatchupsText_5wqgq_327 {
  font-size: 0.875rem;
  text-align: center;
  padding: 1rem 0;
  color: var(--clrAccent-30);
  font-style: italic;
}
._matchupsGrid_5wqgq_335 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 8px;
}
@media (min-width: 600px) {
  ._matchupsGrid_5wqgq_335 {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
}
._matchupCard_5wqgq_346 {
  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_5wqgq_346:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--clrAccent-50);
}
._matchupImageWrapper_5wqgq_362 {
  flex-shrink: 0;
}
._matchupStats_5wqgq_366 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
}
._matchupWinRate_5wqgq_374 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._matchupRecord_5wqgq_380 {
  font-size: 0.75rem;
  color: var(--clrAccent-70);
  text-align: center;
}
html {
  color-scheme: light dark auto;
}
._themeLight_19nce_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_19nce_17 {
  --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_19nce_31 {
  --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_19nce_46 {
  --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_19nce_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_19nce_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_19nce_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_19nce_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_19nce_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_19nce_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_19nce_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_19nce_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_19nce_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_19nce_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_19nce_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_19nce_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._statsSection_19nce_143 {
  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_19nce_143 ._sectionTitle_19nce_154 {
  font-size: 24px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0;
  align-self: flex-start;
}
._statsSection_19nce_143 ._loadingText_19nce_161 {
  text-align: center;
  color: var(--clrAccent-60);
  margin: 0;
}
._statsSection_19nce_143 ._premiumMessage_19nce_166 {
  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_19nce_143 ._skeletonContainer_19nce_191 {
  position: relative;
  width: 100%;
}
._statsSection_19nce_143 ._skeletonCard_19nce_195 {
  width: 100%;
  height: 128px;
  min-width: 64px;
  background-color: var(--clrPrimary);
  border-radius: 8px;
  border: 1px solid var(--clrAccent-10);
  opacity: 0.3;
}
._statsSection_19nce_143 ._statsGrid_19nce_204 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
}
._statsSection_19nce_143 ._statsGrid_19nce_204 ._statsGridRow_19nce_213 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
}
._statsSection_19nce_143 ._statsGrid_19nce_204 ._favoriteColorCard_19nce_221 {
  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_19nce_143 ._statsGrid_19nce_204 ._favoriteColorCard_19nce_221 ._favoriteColorValue_19nce_239 {
  font-size: 32px;
  line-height: 62px;
  font-weight: 700;
}
._statsSection_19nce_143 ._statsGrid_19nce_204 ._favoriteColorCard_19nce_221 ._favoriteColorLabel_19nce_244 {
  font-size: 12px;
  font-weight: 600;
  color: var(--clrAccent-60);
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
._statsSection_19nce_143 ._statsGrid_19nce_204 ._favoriteDeckCard_19nce_252 {
  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_19nce_143 ._statsGrid_19nce_204 ._favoriteDeckCard_19nce_252._hasBgImage_19nce_272::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_19nce_143 ._statsGrid_19nce_204 ._favoriteDeckCard_19nce_252._hasBgImage_19nce_272::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_19nce_143 ._statsGrid_19nce_204 ._favoriteDeckCard_19nce_252 > * {
  position: relative;
  z-index: 2;
}
._statsSection_19nce_143 ._statsGrid_19nce_204 ._favoriteDeckCard_19nce_252 ._favoriteDeckLabel_19nce_297 {
  font-size: 12px;
  font-weight: 600;
  color: var(--clrPrimaryContrast);
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
._statsSection_19nce_143 ._statsGrid_19nce_204 ._favoriteDeckCard_19nce_252 ._noDataPlaceholder_19nce_305 {
  font-size: 32px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._statsSection_19nce_143 ._positive_19nce_310 {
  background: rgba(0, 128, 0, 0.1);
  border-color: rgba(0, 128, 0, 0.3);
}
._statsSection_19nce_143 ._positive_19nce_310 ._statValue_19nce_314 {
  color: green;
}
._statsSection_19nce_143 ._negative_19nce_317 {
  background: rgba(255, 0, 0, 0.1);
  border-color: rgba(255, 0, 0, 0.3);
}
._statsSection_19nce_143 ._negative_19nce_317 ._statValue_19nce_314 {
  color: red;
}
html {
  color-scheme: light dark auto;
}
._themeLight_ya7ua_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_ya7ua_17 {
  --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_ya7ua_31 {
  --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_ya7ua_46 {
  --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_ya7ua_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_ya7ua_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_ya7ua_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_ya7ua_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_ya7ua_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_ya7ua_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_ya7ua_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_ya7ua_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_ya7ua_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_ya7ua_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_ya7ua_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_ya7ua_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._premiumBadge_ya7ua_143 {
  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_1auwm_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1auwm_17 {
  --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_1auwm_31 {
  --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_1auwm_46 {
  --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_1auwm_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1auwm_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1auwm_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1auwm_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1auwm_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1auwm_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1auwm_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1auwm_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1auwm_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1auwm_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1auwm_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1auwm_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._container_1auwm_143 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._manageButton_1auwm_149 {
  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_1auwm_149:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
._manageButton_1auwm_149:active:not(:disabled) {
  transform: scale(0.98);
}
._manageButton_1auwm_149:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._activeButton_1auwm_175 {
  background: rgba(0, 255, 0, 0.15);
  border-color: rgba(0, 255, 0, 0.4);
  color: #10b981;
}
._activeButton_1auwm_175:hover:not(:disabled) {
  background: rgba(0, 255, 0, 0.25);
  border-color: rgba(0, 255, 0, 0.6);
}
._canceledButton_1auwm_185 {
  background: rgba(255, 200, 0, 0.15);
  border-color: rgba(255, 150, 0, 0.5);
  color: #f59e0b;
}
._canceledButton_1auwm_185:hover:not(:disabled) {
  background: rgba(255, 200, 0, 0.25);
  border-color: rgba(255, 150, 0, 0.7);
}
._description_1auwm_195 {
  font-size: 10px;
  color: var(--clrSecondaryText);
  text-align: center;
  margin: 0;
}
._error_1auwm_202 {
  font-size: 12px;
  color: #ff4444;
  text-align: center;
  margin: 0;
}
html {
  color-scheme: light dark auto;
}
._themeLight_1leig_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1leig_17 {
  --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_1leig_31 {
  --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_1leig_46 {
  --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_1leig_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1leig_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1leig_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1leig_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1leig_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1leig_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1leig_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1leig_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1leig_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1leig_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1leig_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1leig_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._subscriptionInfo_1leig_143 {
  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_1leig_143:has(._statusActive_1leig_156) {
  background: rgba(0, 255, 0, 0.05);
  border: 1px solid rgba(0, 255, 0, 0.1);
}
._subscriptionInfo_1leig_143:has(._statusCanceled_1leig_160) {
  background: rgba(245, 158, 11, 0.05);
  border: 1px solid rgba(245, 158, 11, 0.1);
}
._subscriptionInfo_1leig_143 ._subscriptionLabel_1leig_164 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  flex: 1;
  min-width: 200px;
}
._subscriptionInfo_1leig_143 ._subscriptionLabel_1leig_164 ._subscriptionTitle_1leig_173 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._subscriptionInfo_1leig_143 ._subscriptionLabel_1leig_164 ._subscriptionTitle_1leig_173 ._statusActive_1leig_156 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #10b981;
}
._subscriptionInfo_1leig_143 ._subscriptionLabel_1leig_164 ._subscriptionTitle_1leig_173 ._statusActive_1leig_156 svg {
  font-size: 18px;
}
._subscriptionInfo_1leig_143 ._subscriptionLabel_1leig_164 ._subscriptionTitle_1leig_173 ._statusCanceled_1leig_160 {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #f59e0b;
}
._subscriptionInfo_1leig_143 ._subscriptionLabel_1leig_164 ._subscriptionTitle_1leig_173 ._statusCanceled_1leig_160 svg {
  font-size: 18px;
}
._subscriptionInfo_1leig_143 ._subscriptionLabel_1leig_164 ._subscriptionDescription_1leig_196 {
  font-size: 13px;
  color: var(--clrAccent-60);
  line-height: 1.4;
}
html {
  color-scheme: light dark auto;
}
._themeLight_56c70_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_56c70_17 {
  --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_56c70_31 {
  --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_56c70_46 {
  --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_56c70_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_56c70_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_56c70_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_56c70_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_56c70_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_56c70_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_56c70_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_56c70_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_56c70_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_56c70_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_56c70_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_56c70_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._deleteAccount_56c70_143 {
  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_56c70_143 ._deleteLabel_56c70_156 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  flex: 1;
  min-width: 200px;
}
._deleteAccount_56c70_143 ._deleteLabel_56c70_156 ._deleteTitle_56c70_165 {
  font-size: 16px;
  font-weight: 600;
  color: #ef4444;
}
._deleteAccount_56c70_143 ._deleteLabel_56c70_156 ._deleteDescription_56c70_170 {
  font-size: 13px;
  color: var(--clrAccent-60);
  line-height: 1.4;
}
._deleteAccount_56c70_143 ._deleteButton_56c70_175 {
  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_56c70_143 ._deleteButton_56c70_175:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
}
._deleteAccount_56c70_143 ._deleteButton_56c70_175:active:not(:disabled) {
  transform: scale(0.98);
}
._deleteAccount_56c70_143 ._deleteButton_56c70_175:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._warningModal_56c70_202 {
  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_56c70_1 0.2s ease;
}
._warningModal_56c70_202 ._warningContent_56c70_215 {
  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_56c70_1 0.3s ease;
}
._warningModal_56c70_202 ._warningContent_56c70_215 h3 {
  font-size: 20px;
  font-weight: 600;
  color: #f59e0b;
  margin: 0;
}
._warningModal_56c70_202 ._warningContent_56c70_215 p {
  font-size: 14px;
  color: var(--clrAccent-100);
  line-height: 1.6;
  margin: 0;
}
._warningModal_56c70_202 ._warningContent_56c70_215 p strong {
  color: #10b981;
  font-weight: 600;
}
._warningModal_56c70_202 ._warningContent_56c70_215 ._warningButton_56c70_243 {
  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_56c70_202 ._warningContent_56c70_215 ._warningButton_56c70_243:hover {
  background: rgba(255, 200, 0, 0.3);
  border-color: rgba(255, 150, 0, 0.7);
}
._warningModal_56c70_202 ._warningContent_56c70_215 ._warningButton_56c70_243:active {
  transform: scale(0.98);
}
@keyframes _fadeIn_56c70_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _slideUp_56c70_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_11xib_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_11xib_17 {
  --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_11xib_31 {
  --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_11xib_46 {
  --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_11xib_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_11xib_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_11xib_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_11xib_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_11xib_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_11xib_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_11xib_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_11xib_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_11xib_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_11xib_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_11xib_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_11xib_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._settingsSection_11xib_143 {
  width: 100%;
  max-width: 800px;
  overflow: hidden;
}
@media (max-width: 820px) {
  ._settingsSection_11xib_143 {
    padding: 0 16px;
    margin-bottom: 32px;
  }
}
._settingsSection_11xib_143 ._settingsHeader_11xib_154 {
  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_11xib_143 ._settingsHeader_11xib_154:hover {
  background: rgba(255, 255, 255, 0.05);
}
._settingsSection_11xib_143 ._settingsHeader_11xib_154 ._settingsTitle_11xib_171 {
  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_11xib_143 ._settingsHeader_11xib_154 ._settingsTitle_11xib_171 svg {
  font-size: 24px;
}
._settingsSection_11xib_143 ._settingsHeader_11xib_154 ._chevron_11xib_184 {
  font-size: 20px;
  color: var(--clrAccent-100);
  transition: transform 0.3s ease;
}
._settingsSection_11xib_143 ._settingsHeader_11xib_154 ._chevron_11xib_184._expanded_11xib_189 {
  transform: rotate(180deg);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 {
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0px;
  background-color: var(--clrSecondary);
  padding-bottom: 128px;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._projVersion_11xib_202 {
  font-size: 12px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  color: var(--clrAccent-60);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 16px 0;
  border-radius: 4px;
  width: 100%;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209._dangerZone_11xib_219 {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.05);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._settingLabel_11xib_223 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  flex: 1;
  min-width: 200px;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._settingLabel_11xib_223 span:first-child {
  font-size: 16px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._settingLabel_11xib_223 ._settingLabelWithBadge_11xib_237 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._settingLabel_11xib_223 ._settingDescription_11xib_244 {
  font-size: 13px;
  color: var(--clrAccent-60);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._settingValue_11xib_248 {
  font-size: 14px;
  color: var(--clrAccent-60);
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._supportLink_11xib_255 {
  color: var(--clrAccent-100);
  width: 100%;
  min-width: 170px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._supportLink_11xib_255 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_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._supportLink_11xib_255 a:active {
  transform: scale(0.95);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._supportLink_11xib_255 a:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.05);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._supportLink_11xib_255 svg {
  color: var(--clrAccent-100);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._legalLinks_11xib_292 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 0;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._legalLinks_11xib_292 ._legalLink_11xib_292 {
  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_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._legalLinks_11xib_292 ._legalLink_11xib_292:hover {
  color: var(--clrAccent-100);
  text-decoration: underline;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._legalLinks_11xib_292 ._linkSeparator_11xib_315 {
  color: var(--clrAccent-30);
  font-size: 13px;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._themeSelect_11xib_319,
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._settingButton_11xib_320 {
  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_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._themeSelect_11xib_319 {
  background: var(--clrPrimary);
  color: var(--clrAccent-100);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._themeSelect_11xib_319:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.05);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._themeSelect_11xib_319:focus {
  outline: none;
  border-color: var(--clrAccent-100);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._themeSelect_11xib_319._disabled_11xib_342, ._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._themeSelect_11xib_319:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: var(--clrTertiary-20);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._themeSelect_11xib_319 option {
  background: var(--clrSecondary);
  color: var(--clrAccent-100);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._settingButton_11xib_320 {
  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_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._settingButton_11xib_320:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._settingButton_11xib_320:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._settingButton_11xib_320._dangerButton_11xib_368 {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
  color: #ef4444;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._settingButton_11xib_320._dangerButton_11xib_368:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._toggle_11xib_377 {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._toggle_11xib_377._disabled_11xib_342 {
  opacity: 0.5;
  cursor: not-allowed;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._toggle_11xib_377._disabled_11xib_342 ._toggleSlider_11xib_387 {
  cursor: not-allowed;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._toggle_11xib_377 input {
  opacity: 0;
  width: 0;
  height: 0;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._toggle_11xib_377 input:checked + ._toggleSlider_11xib_387 {
  background-color: var(--clrAccent-30);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._toggle_11xib_377 input:checked + ._toggleSlider_11xib_387:before {
  transform: translateX(24px);
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._toggle_11xib_377 input:disabled + ._toggleSlider_11xib_387 {
  cursor: not-allowed;
}
._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._toggle_11xib_377 ._toggleSlider_11xib_387 {
  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_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._toggle_11xib_377 ._toggleSlider_11xib_387: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_11xib_143 ._settingsContent_11xib_192 {
    width: 100%;
  }
  ._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 {
    width: 100%;
  }
  ._settingsSection_11xib_143 ._settingsContent_11xib_192 ._settingItem_11xib_209 ._settingButton_11xib_320 {
    justify-content: center;
  }
}
._settingsSection_11xib_143 ._modal_11xib_438 {
  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_11xib_1 0.2s ease;
}
._settingsSection_11xib_143 ._modal_11xib_438 ._modalContent_11xib_453 {
  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_11xib_1 0.3s ease;
}
._settingsSection_11xib_143 ._modal_11xib_438 ._modalContent_11xib_453 h3 {
  font-size: 20px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin: 0;
}
._settingsSection_11xib_143 ._modal_11xib_438 ._modalContent_11xib_453 ._modalInput_11xib_473 {
  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_11xib_143 ._modal_11xib_438 ._modalContent_11xib_453 ._modalInput_11xib_473:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 0.4);
}
._settingsSection_11xib_143 ._modal_11xib_438 ._modalContent_11xib_453 ._modalInput_11xib_473::placeholder {
  color: var(--clrAccent-30);
}
._settingsSection_11xib_143 ._modal_11xib_438 ._modalContent_11xib_453 ._modalError_11xib_490 {
  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_11xib_143 ._modal_11xib_438 ._modalContent_11xib_453 ._modalButtons_11xib_498 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._settingsSection_11xib_143 ._modal_11xib_438 ._modalContent_11xib_453 ._modalButtons_11xib_498 button {
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 100px;
}
._settingsSection_11xib_143 ._modal_11xib_438 ._modalContent_11xib_453 ._modalButtons_11xib_498 button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._settingsSection_11xib_143 ._modal_11xib_438 ._modalContent_11xib_453 ._modalButtons_11xib_498 ._modalCancel_11xib_519 {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--clrAccent-80);
}
._settingsSection_11xib_143 ._modal_11xib_438 ._modalContent_11xib_453 ._modalButtons_11xib_498 ._modalCancel_11xib_519:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.15);
}
._settingsSection_11xib_143 ._modal_11xib_438 ._modalContent_11xib_453 ._modalButtons_11xib_498 ._modalConfirm_11xib_527 {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgb(255, 255, 255);
  color: #000;
}
._settingsSection_11xib_143 ._modal_11xib_438 ._modalContent_11xib_453 ._modalButtons_11xib_498 ._modalConfirm_11xib_527:hover:not(:disabled) {
  background: #fff;
}
._settingsSection_11xib_143 ._dangerModal_11xib_535 {
  border-color: rgba(239, 68, 68, 0.3);
}
._settingsSection_11xib_143 ._dangerModal_11xib_535 ._dangerTitle_11xib_538 {
  color: #ef4444;
}
._settingsSection_11xib_143 ._dangerModal_11xib_535 ._dangerWarning_11xib_541 {
  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_11xib_143 ._dangerModal_11xib_535 ._dangerWarning_11xib_541 p {
  margin: 0 0 12px 0;
}
._settingsSection_11xib_143 ._dangerModal_11xib_535 ._dangerWarning_11xib_541 strong {
  color: #ef4444;
  font-weight: 700;
}
._settingsSection_11xib_143 ._dangerModal_11xib_535 ._dangerWarning_11xib_541 ul {
  margin: 8px 0 0 0;
  padding-left: 20px;
}
._settingsSection_11xib_143 ._dangerModal_11xib_535 ._dangerWarning_11xib_541 ul li {
  margin: 4px 0;
  color: var(--clrAccent-80);
}
._settingsSection_11xib_143 ._dangerModal_11xib_535 ._dangerConfirm_11xib_564 {
  background: rgba(239, 68, 68, 0.9);
  border-color: #ef4444;
  color: white;
}
._settingsSection_11xib_143 ._dangerModal_11xib_535 ._dangerConfirm_11xib_564:hover:not(:disabled) {
  background: #ef4444;
}
@keyframes _fadeIn_11xib_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _slideUp_11xib_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_8m9nn_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_8m9nn_17 {
  --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_8m9nn_31 {
  --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_8m9nn_46 {
  --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_8m9nn_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_8m9nn_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_8m9nn_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_8m9nn_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_8m9nn_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_8m9nn_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_8m9nn_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_8m9nn_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_8m9nn_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_8m9nn_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_8m9nn_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_8m9nn_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._upgradeButton_8m9nn_143 {
  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_8m9nn_143:hover:not(:disabled) {
  background: var(--clrAccent-100);
  border-color: var(--clrAccent-100);
  transform: translateY(-2px);
}
._upgradeButton_8m9nn_143:active:not(:disabled) {
  transform: translateY(0);
}
._upgradeButton_8m9nn_143:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._buttonContent_8m9nn_168 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
._label_8m9nn_175 {
  font-size: 16px;
  font-weight: 600;
}
._description_8m9nn_180 {
  font-size: 12px;
  opacity: 0.8;
  font-weight: 400;
}
html {
  color-scheme: light dark auto;
}
._themeLight_190is_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_190is_17 {
  --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_190is_31 {
  --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_190is_46 {
  --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_190is_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_190is_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_190is_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_190is_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_190is_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_190is_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_190is_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_190is_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_190is_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_190is_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_190is_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_190is_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._paypalContainer_190is_143 {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
._paypalButtonWrapper_190is_149 {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
._paypalButtonWrapper_190is_149 iframe {
  border-radius: 24px !important;
}
._loadingOverlay_190is_158 {
  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_190is_158 p {
  color: var(--clrAccent-100);
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
._spinner_190is_180 {
  width: 40px;
  height: 40px;
  border: 4px solid var(--clrAccent-20);
  border-top-color: var(--clrAccent-100);
  border-radius: 50%;
  animation: _spin_190is_180 0.8s linear infinite;
}
@keyframes _spin_190is_180 {
  to {
    transform: rotate(360deg);
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_74j9h_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_74j9h_17 {
  --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_74j9h_31 {
  --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_74j9h_46 {
  --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_74j9h_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_74j9h_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_74j9h_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_74j9h_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_74j9h_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_74j9h_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_74j9h_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_74j9h_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_74j9h_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_74j9h_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_74j9h_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_74j9h_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._premiumSection_74j9h_143 {
  width: 100%;
  margin: 0 auto;
  padding: 16px;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 {
  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_74j9h_143 ._premiumCard_74j9h_148 ._premiumHeader_74j9h_158 {
  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_74j9h_143 ._premiumCard_74j9h_148 ._premiumHeader_74j9h_158 ._starIcon_74j9h_169 {
  font-size: 32px;
  color: #ffd700;
  filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6));
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._premiumHeader_74j9h_158 ._premiumTitle_74j9h_174 {
  font-size: 18px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._premiumBanner_74j9h_180 {
  margin: 12px 0;
  max-width: 350px;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._premiumBanner_74j9h_180 img {
  width: 100%;
  height: 100%;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._premiumDescription_74j9h_188 {
  color: var(--clrAccent-80);
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
  margin: 0;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._cardHeader_74j9h_195 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._cardHeader_74j9h_195 ._starIconGold_74j9h_203 {
  font-size: 48px;
  color: #ffd700;
  filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.6));
  animation: _pulse_74j9h_1 2s ease-in-out infinite;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._cardHeader_74j9h_195 ._cardTitle_74j9h_209 {
  font-size: 28px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 0;
  line-height: 1.2;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._featureList_74j9h_216 {
  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_74j9h_143 ._premiumCard_74j9h_148 ._featureList_74j9h_216 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_74j9h_143 ._premiumCard_74j9h_148 ._featureList_74j9h_216 li:hover {
  transform: translateX(4px);
  border-left-color: #ffd700;
  background: var(--clrBackground-200);
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._featureList_74j9h_216 li ._checkmark_74j9h_246 {
  font-weight: 700;
  color: #ffd700;
  font-size: 20px;
  flex-shrink: 0;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._featureList_74j9h_216 li span:last-child {
  font-weight: 500;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._priceSection_74j9h_255 {
  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_74j9h_143 ._premiumCard_74j9h_148 ._priceSection_74j9h_255 ._priceLabel_74j9h_266 {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._priceSection_74j9h_255 ._price_74j9h_255 {
  font-size: 26px;
  font-weight: 700;
  color: var(--clrAccent-100);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._successMessage_74j9h_279 {
  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_74j9h_143 ._premiumCard_74j9h_148 ._errorMessage_74j9h_289 {
  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_74j9h_143 ._premiumCard_74j9h_148 ._paymentButtonContainer_74j9h_298 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._subscriptionManagement_74j9h_306 {
  margin-top: 16px;
  width: 100%;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._subscriptionInfo_74j9h_310 {
  color: var(--clrAccent-60);
  font-size: 14px;
  text-align: center;
  margin: 16px 0;
  padding: 12px 16px;
  background: var(--clrAccent-10);
  border-radius: 8px;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._subscriptionInfo_74j9h_310 ._statusActive_74j9h_319 {
  color: var(--clrSuccess);
  font-weight: 500;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._subscriptionInfo_74j9h_310 ._statusActive_74j9h_319 svg {
  color: green;
  font-size: 16px;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._subscriptionInfo_74j9h_310 ._statusCanceled_74j9h_333 {
  color: var(--clrWarning);
  font-weight: 500;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._subscriptionInfo_74j9h_310 ._statusCanceled_74j9h_333 svg {
  color: red;
  font-size: 16px;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._pricingOptions_74j9h_347 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 24px;
  width: 100%;
}
@media (min-width: 768px) {
  ._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._pricingOptions_74j9h_347 {
    flex-direction: row;
    gap: 32px;
  }
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._pricingCard_74j9h_361 {
  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_74j9h_143 ._premiumCard_74j9h_148 ._pricingCard_74j9h_361:hover {
  transform: translateY(-4px);
  border-color: var(--clrAccent-50);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._pricingCard_74j9h_361 ._cardContent_74j9h_380 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  text-align: center;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._pricingCard_74j9h_361 ._pricingTitle_74j9h_388 {
  font-size: 20px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin: 0;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._pricingCard_74j9h_361 ._priceSection_74j9h_255 {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  margin: 8px 0;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._pricingCard_74j9h_361 ._priceSection_74j9h_255 ._price_74j9h_255 {
  font-size: 36px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._pricingCard_74j9h_361 ._priceSection_74j9h_255 ._priceLabel_74j9h_266 {
  font-size: 16px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._pricingCard_74j9h_361 ._spacer_74j9h_412 {
  height: 20px;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._pricingCard_74j9h_361 ._savings_74j9h_415 {
  font-size: 14px;
  color: #ffd700;
  font-weight: 600;
  margin: 0;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._pricingCard_74j9h_361._recommended_74j9h_421 {
  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_74j9h_143 ._premiumCard_74j9h_148 ._pricingCard_74j9h_361._recommended_74j9h_421:hover {
  box-shadow: 0 8px 32px rgba(255, 215, 0, 0.3);
  border-color: #ffd700;
}
._premiumSection_74j9h_143 ._premiumCard_74j9h_148 ._pricingCard_74j9h_361._recommended_74j9h_421 ._recommendedBadge_74j9h_430 {
  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_74j9h_143 ._premiumCard_74j9h_148 ._pricingCard_74j9h_361._recommended_74j9h_421 ._pricingTitle_74j9h_388 {
  color: #ffd700;
}
html {
  color-scheme: light dark auto;
}
._themeLight_1pc2j_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1pc2j_17 {
  --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_1pc2j_31 {
  --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_1pc2j_46 {
  --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_1pc2j_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1pc2j_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1pc2j_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1pc2j_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1pc2j_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1pc2j_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1pc2j_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1pc2j_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1pc2j_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1pc2j_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1pc2j_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1pc2j_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._chip_1pc2j_143, ._tournamentPositionChip_1pc2j_143, ._tournamentSetChip_1pc2j_143, ._tournamentTypeChip_1pc2j_143 {
  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_1pc2j_143._small_1pc2j_156, ._small_1pc2j_156._tournamentPositionChip_1pc2j_143, ._small_1pc2j_156._tournamentSetChip_1pc2j_143, ._small_1pc2j_156._tournamentTypeChip_1pc2j_143 {
  padding: 1px 4px;
  font-size: 9px;
  min-width: 36px;
  gap: 2px;
}
._tournamentTypeChip_1pc2j_143 {
  background-color: var(--clrTertiary);
  border: 1px solid var(--clrAccent-60);
  color: var(--clrAccent-100);
}
._typeTesting_1pc2j_169 {
  background-color: #1e3a8a;
  border-color: #3b82f6;
  color: #93c5fd;
}
._typeRegionals_1pc2j_175 {
  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_1pc2j_1 3s ease-in-out infinite;
  border-color: rgba(255, 215, 0, 0.5);
  color: #875c18;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}
._typeRegionals_1pc2j_175::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_1pc2j_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_1pc2j_203 {
  background-color: #7f1d1d;
  border-color: #dc2626;
  color: #fca5a5;
}
._typeLocal_1pc2j_209 {
  background-color: #14532d;
  border-color: #16a34a;
  color: #86efac;
}
._typeFlagship_1pc2j_215 {
  background-color: #713f12;
  border-color: #eab308;
  color: #fef08a;
}
._typeTreasureCup_1pc2j_221 {
  background-color: #7c2d12;
  border-color: #f97316;
  color: #fdba74;
}
._typeNational_1pc2j_227 {
  background-color: #581c87;
  border-color: #a855f7;
  color: #e9d5ff;
}
._typeWorld_1pc2j_233 {
  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_1pc2j_1 3s ease-in-out infinite;
  border-color: rgba(255, 215, 0, 0.5);
  color: #875c18;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}
._typeWorld_1pc2j_233::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_1pc2j_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_1pc2j_261 {
  background-color: var(--clrTertiary);
  border-color: var(--clrAccent-60);
  color: var(--clrAccent-100);
}
._tournamentSetChip_1pc2j_143 {
  background-color: transparent;
  border: 1px solid var(--clrAccent-60);
  color: var(--clrAccent-60);
}
._tournamentPositionChip_1pc2j_143 {
  background-color: var(--clrAccent-30);
  color: var(--clrAccent-100);
}
._firstPlace_1pc2j_278 {
  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_1pc2j_1 3s ease-in-out infinite;
  color: #875c18;
  font-weight: 600;
  overflow: hidden;
}
._firstPlace_1pc2j_278::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_1pc2j_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_1pc2j_1 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes _gold-shimmer_1pc2j_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_1pc2j_278::before {
    animation: none;
  }
  ._firstPlace_1pc2j_278 {
    animation: none;
    background: #ffb02e; /* fallback to static gold */
  }
  ._typeRegionals_1pc2j_175::before {
    animation: none;
  }
  ._typeRegionals_1pc2j_175 {
    animation: none;
    background: #ffb02e; /* fallback to static gold */
  }
  ._typeWorld_1pc2j_233::before {
    animation: none;
  }
  ._typeWorld_1pc2j_233 {
    animation: none;
    background: #ffb02e; /* fallback to static gold */
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1cqj4_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1cqj4_17 {
  --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_1cqj4_31 {
  --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_1cqj4_46 {
  --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_1cqj4_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1cqj4_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1cqj4_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1cqj4_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1cqj4_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1cqj4_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1cqj4_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1cqj4_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1cqj4_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1cqj4_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1cqj4_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1cqj4_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._tournamentLogContainer_1cqj4_143 {
  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_1cqj4_143:active {
  border-color: var(--clrAccent-100);
  background-color: var(--clrTertiary);
  transform: translateY(-1px);
}
._tournamentLogContainer_1cqj4_143 ._tournamentLogInfo_1cqj4_161 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  height: 100%;
  width: 100%;
  padding: 8px;
}
._tournamentLogContainer_1cqj4_143 ._tournamentLogInfo_1cqj4_161 ._tournamentLogContent_1cqj4_171 {
  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_1cqj4_143 ._tournamentLogInfo_1cqj4_161 ._tournamentLogContent_1cqj4_171 ._tournamentLogName_1cqj4_181 {
  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_1cqj4_143 ._tournamentLogInfo_1cqj4_161 ._tournamentLogContent_1cqj4_171 ._tournamentLogName_1cqj4_181[data-long=true] {
  font-size: 14px;
}
._tournamentLogContainer_1cqj4_143 ._tournamentLogInfo_1cqj4_161 ._tournamentLogContent_1cqj4_171 ._tournamentLogDate_1cqj4_198 {
  font-size: 10px;
  color: var(--clrAccent-100);
  opacity: 0.7;
}
._tournamentLogContainer_1cqj4_143 ._tournamentLogInfo_1cqj4_161 ._tournamentLogContent_1cqj4_171 ._tournamentLogDetails_1cqj4_203 {
  font-size: 8px;
  color: var(--clrAccent-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
._tournamentLogContainer_1cqj4_143 ._tournamentLogResultContainer_1cqj4_212 {
  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_1cqj4_143 ._tournamentLogResultContainer_1cqj4_212 ._resultValue_1cqj4_224 {
  font-size: 16px;
}
._tournamentLogContainer_1cqj4_143 ._tournamentLogResultContainer_1cqj4_212 ._resultBlock_1cqj4_227 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
}
._tournamentLogContainer_1cqj4_143 ._deleteTournamentBtn_1cqj4_235 {
  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_1cqj4_143 ._deleteTournamentBtn_1cqj4_235:hover {
  background-color: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}
html {
  color-scheme: light dark auto;
}
._themeLight_oszg7_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_oszg7_17 {
  --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_oszg7_31 {
  --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_oszg7_46 {
  --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_oszg7_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_oszg7_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_oszg7_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_oszg7_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_oszg7_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_oszg7_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_oszg7_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_oszg7_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_oszg7_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_oszg7_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_oszg7_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_oszg7_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._loaderContainer_oszg7_143 {
  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_oszg7_143 ._loader_oszg7_143 {
  width: 65px;
  height: 30px;
  position: relative;
}
._loaderContainer_oszg7_143 ._loader_oszg7_143:before {
  content: "";
  position: absolute;
  border-radius: 50px;
  box-shadow: 0 0 0 3px inset var(--clrAccent-100);
  animation: _l3_oszg7_1 0.75s infinite alternate;
}
@keyframes _l3_oszg7_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_1px13_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1px13_17 {
  --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_1px13_31 {
  --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_1px13_46 {
  --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_1px13_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1px13_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1px13_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1px13_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1px13_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1px13_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1px13_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1px13_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1px13_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1px13_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1px13_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1px13_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._historyContainer_1px13_143 {
  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_1px13_143 ._historyHeader_1px13_156 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
._historyContainer_1px13_143 ._historyHeader_1px13_156 h2 {
  color: var(--clrAccent-100);
  margin: 0;
}
._historyContainer_1px13_143 ._historyHeader_1px13_156 ._editModeBtn_1px13_168 {
  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_1px13_143 h2 {
  color: var(--clrAccent-100);
}
._historyContainer_1px13_143 p {
  color: var(--clrAccent-100);
  opacity: 0.7;
}
._historyContainer_1px13_143 ._loadMoreTrigger_1px13_186 {
  width: 100%;
  min-height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 20px 0;
}
._historyContainer_1px13_143 ._loadMoreTrigger_1px13_186 ._smallLoader_1px13_196 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 16px;
}
._historyContainer_1px13_143 ._loadMoreTrigger_1px13_186 ._smallLoader_1px13_196 ._spinner_1px13_204 {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: var(--clrAccent-100);
  border-radius: 50%;
  animation: _spin_1px13_204 0.8s linear infinite;
}
@keyframes _spin_1px13_204 {
  to {
    transform: rotate(360deg);
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_11gar_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_11gar_17 {
  --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_11gar_31 {
  --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_11gar_46 {
  --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_11gar_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_11gar_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_11gar_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_11gar_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_11gar_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_11gar_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_11gar_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_11gar_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_11gar_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_11gar_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_11gar_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_11gar_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._pageContainer_11gar_143 {
  max-width: 900px;
  margin: 0 auto;
  padding: 128px 24px;
}
._header_11gar_149 {
  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_11gar_160 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
._logoSection_11gar_160 ._logo_11gar_160 {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
._logoSection_11gar_160 ._appName_11gar_172 {
  font-size: 24px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._backButton_11gar_178 {
  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_11gar_178:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}
._pageContainer_11gar_143 h1 {
  font-size: 42px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin-bottom: 40px;
  text-align: left;
}
._content_11gar_201 {
  color: var(--clrAccent-80);
  line-height: 1.8;
}
._content_11gar_201 h2 {
  font-size: 28px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin-top: 32px;
  margin-bottom: 16px;
  text-align: left;
}
._content_11gar_201 p {
  font-size: 16px;
  margin-bottom: 20px;
}
._content_11gar_201 strong {
  color: var(--clrAccent-100);
  font-weight: 600;
}
@media (max-width: 768px) {
  ._header_11gar_149 {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  ._logoSection_11gar_160 ._logo_11gar_160 {
    width: 40px;
    height: 40px;
  }
  ._logoSection_11gar_160 ._appName_11gar_172 {
    font-size: 20px;
  }
  ._backButton_11gar_178 {
    width: 100%;
    text-align: center;
  }
  ._pageContainer_11gar_143 {
    padding: 80px 20px;
  }
  ._pageContainer_11gar_143 h1 {
    font-size: 32px;
    margin-bottom: 32px;
  }
  ._content_11gar_201 h2 {
    font-size: 24px;
    margin-top: 24px;
  }
  ._content_11gar_201 p {
    font-size: 15px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_ziceu_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_ziceu_17 {
  --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_ziceu_31 {
  --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_ziceu_46 {
  --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_ziceu_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_ziceu_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_ziceu_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_ziceu_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_ziceu_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_ziceu_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_ziceu_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_ziceu_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_ziceu_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_ziceu_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_ziceu_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_ziceu_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._pageContainer_ziceu_143 {
  max-width: 900px;
  margin: 0 auto;
  padding: 128px 24px;
}
._header_ziceu_149 {
  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_ziceu_160 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
._logoSection_ziceu_160 ._logo_ziceu_160 {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
._logoSection_ziceu_160 ._appName_ziceu_172 {
  font-size: 24px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._backButton_ziceu_178 {
  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_ziceu_178:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}
._pageContainer_ziceu_143 h1 {
  font-size: 42px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin-bottom: 40px;
  text-align: left;
}
._content_ziceu_201 {
  color: var(--clrAccent-80);
  line-height: 1.8;
}
._content_ziceu_201 h2 {
  font-size: 28px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin-top: 32px;
  margin-bottom: 16px;
  text-align: left;
}
._content_ziceu_201 p {
  font-size: 16px;
  margin-bottom: 20px;
}
._content_ziceu_201 ul {
  margin: 16px 0 20px 24px;
}
._content_ziceu_201 ul li {
  font-size: 16px;
  margin-bottom: 8px;
  color: var(--clrAccent-80);
}
._content_ziceu_201 strong {
  color: var(--clrAccent-100);
  font-weight: 600;
}
@media (max-width: 768px) {
  ._header_ziceu_149 {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  ._logoSection_ziceu_160 ._logo_ziceu_160 {
    width: 40px;
    height: 40px;
  }
  ._logoSection_ziceu_160 ._appName_ziceu_172 {
    font-size: 20px;
  }
  ._backButton_ziceu_178 {
    width: 100%;
    text-align: center;
  }
  ._pageContainer_ziceu_143 {
    padding: 80px 20px;
  }
  ._pageContainer_ziceu_143 h1 {
    font-size: 32px;
    margin-bottom: 32px;
  }
  ._content_ziceu_201 h2 {
    font-size: 24px;
    margin-top: 24px;
  }
  ._content_ziceu_201 p {
    font-size: 15px;
  }
}

html {
  color-scheme: light dark auto;
}
._themeLight_o5wex_7 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_o5wex_18 {
  --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_o5wex_32 {
  --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_o5wex_47 {
  --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_o5wex_72 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_o5wex_72 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_o5wex_72 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_o5wex_72 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_o5wex_72 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_o5wex_72 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_o5wex_72 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_o5wex_72 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_o5wex_72 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_o5wex_72 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_o5wex_72 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_o5wex_72 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._adminDashboard_o5wex_144 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 128px 16px;
  min-height: 100vh;
}
._header_o5wex_152 {
  margin-bottom: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
._header_o5wex_152 h1 {
  color: var(--clrAccent-100);
  font-size: 32px;
  font-weight: 700;
  margin: 0;
}
._migrationBtn_o5wex_168 {
  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_o5wex_168:hover:not(:disabled) {
  background-color: rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
}
._migrationBtn_o5wex_168:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._loadingContainer_o5wex_193 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
._loadingText_o5wex_203 {
  color: var(--clrAccent-70);
  font-size: 16px;
}
._statsGrid_o5wex_208 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  margin-bottom: 40px;
}
._statCard_o5wex_215 {
  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_o5wex_215:hover {
  border-color: var(--clrAccent-50);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
._statIcon_o5wex_234 {
  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_o5wex_249 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
._statValue_o5wex_257 {
  font-size: 32px;
  font-weight: 700;
  color: var(--clrAccent-100);
  line-height: 1;
}
._statLabel_o5wex_264 {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._analyticsSection_o5wex_270 {
  margin-bottom: 40px;
}
._analyticsToggle_o5wex_274 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
}
._toggleBtn_o5wex_283 {
  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_o5wex_283:hover {
  border-color: var(--clrAccent-50);
  color: var(--clrAccent-100);
}
._toggleBtn_o5wex_283._active_o5wex_298 {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  border-color: var(--clrAccent-100);
}
._mainContent_o5wex_304 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-bottom: 40px;
}
._signupsSection_o5wex_311 {
  width: 100%;
}
._signupsHeader_o5wex_315 {
  margin-bottom: 20px;
}
._signupsHeader_o5wex_315 h2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin: 0;
}
._filterHint_o5wex_325 {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-style: italic;
}
._signupsGrid_o5wex_331 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
  min-height: 48px;
}
._signupCard_o5wex_339 {
  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_o5wex_339:hover {
  border-color: var(--clrAccent-50);
  transform: translateY(-2px);
}
._signupCard_o5wex_339._active_o5wex_298 {
  border-color: var(--clrAccent-100);
  background-color: var(--clrTertiary);
}
._signupCard_o5wex_339._active_o5wex_298 ._signupValue_o5wex_361 {
  color: var(--clrAccent-100);
}
._signupValue_o5wex_361 {
  font-size: 16px;
  font-weight: 700;
  color: var(--clrAccent-100);
  line-height: 1;
}
._signupLabel_o5wex_372 {
  font-size: 12px;
  color: var(--clrAccent-60);
  font-weight: 500;
  text-align: center;
}
._signupDate_o5wex_379 {
  font-size: 12px;
  color: var(--clrAccent-60);
  font-style: italic;
}
._usersSection_o5wex_385 {
  width: 100%;
}
._usersHeader_o5wex_389 {
  margin-bottom: 20px;
}
._usersHeader_o5wex_389 h2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--clrAccent-100);
  margin: 0;
}
._searchContainer_o5wex_399 {
  position: relative;
  margin-bottom: 16px;
}
._searchIcon_o5wex_404 {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--clrAccent-60);
  font-size: 18px;
  pointer-events: none;
  z-index: 1;
}
._searchInput_o5wex_415 {
  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_o5wex_415::placeholder {
  color: var(--clrAccent-50);
}
._searchInput_o5wex_415:focus {
  outline: none;
  border-color: var(--clrAccent-100);
}
._usersList_o5wex_433 {
  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_o5wex_433::-webkit-scrollbar {
  width: 6px;
}
._usersList_o5wex_433::-webkit-scrollbar-track {
  background: var(--clrTertiary);
  border-radius: 3px;
}
._usersList_o5wex_433::-webkit-scrollbar-thumb {
  background: var(--clrAccent-30);
  border-radius: 3px;
}
._usersList_o5wex_433::-webkit-scrollbar-thumb:hover {
  background: var(--clrAccent-60);
}
._userRow_o5wex_462 {
  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_o5wex_462:hover {
  border-color: var(--clrAccent-100);
  transform: translateX(4px);
}
._userMainInfo_o5wex_480 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
._userMetadata_o5wex_490 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-shrink: 0;
}
._username_o5wex_499 {
  font-size: 14px;
  font-weight: 600;
  color: var(--clrAccent-100);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._rank_o5wex_508 {
  font-size: 14px;
  font-weight: 700;
  color: var(--clrAccent-70);
  margin-right: 8px;
  min-width: 30px;
  flex-shrink: 0;
}
._tournamentCount_o5wex_517 {
  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_o5wex_527 {
  color: #fbbf24;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-shrink: 0;
}
._userEmail_o5wex_538 {
  font-size: 13px;
  color: var(--clrAccent-60);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._signupDate_o5wex_379 {
  font-size: 12px;
  color: var(--clrAccent-60);
  white-space: nowrap;
}
._noResults_o5wex_552 {
  grid-column: 1/-1;
  text-align: center;
  padding: 48px;
  color: var(--clrAccent-60);
  font-size: 16px;
  font-style: italic;
}
@media (max-width: 768px) {
  ._adminDashboard_o5wex_144 {
    padding: 80px 16px;
  }
  ._header_o5wex_152 h1 {
    font-size: 24px;
  }
  ._statsGrid_o5wex_208 {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 32px;
  }
  ._statCard_o5wex_215 {
    padding: 20px;
  }
  ._statIcon_o5wex_234 {
    width: 48px;
    height: 48px;
    font-size: 20px;
  }
  ._statValue_o5wex_257 {
    font-size: 28px;
  }
  ._mainContent_o5wex_304 {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  ._signupsSection_o5wex_311 h2 {
    font-size: 18px;
  }
  ._usersHeader_o5wex_389 h2 {
    font-size: 18px;
  }
  ._signupsGrid_o5wex_331 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  ._signupCard_o5wex_339 {
    padding: 14px;
  }
  ._signupValue_o5wex_361 {
    font-size: 24px;
  }
  ._signupLabel_o5wex_372 {
    font-size: 12px;
  }
  ._userRow_o5wex_462 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  ._userMetadata_o5wex_490 {
    width: 100%;
    justify-content: flex-start;
  }
}
._modalOverlay_o5wex_617 {
  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_o5wex_617 {
  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_o5wex_650 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px;
  border-bottom: 1px solid var(--clrAccent-30);
}
._modalHeader_o5wex_650 h2 {
  color: var(--clrAccent-100);
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
._closeButton_o5wex_666 {
  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_o5wex_666:hover {
  color: var(--clrAccent-100);
}
._modalSearchContainer_o5wex_687 {
  position: relative;
  padding: 20px 24px;
  border-bottom: 1px solid var(--clrAccent-30);
}
._searchIcon_o5wex_404 {
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--clrAccent-60);
  font-size: 18px;
}
._modalSearchInput_o5wex_702 {
  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_o5wex_702:focus {
  outline: none;
  border-color: var(--clrAccent-50);
  background-color: var(--clrTertiary);
}
._modalSearchInput_o5wex_702::placeholder {
  color: var(--clrAccent-50);
}
._modalUsersList_o5wex_721 {
  overflow-y: auto;
  flex: 1;
  padding: 16px 24px;
}
._modalUserRow_o5wex_727 {
  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_o5wex_727:hover {
  border-color: var(--clrAccent-50);
  transform: translateX(4px);
  background-color: var(--clrTertiary);
}
._modalUserRow_o5wex_727 ._userMainInfo_o5wex_480 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 4px;
}
._modalUserRow_o5wex_727 ._username_o5wex_499 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._modalUserRow_o5wex_727 ._userEmail_o5wex_538 {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._modalUserRow_o5wex_727 ._premiumBadge_o5wex_527 {
  color: #fbbf24;
  font-size: 14px;
}
._noResults_o5wex_552 {
  text-align: center;
  padding: 48px 24px;
  color: var(--clrAccent-60);
  font-size: 16px;
}
html {
  color-scheme: light dark auto;
}
._themeLight_vfyuz_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_vfyuz_17 {
  --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_vfyuz_31 {
  --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_vfyuz_46 {
  --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_vfyuz_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_vfyuz_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_vfyuz_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_vfyuz_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_vfyuz_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_vfyuz_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_vfyuz_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_vfyuz_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_vfyuz_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_vfyuz_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_vfyuz_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_vfyuz_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._analyticsContainer_vfyuz_143 {
  background-color: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 32px;
}
._title_vfyuz_151 {
  color: var(--clrAccent-100);
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 20px 0;
  text-align: center;
}
._chartContainer_vfyuz_159 {
  width: 100%;
  height: 300px;
}
._chartContainer_vfyuz_159 ._recharts-cartesian-grid-horizontal_vfyuz_163 line,
._chartContainer_vfyuz_159 ._recharts-cartesian-grid-vertical_vfyuz_164 line {
  stroke: var(--clrAccent-30);
}
._chartContainer_vfyuz_159 ._recharts-text_vfyuz_167,
._chartContainer_vfyuz_159 ._recharts-label_vfyuz_168,
._chartContainer_vfyuz_159 ._recharts-cartesian-axis-tick_vfyuz_169,
._chartContainer_vfyuz_159 ._recharts-cartesian-axis-tick-value_vfyuz_170 {
  fill: var(--clrAccent-100) !important;
  color: var(--clrAccent-100) !important;
}
._chartContainer_vfyuz_159 ._recharts-xAxis_vfyuz_174 ._recharts-text_vfyuz_167,
._chartContainer_vfyuz_159 ._recharts-yAxis_vfyuz_175 ._recharts-text_vfyuz_167 {
  fill: var(--clrAccent-100) !important;
}
._chartContainer_vfyuz_159 ._recharts-legend-item_vfyuz_178 ._recharts-legend-item-text_vfyuz_178 {
  color: var(--clrAccent-100) !important;
}
._tooltip_vfyuz_182 {
  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_vfyuz_190 {
  color: var(--clrAccent-100);
  font-weight: 600;
  margin: 0 0 8px 0;
  font-size: 14px;
}
._tooltipSignups_vfyuz_197,
._tooltipPremium_vfyuz_198 {
  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_vfyuz_209 {
  color: #3b82f6;
  font-size: 16px;
  line-height: 1;
}
._premiumColor_vfyuz_215 {
  color: #fbbf24;
  font-size: 16px;
  line-height: 1;
}
@media (max-width: 768px) {
  ._analyticsContainer_vfyuz_143 {
    padding: 16px;
  }
  ._title_vfyuz_151 {
    font-size: 18px;
  }
  ._chartContainer_vfyuz_159 {
    height: 250px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_10a1z_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_10a1z_17 {
  --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_10a1z_31 {
  --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_10a1z_46 {
  --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_10a1z_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_10a1z_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_10a1z_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_10a1z_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_10a1z_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_10a1z_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_10a1z_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_10a1z_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_10a1z_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_10a1z_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_10a1z_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_10a1z_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._container_10a1z_143 {
  background: var(--clrPrimary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}
._header_10a1z_151 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 16px;
}
._title_10a1z_160 {
  font-size: 20px;
  font-weight: 700;
  color: var(--clrAccent-100);
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
._stats_10a1z_170 {
  display: flex;
  gap: 24px;
}
._stat_10a1z_170 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._statValue_10a1z_181 {
  font-size: 24px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._statLabel_10a1z_187 {
  font-size: 12px;
  color: var(--clrAccent-70);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._loading_10a1z_194 {
  text-align: center;
  color: var(--clrAccent-70);
  padding: 40px 0;
}
._sortButtons_10a1z_200 {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
._sortButton_10a1z_200 {
  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_10a1z_200:hover {
  background: var(--clrAccent-10);
  border-color: var(--clrAccent-50);
}
._sortButton_10a1z_200._active_10a1z_225 {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
  border-color: var(--clrAccent-100);
}
._tableContainer_10a1z_231 {
  overflow-x: auto;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
}
._table_10a1z_231 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
._table_10a1z_231 thead {
  background: var(--clrBG-secondary);
}
._table_10a1z_231 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_10a1z_231 tbody tr {
  border-bottom: 1px solid var(--clrAccent-10);
  transition: background 0.2s ease;
}
._table_10a1z_231 tbody tr:hover {
  background: var(--clrBG-secondary);
}
._table_10a1z_231 tbody tr._topThree_10a1z_263 {
  font-weight: 600;
}
._table_10a1z_231 tbody td {
  padding: 12px 16px;
  color: var(--clrAccent-100);
  white-space: nowrap;
}
._rank_10a1z_272 {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}
._goldBadge_10a1z_279,
._silverBadge_10a1z_280,
._bronzeBadge_10a1z_281 {
  font-size: 16px;
}
._deckName_10a1z_285 {
  font-weight: 500;
  max-width: 300px;
}
._deckNameCell_10a1z_290 {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
  overflow: hidden;
}
._deckNameCell_10a1z_290 span {
  overflow: hidden;
  text-overflow: ellipsis;
}
._positive_10a1z_302 {
  color: green !important;
  font-weight: 600;
}
._negative_10a1z_307 {
  color: red !important;
  font-weight: 600;
}
._highlight_10a1z_312 {
  background: rgba(0, 128, 0, 0.1);
  font-weight: 600;
}
@media (max-width: 768px) {
  ._container_10a1z_143 {
    padding: 16px;
  }
  ._header_10a1z_151 {
    flex-direction: column;
    align-items: flex-start;
  }
  ._stats_10a1z_170 {
    width: 100%;
    justify-content: space-around;
  }
  ._sortButtons_10a1z_200 {
    width: 100%;
  }
  ._sortButtons_10a1z_200 ._sortButton_10a1z_200 {
    flex: 1;
    min-width: 150px;
    justify-content: center;
  }
  ._table_10a1z_231 {
    font-size: 12px;
  }
  ._table_10a1z_231 thead th,
  ._table_10a1z_231 tbody td {
    padding: 8px 12px;
  }
  ._deckName_10a1z_285 {
    max-width: 150px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1qenr_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1qenr_17 {
  --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_1qenr_31 {
  --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_1qenr_46 {
  --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_1qenr_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1qenr_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1qenr_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1qenr_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1qenr_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1qenr_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1qenr_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1qenr_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1qenr_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1qenr_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1qenr_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1qenr_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._container_1qenr_143 {
  background: var(--clrPrimary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}
._header_1qenr_151 {
  margin-bottom: 24px;
}
._titleRow_1qenr_155 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
  gap: 16px;
}
._title_1qenr_155 {
  font-size: 20px;
  font-weight: 700;
  color: var(--clrAccent-100);
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
._setSelect_1qenr_174 {
  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_1qenr_174:hover {
  border-color: var(--clrAccent-60);
}
._setSelect_1qenr_174:focus {
  outline: none;
  border-color: var(--clrAccent-100);
}
._setSelect_1qenr_174 option {
  background: var(--clrSecondary);
  color: var(--clrAccent-100);
}
._editButton_1qenr_198 {
  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_1qenr_198:hover {
  background: var(--clrAccent-10);
  border-color: var(--clrAccent-50);
}
._editForm_1qenr_217 {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
._seasonInput_1qenr_224,
._dateInput_1qenr_225 {
  padding: 8px 12px;
  background: var(--clrBG-secondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  color: var(--clrAccent-100);
  font-size: 14px;
}
._seasonInput_1qenr_224:focus,
._dateInput_1qenr_225:focus {
  outline: none;
  border-color: var(--clrAccent-50);
}
._saveButton_1qenr_239 {
  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_1qenr_239:hover {
  opacity: 90%;
}
._cancelButton_1qenr_257 {
  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_1qenr_257:hover {
  background: var(--clrBG-secondary);
}
._seasonInfo_1qenr_275 {
  font-size: 14px;
  color: var(--clrAccent-70);
  margin-bottom: 16px;
}
._stats_1qenr_281 {
  display: flex;
  gap: 24px;
}
._stat_1qenr_281 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._statValue_1qenr_292 {
  font-size: 24px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._statLabel_1qenr_298 {
  font-size: 12px;
  color: var(--clrAccent-70);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._loading_1qenr_305 {
  text-align: center;
  color: var(--clrAccent-70);
  padding: 40px 0;
}
._sortButtons_1qenr_311 {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
._sortButton_1qenr_311 {
  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_1qenr_311:hover {
  background: var(--clrAccent-10);
  border-color: var(--clrAccent-50);
}
._sortButton_1qenr_311._active_1qenr_333 {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
  border-color: var(--clrAccent-100);
}
._tableContainer_1qenr_339 {
  overflow-x: auto;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
}
._table_1qenr_339 {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
._table_1qenr_339 thead {
  background: var(--clrBG-secondary);
}
._table_1qenr_339 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_1qenr_339 tbody tr {
  border-bottom: 1px solid var(--clrAccent-10);
  transition: background 0.2s ease;
}
._table_1qenr_339 tbody tr:hover {
  background: var(--clrBG-secondary);
}
._table_1qenr_339 tbody tr._topThree_1qenr_371 {
  font-weight: 600;
}
._table_1qenr_339 tbody td {
  padding: 12px 16px;
  color: var(--clrAccent-100);
  white-space: nowrap;
}
._rank_1qenr_380 {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}
._goldBadge_1qenr_387,
._silverBadge_1qenr_388,
._bronzeBadge_1qenr_389 {
  font-size: 16px;
}
._deckName_1qenr_393 {
  font-weight: 500;
  max-width: 300px;
}
._deckNameCell_1qenr_398 {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
  overflow: hidden;
}
._deckNameCell_1qenr_398 span {
  overflow: hidden;
  text-overflow: ellipsis;
}
._positive_1qenr_410 {
  color: green !important;
  font-weight: 600;
}
._negative_1qenr_415 {
  color: red !important;
  font-weight: 600;
}
._highlight_1qenr_420 {
  background: rgba(0, 128, 0, 0.1);
  font-weight: 600;
}
@media (max-width: 768px) {
  ._container_1qenr_143 {
    padding: 16px;
  }
  ._titleRow_1qenr_155 {
    flex-direction: column;
    align-items: flex-start;
  }
  ._editForm_1qenr_217 {
    width: 100%;
  }
  ._editForm_1qenr_217 ._seasonInput_1qenr_224,
  ._editForm_1qenr_217 ._dateInput_1qenr_225 {
    flex: 1;
  }
  ._stats_1qenr_281 {
    width: 100%;
    justify-content: space-around;
  }
  ._sortButtons_1qenr_311 {
    width: 100%;
  }
  ._sortButtons_1qenr_311 ._sortButton_1qenr_311 {
    flex: 1;
    min-width: 150px;
    justify-content: center;
  }
  ._table_1qenr_339 {
    font-size: 12px;
  }
  ._table_1qenr_339 thead th,
  ._table_1qenr_339 tbody td {
    padding: 8px 12px;
  }
  ._deckName_1qenr_393 {
    max-width: 150px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1awa8_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1awa8_17 {
  --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_1awa8_31 {
  --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_1awa8_46 {
  --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_1awa8_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1awa8_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1awa8_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1awa8_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1awa8_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1awa8_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1awa8_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1awa8_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1awa8_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1awa8_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1awa8_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1awa8_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._adminUserDetail_1awa8_143 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 128px 16px;
  min-height: 100vh;
}
._loadingContainer_1awa8_151 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
._loadingText_1awa8_161 {
  color: var(--clrAccent-70);
  font-size: 16px;
}
._backButton_1awa8_166 {
  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_1awa8_166:hover {
  background-color: var(--clrSecondary);
  border-color: var(--clrAccent-100);
}
._userHeader_1awa8_188 {
  margin-bottom: 32px;
}
._userTitleSection_1awa8_192 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 8px;
}
._userTitleSection_1awa8_192 h1 {
  color: var(--clrAccent-100);
  font-size: 32px;
  font-weight: 700;
  margin: 0;
}
._premiumBadge_1awa8_207 {
  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_1awa8_222 {
  font-size: 16px;
  color: var(--clrAccent-60);
}
._actionsSection_1awa8_227 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
._actionBtn_1awa8_237 {
  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_1awa8_237:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._premiumBtn_1awa8_257 {
  background-color: rgba(251, 191, 36, 0.1);
  border-color: rgba(251, 191, 36, 0.3);
  color: #fbbf24;
}
._premiumBtn_1awa8_257:hover:not(:disabled) {
  background-color: rgba(251, 191, 36, 0.2);
  border-color: #fbbf24;
}
._deleteBtn_1awa8_267 {
  background-color: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
  color: #ef4444;
}
._deleteBtn_1awa8_267:hover:not(:disabled) {
  background-color: rgba(239, 68, 68, 0.2);
  border-color: #ef4444;
}
._buttonSpinner_1awa8_277 {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: _rotation_1awa8_1 1s linear infinite;
}
@keyframes _rotation_1awa8_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._profileDataSection_1awa8_296 {
  margin-bottom: 40px;
  background-color: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 24px;
}
._sectionHeader_1awa8_304 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
  flex-wrap: nowrap;
}
._sectionHeader_1awa8_304 h2 {
  color: var(--clrAccent-100);
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
._editBtn_1awa8_320 {
  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_1awa8_320:hover {
  background-color: var(--clrAccent-30);
  border-color: var(--clrAccent-50);
}
._editActions_1awa8_341 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._saveBtn_1awa8_349 {
  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_1awa8_349:hover:not(:disabled) {
  background-color: rgba(34, 197, 94, 0.25);
  border-color: #22c55e;
}
._saveBtn_1awa8_349:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._cancelBtn_1awa8_374 {
  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_1awa8_374:hover:not(:disabled) {
  background-color: var(--clrSecondary);
  border-color: var(--clrAccent-50);
}
._cancelBtn_1awa8_374:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._profileFields_1awa8_399 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}
._profileField_1awa8_399 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
._fieldLabel_1awa8_413 {
  font-size: 12px;
  font-weight: 600;
  color: var(--clrAccent-60);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._fieldValue_1awa8_421 {
  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_1awa8_434 {
  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_1awa8_434:focus {
  outline: none;
  border-color: var(--clrAccent-100);
  background-color: var(--clrSecondary);
}
._statsSection_1awa8_452 {
  margin-bottom: 40px;
}
._statsSection_1awa8_452 h2 {
  color: var(--clrAccent-100);
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
._statsGrid_1awa8_462 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 16px;
}
._statCard_1awa8_468 {
  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_1awa8_468:hover {
  border-color: var(--clrAccent-50);
}
._statValue_1awa8_485 {
  font-size: 28px;
  font-weight: 700;
  color: var(--clrAccent-100);
  line-height: 1;
}
._statLabel_1awa8_492 {
  font-size: 13px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._tournamentsSection_1awa8_498 h2 {
  color: var(--clrAccent-100);
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
._noTournaments_1awa8_505 {
  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_1awa8_516 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}
._tournamentCard_1awa8_522 {
  background-color: var(--clrSecondary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 20px;
  transition: all 0.2s ease;
}
._tournamentCard_1awa8_522:hover {
  border-color: var(--clrAccent-50);
  transform: translateY(-2px);
}
._tournamentHeader_1awa8_534 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
._tournamentHeader_1awa8_534 h3 {
  color: var(--clrAccent-100);
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  flex: 1;
}
._finishedBadge_1awa8_550 {
  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_1awa8_561 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
._detail_1awa8_569 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 14px;
}
._detailLabel_1awa8_578 {
  color: var(--clrAccent-60);
  font-weight: 500;
  min-width: 70px;
}
._detailValue_1awa8_584 {
  color: var(--clrAccent-100);
  font-weight: 600;
}
._modalOverlay_1awa8_589 {
  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_1awa8_589 {
  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_1awa8_589 h3 {
  margin: 0;
  color: var(--clrAccent-100);
  font-size: 20px;
}
._modal_1awa8_589 p {
  margin: 0;
  color: var(--clrAccent-70);
  font-size: 15px;
  line-height: 1.5;
}
._modal_1awa8_589 p strong {
  color: var(--clrAccent-100);
}
._modalActions_1awa8_625 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._cancelBtn_1awa8_374,
._confirmDeleteBtn_1awa8_633 {
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
}
._cancelBtn_1awa8_374:disabled,
._confirmDeleteBtn_1awa8_633:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._cancelBtn_1awa8_374 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._cancelBtn_1awa8_374:hover:not(:disabled) {
  background-color: var(--clrAccent-30);
}
._confirmDeleteBtn_1awa8_633 {
  background-color: #ef4444;
  color: white;
}
._confirmDeleteBtn_1awa8_633:hover:not(:disabled) {
  background-color: #dc2626;
}
@media (max-width: 768px) {
  ._adminUserDetail_1awa8_143 {
    padding: 80px 16px;
  }
  ._userTitleSection_1awa8_192 {
    flex-direction: column;
    align-items: flex-start;
  }
  ._userTitleSection_1awa8_192 h1 {
    font-size: 24px;
  }
  ._actionsSection_1awa8_227 {
    flex-direction: column;
    align-items: stretch;
  }
  ._actionsSection_1awa8_227 ._actionBtn_1awa8_237 {
    width: 100%;
  }
  ._statsGrid_1awa8_462 {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  ._statCard_1awa8_468 {
    padding: 16px;
  }
  ._statValue_1awa8_485 {
    font-size: 24px;
  }
  ._tournamentsList_1awa8_516 {
    grid-template-columns: 1fr;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1q7cv_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1q7cv_17 {
  --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_1q7cv_31 {
  --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_1q7cv_46 {
  --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_1q7cv_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1q7cv_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1q7cv_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1q7cv_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1q7cv_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1q7cv_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1q7cv_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1q7cv_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1q7cv_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1q7cv_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1q7cv_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1q7cv_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._container_1q7cv_143 {
  max-width: 820px;
  margin: 0 auto;
  padding: 16px 14px;
  padding-bottom: 120px;
}
@media (max-width: 768px) {
  ._container_1q7cv_143 {
    padding: 14px;
    padding-top: 32px;
  }
}
._container_1q7cv_143 {
  padding-top: calc(60px + env(safe-area-inset-top) + 16px);
  padding-bottom: calc(60px + env(safe-area-inset-top) + 16px);
}
._stickyHeader_1q7cv_160 {
  position: sticky;
  top: 84px;
  z-index: 100;
  background: var(--clrBG-primary);
  margin-top: -14px;
}
@media (max-width: 768px) {
  ._stickyHeader_1q7cv_160 {
    top: 84px;
  }
}
._backButton_1q7cv_173 {
  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_1q7cv_173:hover {
  background: var(--clrAccent-100);
  color: var(--clrPrimary);
  border-color: var(--clrPrimary);
  transform: translateX(-4px);
}
._header_1q7cv_195 {
  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_1q7cv_195 {
    flex-direction: row;
    gap: 16px;
    padding: 12px;
  }
}
._deckImage_1q7cv_215 {
  width: 120px;
  height: 168px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  ._deckImage_1q7cv_215 {
    width: 100px;
    height: 140px;
  }
}
._deckInfo_1q7cv_229 {
  flex: 1;
}
._deckInfo_1q7cv_229 h1 {
  font-size: 16px;
  margin: 0 0 8px 0;
  color: var(--clrAccent-100);
}
@media (max-width: 768px) {
  ._deckInfo_1q7cv_229 h1 {
    font-size: 14px;
  }
}
._deckInfo_1q7cv_229 p {
  font-size: 14px;
  color: var(--clrAccent-100);
  margin: 0;
}
._statsGrid_1q7cv_248 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 16px;
  padding-top: 16px;
}
@media (max-width: 768px) {
  ._statsGrid_1q7cv_248 {
    gap: 8px;
  }
}
._statCard_1q7cv_261 {
  background: var(--clrPrimary);
  border: 1px solid var(--clrAccent-30);
  border-radius: 8px;
  padding: 8px;
  text-align: center;
  transition: all 0.2s ease;
}
._statCard_1q7cv_261:hover {
  border-color: var(--clrAccent-30);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(var(--clrAccent-30), 0.1);
}
._statCard_1q7cv_261 ._label_1q7cv_274 {
  font-size: 12px;
  color: var(--clrAccent-100);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._statCard_1q7cv_261 ._value_1q7cv_280 {
  font-size: 16px;
  font-weight: 700;
  color: var(--clrAccent-100);
  margin: 8px 0;
}
@media (max-width: 768px) {
  ._statCard_1q7cv_261 ._value_1q7cv_280 {
    font-size: 14px;
  }
}
._statCard_1q7cv_261 ._subValue_1q7cv_291 {
  font-size: 8px;
  color: var(--clrAccent-100);
}
._statCard_1q7cv_261._positive_1q7cv_295 {
  background: rgba(0, 128, 0, 0.1);
  border-color: rgba(0, 128, 0, 0.3);
}
._statCard_1q7cv_261._positive_1q7cv_295 ._value_1q7cv_280 {
  color: green;
}
._statCard_1q7cv_261._negative_1q7cv_302 {
  background: rgba(255, 0, 0, 0.1);
  border-color: rgba(255, 0, 0, 0.3);
}
._statCard_1q7cv_261._negative_1q7cv_302 ._value_1q7cv_280 {
  color: red;
}
._matchupsSection_1q7cv_310 h2 {
  font-size: 14px;
  margin: 0 0 14px 0;
  color: var(--clrAccent-100);
  display: flex;
  align-items: center;
  gap: 8px;
}
._matchupsList_1q7cv_319 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._matchupCard_1q7cv_325 {
  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_1q7cv_325:hover {
  border-color: var(--clrAccent-30);
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  ._matchupCard_1q7cv_325 {
    gap: 12px;
  }
}
._matchupDeck_1q7cv_348 {
  font-size: 14px;
  font-weight: 500;
  color: var(--clrAccent-100);
  flex: 1;
  min-width: 0;
}
@media (max-width: 768px) {
  ._matchupDeck_1q7cv_348 {
    font-size: 13px;
  }
}
._matchupWinRate_1q7cv_361 {
  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_1q7cv_361 {
    padding: 6px 12px;
  }
}
._matchupSubStats_1q7cv_378 {
  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_1q7cv_378 > div:first-child {
  padding-bottom: 4px;
}
._matchupSubStats_1q7cv_378 > div:last-child {
  padding-top: 4px;
  border-top: 1px solid var(--clrAccent-30);
}
@media (max-width: 768px) {
  ._matchupSubStats_1q7cv_378 {
    font-size: 11px;
    padding: 6px 12px;
  }
}
._winRate_1q7cv_406 {
  font-size: 14px;
  font-weight: 700;
}
._winRate_1q7cv_406._positive_1q7cv_295 {
  color: green;
}
._winRate_1q7cv_406._negative_1q7cv_302 {
  color: red;
}
._winRate_1q7cv_406._neutral_1q7cv_416 {
  color: var(--clrAccent-100);
}
._record_1q7cv_420 {
  font-size: 11px;
  color: var(--clrAccent-70);
}
._noData_1q7cv_425 {
  text-align: center;
  padding: 24px 14px;
  color: var(--clrAccent-100);
  font-size: 14px;
}
._loader_1q7cv_432 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
}
html {
  color-scheme: light dark auto;
}
._themeLight_tlp2v_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_tlp2v_17 {
  --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_tlp2v_31 {
  --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_tlp2v_46 {
  --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_tlp2v_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_tlp2v_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_tlp2v_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_tlp2v_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_tlp2v_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_tlp2v_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_tlp2v_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_tlp2v_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_tlp2v_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_tlp2v_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_tlp2v_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_tlp2v_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._installPrompt_tlp2v_143 {
  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_tlp2v_1 0.3s ease-out;
}
@media (max-width: 600px) {
  ._installPrompt_tlp2v_143 {
    width: calc(100vw - 32px);
    bottom: 80px;
  }
}
._installPrompt_tlp2v_143 ._closeBtn_tlp2v_164 {
  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_tlp2v_143 ._closeBtn_tlp2v_164:hover {
  color: var(--clrAccent-100);
}
._installPrompt_tlp2v_143 ._closeBtn_tlp2v_164 svg {
  width: 20px;
  height: 20px;
}
._installPrompt_tlp2v_143 ._content_tlp2v_187 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding-right: 24px;
}
._installPrompt_tlp2v_143 ._content_tlp2v_187 ._icon_tlp2v_195 {
  width: 40px;
  height: 40px;
  color: var(--clrAccent-100);
  flex-shrink: 0;
}
._installPrompt_tlp2v_143 ._content_tlp2v_187 ._text_tlp2v_201 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
._installPrompt_tlp2v_143 ._content_tlp2v_187 ._text_tlp2v_201 ._title_tlp2v_209 {
  font-size: 16px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._installPrompt_tlp2v_143 ._content_tlp2v_187 ._text_tlp2v_201 ._description_tlp2v_214 {
  font-size: 13px;
  color: var(--clrAccent-60);
  line-height: 1.4;
}
._installPrompt_tlp2v_143 ._content_tlp2v_187 ._installBtn_tlp2v_219 {
  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_tlp2v_143 ._content_tlp2v_187 ._installBtn_tlp2v_219:hover {
  background-color: var(--clrAccent-80);
  transform: translateY(-1px);
}
._installPrompt_tlp2v_143 ._content_tlp2v_187 ._installBtn_tlp2v_219:active {
  transform: translateY(0);
}
@keyframes _slideUp_tlp2v_1 {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_rgt7f_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_rgt7f_17 {
  --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_rgt7f_31 {
  --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_rgt7f_46 {
  --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_rgt7f_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_rgt7f_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_rgt7f_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_rgt7f_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_rgt7f_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_rgt7f_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_rgt7f_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_rgt7f_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_rgt7f_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_rgt7f_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_rgt7f_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_rgt7f_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._pageTransition_rgt7f_143 {
  width: 100%;
  min-height: 100%;
}
._fadeOut_rgt7f_148 {
  animation: _swipeOut_rgt7f_1 0.2s ease-in-out forwards;
}
._fadeIn_rgt7f_152 {
  animation: _swipeIn_rgt7f_1 0.3s ease-in-out forwards;
}
@keyframes _swipeOut_rgt7f_1 {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-30px);
  }
}
@keyframes _swipeIn_rgt7f_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;
  --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_24fpv_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_24fpv_17 {
  --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_24fpv_31 {
  --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_24fpv_46 {
  --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_24fpv_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_24fpv_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_24fpv_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_24fpv_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_24fpv_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_24fpv_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_24fpv_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_24fpv_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_24fpv_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_24fpv_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_24fpv_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_24fpv_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._navigationBar_24fpv_143 {
  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_24fpv_143 {
    padding: 0;
  }
}
._navigationBar_24fpv_143::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_24fpv_6 ._navigationBar_24fpv_143::before, ._themePastelLight_24fpv_46 ._navigationBar_24fpv_143::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_24fpv_17 ._navigationBar_24fpv_143::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_24fpv_143::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_24fpv_143 > 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_24fpv_143 ._logoContainer_24fpv_215 {
  height: 52px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 300;
  color: var(--clrAccent-70);
}
._navigationBar_24fpv_143 ._logoContainer_24fpv_215 img {
  height: 70%;
}
._navigationBar_24fpv_143 ._userSection_24fpv_228 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 500;
}
._navigationBar_24fpv_143 button._logoutBtn_24fpv_236 {
  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_24fpv_143 button._logoutBtn_24fpv_236:hover {
  opacity: 0.7;
}
._guestBadge_24fpv_251 {
  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_168jl_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_168jl_17 {
  --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_168jl_31 {
  --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_168jl_46 {
  --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_168jl_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_168jl_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_168jl_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_168jl_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_168jl_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_168jl_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_168jl_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_168jl_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_168jl_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_168jl_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_168jl_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_168jl_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._bottomBarContainer_168jl_143 {
  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_168jl_143 ._bottomBar_168jl_143 {
  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_168jl_6 ._bottomBarContainer_168jl_143 ._bottomBar_168jl_143, ._themePastelLight_168jl_46 ._bottomBarContainer_168jl_143 ._bottomBar_168jl_143 {
  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_168jl_17 ._bottomBarContainer_168jl_143 ._bottomBar_168jl_143 {
  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_168jl_143 ._bottomBar_168jl_143 ._linkContainer_168jl_190 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  color: var(--clrPrimaryContrast);
  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_168jl_143 ._bottomBar_168jl_143 ._linkContainer_168jl_190:hover {
  color: var(--clrAccent-80);
}
._bottomBarContainer_168jl_143 ._bottomBar_168jl_143 ._linkContainer_168jl_190:hover ._linkIcon_168jl_209 {
  transform: translateY(-2px);
}
._bottomBarContainer_168jl_143 ._bottomBar_168jl_143 ._linkContainer_168jl_190:active {
  background-color: var(--clrAccent-10);
  transform: scale(0.95);
}
._bottomBarContainer_168jl_143 ._bottomBar_168jl_143 ._linkContainer_168jl_190._active_168jl_216 {
  color: var(--clrAccent-100);
  background-color: var(--clrAccent-10);
}
._bottomBarContainer_168jl_143 ._bottomBar_168jl_143 ._linkContainer_168jl_190._active_168jl_216 ._linkIcon_168jl_209 {
  color: var(--clrAccent-100);
}
._bottomBarContainer_168jl_143 ._bottomBar_168jl_143 ._linkContainer_168jl_190 ._linkIcon_168jl_209 {
  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_j9sj7_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_j9sj7_17 {
  --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_j9sj7_31 {
  --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_j9sj7_46 {
  --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_j9sj7_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_j9sj7_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_j9sj7_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_j9sj7_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_j9sj7_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_j9sj7_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_j9sj7_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_j9sj7_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_j9sj7_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_j9sj7_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_j9sj7_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_j9sj7_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._tournamentPage_j9sj7_143 {
  max-width: 820px;
  margin: 0 auto;
  width: 100%;
  padding: 16px 16px;
  color: var(--clrAccent-100);
  min-height: calc(100dvh - 60px - 80px);
}
._tournamentPage_j9sj7_143 h2 {
  margin-bottom: 4px;
}
._tournamentPage_j9sj7_143 ._statusMessage_j9sj7_154 {
  color: var(--clrAccent-60);
  font-size: 14px;
  margin-top: 16px;
}
._tournamentPage_j9sj7_143 {
  padding-top: calc(60px + env(safe-area-inset-top) + 16px);
  padding-bottom: calc(80px + env(safe-area-inset-bottom) + 16px);
}
._header_j9sj7_164 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}
._header_j9sj7_164 ._headerImage_j9sj7_172 {
  width: 128px;
  height: 128px;
  border-radius: 8px;
}
._header_j9sj7_164 ._headerImage_j9sj7_172 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
._header_j9sj7_164 ._headerInfo_j9sj7_183 {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: space-between;
  gap: 8px;
}
._header_j9sj7_164 ._headerInfo_j9sj7_183 ._headerTitle_j9sj7_191 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
._header_j9sj7_164 ._headerInfo_j9sj7_183 ._headerTitle_j9sj7_191 h2 {
  font-size: 24px;
  line-height: 18px;
  margin: 0;
  padding: 0;
}
._header_j9sj7_164 ._headerInfo_j9sj7_183 ._chips_j9sj7_204 {
  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_j9sj7_164 ._headerInfo_j9sj7_183 ._secondaryInfo_j9sj7_216 {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._header_j9sj7_164 ._headerActions_j9sj7_220 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
._roundForm_j9sj7_226 {
  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_j9sj7_226 ._formGroup_j9sj7_237 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 8px;
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 label {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 ._searchInput_j9sj7_249 {
  width: 100%;
  height: 46px;
  padding: 0 16px;
  border-radius: 8px;
  border: none;
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 ._searchInput_j9sj7_249::placeholder {
  color: var(--clrAccent-60);
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 ._leaderCarousel_j9sj7_261 {
  width: 100%;
  display: flex;
  overflow-x: auto;
  gap: 12px;
  padding: 8px 0;
  scrollbar-width: thin;
  scrollbar-color: var(--clrAccent-30) var(--clrTertiary);
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 ._leaderCarousel_j9sj7_261::-webkit-scrollbar {
  height: 6px;
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 ._leaderCarousel_j9sj7_261::-webkit-scrollbar-track {
  background: var(--clrTertiary);
  border-radius: 3px;
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 ._leaderCarousel_j9sj7_261::-webkit-scrollbar-thumb {
  background: var(--clrAccent-100);
  border-radius: 3px;
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 ._leaderCarousel_j9sj7_261 ._leaderCard_j9sj7_281 {
  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_j9sj7_226 ._formGroup_j9sj7_237 ._leaderCarousel_j9sj7_261 ._leaderCard_j9sj7_281:hover {
  border-color: var(--clrAccent-100);
  transform: translateY(-2px);
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 ._leaderCarousel_j9sj7_261 ._leaderCard_j9sj7_281._selected_j9sj7_298 {
  border-color: #5cb85c;
  box-shadow: 0 0 10px rgba(92, 184, 92, 0.5);
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 ._leaderCarousel_j9sj7_261 ._leaderCard_j9sj7_281 ._leaderImage_j9sj7_302 {
  width: 100%;
  height: 92px;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 ._leaderCarousel_j9sj7_261 ._leaderCard_j9sj7_281 ._leaderImage_j9sj7_302 img {
  width: 100%;
  object-fit: cover;
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 ._leaderCarousel_j9sj7_261 ._leaderCard_j9sj7_281 ._leaderImage_j9sj7_302 ._imagePlaceholder_j9sj7_312 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 ._leaderCarousel_j9sj7_261 ._leaderCard_j9sj7_281 ._leaderInfo_j9sj7_322 {
  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_j9sj7_226 ._formGroup_j9sj7_237 ._leaderCarousel_j9sj7_261 ._leaderCard_j9sj7_281 ._leaderInfo_j9sj7_322 ._leaderName_j9sj7_334 {
  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_j9sj7_226 ._formGroup_j9sj7_237 ._leaderCarousel_j9sj7_261 ._leaderCard_j9sj7_281 ._leaderInfo_j9sj7_322 ._leaderSet_j9sj7_345 {
  font-size: 10px;
  color: var(--clrAccent-100);
  opacity: 0.7;
  text-align: center;
  line-height: 1;
}
._roundForm_j9sj7_226 ._formGroup_j9sj7_237 ._noResults_j9sj7_352 {
  width: 100%;
  text-align: center;
  color: var(--clrAccent-100);
  opacity: 0.7;
  font-size: 14px;
  padding: 20px;
  font-style: italic;
}
._modalOverlay_j9sj7_362 {
  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_j9sj7_362 {
  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_j9sj7_362 h3 {
  margin: 0;
}
._modal_j9sj7_362 ._modalDescription_j9sj7_387 {
  margin: 0;
  font-size: 14px;
  color: var(--clrAccent-60);
}
._modal_j9sj7_362 ._modalField_j9sj7_392 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
  color: var(--clrAccent-60);
}
._modal_j9sj7_362 ._modalInput_j9sj7_399 {
  width: 100%;
  height: 44px;
  border-radius: 8px;
  border: 1px solid var(--clrAccent-30);
  background-color: transparent;
  color: var(--clrAccent-100);
  padding: 0 12px;
}
._modal_j9sj7_362 ._modalActions_j9sj7_408 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._modal_j9sj7_362 ._modalCancelBtn_j9sj7_414,
._modal_j9sj7_362 ._modalSaveBtn_j9sj7_415 {
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
._modal_j9sj7_362 ._modalCancelBtn_j9sj7_414:disabled,
._modal_j9sj7_362 ._modalSaveBtn_j9sj7_415:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._modal_j9sj7_362 ._modalCancelBtn_j9sj7_414 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modal_j9sj7_362 ._modalSaveBtn_j9sj7_415 {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
}
._modal_j9sj7_362 ._modalDeleteBtn_j9sj7_436 {
  background-color: #dc3545;
  color: white;
}
._modal_j9sj7_362 ._modalDeleteBtn_j9sj7_436:hover:not(:disabled) {
  background-color: #c82333;
}
._modal_j9sj7_362 ._modalError_j9sj7_443 {
  color: #ff6b6b;
  font-size: 14px;
  margin: 0;
}
._toggleRow_j9sj7_449 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 12px;
}
@media (min-width: 640px) {
  ._toggleRow_j9sj7_449 {
    flex-direction: row;
    justify-content: space-between;
  }
}
._toggleGroup_j9sj7_464 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 8px;
}
._toggleGroup_j9sj7_464 span {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._toggleGroup_j9sj7_464 ._toggleOptions_j9sj7_476 {
  display: flex;
  gap: 8px;
}
._toggleGroup_j9sj7_464 ._toggleBtn_j9sj7_480 {
  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_j9sj7_464 ._toggleBtn_j9sj7_480._active_j9sj7_491 {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  border-color: var(--clrAccent-100);
}
._saveRoundBtn_j9sj7_497 {
  padding: 14px 24px;
  background-color: #5cb85c;
  color: var(--clrAccent-100);
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
}
._saveRoundBtn_j9sj7_497:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._formMessage_j9sj7_511 {
  font-size: 14px;
}
._roundsSection_j9sj7_515 ._roundsHeader_j9sj7_515 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
._roundsSection_j9sj7_515 ._roundsHeader_j9sj7_515 h3 {
  margin: 0;
}
._roundsSection_j9sj7_515 ._roundsHeader_j9sj7_515 ._roundsHeaderActions_j9sj7_526 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._roundsSection_j9sj7_515 ._roundsHeader_j9sj7_515 ._exportBtn_j9sj7_533 {
  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_j9sj7_515 ._roundsHeader_j9sj7_515 ._exportBtn_j9sj7_533:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
}
._roundsSection_j9sj7_515 ._roundsHeader_j9sj7_515 ._exportBtn_j9sj7_533:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._roundsSection_j9sj7_515 ._roundsHeader_j9sj7_515 ._editModeBtn_j9sj7_559 {
  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_j9sj7_515 ._roundsHeader_j9sj7_515 ._editModeBtn_j9sj7_559:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
}
._roundsSection_j9sj7_515 ._roundsHeader_j9sj7_515 ._editModeBtn_j9sj7_559:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._roundsSection_j9sj7_515 ._roundList_j9sj7_586 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 4px;
}
._exportContainer_j9sj7_594 {
  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_j9sj7_594 ._exportHeader_j9sj7_607 {
  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_j9sj7_594 ._exportHeader_j9sj7_607 h2 {
  margin: 0;
  font-size: 32px;
  color: var(--clrAccent-100);
}
._exportContainer_j9sj7_594 ._exportHeader_j9sj7_607 ._exportStats_j9sj7_621 {
  font-size: 28px;
  font-weight: 700;
  color: var(--clrAccent-100);
}
._exportContainer_j9sj7_594 ._exportRoundList_j9sj7_626 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 12px;
  flex: 1;
  overflow: hidden;
}
._exportContainer_j9sj7_594 ._roundCard_j9sj7_635 {
  background-color: var(--clrSecondary);
  border-radius: 8px;
  padding: 12px 16px;
}
._exportContainer_j9sj7_594 ._roundCard_j9sj7_635 ._roundMeta_j9sj7_640 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 14px;
  color: var(--clrAccent-60);
}
._actionsSection_j9sj7_648 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 24px;
}
._actionsSection_j9sj7_648 ._actionButtons_j9sj7_656 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
._actionsSection_j9sj7_648 ._actionButtons_j9sj7_656 ._finishBtn_j9sj7_664 {
  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_j9sj7_648 ._actionButtons_j9sj7_656 ._finishBtn_j9sj7_664:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  background-color: var(--clrAccent-100);
}
._actionsSection_j9sj7_648 ._actionButtons_j9sj7_656 ._finishBtn_j9sj7_664:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._actionsSection_j9sj7_648 ._actionButtons_j9sj7_656 ._deleteBtn_j9sj7_684 {
  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_j9sj7_648 ._actionButtons_j9sj7_656 ._deleteBtn_j9sj7_684:hover:not(:disabled) {
  background-color: #dc3545;
  color: white;
}
._actionsSection_j9sj7_648 ._actionButtons_j9sj7_656 ._deleteBtn_j9sj7_684:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._actionsSection_j9sj7_648 ._addRoundBtn_j9sj7_702 {
  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_j9sj7_648 ._addRoundBtn_j9sj7_702:hover {
  opacity: 0.9;
}
._actionsSection_j9sj7_648 ._addRoundBtn_j9sj7_702:active {
  transform: scale(0.95);
}
html {
  color-scheme: light dark auto;
}
._themeLight_1ps73_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1ps73_17 {
  --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_1ps73_31 {
  --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_1ps73_46 {
  --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_1ps73_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1ps73_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1ps73_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1ps73_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1ps73_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1ps73_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1ps73_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1ps73_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1ps73_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1ps73_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1ps73_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1ps73_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._roundRowContainer_1ps73_143 {
  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_1ps73_143._clickable_1ps73_157 {
  cursor: pointer;
}
._roundRowContainer_1ps73_143._clickable_1ps73_157:hover {
  background-color: var(--clrTertiary);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
._roundRowContainer_1ps73_143._clickable_1ps73_157:active {
  transform: translateY(0);
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 {
  min-height: 32px;
  border: none !important;
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168:nth-child(odd) {
  background-color: var(--clrSecondary);
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowMain_1ps73_175 {
  height: 100%;
}
@media (min-width: 800px) {
  ._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowMain_1ps73_175 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0;
  }
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundNumber_1ps73_187 {
  min-width: 28px;
  width: 28px;
  font-size: 12px;
  color: var(--clrAccent-30);
}
@media (min-width: 800px) {
  ._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundNumber_1ps73_187 {
    min-width: 36px;
    width: 36px;
    font-size: 16px;
  }
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowInfo_1ps73_200 {
  padding: 4px;
  gap: 6px;
  flex: 1;
  overflow: visible;
}
@media (min-width: 800px) {
  ._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowInfo_1ps73_200 {
    padding: 8px;
    gap: 8px;
  }
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowContent_1ps73_212 {
  flex: 1;
  overflow: visible;
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowContent_1ps73_212 ._roundRowDeck_1ps73_216 {
  font-size: 10px !important;
  font-weight: 400;
  white-space: nowrap;
  text-align: left;
}
@media (min-width: 800px) {
  ._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowContent_1ps73_212 ._roundRowDeck_1ps73_216 {
    font-size: 14px !important;
  }
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._leaderImageWrapper_1ps73_227,
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._byeImageContainer_1ps73_228 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  flex-shrink: 0;
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowResultContainer_1ps73_234 {
  gap: 3px;
  padding-right: 6px;
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowResultContainer_1ps73_234::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowResultContainer_1ps73_234 ._metaItem_1ps73_246 {
  font-size: 11px;
}
@media (min-width: 800px) {
  ._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowResultContainer_1ps73_234 ._metaItem_1ps73_246 {
    font-size: 14px;
  }
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowResultContainer_1ps73_234 ._expandBtn_1ps73_254 {
  width: 20px;
  height: 20px;
  font-size: 14px;
}
@media (min-width: 800px) {
  ._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowResultContainer_1ps73_234 ._expandBtn_1ps73_254 {
    width: 28px;
    height: 28px;
    font-size: 18px;
  }
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowResultContainer_1ps73_234 ._topCutInline_1ps73_266 {
  padding: 0 4px;
  gap: 3px;
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowResultContainer_1ps73_234 ._topCutInline_1ps73_266 ._gameResultBadge_1ps73_270 {
  padding: 3px 6px;
  font-size: 10px;
  min-width: 24px;
}
@media (min-width: 800px) {
  ._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowResultContainer_1ps73_234 ._topCutInline_1ps73_266 ._gameResultBadge_1ps73_270 {
    padding: 4px 8px;
    font-size: 13px;
    min-width: 32px;
  }
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowResultContainer_1ps73_234 ._resultBadge_1ps73_282 {
  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_1ps73_143._exportMode_1ps73_168 ._roundRowResultContainer_1ps73_234 ._resultBadge_1ps73_282 {
    font-size: 12px;
  }
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowResultContainer_1ps73_234 ._resultBadge_1ps73_282._win_1ps73_301 {
  background-color: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._roundRowResultContainer_1ps73_234 ._resultBadge_1ps73_282._lose_1ps73_305 {
  background-color: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._deleteRoundBtn_1ps73_309 {
  display: none;
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._topCutDetails_1ps73_312 {
  padding: 8px;
  gap: 6px;
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._topCutDetails_1ps73_312 ._gameResult_1ps73_270 {
  padding: 4px 8px;
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._topCutDetails_1ps73_312 ._gameResult_1ps73_270 ._gameLabel_1ps73_319 {
  font-size: 11px;
}
._roundRowContainer_1ps73_143._exportMode_1ps73_168 ._topCutDetails_1ps73_312 ._gameResult_1ps73_270 ._gameResultBadge_1ps73_270 {
  padding: 2px 8px;
  font-size: 11px;
  min-width: 48px;
}
._roundRowContainer_1ps73_143._exportMediumSize_1ps73_327 ._roundNumber_1ps73_187 {
  min-width: 32px;
  width: 32px;
  font-size: 14px;
}
@media (min-width: 800px) {
  ._roundRowContainer_1ps73_143._exportMediumSize_1ps73_327 ._roundNumber_1ps73_187 {
    min-width: 40px;
    width: 40px;
    font-size: 18px;
  }
}
._roundRowContainer_1ps73_143._exportMediumSize_1ps73_327 ._roundRowContent_1ps73_212 ._roundRowDeck_1ps73_216 {
  font-size: 12px !important;
}
@media (min-width: 800px) {
  ._roundRowContainer_1ps73_143._exportMediumSize_1ps73_327 ._roundRowContent_1ps73_212 ._roundRowDeck_1ps73_216 {
    font-size: 16px !important;
  }
}
._roundRowContainer_1ps73_143._exportMediumSize_1ps73_327 ._roundRowResultContainer_1ps73_234 ._metaItem_1ps73_246 {
  font-size: 13px;
}
@media (min-width: 800px) {
  ._roundRowContainer_1ps73_143._exportMediumSize_1ps73_327 ._roundRowResultContainer_1ps73_234 ._metaItem_1ps73_246 {
    font-size: 16px;
  }
}
._roundRowContainer_1ps73_143._exportMediumSize_1ps73_327 ._roundRowResultContainer_1ps73_234 ._resultBadge_1ps73_282 {
  width: 28px;
  height: 28px;
  min-width: 28px;
  font-size: 12px;
}
@media (min-width: 800px) {
  ._roundRowContainer_1ps73_143._exportMediumSize_1ps73_327 ._roundRowResultContainer_1ps73_234 ._resultBadge_1ps73_282 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    font-size: 14px;
  }
}
._roundRowContainer_1ps73_143 ._roundRowMain_1ps73_175 {
  height: 80px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0;
}
._roundRowContainer_1ps73_143 ._roundNumber_1ps73_187 {
  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_1ps73_143 ._roundRowInfo_1ps73_200 {
  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_1ps73_143 ._roundRowInfo_1ps73_200 {
    max-width: 268px;
  }
}
._roundRowContainer_1ps73_143 ._roundRowInfo_1ps73_200 ._leaderImageWrapper_1ps73_227,
._roundRowContainer_1ps73_143 ._roundRowInfo_1ps73_200 ._byeImageContainer_1ps73_228 {
  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_1ps73_143 ._roundRowInfo_1ps73_200 ._leaderImageWrapper_1ps73_227 > * {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
}
._roundRowContainer_1ps73_143 ._roundRowInfo_1ps73_200 ._byeImageContainer_1ps73_228 {
  background: linear-gradient(135deg, #767676 0%, #282828 100%);
}
._roundRowContainer_1ps73_143 ._roundRowInfo_1ps73_200 ._byeImageContainer_1ps73_228 ._byeImage_1ps73_228 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._roundRowContainer_1ps73_143 ._roundRowInfo_1ps73_200 ._roundRowContent_1ps73_212 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  height: 100%;
  color: var(--clrAccent-100);
}
._roundRowContainer_1ps73_143 ._roundRowInfo_1ps73_200 ._roundRowContent_1ps73_212 ._roundRowDeck_1ps73_216 {
  font-size: 14px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._roundRowContainer_1ps73_143 ._roundRowResultContainer_1ps73_234 {
  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_1ps73_143 ._roundRowResultContainer_1ps73_234::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 50%;
  background-color: var(--clrAccent-30);
  opacity: 0.5;
}
._roundRowContainer_1ps73_143 ._roundRowResultContainer_1ps73_234 ._metaItem_1ps73_246 {
  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_1ps73_143 ._roundRowResultContainer_1ps73_234 ._resultBadge_1ps73_282 {
  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_1ps73_143 ._roundRowResultContainer_1ps73_234 ._resultBadge_1ps73_282._win_1ps73_301 {
  background-color: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
._roundRowContainer_1ps73_143 ._roundRowResultContainer_1ps73_234 ._resultBadge_1ps73_282._lose_1ps73_305 {
  background-color: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
._roundRowContainer_1ps73_143 ._roundRowResultContainer_1ps73_234 ._diceIcon_1ps73_503._diceLose_1ps73_503 {
  opacity: 0.2;
  filter: saturate(0%);
}
._roundRowContainer_1ps73_143 ._roundRowResultContainer_1ps73_234 ._expandBtn_1ps73_254 {
  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_1ps73_143 ._roundRowResultContainer_1ps73_234 ._expandBtn_1ps73_254:hover {
  color: var(--clrAccent-60);
}
._roundRowContainer_1ps73_143 ._roundRowResultContainer_1ps73_234 ._expandBtn_1ps73_254 ._rotated_1ps73_525 {
  transform: rotate(180deg);
}
._roundRowContainer_1ps73_143 ._roundRowResultContainer_1ps73_234 ._topCutInline_1ps73_266 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  height: 100%;
  padding: 0 8px;
}
._roundRowContainer_1ps73_143 ._roundRowResultContainer_1ps73_234 ._topCutInline_1ps73_266 ._gameResultBadge_1ps73_270 {
  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_1ps73_143 ._roundRowResultContainer_1ps73_234 ._topCutInline_1ps73_266 ._gameResultBadge_1ps73_270._win_1ps73_301 {
  background-color: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
._roundRowContainer_1ps73_143 ._roundRowResultContainer_1ps73_234 ._topCutInline_1ps73_266 ._gameResultBadge_1ps73_270._lose_1ps73_305 {
  background-color: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
._roundRowContainer_1ps73_143 ._topCutDetails_1ps73_312 {
  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_1ps73_143 ._topCutDetails_1ps73_312 ._gameResult_1ps73_270 {
  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_1ps73_143 ._topCutDetails_1ps73_312 ._gameResult_1ps73_270 ._gameLabel_1ps73_319 {
  font-size: 14px;
  font-weight: 600;
  color: var(--clrAccent-60);
}
._roundRowContainer_1ps73_143 ._topCutDetails_1ps73_312 ._gameResult_1ps73_270 ._gameResultBadge_1ps73_270 {
  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_1ps73_143 ._topCutDetails_1ps73_312 ._gameResult_1ps73_270 ._gameResultBadge_1ps73_270._win_1ps73_301 {
  background-color: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}
._roundRowContainer_1ps73_143 ._topCutDetails_1ps73_312 ._gameResult_1ps73_270 ._gameResultBadge_1ps73_270._lose_1ps73_305 {
  background-color: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}
._roundRowContainer_1ps73_143 ._deleteRoundBtn_1ps73_309 {
  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_1ps73_143 ._deleteRoundBtn_1ps73_309:active {
  background-color: rgba(239, 68, 68, 0.2);
}
html {
  color-scheme: light dark auto;
}
._themeLight_rarz7_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_rarz7_17 {
  --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_rarz7_31 {
  --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_rarz7_46 {
  --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_rarz7_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_rarz7_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_rarz7_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_rarz7_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_rarz7_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_rarz7_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_rarz7_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_rarz7_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_rarz7_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_rarz7_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_rarz7_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_rarz7_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._roundForm_rarz7_143 {
  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_rarz7_143 ._formGroup_rarz7_153 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 8px;
}
._roundForm_rarz7_143 ._formGroup_rarz7_153 label {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._roundForm_rarz7_143 ._formGroup_rarz7_153 ._searchInput_rarz7_165 {
  width: 100%;
  height: 46px;
  padding: 0 16px;
  border-radius: 8px;
  border: none;
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._roundForm_rarz7_143 ._formGroup_rarz7_153 ._searchInput_rarz7_165::placeholder {
  color: var(--clrAccent-60);
}
._roundForm_rarz7_143 ._toggleRow_rarz7_177 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 12px;
}
@media (min-width: 640px) {
  ._roundForm_rarz7_143 ._toggleRow_rarz7_177 {
    flex-direction: row;
    justify-content: space-between;
  }
}
._roundForm_rarz7_143 ._toggleGroup_rarz7_191 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: stretch;
  gap: 4px;
}
._roundForm_rarz7_143 ._toggleGroup_rarz7_191 span {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._roundForm_rarz7_143 ._toggleGroup_rarz7_191 ._toggleOptions_rarz7_203 {
  display: flex;
  gap: 8px;
}
._roundForm_rarz7_143 ._toggleGroup_rarz7_191 ._toggleBtn_rarz7_207 {
  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_rarz7_143 ._toggleGroup_rarz7_191 ._toggleBtn_rarz7_207._active_rarz7_219 {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  border-color: var(--clrAccent-100);
}
._roundForm_rarz7_143 ._toggleGroup_rarz7_191 ._singleToggleBtn_rarz7_224 {
  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_rarz7_143 ._toggleGroup_rarz7_191 ._singleToggleBtn_rarz7_224 ._value_rarz7_240 {
  padding: 4px 12px;
  border-radius: 4px;
  background-color: rgba(var(--clrAccent-100-rgb), 0.1);
  font-size: 14px;
  color: var(--clrAccent-100);
}
._roundForm_rarz7_143 ._toggleGroup_rarz7_191 ._singleToggleBtn_rarz7_224:hover {
  border-color: var(--clrAccent-100);
}
._roundForm_rarz7_143 ._toggleGroup_rarz7_191 ._singleToggleBtn_rarz7_224._winResult_rarz7_250 {
  background-color: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.3);
  color: #16a34a;
}
._roundForm_rarz7_143 ._toggleGroup_rarz7_191 ._singleToggleBtn_rarz7_224._winResult_rarz7_250 ._value_rarz7_240 {
  background-color: rgba(34, 197, 94, 0.25);
}
._roundForm_rarz7_143 ._toggleGroup_rarz7_191 ._singleToggleBtn_rarz7_224._winResult_rarz7_250:hover {
  background-color: rgba(34, 197, 94, 0.25);
  border-color: rgba(34, 197, 94, 0.5);
}
._roundForm_rarz7_143 ._toggleGroup_rarz7_191 ._singleToggleBtn_rarz7_224._loseResult_rarz7_262 {
  background-color: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
  color: #dc2626;
}
._roundForm_rarz7_143 ._toggleGroup_rarz7_191 ._singleToggleBtn_rarz7_224._loseResult_rarz7_262 ._value_rarz7_240 {
  background-color: rgba(239, 68, 68, 0.25);
}
._roundForm_rarz7_143 ._toggleGroup_rarz7_191 ._singleToggleBtn_rarz7_224._loseResult_rarz7_262:hover {
  background-color: rgba(239, 68, 68, 0.25);
  border-color: rgba(239, 68, 68, 0.5);
}
._roundForm_rarz7_143 ._topCutGames_rarz7_274 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
._roundForm_rarz7_143 ._topCutGames_rarz7_274 ._gameResultGroup_rarz7_282 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._roundForm_rarz7_143 ._topCutGames_rarz7_274 ._gameResultGroup_rarz7_282 label {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 600;
}
._roundForm_rarz7_143 ._topCutGames_rarz7_274 ._gameResultGroup_rarz7_282 ._gameButtons_rarz7_294 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
._roundForm_rarz7_143 ._topCutGames_rarz7_274 ._gameResultGroup_rarz7_282 ._gameButtons_rarz7_294 ._gameBtn_rarz7_299 {
  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_rarz7_143 ._topCutGames_rarz7_274 ._gameResultGroup_rarz7_282 ._gameButtons_rarz7_294 ._gameBtn_rarz7_299:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
}
._roundForm_rarz7_143 ._topCutGames_rarz7_274 ._gameResultGroup_rarz7_282 ._gameButtons_rarz7_294 ._gameBtn_rarz7_299:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
._roundForm_rarz7_143 ._topCutGames_rarz7_274 ._gameResultGroup_rarz7_282 ._gameButtons_rarz7_294 ._gameBtn_rarz7_299._winSelected_rarz7_316 {
  background-color: rgba(34, 197, 94, 0.2);
  border-color: #22c55e;
  color: #22c55e;
}
._roundForm_rarz7_143 ._topCutGames_rarz7_274 ._gameResultGroup_rarz7_282 ._gameButtons_rarz7_294 ._gameBtn_rarz7_299._loseSelected_rarz7_321 {
  background-color: rgba(239, 68, 68, 0.2);
  border-color: #ef4444;
  color: #ef4444;
}
._roundForm_rarz7_143 ._formActions_rarz7_326 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
  width: 100%;
}
._roundForm_rarz7_143 ._formActions_rarz7_326 ._cancelBtn_rarz7_335 {
  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_rarz7_143 ._formActions_rarz7_326 ._cancelBtn_rarz7_335:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
}
._roundForm_rarz7_143 ._formActions_rarz7_326 ._cancelBtn_rarz7_335:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._roundForm_rarz7_143 ._formActions_rarz7_326 ._saveRoundBtn_rarz7_352 {
  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_rarz7_143 ._formActions_rarz7_326 ._saveRoundBtn_rarz7_352:hover:not(:disabled) {
  background-color: #4cae4c;
}
._roundForm_rarz7_143 ._formActions_rarz7_326 ._saveRoundBtn_rarz7_352:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._roundForm_rarz7_143 ._formMessage_rarz7_370 {
  font-size: 14px;
  margin: 0;
  text-align: center;
}
html {
  color-scheme: light dark auto;
}
._themeLight_hgfna_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_hgfna_17 {
  --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_hgfna_31 {
  --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_hgfna_46 {
  --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_hgfna_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_hgfna_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_hgfna_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_hgfna_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_hgfna_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_hgfna_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_hgfna_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_hgfna_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_hgfna_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_hgfna_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_hgfna_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_hgfna_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._modalOverlay_hgfna_143 {
  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_hgfna_143 {
  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_hgfna_143 h3 {
  margin: 0;
}
._modal_hgfna_143 ._modalDescription_hgfna_167 {
  margin: 0;
  font-size: 14px;
  color: var(--clrAccent-60);
}
._modal_hgfna_143 ._modalField_hgfna_172 {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 14px;
  color: var(--clrAccent-100);
}
._modal_hgfna_143 ._modalField_hgfna_172 input {
  max-width: 100px;
}
._modal_hgfna_143 ._modalInput_hgfna_185 {
  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_hgfna_143 ._modalActions_hgfna_194 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._modal_hgfna_143 ._modalActions_hgfna_194 ._modalCancelBtn_hgfna_200,
._modal_hgfna_143 ._modalActions_hgfna_194 ._modalSaveBtn_hgfna_201 {
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
._modal_hgfna_143 ._modalActions_hgfna_194 ._modalCancelBtn_hgfna_200:disabled,
._modal_hgfna_143 ._modalActions_hgfna_194 ._modalSaveBtn_hgfna_201:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._modal_hgfna_143 ._modalActions_hgfna_194 ._modalCancelBtn_hgfna_200 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modal_hgfna_143 ._modalActions_hgfna_194 ._modalSaveBtn_hgfna_201 {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
  width: 100%;
}
._modal_hgfna_143 ._modalError_hgfna_223 {
  color: #ff6b6b;
  font-size: 14px;
  margin: 0;
}
html {
  color-scheme: light dark auto;
}
._themeLight_19f48_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_19f48_17 {
  --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_19f48_31 {
  --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_19f48_46 {
  --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_19f48_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_19f48_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_19f48_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_19f48_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_19f48_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_19f48_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_19f48_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_19f48_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_19f48_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_19f48_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_19f48_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_19f48_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._modalOverlay_19f48_143 {
  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_19f48_143 {
  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_19f48_143 h3 {
  margin: 0;
}
._modalDescription_19f48_168 {
  margin: 0;
  font-size: 14px;
  color: var(--clrAccent-60);
}
._modalActions_19f48_174 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._modalCancelBtn_19f48_181,
._modalDeleteBtn_19f48_182 {
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
._modalCancelBtn_19f48_181:disabled,
._modalDeleteBtn_19f48_182:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._modalCancelBtn_19f48_181 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modalDeleteBtn_19f48_182 {
  background-color: #dc3545;
  color: white;
}
._modalDeleteBtn_19f48_182:hover:not(:disabled) {
  background-color: #c82333;
}
html {
  color-scheme: light dark auto;
}
._themeLight_uzajq_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_uzajq_17 {
  --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_uzajq_31 {
  --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_uzajq_46 {
  --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_uzajq_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_uzajq_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_uzajq_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_uzajq_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_uzajq_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_uzajq_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_uzajq_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_uzajq_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_uzajq_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_uzajq_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_uzajq_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_uzajq_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._modalOverlay_uzajq_143 {
  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_uzajq_143 {
  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_uzajq_143 h3 {
  margin: 0;
  color: var(--clrAccent-100);
}
._modalForm_uzajq_175 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._formGroup_uzajq_181 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._formGroup_uzajq_181 label {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._formGroup_uzajq_181 input,
._formGroup_uzajq_181 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_uzajq_181 input::placeholder,
._formGroup_uzajq_181 select::placeholder {
  color: var(--clrAccent-60);
}
._formGroup_uzajq_181 input:disabled,
._formGroup_uzajq_181 select:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._formGroup_uzajq_181 input[type=date] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
._formGroup_uzajq_181 input[type=date]::-webkit-date-and-time-value {
  text-align: left;
}
._formGroup_uzajq_181 input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0.6;
  cursor: pointer;
}
._formGroup_uzajq_181 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_uzajq_181 ._searchInput_uzajq_234 {
  margin-bottom: 0;
}
._carouselWrapper_uzajq_238 {
  overflow-y: auto;
  border-radius: 8px;
  background-color: var(--clrPrimary);
  padding: 8px;
}
._modalActions_uzajq_245 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._modalCancelBtn_uzajq_252,
._modalSaveBtn_uzajq_253 {
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
}
._modalCancelBtn_uzajq_252:disabled,
._modalSaveBtn_uzajq_253:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._modalCancelBtn_uzajq_252 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modalCancelBtn_uzajq_252:hover:not(:disabled) {
  background-color: var(--clrAccent-30);
}
._modalSaveBtn_uzajq_253 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modalSaveBtn_uzajq_253:hover:not(:disabled) {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
}
@media (max-width: 768px) {
  ._modalOverlay_uzajq_143 {
    padding: 8px;
    align-items: flex-start;
  }
  ._modal_uzajq_143 {
    padding: 16px;
    width: 100%;
    max-height: calc(100vh - 16px);
    margin: 8px auto;
  }
  ._formGroup_uzajq_181 input,
  ._formGroup_uzajq_181 select {
    height: 44px;
    font-size: 16px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_tk31l_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_tk31l_17 {
  --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_tk31l_31 {
  --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_tk31l_46 {
  --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_tk31l_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_tk31l_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_tk31l_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_tk31l_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_tk31l_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_tk31l_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_tk31l_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_tk31l_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_tk31l_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_tk31l_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_tk31l_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_tk31l_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._modalOverlay_tk31l_143 {
  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_tk31l_143 {
  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_tk31l_143 h3 {
  margin: 0;
  font-size: 20px;
  color: var(--clrAccent-100);
}
._modalDescription_tk31l_172 {
  margin: 0;
  font-size: 14px;
  color: var(--clrAccent-60);
}
._roundTypeButtons_tk31l_178 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 8px;
  width: 100%;
}
._typeButton_tk31l_188 {
  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_tk31l_188 ._typeRow_tk31l_204 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._typeButton_tk31l_188:hover {
  border-color: var(--clrAccent-100);
  background-color: var(--clrPrimary);
  transform: translateY(-2px);
}
._typeButton_tk31l_188:active {
  transform: translateY(0);
}
._typeButton_tk31l_188 ._typeIcon_tk31l_219 {
  font-size: 24px;
  margin-bottom: 4px;
}
._typeButton_tk31l_188 ._typeName_tk31l_223 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._typeButton_tk31l_188 ._typeDescription_tk31l_228 {
  font-size: 12px;
  color: var(--clrAccent-60);
}
._cancelBtn_tk31l_233 {
  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_tk31l_233:hover {
  opacity: 0.9;
}
._cancelBtn_tk31l_233:active {
  transform: scale(0.95);
}
html {
  color-scheme: light dark auto;
}
._themeLight_17v8a_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_17v8a_17 {
  --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_17v8a_31 {
  --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_17v8a_46 {
  --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_17v8a_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_17v8a_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_17v8a_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_17v8a_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_17v8a_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_17v8a_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_17v8a_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_17v8a_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_17v8a_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_17v8a_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_17v8a_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_17v8a_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._modalOverlay_17v8a_143 {
  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_17v8a_143 {
  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_17v8a_143 h3 {
  margin: 0;
  color: var(--clrAccent-100);
}
._modalForm_17v8a_174 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._formGroup_17v8a_180 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._formGroup_17v8a_180 label {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._formGroup_17v8a_180 ._searchInput_17v8a_190 {
  width: 100%;
  height: 46px;
  padding: 0 16px;
  border-radius: 8px;
  border: none;
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
  font-size: 14px;
}
._formGroup_17v8a_180 ._searchInput_17v8a_190::placeholder {
  color: var(--clrAccent-60);
}
._formGroup_17v8a_180 ._searchInput_17v8a_190:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._roundTypeButton_17v8a_208 {
  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_17v8a_208:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
}
._roundTypeButton_17v8a_208:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._carouselWrapper_17v8a_230 {
  overflow-y: auto;
  border-radius: 8px;
  background-color: var(--clrPrimary);
  padding: 8px;
}
._toggleRow_17v8a_237 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 640px) {
  ._toggleRow_17v8a_237 {
    flex-direction: row;
    justify-content: space-between;
  }
}
._toggleGroup_17v8a_250 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
._toggleGroup_17v8a_250 label {
  font-weight: 600;
  font-size: 14px;
  color: var(--clrAccent-100);
  margin-bottom: 4px;
}
._toggleGroup_17v8a_250 ._toggleButtons_17v8a_265 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
}
._toggleGroup_17v8a_250 ._toggleButtons_17v8a_265 ._toggleBtn_17v8a_273 {
  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_17v8a_250 ._toggleButtons_17v8a_265 ._toggleBtn_17v8a_273:hover {
  border-color: var(--clrAccent-100);
  color: var(--clrAccent-100);
}
._toggleGroup_17v8a_250 ._toggleButtons_17v8a_265 ._toggleBtn_17v8a_273._active_17v8a_288 {
  background-color: var(--clrAccent-100);
  color: var(--clrSecondary-50);
  border-color: var(--clrAccent-100);
}
._toggleGroup_17v8a_250 ._toggleButtons_17v8a_265 ._toggleBtn_17v8a_273:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._toggleGroup_17v8a_250 ._singleToggleBtn_17v8a_297 {
  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_17v8a_250 ._singleToggleBtn_17v8a_297 ._value_17v8a_313 {
  padding: 4px 12px;
  border-radius: 4px;
  background-color: rgba(var(--clrAccent-100-rgb), 0.1);
  font-size: 14px;
  color: var(--clrAccent-100);
}
._toggleGroup_17v8a_250 ._singleToggleBtn_17v8a_297:hover {
  border-color: var(--clrAccent-100);
}
._toggleGroup_17v8a_250 ._singleToggleBtn_17v8a_297._winResult_17v8a_323 {
  background-color: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.3);
  color: #16a34a;
}
._toggleGroup_17v8a_250 ._singleToggleBtn_17v8a_297._winResult_17v8a_323 ._value_17v8a_313 {
  background-color: rgba(34, 197, 94, 0.25);
}
._toggleGroup_17v8a_250 ._singleToggleBtn_17v8a_297._winResult_17v8a_323:hover {
  background-color: rgba(34, 197, 94, 0.25);
  border-color: rgba(34, 197, 94, 0.5);
}
._toggleGroup_17v8a_250 ._singleToggleBtn_17v8a_297._loseResult_17v8a_335 {
  background-color: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
  color: #dc2626;
}
._toggleGroup_17v8a_250 ._singleToggleBtn_17v8a_297._loseResult_17v8a_335 ._value_17v8a_313 {
  background-color: rgba(239, 68, 68, 0.25);
}
._toggleGroup_17v8a_250 ._singleToggleBtn_17v8a_297._loseResult_17v8a_335:hover {
  background-color: rgba(239, 68, 68, 0.25);
  border-color: rgba(239, 68, 68, 0.5);
}
._toggleGroup_17v8a_250 ._singleToggleBtn_17v8a_297:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._topCutGames_17v8a_352 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._gameResultGroup_17v8a_358 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._gameResultGroup_17v8a_358 label {
  font-size: 14px;
  color: var(--clrAccent-60);
  font-weight: 500;
}
._gameButtons_17v8a_369 {
  display: flex;
  gap: 8px;
}
._gameBtn_17v8a_374 {
  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_17v8a_374:hover:not(:disabled) {
  border-color: var(--clrAccent-100);
}
._gameBtn_17v8a_374._winSelected_17v8a_388 {
  background-color: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.4);
  color: #16a34a;
}
._gameBtn_17v8a_374._loseSelected_17v8a_393 {
  background-color: rgba(220, 38, 38, 0.15);
  border-color: rgba(220, 38, 38, 0.4);
  color: #dc2626;
}
._gameBtn_17v8a_374:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._overallResult_17v8a_403 {
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--clrTertiary);
  color: var(--clrAccent-80);
  font-size: 14px;
  text-align: center;
}
._overallResult_17v8a_403 strong {
  color: var(--clrAccent-100);
}
._modalActions_17v8a_415 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
._modalCancelBtn_17v8a_422,
._modalSaveBtn_17v8a_423 {
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 14px;
}
._modalCancelBtn_17v8a_422:disabled,
._modalSaveBtn_17v8a_423:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._modalCancelBtn_17v8a_422 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modalCancelBtn_17v8a_422:hover:not(:disabled) {
  background-color: var(--clrAccent-30);
}
._modalSaveBtn_17v8a_423 {
  background-color: var(--clrTertiary);
  color: var(--clrAccent-100);
}
._modalSaveBtn_17v8a_423:hover:not(:disabled) {
  background-color: var(--clrAccent-100);
  color: var(--clrPrimary);
}
@media (max-width: 768px) {
  ._modalOverlay_17v8a_143 {
    padding: 8px;
    align-items: flex-start;
  }
  ._modal_17v8a_143 {
    padding: 16px;
    width: 100%;
    max-height: calc(100vh - 16px);
    margin: 8px auto;
  }
  ._formGroup_17v8a_180 ._searchInput_17v8a_190 {
    font-size: 16px;
  }
  ._roundTypeButton_17v8a_208 {
    font-size: 16px;
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_u8jsp_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_u8jsp_17 {
  --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_u8jsp_31 {
  --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_u8jsp_46 {
  --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_u8jsp_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_u8jsp_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_u8jsp_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_u8jsp_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_u8jsp_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_u8jsp_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_u8jsp_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_u8jsp_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_u8jsp_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_u8jsp_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_u8jsp_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_u8jsp_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._header_u8jsp_143 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 8px;
  height: 128px;
  position: relative;
}
._header_u8jsp_143 ._headerInfo_u8jsp_153 {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  justify-content: space-between;
  gap: 0;
  height: 100%;
  flex: 1;
}
._header_u8jsp_143 ._headerInfo_u8jsp_153 ._headerTitle_u8jsp_162 {
  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_u8jsp_143 ._headerInfo_u8jsp_153 ._headerTitle_u8jsp_162 h2 {
  font-size: 16px;
  line-height: 14px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
._header_u8jsp_143 ._headerInfo_u8jsp_153 ._chips_u8jsp_183 {
  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_u8jsp_143 ._headerInfo_u8jsp_153 ._chips_u8jsp_183 ._participants_u8jsp_195 {
  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_u8jsp_143 ._headerInfo_u8jsp_153 ._chips_u8jsp_183 ._participants_u8jsp_195 span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
._header_u8jsp_143 ._headerInfo_u8jsp_153 ._secondaryInfo_u8jsp_216 {
  font-size: 14px;
  color: var(--clrAccent-60);
}
._header_u8jsp_143 ._headerInfo_u8jsp_153 ._deckInfo_u8jsp_220 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
._header_u8jsp_143 ._headerInfo_u8jsp_153 ._deckInfo_u8jsp_220 ._score_u8jsp_227 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clrAccent-100);
}
._header_u8jsp_143 ._editBtn_u8jsp_232 {
  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_u8jsp_143 ._editBtn_u8jsp_232:hover {
  color: var(--clrPrimary);
  background-color: var(--clrAccent-100);
}
._header_u8jsp_143 ._editBtn_u8jsp_232:active {
  transform: scale(0.95);
}
html {
  color-scheme: light dark auto;
}
._themeLight_oo9a7_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_oo9a7_17 {
  --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_oo9a7_31 {
  --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_oo9a7_46 {
  --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_oo9a7_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_oo9a7_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_oo9a7_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_oo9a7_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_oo9a7_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_oo9a7_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_oo9a7_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_oo9a7_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_oo9a7_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_oo9a7_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_oo9a7_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_oo9a7_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
@keyframes _modalBounceIn_oo9a7_1 {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _fadeIn_oo9a7_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._exportModal_oo9a7_164 {
  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_oo9a7_1 0.3s ease;
  overflow: hidden;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 {
  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_oo9a7_1 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@media (max-width: 768px) {
  ._exportModal_oo9a7_164 ._exportContent_oo9a7_183 {
    width: 90vw;
    max-height: 80vh;
  }
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 {
  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_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
  }
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 ._rightSection_oo9a7_226 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 4px;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 ._rightSection_oo9a7_226 ._chips_oo9a7_233 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  flex-wrap: wrap;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 ._rightSection_oo9a7_226 ._appPromo_oo9a7_241 {
  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_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 ._rightSection_oo9a7_226 ._appPromo_oo9a7_241 img {
  height: 24px;
  width: 24px;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 ._rightSection_oo9a7_226 ._appPromo_oo9a7_241 ._madeWithHighlight_oo9a7_256 {
  color: var(--clrAccent-100);
}
@media (min-width: 800px) {
  ._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 ._rightSection_oo9a7_226 ._appPromo_oo9a7_241 {
    font-size: 12px;
  }
  ._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 ._rightSection_oo9a7_226 ._appPromo_oo9a7_241 img {
    height: 32px;
    width: 32px;
  }
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 ._tournamentInfo_oo9a7_268 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 ._tournamentInfo_oo9a7_268 > div:first-child {
  max-height: 42px !important;
  max-width: 42px !important;
  min-height: 42px !important;
  min-width: 42px !important;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 ._tournamentInfo_oo9a7_268 ._tournamentInfoDetails_oo9a7_281 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 ._tournamentInfo_oo9a7_268 ._tournamentInfoDetails_oo9a7_281 ._tournamentName_oo9a7_288 {
  font-size: 10px;
  color: var(--clrAccent-60);
  max-width: 200px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206 ._tournamentInfo_oo9a7_268 ._tournamentInfoDetails_oo9a7_281 ._exportStats_oo9a7_297 {
  font-size: 16px;
  font-weight: 700;
  color: var(--clrAccent-100);
  white-space: nowrap;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206._mediumSize_oo9a7_303 ._tournamentInfo_oo9a7_268 > div:first-child {
  max-height: 56px !important;
  max-width: 56px !important;
  min-height: 56px !important;
  min-width: 56px !important;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206._mediumSize_oo9a7_303 ._tournamentInfo_oo9a7_268 ._tournamentInfoDetails_oo9a7_281 ._tournamentName_oo9a7_288 {
  font-size: 12px;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206._mediumSize_oo9a7_303 ._tournamentInfo_oo9a7_268 ._tournamentInfoDetails_oo9a7_281 ._exportStats_oo9a7_297 {
  font-size: 20px;
}
@media (min-width: 800px) {
  ._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportHeader_oo9a7_206._mediumSize_oo9a7_303 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportRoundList_oo9a7_324 {
  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_oo9a7_164 ._exportContent_oo9a7_183 ._exportRoundList_oo9a7_324::-webkit-scrollbar {
  width: 8px;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportRoundList_oo9a7_324::-webkit-scrollbar-track {
  background: var(--clrSecondary);
  border-radius: 4px;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportRoundList_oo9a7_324::-webkit-scrollbar-thumb {
  background: var(--clrAccent-30);
  border-radius: 4px;
}
._exportModal_oo9a7_164 ._exportContent_oo9a7_183 ._exportRoundList_oo9a7_324::-webkit-scrollbar-thumb:hover {
  background: var(--clrAccent-50);
}
._exportModal_oo9a7_164 ._appLogoRow_oo9a7_349 {
  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_oo9a7_1 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
._exportModal_oo9a7_164 ._appLogoRow_oo9a7_349 img {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
._exportModal_oo9a7_164 ._appLogoRow_oo9a7_349 ._appName_oo9a7_367 {
  font-size: 12px;
  color: var(--clrAccent-60);
}
._exportModal_oo9a7_164 ._appLogoRow_oo9a7_349 ._madeWithHighlight_oo9a7_256 {
  color: var(--clrAccent-100);
}
._exportModal_oo9a7_164 ._actionButtons_oo9a7_374 {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  animation: _modalBounceIn_oo9a7_1 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
._exportModal_oo9a7_164 ._downloadBtn_oo9a7_383 {
  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_oo9a7_164 ._downloadBtn_oo9a7_383 svg {
  width: 18px;
  height: 18px;
}
._exportModal_oo9a7_164 ._downloadBtn_oo9a7_383:hover:not(:disabled) {
  color: var(--clrPrimary);
  transform: translateY(-2px);
}
._exportModal_oo9a7_164 ._downloadBtn_oo9a7_383:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._exportModal_oo9a7_164 ._downloadBtn_oo9a7_383 ._spinner_oo9a7_412 {
  animation: _spin_oo9a7_412 1s linear infinite;
}
@keyframes _spin_oo9a7_412 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
html {
  color-scheme: light dark auto;
}
._themeLight_1isgx_6 {
  --clrPrimary: #EFEFEF;
  --clrSecondary: #FFF;
  --clrTertiary: #dcdcdc;
  --clrPrimaryContrast: #a7a7a7;
  --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_1isgx_17 {
  --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_1isgx_31 {
  --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_1isgx_46 {
  --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_1isgx_71 Flex-extralight {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: normal;
}
._Roboto_1isgx_71 Flex-light {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: normal;
}
._Roboto_1isgx_71 Flex-regular {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: normal;
}
._Roboto_1isgx_71 Flex-medium {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: normal;
}
._Roboto_1isgx_71 Flex-semibold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: normal;
}
._Roboto_1isgx_71 Flex-bold {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: normal;
}
._Roboto_1isgx_71 Flex-extralight-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 200;
  font-style: italic;
}
._Roboto_1isgx_71 Flex-light-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 300;
  font-style: italic;
}
._Roboto_1isgx_71 Flex-regular-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-style: italic;
}
._Roboto_1isgx_71 Flex-medium-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 500;
  font-style: italic;
}
._Roboto_1isgx_71 Flex-semibold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 600;
  font-style: italic;
}
._Roboto_1isgx_71 Flex-bold-italic {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 700;
  font-style: italic;
}
._modalOverlay_1isgx_143 {
  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_1isgx_1 0.2s ease-out;
}
@keyframes _fadeIn_1isgx_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._modal_1isgx_143 {
  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_1isgx_1 0.3s ease-out;
}
@keyframes _slideUp_1isgx_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
._header_1isgx_189 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--clrAccent-30);
}
._header_1isgx_189 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_1isgx_206 {
  font-size: 12px;
  color: var(--clrAccent-60);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
._content_1isgx_214 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-y: auto;
}
._section_1isgx_221 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
._section_1isgx_221 h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--clrAccent-100);
  display: flex;
  align-items: center;
  gap: 8px;
}
._section_1isgx_221 ul {
  margin: 0;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._section_1isgx_221 li {
  color: var(--clrAccent-80);
  font-size: 15px;
  line-height: 1.5;
}
._section_1isgx_221 li::marker {
  color: var(--clrAccent-40);
}
._closeButton_1isgx_251 {
  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_1isgx_251:hover {
  transform: translateY(-2px);
  background: var(--clrAccent-30);
}
._closeButton_1isgx_251:active {
  transform: translateY(0);
}
@media (max-width: 768px) {
  ._modal_1isgx_143 {
    padding: 24px 20px 20px;
  }
  ._header_1isgx_189 h2 {
    font-size: 24px;
  }
  ._section_1isgx_221 h3 {
    font-size: 16px;
  }
  ._section_1isgx_221 li {
    font-size: 14px;
  }
}