@charset "utf-8";

/*
  컬러 팔레트 (레퍼런스 이미지 기반)
  --sb-bg-1   : #0b1020  (메인 브라운)
  --sb-bg-2   : #0a0f1f  (딥 브라운)
  --sb-gold   : #6366f1  (구리/골드 포인트)
  --sb-gold-lt: #c7d2fe  (밝은 골드)
  --sb-text-1 : #eef2ff  (크림 화이트 - 주 텍스트)
  --sb-text-2 : #c7d2fe  (웜 베이지 - 보조 텍스트)
  --sb-text-3 : #94a3b8  (뮤트 브라운 - 서브 텍스트)
  --sb-line   : rgba(99,102,241,.2)  (구분선)
*/

/* ── 사이드바 전체 ───────────────────────────────────── */
#nt_sidebar {
	top: 0; width: 300px; height: 100%;
	position: fixed; z-index: 99999;
	/* 헤더/풋터와 톤 통일: 인디고→네이비 */
	background: #504ccc;
	box-shadow: 3px 0 24px rgba(0, 0, 0, .42);
	display: flex; flex-direction: column;
}
#nt_sidebar .sidebar-content {
	height: 100%; overflow-y: auto; overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
#nt_sidebar .sidebar-content::-webkit-scrollbar { width: 3px; }
#nt_sidebar .sidebar-content::-webkit-scrollbar-track { background: transparent; }
#nt_sidebar .sidebar-content::-webkit-scrollbar-thumb { background: rgba(99,102,241,.3); border-radius: 2px; }

/* ── 모달(사이드바 내부) ─────────────────────────────── */
.sb-modal { display:none; position: fixed; inset: 0; z-index: 9999; }
.sb-modal.is-open { display:block; }
.sb-modal__backdrop { position:absolute; inset:0; background: rgba(2,6,23,.55); }
.sb-modal__dialog {
	position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);
	width: min(920px, calc(100vw - 24px));
	height: min(86vh, 820px);
	background: #0b1020;
	border: 1px solid rgba(199,210,254,.20);
	border-radius: 14px;
	box-shadow: 0 20px 60px rgba(0,0,0,.55);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.sb-modal__bar {
	display:flex; align-items:center; justify-content: space-between;
	padding: 10px 12px;
	background: linear-gradient(90deg, #615dfa 0%, #4338ca 55%, #312e81 100%);
	border-bottom: 1px solid rgba(99,102,241,.25);
}
.sb-modal__title { color:#eef2ff; font-weight: 800; font-size: 13px; letter-spacing: -0.2px; }
.sb-modal__close {
	width: 34px; height: 34px; border-radius: 10px;
	border: 1px solid rgba(199,210,254,.20);
	background: rgba(255,255,255,.10);
	color: #eef2ff;
	cursor: pointer;
}
.sb-modal__close:hover { background: rgba(255,255,255,.16); }
.sb-modal__content {
	width: 100%;
	flex: 1 1 auto;
	min-height: 0;
	background: #ffffff;
	overflow: auto;
}
.sb-modal.is-loading .sb-modal__content { opacity: 0; }
.sb-modal__content.is-padded { padding: 20px 0px; }
.sb-modal__frame {
	width: 100%;
	flex: 1 1 auto;
	min-height: 0;
	border: 0;
	background: #ffffff;
	display: none;
}
.sb-modal.is-loading .sb-modal__frame { opacity: 0; }

/* 모달 모드별 표시 전환 */
.sb-modal.is-iframe .sb-modal__content { display:none; }
.sb-modal.is-iframe .sb-modal__frame { display:block; }

/* 모달 내 "새창/팝업" 상단바(쪽지/스크랩/포인트 등) 강제 제거 */
.sb-modal__content .new_win .win_title,
.sb-modal__content .new_win .win_btn,
.sb-modal__content .new_win .win_close,
.sb-modal__content .win_title,
.sb-modal__content .win_btn,
.sb-modal__content .win_close,
.sb-modal__content #win_title,
.sb-modal__content #win_btn,
.sb-modal__content .modal-header,
.sb-modal__content .popup-header,
.sb-modal__content .layer-header {
	display: none !important;
}
.sb-modal__content .new_win,
.sb-modal__content .new_win body,
.sb-modal__content body.new_win {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* 고객센터/채팅/플로팅 위젯(모달 안에서는 숨김) */
.sb-modal__content [id*="mago"],
.sb-modal__content [class*="mago"],
.sb-modal__content [id*="chat"],
.sb-modal__content [class*="chat"],
.sb-modal__content [id*="customer"],
.sb-modal__content [class*="customer"],
.sb-modal__content [id*="cs-"],
.sb-modal__content [class*="cs-"] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* 모달 본문 안에서 고정/스티키로 떠있는 요소는 웬만하면 숨김(채팅 버튼/고정바 대응) */
.sb-modal__content *[style*="position:fixed"],
.sb-modal__content *[style*="position: fixed"],
.sb-modal__content *[style*="position:sticky"],
.sb-modal__content *[style*="position: sticky"] {
	display: none !important;
}
.sb-modal__loading {
	position: absolute;
	inset: 56px 0 0 0;
	display: none;
	align-items: center;
	justify-content: center;
	color: rgba(238, 242, 255, .85);
	font-weight: 800;
	letter-spacing: -0.2px;
	background: rgba(2, 6, 23, .25);
	backdrop-filter: blur(6px);
}
.sb-modal.is-loading .sb-modal__loading { display:flex; }

/* ── 헤더 ────────────────────────────────────────────── */
#nt_sidebar_header {
	display: flex; align-items: center; justify-content: space-between;
	padding: 0 16px; height: 54px;
	/* 상단 헤더는 과한 딥톤 제거: 헤더와 같은 인디고 계열로 밝힘 */
	background: linear-gradient(90deg, #615dfa 0%, #4338ca 55%, #312e81 100%);
	border-bottom: 1px solid rgba(99,102,241,.25);
	flex-shrink: 0;
}
#nt_sidebar_header .sb-logo img { max-height: 26px; width: auto; filter: brightness(1.1); }
#nt_sidebar_header .sb-close {
	display: flex; align-items: center; justify-content: center;
	width: 30px; height: 30px; border-radius: 7px;
	background: rgba(99,102,241,.12);
	border: 1px solid rgba(99,102,241,.22);
	color: #c7d2fe; font-size: 13px;
	transition: all .15s; cursor: pointer; text-decoration: none;
}
#nt_sidebar_header .sb-close:hover { background: rgba(99,102,241,.28); color: #eef2ff; }

/* ── 텔레그램 배너 ──────────────────────────────────── */
#nt_sidebar .side-telegram { padding: 12px 12px 0; }
#nt_sidebar .side-telegram a img { width: 100%; border-radius: 10px; display: block; }

/* ── 액션 버튼 바 ─────────────────────────────────── */
.sb-action-bar { display: flex; gap: 5px; padding: 10px 12px 0; }
.sb-action-bar .sb-btn {
	flex: 1; display: inline-flex; align-items: center; justify-content: center;
	gap: 5px; height: 38px; border-radius: 8px;
	font-size: .75rem; font-weight: 700; letter-spacing: .01em;
	text-decoration: none; border: none; cursor: pointer;
	transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
	white-space: nowrap; padding: 0 8px;
}
.sb-btn--primary {
	background: #6366f1;
	color: #f8fafc !important;
	box-shadow: 0 2px 12px rgba(67,56,202,.38), inset 0 1px 0 rgba(255,255,255,.15);
}
.sb-btn--primary:hover { background: #6e75ed; color: #fff !important; }
.sb-btn--primary:focus-visible,
.sb-btn--ghost:focus-visible,
.sb-btn--danger:focus-visible {
	outline: 2px solid rgba(199, 210, 254, 0.85);
	outline-offset: 2px;
}
.sb-btn--ghost {
	/* 비회원(비번찾기/회원가입 등)에서 더 잘 보이게 대비 강화 */
	background: rgba(255,255,255,.10);
	color: #eef2ff !important;
	border: 1px solid rgba(199,210,254,.35);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}
.sb-btn--ghost:hover {
	background: rgba(255,255,255,.16);
	border-color: rgba(199,210,254,.5);
	color: #ffffff !important;
	transform: translateY(-1px);
}
.sb-btn--danger {
	background: rgba(180,60,60,.14);
	color: #F0A0A0 !important;
	border: 1px solid rgba(180,60,60,.22);
}
.sb-btn--danger:hover { background: rgba(180,60,60,.25); color: #FFB8B8 !important; }

/* ── 로그인 폼 ──────────────────────────────────────── */
.sb-login-box {
	margin: 10px 12px 0;
	background: rgba(0,0,0,.2);
	border: 1px solid rgba(99,102,241,.2);
	border-radius: 10px; padding: 14px;
}
.sb-input-group { position: relative; margin-bottom: 8px; }
.sb-input-group i {
	position: absolute; left: 11px; top: 50%; transform: translateY(-50%);
	color: #94a3b8; font-size: .8rem; pointer-events: none;
}
.sb-login-box input[type="text"],
.sb-login-box input[type="password"] {
	width: 100%; height: 40px; padding: 0 10px 0 32px;
	background: rgba(99,102,241,.08);
	border: 1px solid rgba(99,102,241,.22);
	border-radius: 8px; color: #eef2ff;
	font-size: .82rem; box-sizing: border-box; outline: none;
	transition: border-color .15s, background .15s;
}
.sb-login-box input::placeholder { color: #64748b; }
.sb-login-box input:focus { border-color: rgba(99,102,241,.6); background: rgba(99,102,241,.12); }
.sb-auto-login {
	display: flex; align-items: center; gap: 6px;
	margin-bottom: 10px; font-size: .74rem; color: #94a3b8;
}
.sb-auto-login input[type="checkbox"] { accent-color: #6366f1; width: 13px; height: 13px; }
.sb-login-btn {
	width: 100%; height: 40px;
	background: #6366f1;
	color: #f8fafc; font-size: .84rem; font-weight: 700;
	border: none; border-radius: 8px; cursor: pointer;
	transition: all .15s;
	box-shadow: 0 2px 10px rgba(67,56,202,.34), inset 0 1px 0 rgba(255,255,255,.12);
}
.sb-login-btn:hover { background: #6e75ed; }

/* ── 회원 정보 박스 ──────────────────────────────────── */
.sb-user-box {
	margin: 10px 12px 0;
	background: rgba(0,0,0,.18);
	border: 1px solid rgba(99,102,241,.2);
	border-radius: 10px; padding: 14px;
}
.sb-user-profile { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.sb-user-avatar img {
	width: 48px; height: 48px; border-radius: 50%;
	object-fit: cover;
	border: 2px solid rgba(99,102,241,.4);
	box-shadow: 0 2px 8px rgba(0,0,0,.3);
}
.sb-user-name { display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem; font-size: .9rem; font-weight: 700; color: #eef2ff; margin-bottom: 3px; }
.sb-lv-icon-wrap { display: inline-flex; align-items: center; line-height: 0; }
.sb-lv-icon-wrap .sb-mb-icon,
.sb-lv-icon-wrap .sb-lv-icon,
.sb-lv-icon-wrap img { max-height: 1.15rem; width: auto; height: auto; vertical-align: middle; }
.sb-user-grade { font-size: .72rem; color: #94a3b8; font-weight: 600; }

/* 경험치 바 */
.sb-xp-wrap { margin-top: 8px; }
.sb-xp-meta { display: flex; justify-content: space-between; font-size: .68rem; color: #94a3b8; margin-bottom: 4px; }
.sb-xp-meta a { color: #c7d2fe; text-decoration: none; }
.sb-xp-bar { height: 5px; background: rgba(0,0,0,.25); border-radius: 3px; overflow: hidden; }
.sb-xp-fill { height: 100%; background: linear-gradient(90deg, #4338ca, #6366f1, #c7d2fe); border-radius: 3px; transition: width .4s ease; }

/* 통계 그리드 */
.sb-user-stats {
	display: flex; border-radius: 8px; overflow: hidden;
	border: 1px solid rgba(99,102,241,.18); margin-top: 10px;
}
.sb-user-stat { flex: 1; text-align: center; padding: 9px 4px; background: rgba(0,0,0,.15); border-right: 1px solid rgba(99,102,241,.1); }
.sb-user-stat:last-child { border-right: none; }
.sb-user-stat a { text-decoration: none; display: block; }
.sb-stat-label { font-size: .64rem; color: rgba(199, 210, 254, 0.85); letter-spacing: .02em; margin-bottom: 3px; }
.sb-stat-val { font-size: .84rem; font-weight: 800; color: #eef2ff; }
/* 통계 N 배지(쪽지/알림) — 브라운/오렌지 제거 */
.sb-stat-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 16px;
	height: 16px;
	padding: 0 5px;
	margin-left: 4px;
	border-radius: 999px;
	background: rgba(99, 102, 241, 0.22);
	border: 1px solid rgba(199, 210, 254, 0.35);
	color: #eef2ff;
	font-size: 0.64rem;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0.01em;
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.18);
}

/* 회원 메뉴 */
.sb-member-menu { margin: 8px 12px 0; border-radius: 10px; overflow: hidden; border: 1px solid rgba(99,102,241,.18); }
.sb-member-menu a {
	display: flex; align-items: center; justify-content: space-between;
	padding: 11px 14px; font-size: .81rem; color: #c7d2fe;
	text-decoration: none; border-bottom: 1px solid rgba(99,102,241,.1);
	background: rgba(0,0,0,.12); transition: background .15s, color .15s;
}
.sb-member-menu a:last-child { border-bottom: none; }
.sb-member-menu a:hover { background: rgba(99,102,241,.5); color: #eef2ff; }
.sb-member-menu-left { display: flex; align-items: center; gap: 9px; }
.sb-member-menu-left i { color: #94a3b8; font-size: .8rem; width: 14px; text-align: center; transition: color .15s; }
.sb-member-menu a:hover .sb-member-menu-left i { color: #94a3b8; }

/* 입점 승인 회원 — 광고등록/광고수정만 메인 CTA 색(다른 메뉴와 확실히 구분) */
.sb-member-menu a.sb-member-menu-ad {
	background: linear-gradient(135deg, #6366f1 0%, #4f46e5 52%, #4338ca 100%);
	color: #ffffff !important;
	font-weight: 800;
	letter-spacing: 0.02em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	border-left: none;
	box-shadow:
		0 2px 14px rgba(67, 56, 202, 0.44),
		inset 0 1px 0 rgba(255, 255, 255, 0.22);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.sb-member-menu a.sb-member-menu-ad .sb-member-menu-left i {
	color: #ffffff;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.25));
}
.sb-member-menu a.sb-member-menu-ad > .fa-angle-right {
	color: rgba(255, 248, 240, 0.95) !important;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
}
.sb-member-menu a.sb-member-menu-ad:hover {
	background: linear-gradient(135deg, #7c83ff 0%, #6366f1 52%, #4f46e5 100%);
	color: #fff !important;
	box-shadow:
		0 3px 18px rgba(67, 56, 202, 0.55),
		inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
.sb-member-menu a.sb-member-menu-ad:hover .sb-member-menu-left i { color: #fff; }
.sb-member-menu a.sb-member-menu-ad:hover > .fa-angle-right { color: #fff !important; }

/* ── 사이드바 네비 메뉴 ────────────────────────────── */
#nt_sidebar .sidebar-list { padding: 6px 12px 24px; }
#nt_sidebar .border-top { border-top: 1px solid rgba(99,102,241,.2) !important; }
#nt_sidebar .sidebar-list ul { list-style: none; margin: 0; padding: 0; border: none !important; }
#nt_sidebar .sidebar-list ul.off { display: none; }

/* 알림(sidebar-noti) 문구가 검정으로 내려가는 경우 방지 */
#nt_sidebar #sidebar-noti,
#nt_sidebar #sidebar-noti * {
	color: #eef2ff;
}
#nt_sidebar #sidebar-noti a { color: #eef2ff; }
#nt_sidebar #sidebar-noti a:hover { color: #ffffff; }
#nt_sidebar #sidebar-noti .text-muted { color: rgba(199, 210, 254, 0.78) !important; }
#nt_sidebar #sidebar-noti .orangered { color: #c7d2fe !important; }
#nt_sidebar #sidebar-noti .na-bar { color: rgba(199, 210, 254, 0.6) !important; }

#nt_sidebar .sidebar-list h5 {
	padding: 14px 2px 8px; margin: 0;
	font-size: .62rem; font-weight: 700; letter-spacing: .12em;
	text-transform: uppercase; color: #a5b4fc; border-top: none !important;
}

/* 대메뉴 li */
#nt_sidebar .sidebar-list .me-ul > .me-li {
	display: flex; flex-wrap: wrap; align-items: stretch;
	background: rgba(99,102,241,.07);
	border: 1px solid rgba(99,102,241,.14);
	border-radius: 8px; margin-bottom: 5px;
	overflow: hidden; transition: background .15s;
	box-shadow: 0 1px 4px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05);
}
#nt_sidebar .sidebar-list .me-ul > .me-li:hover { background: rgba(99,102,241,.13); }

/* 텍스트 링크 */
#nt_sidebar .sidebar-list .me-ul > .me-li > .me-a {
	flex: 1; order: 1; min-width: 0;
	display: flex; align-items: center; gap: 9px;
	padding: 13px 14px; font-size: .86rem; font-weight: 600;
	color: #F0E4D0; text-decoration: none; transition: color .15s;
}
#nt_sidebar .sidebar-list .me-ul > .me-li > .me-a .fa-fw { color: #94a3b8; font-size: .8rem; transition: color .15s; }
#nt_sidebar .sidebar-list .me-ul > .me-li:hover > .me-a { color: #fff; }
#nt_sidebar .sidebar-list .me-ul > .me-li:hover > .me-a .fa-fw { color: #6366f1; }

/* 드롭다운 토글 박스 */
#nt_sidebar .sidebar-list .me-ul > .me-li > .tree-toggle {
	order: 2; position: static; width: 46px; height: auto; flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
	background: rgba(0,0,0,.2);
	border-left: 1px solid rgba(99,102,241,.18);
	color: #94a3b8; font-size: .78rem; cursor: pointer;
	transition: background .15s, color .15s;
}
#nt_sidebar .sidebar-list .me-ul > .me-li > .tree-toggle:hover { background: rgba(99,102,241,.25); color: #c7d2fe; }

/* 서브메뉴 컨테이너 */
#nt_sidebar .sidebar-list .me-ul1 {
	width: 100%; order: 3;
	background: rgba(0,0,0,.22);
	border-top: 1px solid rgba(99,102,241,.12);
}
#nt_sidebar .sidebar-list .me-ul1 > .me-li1 {
	display: flex; flex-wrap: wrap; align-items: stretch;
	border-bottom: 1px solid rgba(99,102,241,.08);
}
#nt_sidebar .sidebar-list .me-ul1 > .me-li1:last-child { border-bottom: none; }
#nt_sidebar .sidebar-list .me-ul1 > .me-li1 > .me-a1 {
	flex: 1; order: 1;
	display: flex; align-items: center; gap: 8px;
	padding: 10px 14px 10px 28px; font-size: .8rem;
	color: #C8B8A0; text-decoration: none;
	transition: background .15s, color .15s;
}
#nt_sidebar .sidebar-list .me-ul1 > .me-li1 > .me-a1:hover { background: rgba(99,102,241,.1); color: #eef2ff; }
#nt_sidebar .sidebar-list .me-ul1 > .me-li1 > .tree-toggle {
	order: 2; position: static; width: 38px; height: auto; flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
	background: rgba(0,0,0,.12); border-left: 1px solid rgba(99,102,241,.1);
	color: #94a3b8; font-size: .72rem; cursor: pointer;
	transition: background .15s, color .15s;
}
#nt_sidebar .sidebar-list .me-ul1 > .me-li1 > .tree-toggle:hover { background: rgba(99,102,241,.18); color: #c7d2fe; }

/* 서브메뉴 2단 */
#nt_sidebar .sidebar-list .me-ul2 { width: 100%; order: 3; background: rgba(0,0,0,.15); }
#nt_sidebar .sidebar-list .me-ul2 > .me-li2 > .me-a2 {
	display: flex; align-items: center; gap: 6px;
	padding: 8px 14px 8px 44px; font-size: .77rem; color: #A09080;
	border-bottom: 1px solid rgba(99,102,241,.06);
	text-decoration: none; transition: background .15s, color .15s;
}
#nt_sidebar .sidebar-list .me-ul2 > .me-li2 > .me-a2:hover { background: rgba(99,102,241,.09); color: #eef2ff; }

/* 활성 메뉴 */
#nt_sidebar .sidebar-list .me-li.active {
	background: rgba(99,102,241,.18) !important;
	border-color: rgba(99,102,241,.3) !important;
	box-shadow: 0 0 0 1px rgba(99,102,241,.15), 0 2px 8px rgba(0,0,0,.3) !important;
}
#nt_sidebar .sidebar-list .me-li.active > .me-a { color: #c7d2fe !important; font-weight: 700; }
#nt_sidebar .sidebar-list .me-li.active > .tree-toggle { background: rgba(99,102,241,.25) !important; color: #c7d2fe !important; }
#nt_sidebar .sidebar-list .me-li1.active > .me-a1 { color: #6366f1 !important; font-weight: 700; }

/* ── 마스크 ──────────────────────────────────────────── */
#nt_sidebar_mask {
	display: none; position: fixed; z-index: 499;
	background: rgba(0,0,0,.65); backdrop-filter: blur(3px);
	left: 0; top: 0; width: 100%; height: 100%;
	animation: sbMaskIn .2s ease;
}
@keyframes sbMaskIn { from { opacity:0; } to { opacity:1; } }

/* ── 알림 탭 ─────────────────────────────────────────── */
#nt_sidebar_noti { position: fixed; z-index: 100; }
@media (min-width: 768px) {
	#nt_sidebar_noti { top:40%; right:0; border-top-left-radius:50rem !important; border-bottom-left-radius:50rem !important; }
}
@media (max-width: 767px) {
	#nt_sidebar_noti { left:0; bottom:25px; border-top-right-radius:50rem !important; border-bottom-right-radius:50rem !important; }
}

/* ── 위치 + 트랜지션 ──────────────────────────────────── */
@media (min-width: 768px) {
	#nt_sidebar { right: -320px; transition: right .22s cubic-bezier(.25,.46,.45,.94); }
}
@media (max-width: 767px) {
	#nt_sidebar { width: 100vw; left: -100vw; transition: left .22s cubic-bezier(.25,.46,.45,.94); }
}

/* ── 맨 위로 버튼 ────────────────────────────────────── */
#nt_sidebar_move { display:none; position:fixed; width:40px; bottom:20px; right:25px; z-index:2; }
#nt_sidebar_move span { display:block; color:#fff; background:rgba(0,0,0,.5); margin:5px 0; text-align:center; border-radius:50%; width:42px; height:42px; line-height:42px !important; font-size:19px; }

/* ── Back to Top ─────────────────────────────────────── */
.eb-backtotop { position:fixed; right:14px; bottom:14px; height:44px; width:44px; cursor:pointer; display:block; border-radius:50% !important; background:linear-gradient(135deg,#6366f1,#4f46e5,#4338ca); z-index:1003; opacity:0; visibility:hidden; transform:translateY(15px); transition:all .2s linear; box-shadow:0 4px 14px rgba(67,56,202,.42); }
.eb-backtotop.active-progress { opacity:1; visibility:visible; transform:translateY(0); }
.eb-backtotop:after { position:absolute; content:"\f0d8"; font-family:"FontAwesome"; text-align:center; font-size:16px; color:#fff; left:0; top:0; height:44px; width:44px; line-height:28px; cursor:pointer; display:block; z-index:1; }
.eb-backtotop svg path { fill:none; }
.eb-backtotop svg.backtotop-progress path { stroke:rgba(255,255,255,.25); stroke-width:4; }
.eb-backtotop .progress-count { display:block; position:absolute; bottom:6px; left:0; right:0; font-size:10px; text-align:center; color:rgba(255,255,255,.75) !important; }