.it-dev-notice {

	position: fixed;

	right: 20px;

	bottom: 20px;

	z-index: 100000;

	display: flex;

	align-items: flex-start;

	gap: 12px;

	max-width: min(380px, calc(100vw - 40px));

	padding: 14px 14px 14px 16px;

	border: 1px solid rgba(255, 255, 255, 0.12);

	border-radius: 14px;

	background: rgba(10, 10, 10, 0.94);

	box-shadow:

		0 18px 48px rgba(0, 0, 0, 0.45),

		0 0 0 1px rgba(255, 255, 255, 0.04) inset;

	color: #ededed;

	font-family: "Inter", system-ui, -apple-system, sans-serif;

	font-size: 13px;

	line-height: 1.45;

	backdrop-filter: blur(12px);

	transform: translateX(calc(100% + 32px));

	opacity: 0;

	transition:

		transform 0.48s cubic-bezier(0.22, 1, 0.36, 1),

		opacity 0.32s ease;

	pointer-events: none;

}



.it-dev-notice.is-visible {

	transform: translateX(0);

	opacity: 1;

	pointer-events: auto;

}



.it-dev-notice.is-closing {

	transform: translateX(calc(100% + 32px));

	opacity: 0;

	pointer-events: none;

}



.it-dev-notice__icon {

	flex: 0 0 auto;

	display: grid;

	place-items: center;

	width: 28px;

	height: 28px;

	border-radius: 8px;

	background: rgba(255, 255, 255, 0.08);

	color: #ffffff;

}



.it-dev-notice__icon svg {

	width: 16px;

	height: 16px;

}



.it-dev-notice__body {

	flex: 1 1 auto;

	min-width: 0;

}



.it-dev-notice__label {

	display: block;

	margin-bottom: 4px;

	font-size: 11px;

	font-weight: 600;

	letter-spacing: 0.04em;

	text-transform: uppercase;

	color: #888888;

}



.it-dev-notice__text {

	margin: 0;

	color: #b3b3b3;

}



.it-dev-notice__close {

	flex: 0 0 auto;

	display: grid;

	place-items: center;

	width: 28px;

	height: 28px;

	margin: -2px -2px 0 0;

	padding: 0;

	border: 0;

	border-radius: 8px;

	background: transparent;

	color: #888888;

	cursor: pointer;

	transition: color 0.15s ease, background 0.15s ease;

}



.it-dev-notice__close:hover {

	color: #ededed;

	background: rgba(255, 255, 255, 0.06);

}



.it-dev-notice__close svg {

	width: 14px;

	height: 14px;

}



@media (max-width: 480px) {

	.it-dev-notice {

		right: 12px;

		bottom: 12px;

		left: 12px;

		max-width: none;

	}

}