guidechimp/dist/guidechimp.min.css.map

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

{"version":3,"file":"guidechimp.min.css","mappings":"yDACE,iBACE,kBAGF,cACE,eAYA,qFACE,aAKN,YAKE,SAEA,uBADA,OAEA,WACA,oBARA,eAGA,QADA,MADA,YAOA,CAEA,gBACE,UAEA,YADA,UACA,CAEA,qBACE,oBAKN,YASE,6BALA,uBACA,iCACA,+BACA,oCACA,4BALA,kBADA,YAOA,CAGF,4BAXE,iBAYA,CAEA,2BAEE,eAIA,wBAFA,UADA,YAGA,CAIJ,uCALI,sBAJA,iBAsBF,CAbF,YAWE,kBAEA,qCAVA,uBAEA,gBADA,gBAEA,aACA,qCACA,mCACA,wCACA,gCARA,kBAWA,CAEA,0CACE,mBAOF,uFACE,cAGF,6CACE,gBAGF,6CACE,gBAGF,4CACE,iBAIJ,iBAGE,6BADA,WADA,iBAEA,CAEA,2DAEE,sBADA,YACA,CAGF,4FAGE,sBADA,aADA,UAEA,CAGF,6FAIE,sBAHA,aACA,SACA,gBACA,CAGF,4DAGE,uBADA,YADA,QAEA,CAGF,6DAGE,wBADA,WADA,QAEA,CAGF,8DAEE,yBADA,SACA,CAGF,+FAGE,yBADA,WADA,SAEA,CAGF,gGAIE,yBAFA,SACA,iBAFA,SAGA,CAIJ,UASE,eALA,qBAGA,YACA,YAEA,WALA,gBAJA,kBAEA,QADA,MAIA,UAIA,CAEA,gBACE,UAGF,iCASE,gBADA,kBADA,WAFA,WAFA,OAGA,gBALA,kBACA,QAEA,UAKA,CAGF,iBACE,wBAGF,gBACE,yBAIJ,gBAYE,yBADA,wBAJA,uBADA,WALA,eAQA,WAJA,OAHA,iBACA,kBAOA,kBANA,MAIA,OCjNQ,CDuNR,qCACE,0BAGF,6DAGE,wBADA,SADA,QAEA,CAEA,kFACE,0BAIJ,0BACE,aAIJ,cAKE,QAAO,CAFP,SAFA,kBACA,QAEA,OACA,CAGF,UACE,eACA,gBACA,mBACA,cAEA,oBACE,aAIJ,gBACE,eAGA,mBADA,iBADA,gBAGA,cAEA,uBADA,kBACA,CAEA,0BACE,aAIJ,mBACE,mBAEA,6BACE,aAIJ,eACE,aACA,8BACA,uBAEA,yBACE,aAIJ,wCAME,gCADA,+BADA,eADA,YADA,UAIA,CAEA,oDAEE,qBADA,SCtSM,CD0SR,4DACE,kBAIJ,oBACE,0BAGF,oBACE,yBAIA,yBACE,kBAIJ,6BAGE,mBAFA,aACA,uBAEA,SACA,UAEA,kGAIE,mBAGA,eALA,aAIA,eAHA,uBAEA,YAEA,CAGF,iDAGE,aCjVM,CDkVN,YAFA,YADA,UAGA,CAGF,iDAGE,kBADA,YADA,UAEA,CAOA,6HAEE,mBADA,UChWI,CDuWR,iDACE,wBCvWQ,CDwWR,kBACA,sBACA,eACA,qBACA,WACA,aACA,UACA,UAMA,6HACE,wBCvXI,CD4XV,cAKE,OACA,mBAEA,CAGF,+BAPE,SAIA,WAPA,wBACA,eAKA,oBAJA,iBAgBA,CARF,iBAME,oBADA,OAGA,CAEA,2BACE,WAIJ,cAME,YAFA,SAHA,eAEA,QAIA,+BAFA,WAHA,YAKA,CAEA,oBAME,4CAEA,8BACA,kBADA,oCAHA,YAJA,cAEA,YACA,WAFA,UAOA,CAGF,wBACE,aAIJ,wBACE,GACE,uBAGF,GACE,yBEvbJ,wBACE,YAEE,gBADA,eACA","sources":["webpack://GuideChimp/./src/assets/imports/_base.scss","webpack://GuideChimp/./src/assets/imports/_variables.scss","webpack://GuideChimp/./src/assets/imports/_media.scss"],"sourcesContent":[".gc {\n  .gc-relative {\n    position: relative;\n  }\n\n  .gc-fixed {\n    position: fixed;\n  }\n\n  &.gc-loading {\n    .gc-interaction {\n      display: none;\n    }\n\n    .gc-control {\n      display: none;\n    }\n\n    .gc-tooltip {\n      display: none;\n    }\n  }\n}\n\n.gc-overlay {\n  position: fixed;\n  z-index: 6400;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  box-sizing: content-box;\n  opacity: 0.4;\n  pointer-events: none;\n\n  & svg {\n    fill: #222222;\n    width: 100%;\n    height: 100%;\n\n    & path {\n      pointer-events: fill;\n    }\n  }\n}\n\n.gc-control {\n  position: absolute;\n  z-index: 6404;\n  visibility: hidden;\n  box-sizing: content-box;\n  -moz-transition: all 0.3s ease-out;\n  -o-transition: all 0.3s ease-out;\n  -webkit-transition: all 0.3s ease-out;\n  transition: all 0.3s ease-out;\n  background-color: transparent;\n}\n\n.gc-interaction {\n  position: absolute;\n\n  &.gc-disable {\n    position: absolute;\n    cursor: inherit;\n    z-index: 6403;\n    opacity: 0;\n    background-color: white;\n    filter: alpha(opacity=0);\n  }\n}\n\n.gc-tooltip {\n  position: absolute;\n  visibility: visible;\n  box-sizing: content-box;\n  min-width: 300px;\n  max-width: 550px;\n  padding: 25px;\n  -moz-transition: opacity 0.1s ease-out;\n  -o-transition: opacity 0.1s ease-out;\n  -webkit-transition: opacity 0.1s ease-out;\n  transition: opacity 0.1s ease-out;\n  border-radius: 3px;\n  background-color: white;\n  box-shadow: 0 1px 10px rgba(0, 0, 0, .4);\n\n  &[data-guidechimp-position='top'] {\n    margin-bottom: 10px;\n  }\n\n  &[data-guidechimp-position='left'] {\n    margin: 0 10px 0 10px;\n  }\n\n  &[data-guidechimp-position='right'] {\n    margin: 0 10px 0 10px;\n  }\n\n  &[data-guidechimp-position='bottom'] {\n    margin-top: 10px;\n  }\n\n  &[data-guidechimp-alignment='right'] {\n    margin-left: 5px;\n  }\n\n  &[data-guidechimp-alignment='left'] {\n    margin-right: 5px;\n  }\n}\n\n.gc-tooltip-tail {\n  position: absolute;\n  content: '';\n  border: 6px solid transparent;\n\n  .gc-tooltip[data-guidechimp-position='top'] & {\n    bottom: -10px;\n    border-top-color: white;\n  }\n\n  .gc-tooltip[data-guidechimp-position='top'][data-guidechimp-alignment='right'] & {\n    right: 10px;\n    bottom: -10px;\n    border-top-color: white;\n  }\n\n  .gc-tooltip[data-guidechimp-position='top'][data-guidechimp-alignment='middle'] & {\n    bottom: -10px;\n    left: 50%;\n    margin-left: -5px;\n    border-top-color: white;\n  }\n\n  .gc-tooltip[data-guidechimp-position='left'] & {\n    top: 10px;\n    right: -10px;\n    border-left-color: white;\n  }\n\n  .gc-tooltip[data-guidechimp-position='right'] & {\n    top: 10px;\n    left: -10px;\n    border-right-color: white;\n  }\n\n  .gc-tooltip[data-guidechimp-position='bottom'] & {\n    top: -10px;\n    border-bottom-color: white;\n  }\n\n  .gc-tooltip[data-guidechimp-position='bottom'][data-guidechimp-alignment='right'] & {\n    top: -10px;\n    right: 10px;\n    border-bottom-color: white;\n  }\n\n  .gc-tooltip[data-guidechimp-position='bottom'][data-guidechimp-alignment='middle'] & {\n    top: -10px;\n    left: 50%;\n    margin-left: -5px;\n    border-bottom-color: white;\n  }\n}\n\n.gc-close {\n  position: absolute;\n  top: 0;\n  right: 0;\n  display: inline-block;\n  overflow: hidden;\n  width: 15px;\n  height: 15px;\n  margin: 10px;\n  cursor: pointer;\n  opacity: 0.4;\n\n  &:hover {\n    opacity: 1;\n  }\n\n  &::before, &::after {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 100%;\n    height: 2px;\n    margin-top: -1px;\n    content: '';\n    border-radius: 5px;\n    background: #000;\n  }\n\n  &::before {\n    transform: rotate(45deg);\n  }\n\n  &::after {\n    transform: rotate(-45deg);\n  }\n}\n\n.gc-progressbar {\n  font-size: 10px;\n  line-height: 10px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  float: left;\n  box-sizing: content-box;\n  width: 0;\n  height: 5px;\n  text-align: center;\n  border-radius: 2px 0 0 0;\n  background-color: $primary;\n\n  &[aria-valuenow='100'] {\n    border-radius: 2px 2px 0 0;\n  }\n\n  .gc-tooltip[data-guidechimp-position='bottom'] & {\n    top: auto;\n    bottom: 0;\n    border-radius: 0 0 0 2px;\n\n    &[aria-valuenow='100'] {\n      border-radius: 0 0 2px 2px;\n    }\n  }\n\n  &.gc-hidden {\n    display: none;\n  }\n}\n\n.gc-fake-step {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0;\n  height: 0;\n}\n\n.gc-title {\n  font-size: 18px;\n  font-weight: bold;\n  margin-bottom: 20px;\n  padding: 0 5px 0 5px;\n\n  &.gc-hidden {\n    display: none;\n  }\n}\n\n.gc-description {\n  font-size: 14px;\n  overflow-y: auto;\n  max-height: 200px;\n  margin-bottom: 20px;\n  padding: 0 5px 0 5px;\n  text-align: justify;\n  scroll-behavior: smooth;\n\n  &.gc-hidden {\n    display: none;\n  }\n}\n\n.gc-custom-buttons {\n  margin-bottom: 20px;\n\n  &.gc-hidden {\n    display: none;\n  }\n}\n\n.gc-navigation {\n  display: flex;\n  justify-content: space-between;\n  padding: 20px 10px 10px 10px;\n\n  &.gc-hidden {\n    display: none;\n  }\n}\n\n.gc-navigation-prev,\n.gc-navigation-next {\n  width: 15px;\n  height: 15px;\n  cursor: pointer;\n  border-right: 5px solid $secondary;\n  border-bottom: 5px solid $secondary;\n\n  &:hover {\n    opacity: 1;\n    border-color: $primary;\n  }\n\n  &.gc-hidden {\n    visibility: hidden;\n  }\n}\n\n.gc-navigation-prev {\n  transform: rotate(-225deg);\n}\n\n.gc-navigation-next {\n  transform: rotate(-45deg);\n}\n\n.gc-pagination {\n  &.gc-hidden {\n    visibility: hidden;\n  }\n}\n\n.gc-pagination-theme-numbers {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n\n  & .gc-pagination-item,\n  & .gc-pagination-dots {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0 5px 0 5px;\n    font-size: 14px;\n    cursor: pointer;\n  }\n\n  & .gc-pagination-dots {\n    width: 20px;\n    height: 20px;\n    color: $primary;\n    cursor: initial;\n  }\n\n  & .gc-pagination-item {\n    width: 20px;\n    height: 20px;\n    border-radius: 2px;\n\n    &:hover {\n      color: #ffffff;\n      background: $primary;\n    }\n\n    &.gc-pagination-active {\n      color: #ffffff;\n      background: $primary;\n    }\n  }\n}\n\n.gc-pagination-theme-circles {\n  & .gc-pagination-item{\n    background-color: $secondary;\n    border-radius: 50%;\n    box-sizing: border-box;\n    cursor: pointer;\n    display: inline-block;\n    height: 8px;\n    margin: 0 5px;\n    padding: 0;\n    width: 8px;\n\n    &:hover {\n      background-color: $primary;\n    }\n\n    &.gc-pagination-active {\n      background-color: $primary;\n    }\n  }\n}\n\n.gc-copyright {\n  font-family: Arial, serif;\n  font-size: 10px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  margin: 0 0 5px 10px;\n  letter-spacing: 0.1em;\n  color: #888888;\n}\n\n.gc-notification {\n  font-family: Arial, serif;\n  font-size: 10px;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  margin: 0 10px 5px 0;\n  letter-spacing: 0.1em;\n  color: #888888;\n\n  & a.gc-link {\n    color: #888888;\n  }\n}\n\n.gc-preloader {\n  position: fixed;\n  z-index: 6405;\n  top: 50%;\n  left: 50%;\n  width: 80px;\n  height: 80px;\n  transform: translate(-50%, -50%);\n\n  &:after {\n    display: block;\n    width: 64px;\n    height: 64px;\n    margin: 8px;\n    content: \" \";\n    animation: gc-preloader 1.2s linear infinite;\n    border: 6px solid #fff;\n    border-color: #fff transparent #fff transparent;\n    border-radius: 50%;\n  }\n\n  &.gc-hidden {\n    display: none;\n  }\n}\n\n@keyframes gc-preloader {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}","// Basic Colors\n$primary: #e14817;\n$secondary: #bebebe;","@media (max-width: 360px) {\n  .gc-tooltip {\n    min-width: 260px;\n    max-width: 290px;\n  }\n}"],"names":[],"sourceRoot":""}