:root {
  --fikoyt-kart-ic-bosluk: 5px;
  --fikoyt-kart-dis-bosluk: 0px 0px 0px 0px;
  --fikoyt-kart-min-yukseklik: 0px;
  --fikoyt-kart-min-genislik: 0px;
  --fikoyt-kart-radius: 5px;

  --fikoyt-kart-arka-renk: rgba(255, 255, 255, 0.7);
  --fikoyt-kart-golge: 0px 0px 2px 1px rgba(34, 36, 38, .25);
  --fikoyt-kart-sinir: 1px solid rgba(3, 161, 161, 0.477);
}

fikoyt-yuvarlak-resim {
  // display: inline-block;

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

  .circle-wrapper {
    position: relative;
    display: inline-block;
  }

  .circle-avatar {
    border-radius: 50%;
  }

  .outer {
    width: 128px;
    /* 54 + 10 px padding için çift */
    height: 128px;
  }

  .inner {
    width: 108px;
    /* 54 px */
    height: 108px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .avatar-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
  }

  .avatar-icon {
    font-size: 56px;
    text-align: center;
  }
}