@use "~admin-stylesheets/colors";

.nab-subscribe-modal {

	.nab-loading-animation__logo {
		width: 128px;

		path {
			stroke-width: 0.4px;
		}
	}

	&__loading-message {
		color: colors.$nab-border;
		font-size: 1.1em;
		margin-top: 0.6em;
		text-align: center;
	}

	&__details {
		display: none;
	}

	&__details--is-ready {
		display: flex;
		flex-direction: column;
		gap: 0.5em;
	}

	&__iframe {
		width: 700px;
		height: var(--nelio-subscribe-page-height);
		align-self: center;
	}
}