/* driver.js@1.8.0 dist/driver.css, vendored (MIT). Keep in step with the importmap pin in config/importmap.rb. Theme overrides live in tour.css. */
.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}
/*
 * Product tour popover (Driver.js) in DaisyUI theme tokens. Driver renders its
 * markup from JS, which Tailwind never scans, so Driver's own class names are
 * styled here instead of adding btn classes. Loaded after driver.css by
 * require_tree; the .crowdpleaser-tour class comes from popoverClass in
 * app/javascript/controllers/tour_controller.js.
 */
.driver-popover.crowdpleaser-tour {
  background-color: var(--color-base-200);
  color: var(--color-base-content);
  border: 1px solid var(--color-base-300);
  border-radius: var(--radius-box, 0.5rem);
  box-shadow: 0 10px 30px rgb(0 0 0 / 0.45);
  padding: 1rem 1.25rem 1rem 1rem;
  min-width: 16rem;
  max-width: min(22rem, calc(100vw - 2rem));
  font-family: inherit;
}

.crowdpleaser-tour .driver-popover-title {
  font-size: 1rem;
  font-weight: 700;
  padding-right: 1.5rem;
}

.crowdpleaser-tour .driver-popover-description {
  margin-top: 0.4rem;
  font-size: 0.9rem;
  line-height: 1.5;
  color: color-mix(in oklch, var(--color-base-content) 80%, transparent);
}

.crowdpleaser-tour .driver-popover-progress-text {
  color: color-mix(in oklch, var(--color-base-content) 55%, transparent);
  font-size: 0.75rem;
}

.crowdpleaser-tour .driver-popover-close-btn {
  color: color-mix(in oklch, var(--color-base-content) 60%, transparent);
  top: 0.4rem;
  right: 0.4rem;
}
.crowdpleaser-tour .driver-popover-close-btn:hover,
.crowdpleaser-tour .driver-popover-close-btn:focus {
  color: var(--color-base-content);
}

/* Buttons mimic btn btn-sm: 2px transparent border so ghost and filled align. */
.crowdpleaser-tour .driver-popover-footer-btn {
  border: 2px solid transparent;
  border-radius: var(--radius-field, 0.25rem);
  padding: 0.35rem 0.85rem;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.25;
  background-color: transparent;
  color: var(--color-base-content);
  border-color: var(--color-base-300);
}
.crowdpleaser-tour .driver-popover-footer-btn:hover,
.crowdpleaser-tour .driver-popover-footer-btn:focus {
  background-color: var(--color-base-300);
}
/* Next / Done is the last button in the navigation group. */
.crowdpleaser-tour .driver-popover-navigation-btns button:last-child {
  background-color: var(--color-primary);
  color: var(--color-primary-content);
  border-color: transparent;
}
.crowdpleaser-tour .driver-popover-navigation-btns button:last-child:hover,
.crowdpleaser-tour .driver-popover-navigation-btns button:last-child:focus {
  background-color: color-mix(in oklch, var(--color-primary) 88%, black);
}

/* The arrow is a CSS triangle; recolour the visible side for each placement. */
.crowdpleaser-tour .driver-popover-arrow-side-top    { border-top-color: var(--color-base-200); }
.crowdpleaser-tour .driver-popover-arrow-side-bottom { border-bottom-color: var(--color-base-200); }
.crowdpleaser-tour .driver-popover-arrow-side-left   { border-left-color: var(--color-base-200); }
.crowdpleaser-tour .driver-popover-arrow-side-right  { border-right-color: var(--color-base-200); }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */