:root {
	--v-shadow-key-umbra-opacity: rgba(64, 119, 146, 0.15);
	--v-shadow-key-penumbra-opacity: rgba(64, 119, 146, 0.15);
}

.opacity-1 {
	opacity: 1;
}


/**
 Scroll bar
 */

body::-webkit-scrollbar, body *::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	opacity: 0;
}
body:hover::-webkit-scrollbar, body *:hover::-webkit-scrollbar {
	opacity: 1;
}

body::-webkit-scrollbar:hover, body *::-webkit-scrollbar:hover {
	opacity: 1;
}

body::-webkit-scrollbar-track, body *::-webkit-scrollbar-track {
	background-color: rgba(0,0,0, 0.1);
	border-radius: 15px;
}

body::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb {
	background-color: rgb(var(--v-theme-grey-accent));
	border-radius: 15px;
	transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1)
}

body::-webkit-scrollbar-thumb:hover, body *::-webkit-scrollbar-thumb:hover {
	background-color: rgb(var(--v-theme-primary-main));
}

/**
 * Transitions
 */

.section-view-in-enter-active, .section-view-out-enter-active,
.section-view-in-leave-active, .section-view-out-leave-active {
	transition: all 150ms linear;
}

.section-view-in-enter-from, .section-view-out-leave-to,
.section-view-in-leave-to, .section-view-out-enter-from {
	opacity: 0;
}