.guide-active .guide-overlay,.guide-active *{pointer-events:none}.guide-active .guide-active-element,.guide-active .guide-active-element *,.guide-popover,.guide-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.guide-overlay{animation:animate-fade-in .2s ease-in-out}.guide-popover{all:unset;box-sizing:border-box;color:#2d2d2d;overflow:hidden;margin:0;padding:15px;border-radius:5px;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff;max-width:95vw}.guide-popover *{font-family:var( --guide-font-family, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" )}.guide-popover-title{font-size:19px;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.guide-popover-close-btn{all:unset;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;color:#aaa;border-radius:4px;transition:color .2s,background-color .2s}.guide-popover-close-btn:hover,.guide-popover-close-btn:focus{color:#555;background-color:#f0f0f0}.guide-popover-footer{margin-top:10px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.guide-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}:not(body):has(>.guide-active-element){overflow:hidden!important}.guide-no-interaction,.guide-no-interaction *{pointer-events:none!important}.guide-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.guide-popover-navigation-btns button+button{margin-left:4px}.guide-popover-arrow{content:"";position:absolute;border:5px solid #fff}.guide-popover-arrow-side-over{display:none}.guide-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.guide-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.guide-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.guide-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.guide-popover-arrow-side-center{display:none}.guide-popover-arrow-side-left.guide-popover-arrow-align-start,.guide-popover-arrow-side-right.guide-popover-arrow-align-start{top:15px}.guide-popover-arrow-side-top.guide-popover-arrow-align-start,.guide-popover-arrow-side-bottom.guide-popover-arrow-align-start{left:15px}.guide-popover-arrow-align-end.guide-popover-arrow-side-left,.guide-popover-arrow-align-end.guide-popover-arrow-side-right{bottom:15px}.guide-popover-arrow-side-top.guide-popover-arrow-align-end,.guide-popover-arrow-side-bottom.guide-popover-arrow-align-end{right:15px}.guide-popover-arrow-side-left.guide-popover-arrow-align-center,.guide-popover-arrow-side-right.guide-popover-arrow-align-center{top:50%;margin-top:-5px}.guide-popover-arrow-side-top.guide-popover-arrow-align-center,.guide-popover-arrow-side-bottom.guide-popover-arrow-align-center{left:50%;margin-left:-5px}.guide-popover-arrow-none{display:none}.guide-popover-header{position:relative}.guide-popover-content,.guide-popover-content-inner{box-sizing:border-box}.guide-popover-label{display:flex;align-items:center;gap:.375rem;padding:10px 10px 0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.guide-popover-label span{display:inline-block;width:.5rem;height:.5rem;border-radius:9999px}.guide-popover-footer>div{display:flex;width:100%;align-items:center;justify-content:space-between;box-sizing:border-box}.steps-count{font-size:.875rem;color:var(--secondary-text-color, #727272)}.guide-popover-pagination-step{display:block;height:4.5px;width:7px;overflow:hidden;border-radius:.5rem;transition:transform .3s}.guide-popover-pagination-step-active{width:30px}.step-action{display:flex;flex-grow:1;gap:.75rem}.step-next,.step-close,.step-previous{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:2rem;padding:0 .75rem;font-size:.875rem;border-style:solid;border-width:1px;cursor:pointer;transition:background-color .3s,color .3s}.step-next{gap:.5rem;border-radius:var(--next-button-radius, 8px);border-color:var(--next-button-border-color, #3912e2);background-color:var(--next-button-bg-color, #3912e2);color:var(--next-button-text-color, #fff)}.step-next:hover{background-color:var(--next-button-hover-color, #281386)}.step-close{border-radius:var(--close-button-radius, 8px);border-color:var(--close-button-border-color, #e8e8e8);background-color:var(--close-button-bg-color, #eee);color:var(--close-button-text-color, #111);box-shadow:var(--close-button-shadow, none)}.step-close:hover{background-color:var(--close-button-hover-color, #f5f5f5)}.step-previous{gap:.5rem;border-radius:var(--prev-button-radius, 8px);border-color:var(--prev-button-border-color, #e8e8e8);background-color:var(--prev-button-bg-color, #eee);color:var(--prev-button-text-color, #111);box-shadow:var(--prev-button-shadow, none)}.step-previous:hover{background-color:var(--prev-button-hover-color, #f5f5f5)}.guide-popover-banner{display:flex;align-items:center;gap:1rem;padding:0 1rem 1rem;box-sizing:border-box}.guide-popover .actions{display:flex;align-items:center;gap:.5rem}.guide-beacon{position:fixed;z-index:1000000001}.guide-beacon-badge{display:flex;height:22px;width:22px;align-items:center;justify-content:center;border-radius:var(--badge-radius, 4px);background-color:var(--badge-bg, #3912e2);color:var(--badge-text, #fff);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.guide-beacon-hotspot{position:relative;width:12px;height:12px}.guide-beacon-hotspot>div:first-child{position:absolute;inset:0;border-radius:9999px;background-color:var(--beacon-bg, #3912e2);opacity:.75;animation:beacon-ping 1s cubic-bezier(0,0,.2,1) infinite}.guide-beacon-hotspot>div:last-child{position:relative;width:12px;height:12px;border-radius:9999px;background-color:var(--beacon-bg, #3912e2)}.guide-beacon-label{border-radius:var(--badge-radius, 4px);background-color:var(--badge-bg, #3912e2);padding:0 5px;font-size:.75rem;color:var(--badge-text, #fff);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@keyframes beacon-ping{75%,to{transform:scale(2);opacity:0}}