guidechimp/dist/guidechimp.min.css

Deliver the perfect product experience & simplify user onboarding with step by step interactive walkthroughs.

/*! GuideChimp v5.0.0 | Copyright (C) 2024 Labs64 GmbH */.gc .gc-relative{position:relative}.gc .gc-fixed{position:fixed}.gc.gc-loading .gc-control,.gc.gc-loading .gc-interaction,.gc.gc-loading .gc-tooltip{display:none}.gc-overlay{bottom:0;box-sizing:content-box;left:0;opacity:.4;pointer-events:none;position:fixed;right:0;top:0;z-index:6400}.gc-overlay svg{fill:#222;height:100%;width:100%}.gc-overlay svg path{pointer-events:fill}.gc-control{background-color:transparent;box-sizing:content-box;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;visibility:hidden;z-index:6404}.gc-control,.gc-interaction{position:absolute}.gc-interaction.gc-disable{cursor:inherit;filter:alpha(opacity=0);opacity:0;z-index:6403}.gc-interaction.gc-disable,.gc-tooltip{background-color:#fff;position:absolute}.gc-tooltip{border-radius:3px;box-shadow:0 1px 10px rgba(0,0,0,.4);box-sizing:content-box;max-width:550px;min-width:300px;padding:25px;-moz-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out;visibility:visible}.gc-tooltip[data-guidechimp-position=top]{margin-bottom:10px}.gc-tooltip[data-guidechimp-position=left],.gc-tooltip[data-guidechimp-position=right]{margin:0 10px}.gc-tooltip[data-guidechimp-position=bottom]{margin-top:10px}.gc-tooltip[data-guidechimp-alignment=right]{margin-left:5px}.gc-tooltip[data-guidechimp-alignment=left]{margin-right:5px}.gc-tooltip-tail{border:6px solid transparent;content:"";position:absolute}.gc-tooltip[data-guidechimp-position=top] .gc-tooltip-tail{border-top-color:#fff;bottom:-10px}.gc-tooltip[data-guidechimp-position=top][data-guidechimp-alignment=right] .gc-tooltip-tail{border-top-color:#fff;bottom:-10px;right:10px}.gc-tooltip[data-guidechimp-position=top][data-guidechimp-alignment=middle] .gc-tooltip-tail{border-top-color:#fff;bottom:-10px;left:50%;margin-left:-5px}.gc-tooltip[data-guidechimp-position=left] .gc-tooltip-tail{border-left-color:#fff;right:-10px;top:10px}.gc-tooltip[data-guidechimp-position=right] .gc-tooltip-tail{border-right-color:#fff;left:-10px;top:10px}.gc-tooltip[data-guidechimp-position=bottom] .gc-tooltip-tail{border-bottom-color:#fff;top:-10px}.gc-tooltip[data-guidechimp-position=bottom][data-guidechimp-alignment=right] .gc-tooltip-tail{border-bottom-color:#fff;right:10px;top:-10px}.gc-tooltip[data-guidechimp-position=bottom][data-guidechimp-alignment=middle] .gc-tooltip-tail{border-bottom-color:#fff;left:50%;margin-left:-5px;top:-10px}.gc-close{cursor:pointer;display:inline-block;height:15px;margin:10px;opacity:.4;overflow:hidden;position:absolute;right:0;top:0;width:15px}.gc-close:hover{opacity:1}.gc-close:after,.gc-close:before{background:#000;border-radius:5px;content:"";height:2px;left:0;margin-top:-1px;position:absolute;top:50%;width:100%}.gc-close:before{transform:rotate(45deg)}.gc-close:after{transform:rotate(-45deg)}.gc-progressbar{background-color:#e14817;border-radius:2px 0 0 0;box-sizing:content-box;float:left;font-size:10px;height:5px;left:0;line-height:10px;position:absolute;text-align:center;top:0;width:0}.gc-progressbar[aria-valuenow="100"]{border-radius:2px 2px 0 0}.gc-tooltip[data-guidechimp-position=bottom] .gc-progressbar{border-radius:0 0 0 2px;bottom:0;top:auto}.gc-tooltip[data-guidechimp-position=bottom] .gc-progressbar[aria-valuenow="100"]{border-radius:0 0 2px 2px}.gc-progressbar.gc-hidden{display:none}.gc-fake-step{height:0;left:50%;position:absolute;top:50%;width:0}.gc-title{font-size:18px;font-weight:700;margin-bottom:20px;padding:0 5px}.gc-title.gc-hidden{display:none}.gc-description{font-size:14px;margin-bottom:20px;max-height:200px;overflow-y:auto;padding:0 5px;scroll-behavior:smooth;text-align:justify}.gc-description.gc-hidden{display:none}.gc-custom-buttons{margin-bottom:20px}.gc-custom-buttons.gc-hidden{display:none}.gc-navigation{display:flex;justify-content:space-between;padding:20px 10px 10px}.gc-navigation.gc-hidden{display:none}.gc-navigation-next,.gc-navigation-prev{border-bottom:5px solid #bebebe;border-right:5px solid #bebebe;cursor:pointer;height:15px;width:15px}.gc-navigation-next:hover,.gc-navigation-prev:hover{border-color:#e14817;opacity:1}.gc-navigation-next.gc-hidden,.gc-navigation-prev.gc-hidden{visibility:hidden}.gc-navigation-prev{transform:rotate(-225deg)}.gc-navigation-next{transform:rotate(-45deg)}.gc-pagination.gc-hidden{visibility:hidden}.gc-pagination-theme-numbers{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.gc-pagination-theme-numbers .gc-pagination-dots,.gc-pagination-theme-numbers .gc-pagination-item{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:center;margin:0 5px}.gc-pagination-theme-numbers .gc-pagination-dots{color:#e14817;cursor:auto;height:20px;width:20px}.gc-pagination-theme-numbers .gc-pagination-item{border-radius:2px;height:20px;width:20px}.gc-pagination-theme-numbers .gc-pagination-item.gc-pagination-active,.gc-pagination-theme-numbers .gc-pagination-item:hover{background:#e14817;color:#fff}.gc-pagination-theme-circles .gc-pagination-item{background-color:#bebebe;border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-block;height:8px;margin:0 5px;padding:0;width:8px}.gc-pagination-theme-circles .gc-pagination-item.gc-pagination-active,.gc-pagination-theme-circles .gc-pagination-item:hover{background-color:#e14817}.gc-copyright{left:0;margin:0 0 5px 10px}.gc-copyright,.gc-notification{bottom:0;color:#888;font-family:Arial,serif;font-size:10px;letter-spacing:.1em;position:absolute}.gc-notification{margin:0 10px 5px 0;right:0}.gc-notification a.gc-link{color:#888}.gc-preloader{height:80px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:80px;z-index:6405}.gc-preloader:after{animation:gc-preloader 1.2s linear infinite;border-color:#fff transparent;border-radius:50%;border-style:solid;border-width:6px;content:" ";display:block;height:64px;margin:8px;width:64px}.gc-preloader.gc-hidden{display:none}@keyframes gc-preloader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:360px){.gc-tooltip{max-width:290px;min-width:260px}}
/*# sourceMappingURL=guidechimp.min.css.map*/