.ct-header-account {
	a {
		display: flex;
		align-items: center;
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase;
	}

	.ct-image-container {
		width: var(--avatarSize);
		height: var(--avatarSize);
		border-radius: 100%;
		overflow: hidden;
		-webkit-mask-image: -webkit-radial-gradient(white, black);
	}

	svg {
		fill: currentColor;
		width: var(--iconSize);
    	height: var(--iconSize);
	}

	.ct-label {
		margin-left: 8px;
	}
}

#account-modal {
	--overflow: visible;

	form {
		@include media-breakpoint-down (xs) {
			max-width: 88vw;
			padding: 35px 30px;
		}

		@include media-breakpoint-up (sm) {
			max-width: 450px;
			padding: 60px 50px;
		}

		margin-left: auto;
		margin-right: auto;
		border-radius: 3px;
		background: #fff;
		box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2);
		--contentSpacing: 1em;

		> *:last-child {
			--contentSpacing: 0;
		}

		label {
			display: block;
		}

		input[type="submit"] {
			width: 100%;
		}
	}
}