.shepherd-button { color: rgb(255, 255, 255); cursor: pointer; background: linear-gradient(rgb(45, 212, 191), rgb(13, 148, 136)); border: 1px solid rgba(13, 148, 136, 0.5); border-radius: 6px; margin-right: 0.5rem; padding: 0.5rem 1.25rem; font-size: 0.875rem; font-weight: 500; transition: box-shadow 0.15s, filter 0.15s; box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 3px, rgba(13, 148, 136, 0.2) 0px 2px 8px; }
.shepherd-button:not(:disabled):hover { filter: brightness(1.08); box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset, rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(13, 148, 136, 0.4) 0px 4px 14px, rgba(45, 212, 191, 0.2) 0px 0px 20px; }
.shepherd-button:not(:disabled):active { filter: brightness(0.97); transition-duration: 50ms; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px inset; }
.shepherd-button.shepherd-button-secondary { color: rgb(45, 45, 45); background: linear-gradient(rgb(255, 255, 255), rgb(240, 236, 232)); border: 1px solid rgb(212, 204, 195); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(255, 255, 255, 0.8) 0px 1px inset; }
.shepherd-button.shepherd-button-secondary:not(:disabled):hover { filter: brightness(0.98); box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 6px, rgba(255, 255, 255, 0.8) 0px 1px inset; }
.shepherd-button:disabled { cursor: not-allowed; opacity: 0.5; }
.shepherd-footer { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; justify-content: flex-end; padding: 0px 1em 1em; display: flex; }
.shepherd-footer .shepherd-button:last-child { margin-right: 0px; }
.shepherd-cancel-icon { color: rgb(102, 102, 102); cursor: pointer; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; font-size: 2em; font-weight: 400; transition: color 0.2s; }
.shepherd-cancel-icon:hover { color: rgb(45, 45, 45); }
.shepherd-has-title .shepherd-content .shepherd-cancel-icon { color: rgb(102, 102, 102); }
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover { color: rgb(45, 45, 45); }
.shepherd-title { color: rgb(45, 45, 45); flex: 1 0 auto; margin: 0px; padding: 0px; font-size: 1rem; font-weight: 600; display: flex; }
.shepherd-header { border-top-left-radius: 12px; border-top-right-radius: 12px; justify-content: flex-end; align-items: center; padding: 0.75rem 0.75rem 0px; line-height: 2em; display: flex; }
.shepherd-has-title .shepherd-content .shepherd-header { background: rgb(245, 241, 237); border-bottom: 1px solid rgb(232, 228, 223); padding: 0.75em 1em; }
.shepherd-text { color: rgb(45, 45, 45); padding: 1em; font-size: 1rem; line-height: 1.5em; }
.shepherd-text p { margin-top: 0px; }
.shepherd-text p:last-child { margin-bottom: 0px; }
.shepherd-content { border-radius: 12px; outline: none; padding: 0px; }
.shepherd-element { background: var(--color-card,#fff); opacity: 0; visibility: hidden; z-index: 9999; border-radius: 12px; outline: none; width: 100%; max-width: 400px; transition: opacity 0.3s, visibility 0.3s; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 16px, rgba(0, 0, 0, 0.08) 0px 1px 3px; }
.shepherd-enabled.shepherd-element { opacity: 1; visibility: visible; pointer-events: auto; }
.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 { z-index: -1; width: 16px; height: 16px; position: absolute; }
.shepherd-arrow::before { background: var(--color-card,#fff); content: ""; transform: rotate(45deg); }
.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow { bottom: -8px; }
.shepherd-element[data-popper-placement^="bottom"] > .shepherd-arrow { top: -8px; }
.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow { right: -8px; }
.shepherd-element[data-popper-placement^="right"] > .shepherd-arrow { left: -8px; }
.shepherd-element.shepherd-centered > .shepherd-arrow { opacity: 0; }
.shepherd-element.shepherd-has-title[data-popper-placement^="bottom"] > .shepherd-arrow::before { background-color: rgb(245, 241, 237); }
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target, .shepherd-target-click-disabled.shepherd-enabled.shepherd-target * { pointer-events: none; }
.shepherd-modal-overlay-container { opacity: 0; pointer-events: none; z-index: 9997; width: 100vw; height: 0px; transition: 0.3s ease-out, height 0.3s, opacity 0.3s; position: fixed; top: 0px; left: 0px; overflow: hidden; }
.shepherd-modal-overlay-container.shepherd-modal-is-visible { opacity: 0.2; height: 100vh; transition: 0.3s ease-out, height, opacity 0.3s; transform: translateZ(0px); }
.shepherd-modal-overlay-container.shepherd-modal-is-visible path { pointer-events: all; }
@media screen {
  .dark .shepherd-element, .dark .shepherd-arrow::before { background: var(--color-popover); }
  .dark .shepherd-element { border: 1px solid var(--color-brand-border-dark); }
  .dark .shepherd-has-title .shepherd-content .shepherd-header, .dark .shepherd-element.shepherd-has-title[data-popper-placement^="bottom"] > .shepherd-arrow::before { background: var(--color-brand-beige); border-bottom-color: var(--color-brand-border); }
  .dark .shepherd-title, .dark .shepherd-text { color: var(--color-text-primary); }
  .dark .shepherd-cancel-icon, .dark .shepherd-has-title .shepherd-content .shepherd-cancel-icon { color: var(--color-text-secondary); }
  .dark .shepherd-cancel-icon:hover, .dark .shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover { color: var(--color-text-primary); }
  .dark .shepherd-button.shepherd-button-secondary { border-color: var(--color-brand-border-dark); color: var(--color-text-primary); background: linear-gradient(rgb(46, 43, 39), rgb(39, 36, 31)); }
}