.ringtone-issue {
	width: calc(100% - 40px);
	max-width: 500px;
	margin: 4px auto 16px;
	color: var(--muted, #6b6b6b);
	font-size: 14px;
}

.download-panel .ringtone-issue {
	width: 100%;
	max-width: 540px;
	margin: 4px auto 18px;
}

.ringtone-issue > summary {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	min-height: 44px;
	width: max-content;
	max-width: 100%;
	padding: 8px 2px;
	cursor: pointer;
	color: var(--muted, #6b6b6b);
	font-weight: 600;
	list-style: none;
	overflow-wrap: anywhere;
}

.ringtone-issue > summary::-webkit-details-marker {
	display: none;
}

.ringtone-issue > summary::before {
	content: "";
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
}

.ringtone-issue[open] > summary::before {
	transform: rotate(45deg) translateY(-2px);
}

.ringtone-issue__body {
	margin-top: 2px;
	padding: 14px;
	border: 1px solid var(--line, #dddddd);
	border-radius: 12px;
	background: var(--surface-muted, #f4f4f4);
	color: var(--text, #000000);
}

.ringtone-issue__form fieldset {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.ringtone-issue__form legend {
	margin-bottom: 6px;
	font-size: 15px;
	font-weight: 750;
}

.ringtone-issue__form label {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 7px 4px;
	cursor: pointer;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.ringtone-issue__form input[type="radio"] {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	margin: 0;
	accent-color: var(--brand, #22208e);
}

.ringtone-issue__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin-top: 8px;
	padding: 9px 18px;
	border: 1px solid var(--brand, #22208e);
	border-radius: 22px;
	background: transparent;
	color: var(--brand, #22208e);
	font-weight: 700;
}

.ringtone-issue__submit:hover {
	background: var(--brand, #22208e);
	color: #ffffff;
}

.ringtone-issue__submit:disabled {
	cursor: wait;
	opacity: 0.65;
}

.ringtone-issue__status {
	min-height: 0;
	margin: 10px 0 0;
	font-weight: 650;
}

.ringtone-issue__status:empty {
	display: none;
}

.ringtone-issue__status.is-success {
	color: #24753b;
}

.ringtone-issue__status.is-error {
	color: #a22626;
}

@media (max-width: 480px) {
	.ringtone-issue__submit {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ringtone-issue > summary::before {
		transition: none;
	}
}