@keyframes msb-flash {
	0%, 10%, 20%, to {
		opacity: 1;
	}
	
	15%, 5% {
		opacity: 0;
	}
}

@keyframes msb-shake {
	0%, 27%, to {
		transform: translateZ(0);
	}
	
	15%, 21%, 3%, 9% {
		transform: translate3d(-10px, 0, 0);
	}
	
	12%, 18%, 24%, 6% {
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes msb-swing {
	5% {
		transform: rotate(15deg);
	}
	
	10% {
		transform: rotate(-10deg);
	}
	
	15% {
		transform: rotate(5deg);
	}
	
	20% {
		transform: rotate(-5deg);
	}
	
	25%, to {
		transform: rotate(0deg);
	}
}

@keyframes msb-tada {
	0% {
		transform: scaleX(1);
	}
	
	2%, 4% {
		transform: scale3d(.9, .9, .9) rotate(-3deg);
	}
	
	10%, 14%, 18%, 6% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
	}
	
	12%, 16%, 8% {
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
	}
	
	20%, to {
		transform: scaleX(1);
	}
}

@keyframes msb-heartbeat {
	0% {
		transform: scale(1);
	}
	
	4% {
		transform: scale(1.3);
	}
	
	8% {
		transform: scale(1);
	}
	
	12% {
		transform: scale(1.3);
	}
	
	18%, to {
		transform: scale(1);
	}
}

@keyframes msb-wobble {
	0% {
		transform: translateZ(0);
	}
	
	3% {
		transform: translate3d(-25%, 0, 0) rotate(-5deg);
	}
	
	6% {
		transform: translate3d(20%, 0, 0) rotate(3deg);
	}
	
	9% {
		transform: translate3d(-15%, 0, 0) rotate(-3deg);
	}
	
	12% {
		transform: translate3d(10%, 0, 0) rotate(2deg);
	}
	
	15% {
		transform: translate3d(-5%, 0, 0) rotate(-1deg);
	}
	
	18%, to {
		transform: translateZ(0);
	}
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn {
	align-items: center;
	background-color: var(--msb-button-bg-color, #000);
	border-radius: var(--msb-button-border-radius, 4px);
	color: var(--msb-button-text-color, #fff);
	display: inline-flex;
	justify-content: center;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	text-decoration: none;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn p {
	margin: 0;
	padding: 0;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn .button-text {
	align-items: center;
	border-radius: 4px;
	display: inline-block;
	padding: 5px 8px;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-shadow, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-shadow:hover {
	box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .35);
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:hover {
	box-shadow: 0 5px var(--msb-button-effect-color, #435100);
	transition: all .1s ease-in-out;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:active, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:hover:active {
	box-shadow: 0 1px var(--msb-button-effect-color, #435100);
	top: 4px;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect.has-msb-shadow, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-3d-effect:hover.has-msb-shadow {
	box-shadow: 0 5px var(--msb-button-effect-color, #435100), 0 8px 20px -2px rgba(0, 0, 0, .4);
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn:not(.has-msb-shadow,.has-msb-3d-effect):hover {
	box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .35);
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=flash] {
	animation: msb-flash 4s linear 0s infinite;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=shake] {
	animation: msb-shake 4s linear 0s infinite;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=swing] {
	animation: msb-swing 4s linear 0s infinite;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=tada] {
	animation: msb-tada 4s linear 0s infinite;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=heartbeat] {
	animation: msb-heartbeat 4s linear 0s infinite;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-animation[data-animation=wobble] {
	animation: msb-wobble 4s linear 0s infinite;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border:hover {
	border: 1px solid var(--msb-button-border-color, #000);
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:before, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:before, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:before, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:before, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:before, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:before, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:before, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:before {
	background-color: var(--msb-button-hover-border-color, #000);
	content: "";
	position: absolute;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] {
	transition: all .1s ease .6s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover {
	background-color: var(--msb-button-hover-bg-color, #fff);
	border-color: var(--msb-button-hover-bg-color, #fff);
	border-radius: 0;
	color: var(--msb-button-hover-text-color, #000);
	transition: all .1s ease;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:before {
	height: 0;
	width: 2px;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:before {
	bottom: 0;
	left: 0;
	transition: all .1s ease .3s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:after {
	right: 0;
	top: 0;
	transition: all .1s ease;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:before {
	height: 2px;
	width: 0;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:before {
	left: 0;
	top: 0;
	transition: all .1s ease .2s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1] .button-text:after {
	bottom: 0;
	right: 0;
	transition: all .1s ease .4s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover:before {
	height: 100%;
	transition: all .1s ease .2s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover:after {
	height: 100%;
	transition: all .1s ease .4s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover .button-text:before {
	transition: all .1s ease .3s;
	width: 100%;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border1]:hover .button-text:after {
	transition: all .1s ease .1s;
	width: 100%;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] {
	transition: all .1s ease .3s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover {
	background-color: var(--msb-button-hover-bg-color, #fff);
	border-color: var(--msb-button-hover-bg-color, #fff);
	border-radius: 0;
	color: var(--msb-button-hover-text-color, #000);
	transition: all .1s ease;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:before {
	height: 0;
	transition: all .1s ease .1s;
	width: 2px;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:before {
	bottom: 0;
	left: 0;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:after {
	right: 0;
	top: 0;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:before {
	height: 2px;
	transition: all .1s ease .1s;
	width: 0;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:before {
	right: 0;
	top: 0;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2] .button-text:after {
	bottom: 0;
	left: 0;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover:before {
	height: 100%;
	transition: all .1s ease .1s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover .button-text:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border2]:hover .button-text:before {
	transition: all .1s ease .1s;
	width: 100%;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] {
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	transition: all .1s ease .1s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:before {
	right: 0;
	top: 0;
	transition: all .1s ease .1s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:before {
	bottom: 0;
	left: 0;
	transition: all .1s ease .1s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] {
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	transition: all .1s ease .1s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:before {
	bottom: 0;
	right: 0;
	transition: all .1s ease .1s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:before {
	left: 0;
	top: 0;
	transition: all .1s ease .1s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover {
	background-color: var(--msb-button-hover-bg-color, #fff);
	border-color: var(--msb-button-hover-bg-color, #fff);
	border-radius: 0;
	color: var(--msb-button-hover-text-color, #000);
	transition: all .1s ease;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:before, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:before {
	height: 2px;
	width: 14px;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:before, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:before, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:after {
	height: 14px;
	width: 2px;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3] .button-text:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4] .button-text:after {
	height: 2px;
	width: 14px;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover:before, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover:before {
	transition: all .1s ease .1s;
	width: 100%;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover .button-text:before, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover .button-text:before, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover:after {
	height: 100%;
	transition: all .1s ease .1s;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border3]:hover .button-text:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-border-effect[data-border-style=border4]:hover .button-text:after {
	transition: all .1s ease .1s;
	width: 100%;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect:hover {
	color: var(--msb-button-hover-text-color, var(--msb-button-text-color, #fff));
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect:hover[data-fill-style=fill1] {
	background-color: var(--msb-button-hover-bg-color, var(--msb-button-bg-color, #000));
	border-color: var(--msb-button-hover-bg-color, var(--msb-button-bg-color, #000));
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill2]:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill3]:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill4]:after, .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill5]:after {
	background-color: var(--msb-button-hover-bg-color, var(--msb-button-bg-color, #000));
	border-radius: var(--msb-button-border-radius, 4px);
	content: "";
	direction: rtl;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all .3s ease;
	width: 0;
	z-index: -1;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill2]:hover:after {
	left: auto;
	right: 0;
	width: 100%;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill3]:after {
	bottom: 0;
	height: 0;
	top: auto;
	width: 100%;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill3]:hover:after {
	height: 100%;
	top: 0;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill4]:after {
	height: 0;
	top: 0;
	width: 100%;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill4]:hover:after {
	bottom: 0;
	height: 100%;
	top: auto;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill5]:after {
	height: 100%;
	left: auto;
	right: 0;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-btn a.msb-welcomebar-btn.has-msb-bg-effect[data-fill-style=fill5]:hover:after {
	left: 0;
	width: 100%;
}