:root {
	--affwp-creative-preview-width: 10rem;
	--affwp-card-padding: 1.5rem;
}

#affwp-custom-links-table td[data-field=link]:hover .affwp-custom-link-actions {
	visibility: visible;
	opacity: 1;
}

.affwp-card__tooltip svg {
	width: 1.25rem;
	height: 1.25rem;
}

.affwp-link-sharing__icon svg {
	width: 2rem;
	height: 2rem;
	color: rgba(0, 0, 0, .75);
}

.affwp-link-sharing__x svg {
	width: 1.5rem;
	height: 1.5rem;
}

#affwp-affiliate-dashboard h4 {
	margin-bottom: 20px;
}

#affwp-graphs-filter {
	margin-bottom: 20px;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs {
	margin: 0 0 20px 0;
	padding: 0;
	border: none;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li {
	display: inline-block;
	padding: 0 10px 0 0;
	margin: 0;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a {
	text-decoration: none;
}

#affwp-affiliate-dashboard-visits {
	table-layout: fixed;
}

#affwp-affiliate-dashboard-payouts-service {
	margin-bottom: 50px;
}

.screen-reader-text {
	position: absolute;
	margin: -1px;
	padding: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	border: 0;
	word-wrap: normal !important;
}

.affwp-spinner svg {
	width: 100%;
	height: 100%;
	vertical-align: top;
	animation: affwp-spinner-rotate 2s linear infinite;
}

.affwp-spinner svg * {
	stroke-width: 2.75;
	fill: none;
}

.affwp-spinner svg :first-child {
	stroke: rgba(0, 0, 0, .1);
}

.affwp-spinner svg :last-child {
	stroke: rgba(17, 24, 28, .8);
	animation: affwp-spinner-dash 2s ease-in-out infinite;
}

@keyframes affwp-spinner-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes affwp-spinner-dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0;
	}
	
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35;
	}
	
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124;
	}
}

.affwp-view-switcher .active svg, .affwp-view-switcher .affwp-view-switcher__button:hover svg {
	color: rgba(0, 0, 0, .75);
}

#affwp-creatives-modal {
	width: 100%;
	max-width: 960px;
	padding: 4rem;
	gap: 2rem;
}

#affwp-printable-area {
	display: none;
}

#affwp-creatives-modal form, #affwp-creatives-modal p {
	margin: 0;
}

@media print {
	#affwp-printable-area {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	
	#affwp-printable-area img {
		display: inline-block;
	}
}