.blpaczka-components-modal-container {
	z-index: 9999999999999;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	display: none;
	justify-content: center;
	align-items: center;
	opacity: 0;
	font-family: "Open Sans", sans-serif;

	&.active {
		display: flex;
		animation: blPaczkaAnimationFadeIn 0.5s ease-out forwards;
	}

	&__content {
		background-color: rgba(255, 255, 255);
		min-width: 50vw;
		max-width: 800px;
		max-height: 75vh;
		opacity: 0;
		transform: translateY(-50px);
		animation: blPaczkaAnimationSlideDown 0.5s ease-out forwards;
		animation-delay: 0.1s;
		overflow-y: auto;
		scrollbar-width: thin;

		&__header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 16px 22px;
			border-bottom: var(--blpaczka-order-backend-metabox-border);

			&__title {
				img {
					height: 24px;
				}
			}

			&__close {
				button {
					background: none;
					border: none;
					appearance: unset;
					cursor: pointer;
					transition: 0.3s all;;
					margin: 0;
					padding: 0;

					&:hover {
						opacity: 0.75;
					}

					svg {
						width: 24px;
						height: 24px;
						fill: #000;
					}
				}

			}
		}

		&__main {
			padding: 16px 22px;


			&__confirm {
				display: flex;
				flex-direction: column;
				gap: 1rem;
				margin-bottom: 4px;

				&__content {
					display: flex;
					justify-content: center;
					font-size: 16px;
				}

				&__buttons {
					display: flex;
					justify-content: center;
					gap: 1rem;
					align-items: center;
				}
			}

		}
	}
}