tour-popup{border-radius:8px;box-shadow:1px 2px 10px 1px rgba(0,0,0,0.2);background-color:var(--theme-secondary);position:absolute;left:16px;top:16px;flex-flow:column nowrap;min-width:300px;max-width:456px;color:white;z-index:1000000;max-height:calc(100vh - 16px)}tour-popup:not([hidden]){display:flex}tour-popup h6{padding:0px 16px;font-size:1.22rem;line-height:initial;margin:0;margin-bottom:6px}tour-popup h6[empty]{margin-bottom:0px}tour-popup h6:before{content:"";height:12px;display:block}tour-popup tour-popup-body{padding:4px 16px;margin-bottom:8px;overflow-y:auto}tour-popup tour-popup-body text{background-color:transparent !important;color:white;margin:initial;padding:initial}tour-popup tour-popup-body text p{margin:0px}tour-popup tour-step-count{opacity:.7;font-size:1.1rem;padding:0 16px;margin-bottom:12px;text-align:end}tour-popup tour-popup-actions{display:flex;padding:0px 16px 12px 14px;justify-content:flex-end}tour-popup tour-popup-actions button{text-transform:initial !important}tour-popup tour-popup-actions .skip-button,tour-popup tour-popup-actions .leave-tours-button{--button-color: white;padding:4px;min-width:70px}tour-popup tour-popup-actions .skip-button:after,tour-popup tour-popup-actions .leave-tours-button:after{opacity:0 !important}tour-popup tour-popup-actions .skip-button{margin-right:8px}tour-popup tour-popup-actions .leave-tours-button{margin-right:auto}tour-popup tour-popup-actions .return-button{margin-left:32px}tour-popup tour-popup-actions .next-button{margin-left:12px;transition:width 120ms cubic-bezier(0.47, 0, 0.75, 0.72);will-change:width}tour-popup tour-popup-actions .return-button,tour-popup tour-popup-actions .next-button{--button-color: #fff;--ripple-color: var(--theme-secondary);color:var(--theme-secondary);width:80px}tour-popup tour-popup-actions .return-button:before,tour-popup tour-popup-actions .next-button:before{color:inherit !important}tour-popup[finished=true][started-finished] .next-button{transition:initial}tour-popup[finished=true] .next-button{width:110px;padding:0px 16px 0px 8px}tour-popup[finished=true] .next-button check-icon{display:flex}tour-popup[finished=true] .next-button check-icon path{animation:check-path-appearing 195ms cubic-bezier(0.4, 0, 1, 1);stroke-dashoffset:0;opacity:1}tour-popup tour-popup-arrow{overflow:visible;position:relative;top:-142px;left:-6px}tour-popup tour-popup-arrow[arrow-direction="left"]:before{box-shadow:-2px 5px 5px -3px rgba(0,0,0,0.2)}tour-popup tour-popup-arrow[arrow-direction="bottom"]:before{box-shadow:4px 6px 5px -3px rgba(0,0,0,0.2)}tour-popup tour-popup-arrow[arrow-direction="right"]:before{box-shadow:5px -3px 5px -3px rgba(0,0,0,0.2)}tour-popup tour-popup-arrow[arrow-direction="top"]:before{box-shadow:-4px -5px 5px -3px rgba(0,0,0,0.2)}tour-popup tour-popup-arrow:before{content:"";border:8px solid var(--theme-secondary);position:absolute;box-shadow:-2px 5px 5px -3px rgba(0,0,0,0.2);transform:rotate(45deg)}check-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;position:relative;transform:scale(0.6);display:none}check-icon svg{stroke:var(--theme-secondary);fill:transparent;stroke-width:3.12px;width:100%;top:0;right:0;bottom:0;left:0;height:100%;position:absolute}check-icon svg path{animation:check-path-desappearing 175ms cubic-bezier(0.4, 0, 1, 1);stroke-dashoffset:29.783338;stroke-dasharray:29.783338;opacity:0;will-change:stroke-dashoffset, opacity}@keyframes check-path-appearing{0%{stroke-dashoffset:29.783338}100%{stroke-dashoffset:0}}@keyframes check-path-desappearing{0%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:29.783338;opacity:0}}