@use '../../../../admin/assets/design/scss/_variables.scss' as *;

.adpresso-adblocker-counter {
	display: none;
	flex-direction: row;
	gap: 2em;
	width: 100%;
	margin-bottom: 2em;

	> .adpresso-adblocker-counter-metric {
		display: flex;
		flex-direction: column;
		border: calc(0.12em * $font-size-rate) solid $color-text-active;
		border-radius: 0.4em;
		align-items: center;
		padding: 2em;
		aspect-ratio: 1 / 1;
		justify-content: space-between;
		width: 30ch;
		height: 30ch;

		.adpresso-adblocker-counter-label {
			font-size: $font-size;
		}

		.adpresso-adblocker-counter-number {
			font-size: calc($font-size * 5);
			line-height: 1em;
			margin-top: calc(3em / 6.5);
			font-weight: 300;
		}
	}
}