/* User Profile isolated styles */
.userprofile-section {
  padding: 16px 0;
  border-top: 1px solid #1d1d20;
  overflow-y: visible !important;
  /* Footer görünsün */
  overflow-x: hidden !important;
  min-height: 100vh;
  /* Minimum yükseklik, içerik fazlaysa uzar */
  overscroll-behavior: none
}

.userprofile-section {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.userprofile-section::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Tüm scroll çubuklarını gizle ama kaydırmaya izin ver */
* {
  scrollbar-width: none !important;
}

*::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.userprofile-section .container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 16px;
  padding-bottom: 60px;
  /* Alt kısım için boşluk */
  overflow-x: hidden !important;
}

/* Stage */
.kp-stage {
  width: 1366px;
  height: 768px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Üstte şeffaf PNG, altta sahne arkaplanı */
  background: url('../images/hud1.jpg') center/cover no-repeat;
  border: 1px solid var(--accent);
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
}

/* Alt ikon bar (tam genişlik) */
.cr-iconbar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 42px;
  /* gerekirse görsele göre güncellenir */
  background: url('../images/iconbar.png') center bottom / 100% 100% no-repeat;
  z-index: 3;
  /* status/chat altında, alt butonların arkasında kalabilir */
  pointer-events: none;
  /* tıklamayı engellemesin */
}

/* Sprite tabanlı alt buton barı */
.cb-bar {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 4px;
  height: 34px;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  /* içteki grup tıklama alır */
}

.cb-left,
.cb-right {
  display: flex;
  gap: 1px;
  pointer-events: auto;
}

.cb-left {
  transform: translateX(50px);
}

.cb-right {
  transform: translateX(-55px);
}

.cb-btn {
  width: 34px;
  height: 34px;
  display: block;
  cursor: pointer;
  background-image: url('../images/char-buttons.png');
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* Hype sprite kullanan butonlar (sol grup) */
.cb-btn.hype {
  background-image: url('../images/char-buttons-hype.png');
}

/* Örnek 3 butonun koordinatları (normal/hover/basılı) */
#townbtn {
  background-position: -176px -1px;
}

#townbtn:hover {
  background-position: -176px -36px;
}

#townbtn:active {
  background-position: -176px -71px;
}

#charbtn {
  background-position: -211px -1px;
}

#charbtn:hover {
  background-position: -211px -36px;
}

#charbtn:active {
  background-position: -211px -71px;
}

#itemsbtn {
  background-position: -246px -1px;
}

#itemsbtn:hover {
  background-position: -246px -36px;
}

#itemsbtn:active {
  background-position: -246px -71px;
}

#skillbtn1 {
  background-position: -281px -1px;
}

#skillbtn1:hover {
  background-position: -281px -36px;
}

#skillbtn1:active {
  background-position: -281px -71px;
}

#tmpbtn2 {
  background-position: -316px -106px;
}

#tmpbtn2:hover {
  background-position: -316px -106px;
}

#tmpbtn2:active {
  background-position: -316px -106px;
}

#tmpbtn3 {
  background-position: -351px -106px;
}

#tmpbtn3:hover {
  background-position: -351px -106px;
}

#tmpbtn3:active {
  background-position: -351px -106px;
}

#tmpbtn4 {
  background-position: -386px -1px;
}

#tmpbtn4:hover {
  background-position: -386px -36px;
}

#tmpbtn4:active {
  background-position: -386px -71px;
}

/* Hype (sol grup) - aynı koordinat şablonunu kullanır */
#hype_btn1 {
  background-position: -1px -1px;
}

#hype_btn2 {
  background-position: -211px -1px;
}

#hype_btn3 {
  background-position: -246px -1px;
}

#hype_tmpbtn1 {
  background-position: -281px -106px;
}

#hype_tmpbtn2 {
  background-position: -316px -106px;
}

#hype_tmpbtn3 {
  background-position: -351px -106px;
}

#hype_tmpbtn4 {
  background-position: -386px -106px;
}


/* Exp duyuru şeridi (alt orta) */
.cr-expduyuru {
  position: absolute;
  width: 500px;
  height: 50px;
  /* +50px genişlik */
  left: 50%;
  transform: translateX(calc(-50% - 5px));
  /* merkezi ~5px sola kaydır */
  bottom: 0px;
  /* en alta sabit */
  background: url('../images/expduyuru.png') center / 100% 100% no-repeat;
  z-index: 5;
  /* iconbar'dan yukarıda */
  pointer-events: none;
  overflow: hidden;
  /* kayan metin için */
}

/* Kayan duyuru metni */
.cr-expduyuru-text {
  position: absolute;
  left: 60px;
  /* expduyuru.png koordinatı. */
  top: 16px;
  /* expduyuru.png koordinatı */
  width: 378px;
  /* expduyuru.png boyutu */
  height: 18px;
  /* expduyuru.png boyutu */
  color: #ffd700;
  /* altın sarısı */
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-shadow: none;
  pointer-events: none;
}

/* Kayan animasyon */
.cr-expduyuru-scroll {
  display: inline-block;
  animation: scrollRight 15s linear infinite;
  padding-left: 378px;
  /* başlangıçta sağda gizli */
}

@keyframes scrollRight {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

/* Two columns */
.kp-left {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 45%;
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column;
  gap: 10px
}

.kp-right {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 45%;
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column;
  gap: 10px
}

.kp-card {
  background: rgba(16, 16, 20, .7);
  border: 1px solid #2a2a2d;
  border-radius: 10px;
  color: #e6e3dc;
  overflow: hidden
}

.kp-card-head {
  background: linear-gradient(180deg, rgba(212, 169, 78, .18), rgba(212, 169, 78, .06));
  border-bottom: 1px solid #2a2a2d;
  padding: 8px 10px;
  font-weight: 800;
  color: #e9e9eb
}

.kp-card-body {
  padding: 10px
}

.kp-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px dashed #2a2a2d
}

.kp-row:last-child {
  border-bottom: 0
}

.kp-note {
  color: #bfb8a7;
  font-size: 14px
}

@media(max-width: 1100px) {
  .kp-stage {
    height: 520px
  }
}

@media(max-width: 820px) {

  .kp-left,
  .kp-right {
    position: static;
    width: 100%;
    height: auto
  }

  .kp-stage {
    height: auto;
    padding: 10px
  }
}

/* Inventory drawer (sağdan kayan) */
:root {
  --inv-scale: 0.8889;
  /* isteğe göre ölçek */
  --inv-offset-y: -90px;
  /* dikey ayar */
  --ch-offset-y: -60px;
  /* karakteri yukarı taşımak için dikey ofset */
}

.cr-inventory {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  transform: translate(100%, -50%) scale(var(--inv-scale)) translate(0, var(--inv-offset-y));
  transition: transform .2s ease-out;
  z-index: 4;
  pointer-events: none;
  /* görsel tıklama almasın */
  width: 585px;
  height: 570px;
  transform-origin: right center;
}

.cr-inventory.open {
  transform: translate(0, -50%) scale(var(--inv-scale)) translate(0, var(--inv-offset-y));
}

.cr-inventory-layer {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%) scale(var(--inv-scale)) translate(0, var(--inv-offset-y));
  transition: transform .2s ease-out;
  z-index: 5;
  /* görselin üstünde */
  pointer-events: auto;
  /* tıklanabilir */
  width: 585px;
  height: 570px;
  transform-origin: right center;
}

.cr-inventory-layer.open {
  transform: translate(0, -50%) scale(var(--inv-scale)) translate(0, var(--inv-offset-y));
}

.cr-inventory-close {
  position: absolute;
  right: 19px;
  top: 17px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0);
  box-sizing: content-box;
  padding: 5px;
  cursor: pointer;
}

.cr-inventory-close:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0);
  box-shadow: none;
}

/* Toggle handle (sağ kenarda küçük alan) */
.inv-toggle-handle {
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 48px;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 6;
  background: rgba(0, 0, 0, .0);
  border-left: 1px solid rgba(255, 255, 255, .08)
}

/* Character drawer (soldan kayan) */
.cr-character {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  transform: translate(-100%, calc(-50% + var(--ch-offset-y)));
  transition: transform .2s ease-out;
  z-index: 4;
  pointer-events: none;
  /* görsel tıklama almasın */
  width: 340px;
  height: 485px;
}

.cr-character.open {
  transform: translate(0, calc(-50% + var(--ch-offset-y)));
}

/* Karakter etkileşim katmanı (görselin üstü) */
.cr-character-layer {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, calc(-50% + var(--ch-offset-y)));
  transition: transform .2s ease-out;
  z-index: 5;
  /* görselin üstünde */
  pointer-events: auto;
  /* tıklanabilir */
  width: 340px;
  height: 485px;
}

.cr-character-layer.open {
  transform: translate(0, calc(-50% + var(--ch-offset-y)));
}

/* Karakter close butonu (sprite koordinatları char_hype_ko.css ile aynı) */
.cr-character-close {
  position: absolute;
  left: 297px;
  top: 20px;
  /* 10px sola, 5px yukarı kaydırıldı */
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: none;
  padding: 0;
  box-sizing: border-box;
  background: transparent;
  background: url('../images/char-btn-close2.png') -1px -1px no-repeat;
}

.cr-character-close:hover {
  background-position: -36px -1px;
}

.cr-character-close:active {
  background-position: -71px -1px;
}

/* Sol kenar toggle alanı */
.ch-toggle-handle {
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 48px;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 6;
  background: rgba(0, 0, 0, .0);
  border-right: 1px solid rgba(255, 255, 255, .08)
}

/* Alt ikonlar: kare butonlar */
.cr-button {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111;
  font-size: 12px;
  font-weight: 600;
  cursor: default;
  user-select: none;
  z-index: 1;
  /* cb-bar (z:6) altında kalsın */
  pointer-events: none;
  /* tıklamayı engellemesin */
  transition: none;
  outline: none;
}

.cr-button:hover {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.cr-button:active,
.cr-button.pressed {
  transform: none;
  box-shadow: none;
  background: transparent;
}

/* Status (sağ üst) */
.cr-status-canvas {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 140px;
  height: 23px;
  z-index: 2;
  pointer-events: none;
  user-select: none;
}

.cr-status-layer {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 140px;
  height: 23px;
  z-index: 3;
  pointer-events: none;
  color: #fff;
  text-shadow: none;
  font-family: var(--ui-font);
}

#cr-status-name {
  position: absolute;
  left: 66px;
  top: 17px;
  width: 152px;
  height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 14px;
}

/* Chat (sol alt) */
.cr-chat-canvas {
  position: absolute;
  left: 8px;
  bottom: 40px;
  width: 495px;
  height: 180px;
  z-index: 2;
  pointer-events: none;
  user-select: none;
}

/* Chat içerik sarmalayıcısı: chat.png üstüne bindirilen görünür scroll alanı */
.cr-chat-wrap {
  position: absolute;
  z-index: 3;
  /* chat görselinin üstünde */
  /* chat.png koordinatlarına göre: x=124, y=24, w=350, h=118 */
  left: calc(8px + 124px);
  top: calc(100% - 40px - 180px + 24px);
  width: 350px;
  height: 118px;
  pointer-events: auto;
  /* içerik etkileşimli olsun */
}

/* Kaydırılabilir chat içeriği */
.cr-chat-log {
  position: absolute;
  inset: 0;
  overflow: auto;
  color: #eaeaea;
  font-size: 12px;
  line-height: 1.35;
  padding-right: 8px;
}

/* Sprite tabanlı özel scrollbar – özelleştirilebilir değişkenler */
:root {
  --chat-scroll-thumb: url('../images/scroll-thumb.png');
  /* sprite yolunu burada değiştirin */
  --chat-scroll-track: rgba(0, 0, 0, .45);
  --chat-scroll-size: 10px;
}

.cr-chat-log::-webkit-scrollbar {
  width: var(--chat-scroll-size);
  height: var(--chat-scroll-size);
}

.cr-chat-log::-webkit-scrollbar-track {
  background: var(--chat-scroll-track);
  border-radius: 4px;
}

.cr-chat-log::-webkit-scrollbar-thumb {
  background: var(--chat-scroll-track);
  background-image: var(--chat-scroll-thumb);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 2px solid #000;
  border-radius: 2px;
}

.cr-chat-log .msg {
  margin: 0 0 6px 0;
  white-space: normal;
  word-break: break-word;
}

/* Native scrollbar'ı gizle (sadece özel track/thumb gözüksün) */
.cr-chat-log {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cr-chat-log::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

/* Özel chat scrollbar track ve thumb (chat.png mutlak koordinatlarıyla) */
.cr-chat-scroll {
  position: absolute;
  left: calc(8px + 15px);
  top: calc(100% - 40px - 180px + 32px);
  width: 7px;
  height: 96px;
  z-index: 3;
  background: rgba(0, 0, 0, .0);
  pointer-events: none;
}

.cr-chat-thumb {
  position: absolute;
  left: calc(8px + 15px);
  /* track ile aynı x */
  width: 7px;
  height: 24px;
  z-index: 4;
  background: url('../images/scroll.png') center/contain no-repeat;
  cursor: grab;
}

.cr-chat-thumb:active {
  cursor: grabbing;
}

/* Up/Down butonları için şeffaf hit-area (chat.png üzerindeki 17x17 alanlara denk) */
.cr-chat-btn {
  position: absolute;
  width: 17px;
  height: 17px;
  z-index: 4;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  display: none !important;
}

.cr-chat-btn.up {
  left: calc(8px + 10px);
  top: calc(100% - 40px - 180px + 15px);
}

.cr-chat-btn.down {
  left: calc(8px + 10px);
  top: calc(100% - 40px - 180px + 120px);
  width: 17px;
  height: 17px;
}

/* Canbar (üst) */
:root {
  --canbar-h: 90px;
}

.cr-canbar {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: auto;
  display: block;
  max-width: 100%;
  height: auto;
}

.cr-canbar-layer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: var(--canbar-h);
  pointer-events: none;
  color: #fff;
  text-shadow: none;
  font-family: var(--ui-font);
}

#cr-canbar-user {
  position: absolute;
  left: 30px;
  top: 5px;
  width: 173px;
  height: 17px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  line-height: 17px;
}

#cr-canbar-hp {
  position: absolute;
  left: 90px;
  top: 34px;
  width: 90px;
  height: 10px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 11px;
  line-height: 10px;
}

#cr-canbar-mp {
  position: absolute;
  left: 90px;
  top: 50px;
  width: 90px;
  height: 10px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 11px;
  line-height: 10px;
}

/* Info kutusu (sağ alt) */
.cr-info-wrap {
  position: absolute;
  right: 10px;
  bottom: 40px;
  z-index: 2;
  width: 300px;
  height: 170px;
  pointer-events: auto;
}

.cr-info {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  pointer-events: none;
}

.cr-info-messages {
  position: absolute;
  left: 15px;
  top: 5px;
  width: 261px;
  height: 141px;
  overflow: auto;
  color: #fff;
  font-size: 12px;
  line-height: 1.3;
  padding-right: 6px;
}

.cr-info-messages .msg {
  margin: 0 0 6px 0;
  white-space: normal;
  word-break: break-word;
}

/* Yellow info message */
.cr-info-messages .info-purchase {
  color: #ffff00;
}

/* Hide native scrollbar for info messages (use custom one on info.png) */
.cr-info-messages {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cr-info-messages::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

/* Custom scrollbar on info.png (coordinates relative to info.png inside .cr-info-wrap) */
.cr-info-scroll {
  position: absolute;
  left: 278px;
  top: 20px;
  width: 8px;
  height: 111px;
  z-index: 3;
  background: rgba(0, 0, 0, 0);
  pointer-events: none;
}

.cr-info-thumb {
  position: absolute;
  left: 278px;
  width: 8px;
  height: 24px;
  z-index: 4;
  background: url('../images/scroll.png') center/contain no-repeat;
  cursor: grab;
}

.cr-info-thumb:active {
  cursor: grabbing;
}

/* Up/Down transparent hit areas over info.png icons */
.info-btn {
  position: absolute;
  width: 17px;
  height: 17px;
  z-index: 4;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  display: none !important;
}

.info-btn.up {
  left: 274px;
  top: 3px;
}

.info-btn.down {
  left: 274px;
  top: 132px;
}

/* Skillbar: Info alanının soluna hizalı (alt sağ) */
.cr-skillbar {
  position: absolute;
  bottom: 70px;
  /* 30px yukarı alındı */
  right: calc(10px + 300px + 8px);
  /* info-wrap sağ marj (10px) + info genişliği (300px) + aralık (8px) */
  transform: none;
  z-index: 2;
  pointer-events: auto;
  user-select: none;
  -webkit-user-drag: none;
}

/* Slot katmanı (sadece görüntüleme) */
.cr-slot {
  position: absolute;
  width: 45px;
  height: 45px;
  border: 2px solid transparent;
  border-radius: 4px;
}

.cr-slot.empty {
  opacity: 0.25;
}

.cr-item-icon {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: translate(-2px, -2px) scale(1.047);
  transform-origin: top left;
  pointer-events: none;
}

.cr-item-count {
  position: absolute;
  right: 2px;
  bottom: 0;
  font-size: 11px;
  color: #fff;
  text-shadow: none;
}

/* Magic Bag butonları */
.cr-bag-buttons {
  position: absolute;
  left: 18px;
  top: 285px;
  z-index: 6;
  display: flex;
  gap: 6px;
}

.cr-bag-btn {
  padding: 4px 8px;
  font-size: 12px;
  border: 1px solid var(--cr-border, #2a2a2d);
  background: rgba(0, 0, 0, .25);
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}

.cr-bag-btn.active {
  border-color: #4caf50;
}

/* Character fields (overlay on character.png) */
.ch-field {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-family: var(--ui-font);
  font-weight: 700;
  font-size: 12px;
  line-height: 17px;
  height: 17px;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
}

/* Level/strLevel: x=80, y=118, w=82, h=17 */
#ch-level {
  left: 80px;
  top: 118px;
  width: 82px;
  height: 17px;
  text-align: center;
  letter-spacing: 0.2px;
}

/* Nation: x=207, y=118, w=82, h=17 */
#ch-nation {
  left: 207px;
  top: 118px;
  width: 82px;
  height: 17px;
  text-align: center;
  letter-spacing: 0.2px;
}

/* Exp: x=80, y=141, w=210, h=16 */
#ch-exp {
  left: 80px;
  top: 141px;
  width: 210px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  /* .ch-field 17px, burada 16px yüksekliğe uyarladık */
  letter-spacing: 0.2px;
}

/* Loyalty: x=86, y=162, w=201, h=18 */
#ch-loyalty {
  left: 86px;
  top: 162px;
  width: 201px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  letter-spacing: 0.2px;
}

/* Zero fields: 76x16 px - centered */
#ch-zero1,
#ch-zero2,
#ch-zero3 {
  width: 76px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  letter-spacing: 0.2px;
}

#ch-zero1 {
  left: 81px;
  top: 218px;
}

#ch-zero2 {
  left: 81px;
  top: 238px;
}

#ch-zero3 {
  left: 81px;
  top: 261px;
}

/* Strong: x=200, y=221, w=77, h=12 */
#ch-strong {
  left: 200px;
  top: 218px;
  width: 77px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  letter-spacing: 0.2px;
}

/* Sta: x=201, y=243, w=77, h=12 */
#ch-sta {
  left: 201px;
  top: 243px;
  width: 77px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  letter-spacing: 0.2px;
}

/* Dex: x=201, y=267, w=77, h=12 */
#ch-dex {
  left: 201px;
  top: 264px;
  width: 77px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  letter-spacing: 0.2px;
}

/* Intel: x=201, y=292, w=77, h=12 */
#ch-intel {
  left: 201px;
  top: 312px;
  width: 77px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  letter-spacing: 0.2px;
}

/* Cha: x=201, y=316, w=77, h=12 */
#ch-cha {
  left: 201px;
  top: 287px;
  width: 77px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  letter-spacing: 0.2px;
}

/* Points: x=76, y=331, w=44, h=16 */
#ch-points {
  left: 76px;
  top: 311px;
  width: 44px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  letter-spacing: 0.2px;
}