@keyframes spinner-wandering-cubes__46696 {
  25% {
    transform: translateX(22px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(22px) translateY(22px) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(22px) rotate(-270deg) scale(0.5);
  }
  to {
    transform: rotate(-1turn);
  }
}
@keyframes spinner-chasing-dots-rotate__46696 {
  to {
    transform: rotate(1turn);
  }
}
@keyframes spinner-chasing-dots-bounce__46696 {
  0%,
  to {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes spinner-pulsing-ellipsis__46696 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes spinner-low-motion__46696 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  to {
    opacity: 1;
  }
}
@keyframes spinner-spinning-circle-rotate__46696 {
  to {
    transform: rotate(1turn);
  }
}
@keyframes spinner-spinning-circle-dash__46696 {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 130, 200;
  }
  to {
    stroke-dasharray: 130, 200;
    stroke-dashoffset: -124;
  }
}
.theme-dark {
  --brightness: calc(1.5 - var(--saturation-factor, 1) * 0.5);
  --contrast: var(--saturation-factor, 1);
}
.theme-light {
  --brightness: calc(0.5 + var(--saturation-factor, 1) * 0.5);
  --contrast: var(--saturation-factor, 1);
}
.defaultColor__4bd52 {
  color: var(--text-default);
}
.text-sm\/medium_cf4812 {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2857142857142858;
}
@keyframes spinner-opacity-in_a22cb0 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes spinner-opacity-out_a22cb0 {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes spinner-transform-in_a22cb0 {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes spinner-transform-out_a22cb0 {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes dotGrow__714a9 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  25% {
    opacity: 1;
    transform: scale(3);
  }
  26% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes dotShrink__714a9 {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  25% {
    opacity: 0;
    transform: scale(2);
  }
  26% {
    opacity: 1;
    transform: scale(2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes checkDraw__714a9 {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  25% {
    opacity: 0;
    transform: scale(0.7);
  }
  26% {
    opacity: 1;
    transform: scale(0.7);
  }
  75% {
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes checkUndraw__714a9 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  25% {
    opacity: 1;
    transform: scale(0.7);
  }
  26% {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 0;
  }
}
@keyframes indeterminate1__55b14 {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  to {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate2__55b14 {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  to {
    left: 107%;
    right: -8%;
  }
}
:root {
  --expand-structural-duration: 100ms;
  --expand-fade-duration: 200ms;
  --expand-easing-function: ease-out;
  --collapse-structural-duration: 150ms;
  --collapse-fade-duration: 150ms;
  --collapse-easing-function: ease-in;
}
.layerContainer__59d0d {
  background: none !important;
  right: var(--devtools-sidebar-width, 0);
  z-index: 1002;
}
.clickTrapContainer__59d0d,
.layerContainer__59d0d {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.clickTrapContainer__59d0d {
  overflow: hidden;
  right: 0;
}

.layer__59d0d {
  pointer-events: auto;
  position: absolute;
}
.tooltip__4e35b {
  align-items: center;
  background-color: var(--background-surface-high);
  border-radius: var(--radius-sm);
  box-shadow:
    inset 0 0 0 1px var(--border-subtle),
    var(--shadow-high);
  box-sizing: border-box;
  color: var(--text-default);
  display: flex;
  gap: var(--space-8);
  max-width: 200px;
  padding: var(--space-8) var(--space-12);
  position: relative;
  text-align: center;
  width: auto;
  will-change: opacity, transform;
}
.richTooltip__4e35b {
  max-width: none;
  padding: 0;
  text-align: initial;
  width: auto;
}
.tooltipContent__4e35b {
  overflow: hidden;
}
.tooltip__4e35b[data-position="top"] {
  transform-origin: 50% 100%;
}
.tooltip__4e35b[data-position="bottom"] {
  transform-origin: 50% 0;
}
.tooltip__4e35b[data-position="left"] {
  transform-origin: 100% 50%;
}
.tooltip__4e35b[data-position="right"] {
  transform-origin: 0 50%;
}
.caretIcon__4e35b .caretFill__4e35b {
  fill: var(--background-surface-high);
}
.caretIcon__4e35b .caretStroke__4e35b {
  stroke: var(--border-subtle);
  stroke-opacity: 1;
}
.caret__5bc6a {
  --custom-caret-half-width: 8px;
  --custom-caret-half-height: 7px;
  --custom-caret-edge-offset-horizontal: 16px;
  --custom-caret-edge-offset-vertical: 10px;
  --custom-caret-horizontal-distance: 11px;
  --custom-caret-border-overlap: 5px;
  pointer-events: none;
  position: absolute;
  transform-origin: center;
}
.caret--bottom__5bc6a {
  top: calc(100% - var(--custom-caret-border-overlap));
  transform: rotate(0deg);
}
.caret--top__5bc6a {
  bottom: calc(100% - var(--custom-caret-border-overlap));
  transform: rotate(180deg);
}
.caret--left__5bc6a {
  inset-inline-start: calc(var(--custom-caret-horizontal-distance) * -1);
  transform: rotate(90deg);
}
.caret--right__5bc6a {
  inset-inline-end: calc(var(--custom-caret-horizontal-distance) * -1);
  transform: rotate(-90deg);
}
:is(.caret--top__5bc6a, .caret--bottom__5bc6a).caret--center__5bc6a {
  inset-inline-start: 50%;
  margin-inline-start: calc(var(--custom-caret-half-width) * -1);
}
:is(.caret--left__5bc6a, .caret--right__5bc6a).caret--center__5bc6a {
  margin-top: calc(var(--custom-caret-half-height) * -1);
  top: 50%;
}
.caret--custom__5bc6a {
  --custom-caret-offset-x: 0;
  --custom-caret-offset-y: 0;
}
.caret--bottom__5bc6a.caret--custom__5bc6a,
.caret--top__5bc6a.caret--custom__5bc6a {
  inset-inline-start: 50%;
  margin-inline-start: calc(
    var(--custom-caret-offset-x) - var(--custom-caret-half-width)
  );
}
.caret--left__5bc6a.caret--custom__5bc6a,
.caret--right__5bc6a.caret--custom__5bc6a {
  margin-top: calc(
    var(--custom-caret-offset-y) - var(--custom-caret-half-height)
  );
  top: 50%;
}
@keyframes slideDown__5a838 {
  0% {
    height: 0;
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    height: auto;
    opacity: 1;
    transform: translateY(0);
  }
}

.layerContainer__59d0d {
  position: fixed; /* veya absolute, nasıl kullanıyorsanız */
}

.content__45458 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 0 var(--space-12) var(--space-16);
  position: relative;
  width: 200px;
}

.content__45458:not(:has(.body__45458)) {
  padding-block-end: var(--space-24);
}

.graphic__45458 {
  display: flex;
  height: 64px;
  justify-content: center;
  margin: var(--space-16) auto 0;
}

.graphicAnimated__45458 {
  position: relative;
  transform: scale(1.4);
  z-index: 0;
}

.badgeImageContainer__9953c {
  position: relative;
}

.compact__9953c {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.badgeImage__9953c {
  display: block;
  height: 90px;
}

.compact__9953c .badgeImage__9953c {
  max-height: 100%;
  max-width: 100%;
}

.titleGroup__45458 {
  margin-top: var(--space-16);
  position: relative;
  z-index: 1;
}

.title__45458 {
  font-family: "Ginto Nord";
  font-size: 16px;
  font-weight: 900;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
  width: 100%;
}

.titleNitro__45458 {
  font-style: italic;
}

.body__45458,
.eyebrow__45458 {
  text-align: center;
  width: 100%;
}

.nav-flag-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.twemoji.nav-flag-emoji {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 14px !important;
  height: 14px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  position: relative;
}

.twemoji.nav-flag-emoji img {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  -o-object-fit: contain;
     object-fit: contain;
  display: block !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 !important;
  padding: 0 !important;
}

.dropdown-flag-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  position: relative;
}

.twemoji.dropdown-flag-emoji {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  position: relative;
}

.twemoji.dropdown-flag-emoji img {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  -o-object-fit: contain;
     object-fit: contain;
  display: block !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 !important;
  padding: 0 !important;
}

[role="menu"] button .flex-shrink-0 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
}

[role="menu"] button .truncate {
  line-height: 18px !important;
  font-size: 14px !important;
}

[role="menu"] button {
  min-height: 36px;
  gap: 10px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.twemoji {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle;
  line-height: 1 !important;
}

.twemoji img {
  max-width: 100% !important;
  max-height: 100% !important;
  display: block;
  image-rendering: auto;
}

/* components/ProfileEffect.module.css */

/* ========================================
   ANA KONTEYNER
   ======================================== */
.profileEffects_e8711b {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 20;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  border-radius: inherit;

  --effect-scale: 1;
  --effect-offset-x: 0;
  --effect-offset-y: 0;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* ========================================
   İÇ KONTEYNER
   ======================================== */
.inner_e8711b {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* ========================================
   EFEKT GÖRSELLERİ - TEMEL
   ======================================== */
.effect_e8711b {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--effect-scale))
    translate(var(--effect-offset-x), var(--effect-offset-y));
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  transition: opacity 0.3s ease;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  max-width: none;
  max-height: none;

  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* ========================================
   FİT MODLARI
   ======================================== */

/* 1. COVER - Oranı koruyarak kapla */
.effect_e8711b.cover_e8711b {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 2. COVER PORTRAIT - Portreler için özel (yüz üst-orta odaklı) */
.effect_e8711b.coverPortrait_e8711b {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 35%;
     object-position: center 35%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 3. CONTAIN - Oranı koruyarak sığdır */
.effect_e8711b.contain_e8711b {
  -o-object-fit: contain;
     object-fit: contain;
  min-width: auto;
  min-height: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 4. FILL - Esneterek doldur */
.effect_e8711b.fill_e8711b {
  -o-object-fit: fill;
     object-fit: fill;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: none;
}

/* ========================================
   YATAY GENİŞLETME
   ======================================== */
.effect_e8711b.expandHorizontal_e8711b {
  min-width: 120%;
  min-height: 100%;
  width: 120%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.effect_e8711b.expandHorizontalMedium_e8711b {
  min-width: 140%;
  min-height: 100%;
  width: 140%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.effect_e8711b.expandHorizontalLarge_e8711b {
  min-width: 160%;
  min-height: 100%;
  width: 160%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.effect_e8711b.expandHorizontalXLarge_e8711b {
  min-width: 180%;
  min-height: 100%;
  width: 180%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.effect_e8711b.expandHorizontalMax_e8711b {
  min-width: 200%;
  min-height: 100%;
  width: 200%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.effect_e8711b.expandHorizontalUltra_e8711b {
  min-width: 250%;
  min-height: 100%;
  width: 250%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ========================================
   DİKEY GENİŞLETME
   ======================================== */
.effect_e8711b.expandVertical_e8711b {
  min-width: 100%;
  min-height: 120%;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.effect_e8711b.expandVerticalLarge_e8711b {
  min-width: 100%;
  min-height: 150%;
  width: 100%;
  height: 150%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ========================================
   HEM YATAY HEM DİKEY GENİŞLETME
   ======================================== */
.effect_e8711b.expandBoth_e8711b {
  min-width: 130%;
  min-height: 130%;
  width: 130%;
  height: 130%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.effect_e8711b.expandBothLarge_e8711b {
  min-width: 160%;
  min-height: 160%;
  width: 160%;
  height: 160%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ========================================
   BANNER ÖZEL
   ======================================== */
.effect_e8711b.banner_e8711b {
  min-width: 150%;
  min-height: 100%;
  width: 150%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 30%;
     object-position: center 30%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.effect_e8711b.bannerTop_e8711b {
  min-width: 150%;
  min-height: 100%;
  width: 150%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.effect_e8711b.bannerBottom_e8711b {
  min-width: 150%;
  min-height: 100%;
  width: 150%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ========================================
   ANİMASYONLAR
   ======================================== */
.effect_e8711b.fadeIn_e8711b {
  animation: fadeIn_e8711b 0.3s ease forwards;
}

@keyframes fadeIn_e8711b {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.effect_e8711b.loading_e8711b {
  background: rgba(0, 0, 0, 0.1);
  animation: pulse_e8711b 1.5s ease-in-out infinite;
}

@keyframes pulse_e8711b {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.6;
  }
}

/* ========================================
   GÖRÜNÜRLÜK DURUMLARI
   ======================================== */
.effect_e8711b.visible_e8711b {
  opacity: 1;
}

.effect_e8711b.hidden_e8711b {
  opacity: 0;
}

/* ========================================
   Z-INDEX YARDIMCILARI
   ======================================== */
.zIndex1_e8711b {
  z-index: 1;
}
.zIndex2_e8711b {
  z-index: 2;
}
.zIndex3_e8711b {
  z-index: 3;
}
.zIndex4_e8711b {
  z-index: 4;
}
.zIndex5_e8711b {
  z-index: 5;
}
.zIndex10_e8711b {
  z-index: 10;
}
.zIndex20_e8711b {
  z-index: 20;
}
.zIndex50_e8711b {
  z-index: 50;
}
.zIndex100_e8711b {
  z-index: 100;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 480px) {
  .effect_e8711b.expandHorizontal_e8711b {
    min-width: 140%;
    width: 140%;
  }

  .effect_e8711b.expandHorizontalLarge_e8711b {
    min-width: 180%;
    width: 180%;
  }

  .effect_e8711b.expandHorizontalMax_e8711b {
    min-width: 240%;
    width: 240%;
  }

  .effect_e8711b.banner_e8711b {
    min-width: 180%;
    width: 180%;
  }
}

@media (max-width: 768px) {
  .effect_e8711b.expandHorizontal_e8711b {
    min-width: 130%;
    width: 130%;
  }

  .effect_e8711b.expandHorizontalLarge_e8711b {
    min-width: 160%;
    width: 160%;
  }

  .effect_e8711b.banner_e8711b {
    min-width: 160%;
    width: 160%;
  }
}

/* ========================================
   DARK MODE
   ======================================== */
@media (prefers-color-scheme: dark) {
  .effect_e8711b.loading_e8711b {
    background: rgba(255, 255, 255, 0.1);
  }
}

/* ========================================
   REDUCED MOTION
   ======================================== */
@media (prefers-reduced-motion: reduce) {
  .effect_e8711b {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .effect_e8711b.fadeIn_e8711b {
    animation: none;
    opacity: 1;
  }

  .effect_e8711b.loading_e8711b {
    animation: none;
    opacity: 0.6;
  }
}

/* ========================================
   PERFORMANS İYİLEŞTİRMELERİ
   ======================================== */
.profileEffects_e8711b {
  -webkit-overflow-scrolling: touch;
}

.effect_e8711b {
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.effect_e8711b.static_e8711b {
  will-change: auto;
}

/* ========================================
   YATAY GENİŞLET - SADECE SAĞA SOLA
   ======================================== */
.effect_e8711b.horizontalStretch_e8711b {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: center !important;
     object-position: center !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  /* Görseli yatayda esnet */
  aspect-ratio: auto !important;
}

/* ========================================
   YATAY GENİŞLET - ORAN BOZULARAK
   ======================================== */
.effect_e8711b.stretchHorizontal_e8711b {
  width: 100% !important;
  height: auto !important;
  min-height: 100% !important;
  -o-object-fit: fill !important;
     object-fit: fill !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* ========================================
   YATAY GENİŞLET - COVER + SCALE X
   ======================================== */
.effect_e8711b.coverStretchX_e8711b {
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: center !important;
     object-position: center !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scaleX(1.4) !important;
}

.center_8e0d8d {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 20px;
  width: 100%;
}
.errorCard_8e0d8d {
  background: var(--bg-card);
  border-radius: var(--radius-card);
  padding: 32px 28px;
  max-width: 460px;
  width: 100%;
  box-shadow: var(--shadow);
  border: 1px solid var(--border-subtle);
}
.errorMsg_8e0d8d {
  color: #f87171;
  background: rgba(248, 113, 113, 0.08);
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 0.85rem;
  border-left: 3px solid #f87171;
  margin-bottom: 16px;
}
.retryBtn_8e0d8d {
  background: var(--bg-elevated);
  border: none;
  color: var(--text-primary);
  padding: 8px 18px;
  border-radius: var(--radius-pill);
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s;
}
.retryBtn_8e0d8d:hover {
  background: var(--bg-elevated-hover);
}
.retryBtn_8e0d8d:active {
  transform: scale(0.97);
}