/* 이 파일은 build-design-css.py 에서 자동으로 만든다. 손으로 고치지 말 것.
   주석이 붙은 원본을 읽어야 한다: wp3-post-ui.css
   다시 만들기: python scripts/build-design-css.py */
.wd-share {
	margin: var(--wd-s-60) 0 0;
	padding-top: var(--wd-s-40);
	border-top: 1px solid var(--wd-border);
}
.wd-share-title {
	margin: 0 0 var(--wd-s-30);
	font-size: 1rem;
	color: var(--wd-muted);
}
.wd-share-row {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wd-s-20);
}
.wd-share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--wd-touch);
	padding: 0 var(--wd-s-30);
	border: 1px solid var(--wd-border-strong);
	border-radius: var(--wd-r-pill);
	background: var(--wd-surface);
	color: var(--wd-text);
	font: inherit;
	font-size: 0.9rem;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}
.wd-share-btn:hover,
.wd-share-btn:focus-visible {
	border-color: var(--wd-primary);
	color: var(--wd-primary);
}
.wd-share-btn.is-done {
	border-color: var(--wd-success);
	color: var(--wd-success);
}
.wd-share-note {
	margin: var(--wd-s-30) 0 0;
	font-size: 0.85rem;
	color: var(--wd-muted);
}
.wd-progress {
	position: fixed;
	inset: 0 0 auto 0;
	height: 3px;
	z-index: 40;
	background: transparent;
	pointer-events: none;
}
.wd-progress-bar {
	display: block;
	width: 0;
	height: 100%;
	background: var(--wd-primary);
}
.wd-totop {
	position: fixed;
	right: var(--wd-s-30);
	bottom: calc(var(--wd-s-30) + env(safe-area-inset-bottom, 0px));
	z-index: 40;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--wd-touch);
	height: var(--wd-touch);
	border: 1px solid var(--wd-border-strong);
	border-radius: var(--wd-r-pill);
	background: var(--wd-surface);
	color: var(--wd-text);
	box-shadow: var(--wd-sh-md);
	font-size: 1.1rem;
	cursor: pointer;
}
.wd-totop[hidden] {
	display: none;
}
.wd-totop:hover,
.wd-totop:focus-visible {
	border-color: var(--wd-primary);
	color: var(--wd-primary);
}
@media print {
	.wd-share,
	.wd-progress,
	.wd-totop {
		display: none !important;
	}
}