.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:1rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}
.shepherd-cancel-icon{background:transparent;border:none;color:#ffffff75;font-size:2em;cursor:pointer;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:#ffffff}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:#ffffff75}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:#ffffff}
.shepherd-title{color: #fff;display:flex;font-size:1.1rem;font-weight:bold;flex:1 0 auto;margin:0;padding: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:8px}.shepherd-has-title .shepherd-content .shepherd-header{background:var(--maincolor);padding:1em}
.shepherd-header h3 {
  color: #fff;
  font-weight: 700;
}
.shepherd-text{background: var(--maincolor); color:#fff;font-size:1rem;line-height:1.3em;padding:1em 1.2em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}
.shepherd-content{border-radius:5px;outline:none;padding:0}

.shepherd-element{background:var(--maincolor);border-radius:5px;max-width:400px;outline:none;z-index:9999}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-element .shepherd-arrow{content:"";display:block;height:16px;pointer-events:none;position:absolute;width:16px;z-index:10000}.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-arrow,.shepherd-element.shepherd-pinned-top .shepherd-arrow{bottom:1px;border-top-color:var(--maincolor);left:50%;transform:translate(-50%,100%)}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-arrow{border-bottom-color:var(--maincolor);left:50%;top:1px;transform:translate(-50%,-100%)}.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-arrow{border-bottom-color:var(--maincolor)}.shepherd-element.shepherd-element-attached-middle.shepherd-element-attached-left .shepherd-arrow,.shepherd-element.shepherd-pinned-right .shepherd-arrow{border-right-color:var(--maincolor);left:1px;top:50%;transform:translate(-100%,-50%)}.shepherd-element.shepherd-element-attached-middle.shepherd-element-attached-right .shepherd-arrow,.shepherd-element.shepherd-pinned-left .shepherd-arrow{border-left-color:var(--maincolor);right:1px;top:50%;transform:translate(100%,-50%)}

.shepherd-element{background:var(--maincolor);border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);max-width:400px;outline:none;z-index:9999}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-element .shepherd-arrow{border:16px solid transparent;content:"";display:block;height:16px;pointer-events:none;position:absolute;width:16px;z-index:10000}

.shepherd-modal-overlay-container{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:.2;transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}

.shepherd-element[data-popper-placement^='top'] .shepherd-arrow,
.shepherd-element.shepherd-pinned-top .shepherd-arrow {
  border-bottom-color:#fff;left:50%;top:0;transform:translate(-50%,-100%)
}

.shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow {
  bottom:0;border-top-color:#fff;left:50%;transform:translate(-50%,100%)
}

.shepherd-element[data-popper-placement^='left'] .shepherd-arrow,
.shepherd-element.shepherd-pinned-left .shepherd-arrow {
  border-left-color:#fff;left:0;top:50%;transform:translate(-100%,-50%)
}


.shepherd-element[data-popper-placement^='right'] .shepherd-arrow,
.shepherd-element.shepherd-pinned-right .shepherd-arrow {
  border-right-color:#fff;left:0;top:50%;transform:translate(-100%,-50%);
  
}