.shepherd-text{
  font-family: 'Roboto', serif;
}
.shepherd-title{
	font-family: 'Roboto', serif;
	width: min-content;
	color:black;
	display:flex;
	font-size:1rem;
	font-weight:600;
	flex:1 0 auto;
	margin:0;
	padding:0
}

.shepherd-element[data-popper-placement="top"]{
	margin: -20px 0 0 0;
}

.shepherd-element {
	margin: 20px 0 0 0;
	--pink: rgb(239, 36, 117);
	background:#fff;
	border-radius:5px;
	box-shadow:0 1px 4px rgba(0,0,0,.2);
	max-width:400px;
	opacity:0;
	outline:none;
	transition:opacity .3s,visibility .3s;
	visibility:hidden;
	width:100%;
	z-index:9999;
	border: 5px solid var(--pink);
	}

.shepherd-enabled.shepherd-element{
	opacity:1;
	visibility:visible
	}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){
	opacity:0;
	pointer-events:none;
	visibility:hidden
	}
.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{
	box-sizing:border-box
	}
.shepherd-arrow,.shepherd-arrow:before{
	position:absolute;
	width: 50px;
	height: 50px;
	z-index: -9998;
	/*left: -150px;*/
	}
.shepherd-arrow:before{
	content:"";
	transform:rotate(45deg);
	background:#fff;
	border: 5px solid var(--pink);
	}
.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{
	bottom:-15px;
	}
.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{
	top:-15px;
	}
.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{
	right:-15px;
	}
.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{
	left:-15px;
	}
.shepherd-element.shepherd-centered>.shepherd-arrow{
	opacity:0;
	}
.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{
	background-color:white;
	}
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{
	pointer-events:none;
	}
.shepherd-modal-overlay-container {
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=50)';
	filter:alpha(opacity=50);
	height:0;
	left:0;
	opacity:0;
	overflow:hidden;
	pointer-events:none;
	position:fixed;
	top:0;
	transition:all .3s ease-out,height 0ms .3s,opacity .3s 0ms;
	width:100vw;
	z-index:9997
	}
.shepherd-modal-overlay-container.shepherd-modal-is-visible{
	height:100vh;
	opacity:.5;
	transition:all .3s ease-out,height 0s 0s,opacity .3s 0s
	}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path{
	pointer-events:all
	}
.shepherd-content{
	border-radius:5px;
	outline:none;
	background-color: white;
	padding: 20px;
	}
.shepherd-footer{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	display:flex;
	justify-content:flex-end;
	padding:0;
	background-color: white;
	}
.shepherd-footer .shepherd-button:last-child{
	margin-right:0
	}
.shepherd-header{
	align-items:center;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	display:flex;
	justify-content:flex-end;
	line-height: 2em;
	padding: 0 .75rem .75rem 0;
	margin-bottom: 10px;
	}
.shepherd-has-title .shepherd-content .shepherd-header{
	background:white;
	padding:0;
	}
.shepherd-text{
	color:rgba(0,0,0,.9);
	font-size:0.8rem;
	line-height:1.5em;
	padding: 0;
	}
.shepherd-text p{
	margin-top:0}
.shepherd-text p:last-child{
	margin-bottom:0
	}
.shepherd-button{
	background:rgba(239, 36, 117, 1);
	font-size: 12px;
	font-weight: 500;
	height: 26px;
	border:0;
	border-radius:3px;
	color:white;
	cursor:pointer;
	margin-top: 15px;
	margin-right: 0.5rem;
	padding: 0 10px;
	transition:all .5s ease
	}
.shepherd-button:not(:disabled):hover{
	background: rgba(239, 36, 117, 0.8);
	color:white;
	box-shadow: 1px 1px rgba(239, 36, 117, 0.8);
	}
.shepherd-button.shepherd-button-secondary{
	background:#a6b0b3;
	color: white;
	}
.shepherd-button.shepherd-button-secondary:not(:disabled):hover{
	background:rgb(174, 183, 186);
	color: white;
	box-shadow: 1px 1px rgb(174, 183, 186);
	}
.shepherd-button:disabled{
	cursor:not-allowed
	}
.shepherd-progress-indicator{
	background:transparent;
	border:none;
	color:hsla(0,0%,50.2%,.75);
	font-family: arial;
	font-size:2em;
	font-weight:400;
	margin: 0 0 0 20px;
	padding:0;
	line-height: normal;
	transition:color .5s ease;
	top: -5px;
	position: relative;
	white-space: nowrap;
	}
.shepherd-cancel-icon:hover{
	color:rgba(0,0,0,.75)
	}

.shepherd-progress-bar{
	background: linear-gradient(90deg, var(--pink) 20%,  rgb(128, 128, 128) 50%, rgb(128, 128, 128) 100%);
	border-radius: 7px;
	padding: 2px 30px;
	font-size: 10px;
	color: white;
	font-weight: 600;
	}
.shepherd-progress-step{
	background: var(--pink);
	border-radius: 25px;
	width: 27px;
	font-size: 15px;
    text-align: center;
	vertical-align: text-bottom;
	color: white;
	font-weight: 600;
	position: absolute;
	padding: 5px;
	left: -18px;
	top: 12px;
	}

.shepherd-has-title .shepherd-content .shepherd-cancel-icon{
	color:hsla(0,0%,50.2%,.75)
	}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{
	color:rgba(0,0,0,.75)
	}