Шаблон:Infobox/styles.css

.infobox {
	display: flex;
	flex-direction: column;
	page-break-inside: avoid;
	border: 0 solid var(--color-main);
	border-inline-start-width: 0.3rem;
	border-radius: var(--border-radius-low);
	box-shadow: var(--box-shadow);
	background: var(--theme-bg-color-175);
	margin: 1em 0;
}

.infobox__icon {
	position: relative;
	background-color: var(--color-second);
	display: flex;
	gap: 8px;
	font-weight: bold;
	align-items: center;
	border-radius: 0 var(--border-radius-low) 0 0;
}

.infobox__icon,
.infobox__content {
	padding: 0.45rem 0.8rem;
}

@media (min-width: 720px) {
    .infobox {
        margin-left: 1%;
        margin-right: 1%;
    }
}