.socialnetwork--auto-delete-message-popup {
	--sonet-auto-delete-message-popup__color_popup-title-text: var(--ui-color-base-1);
	--sonet-auto-delete-message-popup__color_popup-info: var(--ui-color-palette-gray-60);
	--sonet-auto-delete-message-popup__font-size_title-text: 19px;
	font: var(--ui-font-size-md)/19px var(--ui-font-family-system);
}

.socialnetwork--auto-delete-message-popup .popup-window-titlebar {
	display: flex;
	align-items: center;
	padding: 14px 13px 0 20px;
}

.socialnetwork--auto-delete-message-popup .popup-window-titlebar-text {
	font-weight: var(--ui-font-size-md);
	color: var(--sonet-auto-delete-message-popup__color_popup-title-text);
	font-size: var(--sonet-auto-delete-message-popup__font-size_title-text);
	line-height: 26px;
}

.socialnetwork--auto-delete-message-popup .popup-window-content {
	border-radius: inherit;
	overflow: hidden;
}

.socialnetwork--auto-delete-message-popup__container {
	margin: 0 24px 18px;
}

.socialnetwork--auto-delete-message-popup__info {
	margin: 8px 0;
	color: var(--sonet-auto-delete-message-popup__color_popup-info);
}

.socialnetwork--auto-delete-message-popup__footer {
	display: flex;
	justify-content: flex-end;
	margin-top: 16px;
}

.socialnetwork--auto-delete-popup-radio__container {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 8px 0 0;
	border: unset;
}

.socialnetwork--auto-delete-popup-radio__option {
	display: flex;
	align-items: center;
	cursor: pointer;
	gap: 10px;
}

.socialnetwork--auto-delete-popup-radio__label {
	font-size: 15px;
	cursor: pointer;
}

.socialnetwork--auto-delete-message-dropdown {
	--dropdown-text-color-hover: var(--ui-color-base-2);

	display: flex;
	align-items: center;
	color: inherit;
}

.socialnetwork--auto-delete-message-dropdown.--enabled {
	cursor: pointer;
}

.socialnetwork--auto-delete-message-dropdown:focus-visible {
	outline: 2px solid var(--ui-color-accent-main-link);
	outline-offset: 2px;
	border-radius: var(--ui-border-radius-2xs, 4px);
}

.socialnetwork--auto-delete-message-dropdown.--enabled:hover {
	color: var(--dropdown-text-color-hover);
}

.socialnetwork--auto-delete-message-dropdown--icon {
	background-color: var(--ui-color-base-3);
	transition: transform 150ms ease;
}

.socialnetwork--auto-delete-message-dropdown.--enabled:hover .socialnetwork--auto-delete-message-dropdown--icon {
	background-color: var(--dropdown-text-color-hover);
}

.socialnetwork--auto-delete-message-dropdown--icon:hover {
	transition-duration: 150ms;
}

.socialnetwork--auto-delete-message-dropdown--icon.--open {
	transform: rotate(180deg);
}