@use "~admin-stylesheets/colors";

.nab-experiment-result-summary {
	border-top: none;

	.components-panel__row {
		min-height: 1.6em;
	}

	&__title {
		display: block;

		span:last-child {
			margin-bottom: 2em;
		}
	}

	&__title-text {
		color: colors.$nab-text;
	}

	&__uniqueness-selector,
	&__goal-selector,
	&__segment-selector {
		display: block;
		margin-top: 1em;
	}

	&__icon,
	&__text,
	&__confidence {
		text-align: center;
		display: block;
	}

	&__public-result {
		margin-top: 0.6em;
		margin-bottom: 1em;

		&-description {
			font-size: 12px;
			color: colors.$nab-text-dark-grey;
			margin-bottom: 0;
			padding-bottom: 0;
		}

		&-url {
			display: flex;
			justify-content: space-between;

			&-input {
				flex-grow: 1;
			}
		}
	}

	&__export-button {
		display: block;
		width: 100%;
	}

	.nab-loading-animation {

		svg {
			max-width: 120px;
		}

		&__text {
			font-size: 1.2em;
		}
	}
}