.isHidden {
	display: none;

	&Mobile {
		@include MediaQuery(phone) {
			display: none
		}
	}
}

.petiteCaps {
	font-variant: petite-caps
}

.flexCenter {
	display: flex;
	align-content: center;
	align-items: center
}

.is {
	&NoWrap {
		white-space: nowrap
	}

	&Finger {
		cursor: pointer
	}
}

.neomorph {
	/*box-shadow: 0px 0px 4px 4px rgba($background, 1), -8px -8px 16px rgba($light-shadow, 1), 8px 8px 16px rgba($dark-shadow, 1);*/
	box-shadow: -8px -8px 16px rgba($light-shadow, .5), 8px 8px 16px rgba($dark-shadow, .5);

	&Small {
		/*box-shadow: 0px 0px 3px 3px rgba($background, 1), -6px -6px 12px rgba($light-shadow, 1), 6px 6px 12px rgba($dark-shadow, 1);*/
		box-shadow: -6px -6px 12px rgba($light-shadow, .5), 6px 6px 12px rgba($dark-shadow, .5);
	}

	&Bottom {
		filter: drop-shadow(8px 8px 14px rgba($dark-shadow, 1));
	}
}

.gradientBackground {
	background: linear-gradient(to right bottom,$background-light,$background-dark)
}

.borderR {
	border-radius: $border-radius;

	&Small {
		border-radius: $border-radius-s;
	}

	&Big {
		border-radius: $border-radius-b;
	}
}

.bg {
	background: $background
}

.sameMarginBottom{
	margin-bottom: 1rem !important
}