.pwsc-wrap {
	margin: 0;
	padding: 0;
}

.pwsc-scroll {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin: 0;
	padding: 0.1rem 0 0.5rem;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, 0.32) rgba(0, 0, 0, 0.08);
	scrollbar-gutter: stable both-edges;
}

.pwsc-scroll::-webkit-scrollbar {
	height: 7px;
}

.pwsc-scroll::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.08);
	border-radius: 999px;
}

.pwsc-scroll::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.3);
	border-radius: 999px;
}

.pwsc-scroll::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.42);
}

.pwsc-chip,
.pwsc-back {
	display: inline-flex;
	align-items: center;
	gap: 0.38rem;
	padding: 0.55rem 0.95rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 999px;
	background: transparent;
	color: inherit;
	text-decoration: none;
	line-height: 1.2;
	font-size: 0.9rem;
	white-space: nowrap;
	transition: border-color 0.15s ease, color 0.15s ease;
}

.pwsc-chip:hover,
.pwsc-back:hover {
	border-color: rgba(0, 0, 0, 0.58);
	color: inherit;
}

.pwsc-chip:focus-visible,
.pwsc-back:focus-visible {
	outline: none;
	border-color: rgba(0, 0, 0, 0.68);
}
