{"version":3,"file":"4942.4e5b4b3cbad268554728.css","mappings":"AAAA,eACE,kBACA,aACA,mBACA,uBACA,iBAEF,yBACE,eAEF,4DACE,WACA,YACA,yCACA,kBAEF,6CACE,kBACA,MACA,OACA,cACA,WAEF,sBACE,qCAEF,uBACE,qCAGF,UACE,aAEF,yBACE,uBACA,6DACA,oCACA,kBACA,sCACA,oDAEF,wCACE,UAEF,sCACE,WACA,YACA,yDACA,+BAEF,8CACE,WACA,YACA,yDACA,oCACA,+BACA,wBAEF,6DACE,6CAEF,2DACE,6CAEF,8DACE,6CAEF,iEACE,8CAEF,6BACE,kBACA,WACA,YACA,eAEF,+DACE,MACA,qBACA,4BAEF,qEACE,MACA,OACA,8BAEF,mEACE,MACA,QACA,+BAEF,kEACE,SACA,qBACA,6BAEF,wEACE,SACA,OACA,+BAEF,sEACE,QACA,SACA,gCAEF,gEACE,oBACA,OACA,4BAEF,sEACE,MACA,OACA,8BAEF,oEACE,SACA,OACA,+BAEF,iEACE,oBACA,QACA,6BAEF,uEACE,MACA,QACA,+BAEF,qEACE,QACA,SACA,gCAEF,mBACE,eACA,YACA,MACA,QACA,SACA,OAEF,kBACE,aACA,mBACA,2BAEF,yBACE,UACA,YACA,QACA,SACA,oBACA,iBACA,kBACA,gBACA,iBAEF,yBACE,aACA,gBACA,aACA,cACA,mBACA,uBACA,aACA,kBACA,mBACA,yBACA,kBACA,kDACA,gBAEF,+BACE,uDAEF,gCACE,uDAEF,2BACE,iBACA,mBAEF,oCACE,eAEF,gBACE,aACA,sBACA,iBAEF,sCAEE,iBACA,iBACA,iBAEF,4DAEE,gBAEF,2BACE,gBAEF,iBACE,aACA,mBACA,uBACA,kBAEF,qBACE,WACA,aACA,kBACA,iBAEF,mBACE,aACA,YACA,yBAEF,eACE,aACA,cACA,mBACA,kBACA,YACA,kBACA,eACA,gBACA,iBAEF,uBACE,4BACA,0BAEF,4CACE,4IAEF,8BACE,4IAEF,6BACE,6DAEF,mDACE,kBAEF,sBACE,iBACA,4CACA,kBACA,uBACA,qBAEF,4BACE,4CAEF,6BACE,4CAEF,4BACE,6DAEF,iDACE,iBAEF,mBACE,aACA,mBACA,2BAEF,oBACE,kBACA,aACA,WACA,YACA,mBACA,uBACA,iBACA,yBACA,kBAEF,+BACE,eAEF,2BACE,4CAEF,eACE,kBACA,QACA,SACA,UACA,WACA,4CACA,kBAEF,sBACE,yCAEF,kBACE,aACA,sBACA,kBAEF,0BACE,aACA,mBACA,sBAEF,eACE,oBACA,kBACA,eAEF,oBACE,WAEF,oBACE,kBACA,YACA,MACA,OACA,WACA,YACA,0BAGF,uDACE,oBACA,oCACA,oCAGF,sDACE,oBACA,oCACA,mCAGF,wDACE,oBACA,oCACA,mCAGF,qDACE,oBACA,oCACA,oCAGF,kBACE,uCACA,qCAEF,+BACE,yCACA,kCAEF,uCACE,0BACA,yCACA,0BACA,6CACA,kCAEF,oCACE,gBAEF,8BACE,qC","sources":["webpack://mattermost-webapp/./packages/components/dist/index.esm.css"],"sourcesContent":[".pulsating_dot {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: auto;\n}\n.pulsating_dot-clickable {\n  cursor: pointer;\n}\n.pulsating_dot, .pulsating_dot::before, .pulsating_dot::after {\n  width: 12px;\n  height: 12px;\n  background-color: var(--online-indicator);\n  border-radius: 50%;\n}\n.pulsating_dot::before, .pulsating_dot::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: block;\n  content: \"\";\n}\n.pulsating_dot::after {\n  animation: pulse1 2s ease 0s infinite;\n}\n.pulsating_dot::before {\n  animation: pulse2 2s ease 0s infinite;\n}\n\n.tour-tip {\n  display: flex;\n}\n.tour-tip__box.tippy-box {\n  padding: 18px 24px 24px;\n  border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);\n  background: var(--center-channel-bg);\n  border-radius: 4px;\n  color: var(--center-channel-color-rgb);\n  filter: drop-shadow(0 12px 32px rgba(0, 0, 0, 0.12));\n}\n.tour-tip__box.tippy-box .tippy-content {\n  padding: 0;\n}\n.tour-tip__box.tippy-box .tippy-arrow {\n  width: 12px;\n  height: 12px;\n  border-color: rgba(var(--center-channel-color-rgb), 0.16);\n  color: var(--center-channel-bg);\n}\n.tour-tip__box.tippy-box .tippy-arrow::before {\n  width: 12px;\n  height: 12px;\n  border-color: rgba(var(--center-channel-color-rgb), 0.16);\n  background: var(--center-channel-bg);\n  color: var(--center-channel-bg);\n  transform-origin: center;\n}\n.tour-tip__box.tippy-box[data-placement^=right] > .tippy-arrow {\n  transform: translate3d(0, 14px, 0) !important;\n}\n.tour-tip__box.tippy-box[data-placement^=top] > .tippy-arrow {\n  transform: translate3d(14px, 0, 0) !important;\n}\n.tour-tip__box.tippy-box[data-placement^=bottom] > .tippy-arrow {\n  transform: translate3d(14px, 0, 0) !important;\n}\n.tour-tip__box.tippy-box[data-placement=bottom-end] > .tippy-arrow {\n  transform: translate3d(317px, 0, 0) !important;\n}\n.tour-tip__pulsating-dot-ctr {\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  cursor: pointer;\n}\n.tour-tip__pulsating-dot-ctr[data-pulsating-dot-placement=top] {\n  top: 0;\n  left: calc(50% - 6px);\n  transform: translate(0, 6px);\n}\n.tour-tip__pulsating-dot-ctr[data-pulsating-dot-placement=top-start] {\n  top: 0;\n  left: 0;\n  transform: translate(6px, 6px);\n}\n.tour-tip__pulsating-dot-ctr[data-pulsating-dot-placement=top-end] {\n  top: 0;\n  right: 0;\n  transform: translate(-6px, 6px);\n}\n.tour-tip__pulsating-dot-ctr[data-pulsating-dot-placement=bottom] {\n  bottom: 0;\n  left: calc(50% - 6px);\n  transform: translate(0, -6px);\n}\n.tour-tip__pulsating-dot-ctr[data-pulsating-dot-placement=bottom-start] {\n  bottom: 0;\n  left: 0;\n  transform: translate(6px, -6px);\n}\n.tour-tip__pulsating-dot-ctr[data-pulsating-dot-placement=bottom-end] {\n  right: 0;\n  bottom: 0;\n  transform: translate(-6px, -6px);\n}\n.tour-tip__pulsating-dot-ctr[data-pulsating-dot-placement=left] {\n  top: calc(50% - 6px);\n  left: 0;\n  transform: translate(6px, 0);\n}\n.tour-tip__pulsating-dot-ctr[data-pulsating-dot-placement=left-start] {\n  top: 0;\n  left: 0;\n  transform: translate(6px, 6px);\n}\n.tour-tip__pulsating-dot-ctr[data-pulsating-dot-placement=left-end] {\n  bottom: 0;\n  left: 0;\n  transform: translate(6px, -6px);\n}\n.tour-tip__pulsating-dot-ctr[data-pulsating-dot-placement=right] {\n  top: calc(50% - 6px);\n  right: 0;\n  transform: translate(-6px, 0);\n}\n.tour-tip__pulsating-dot-ctr[data-pulsating-dot-placement=right-start] {\n  top: 0;\n  right: 0;\n  transform: translate(-6px, 6px);\n}\n.tour-tip__pulsating-dot-ctr[data-pulsating-dot-placement=right-end] {\n  right: 0;\n  bottom: 0;\n  transform: translate(-6px, -6px);\n}\n.tour-tip__overlay {\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n.tour-tip__header {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n.tour-tip__header__title {\n  flex: none;\n  flex-grow: 1;\n  order: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: 1.4rem;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 2rem;\n}\n.tour-tip__header__close {\n  display: flex;\n  overflow: hidden;\n  width: 3.2rem;\n  height: 3.2rem;\n  align-items: center;\n  justify-content: center;\n  border: unset;\n  margin-right: -8px;\n  margin-left: 1.2rem;\n  background: transparent;\n  border-radius: 4px;\n  color: rgba(var(--center-channel-color-rgb), 0.56);\n  font-weight: 600;\n}\n.tour-tip__header__close:hover {\n  background: rgba(var(--center-channel-color-rgb), 0.08);\n}\n.tour-tip__header__close.active {\n  background: rgba(var(--center-channel-color-rgb), 0.08);\n}\n.tour-tip__header__close i {\n  font-size: 1.8rem;\n  line-height: 1.8rem;\n}\n.tour-tip__header__close i ::before {\n  margin-right: 0;\n}\n.tour-tip__body {\n  display: flex;\n  flex-direction: column;\n  margin-top: 0.6rem;\n}\n.tour-tip__body p,\n.tour-tip__body div {\n  margin: 0 0 0.8rem;\n  font-size: 1.4rem;\n  line-height: 2rem;\n}\n.tour-tip__body p:last-child,\n.tour-tip__body div:last-child {\n  margin-bottom: 0;\n}\n.tour-tip__body:last-child {\n  margin-bottom: 0;\n}\n.tour-tip__image {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 2.4rem;\n}\n.tour-tip__image img {\n  width: 100%;\n  height: 136px;\n  border-radius: 4px;\n  object-fit: cover;\n}\n.tour-tip__btn-ctr {\n  display: flex;\n  flex-grow: 1;\n  justify-content: flex-end;\n}\n.tour-tip__btn {\n  display: flex;\n  height: 3.2rem;\n  align-items: center;\n  padding: 10px 16px;\n  border: none;\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 12px;\n}\n.tour-tip__confirm-btn {\n  background: var(--button-bg);\n  color: var(--button-color);\n}\n.tour-tip__confirm-btn:hover:not(.disabled) {\n  background: linear-gradient(0deg, rgba(var(--center-channel-color-rgb), 0.16), rgba(var(--center-channel-color-rgb), 0.16)), var(--button-bg);\n}\n.tour-tip__confirm-btn:active {\n  background: linear-gradient(0deg, rgba(var(--center-channel-color-rgb), 0.32), rgba(var(--center-channel-color-rgb), 0.32)), var(--button-bg);\n}\n.tour-tip__confirm-btn:focus {\n  box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n}\n.tour-tip__confirm-btn .icon-chevron-right::before {\n  margin-right: -7px;\n}\n.tour-tip__cancel-btn {\n  margin-right: 4px;\n  background: rgba(var(--button-bg-rgb), 0.08);\n  border-radius: 4px;\n  color: var(--button-bg);\n  text-decoration: none;\n}\n.tour-tip__cancel-btn:hover {\n  background: rgba(var(--button-bg-rgb), 0.04);\n}\n.tour-tip__cancel-btn:active {\n  background: rgba(var(--button-bg-rgb), 0.08);\n}\n.tour-tip__cancel-btn:focus {\n  box-shadow: inset 0 0 0 2px var(--sidebar-text-active-border);\n}\n.tour-tip__cancel-btn .icon-chevron-left::before {\n  margin-left: -7px;\n}\n.tour-tip__dot-ctr {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n.tour-tip__dot-ring {\n  position: relative;\n  display: flex;\n  width: 12px;\n  height: 12px;\n  align-items: center;\n  justify-content: center;\n  margin-right: 4px;\n  background: transparent;\n  border-radius: 50%;\n}\n.tour-tip__dot-ring:last-child {\n  margin-right: 0;\n}\n.tour-tip__dot-ring-active {\n  background: rgba(var(--button-bg-rgb), 0.16);\n}\n.tour-tip__dot {\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 6px;\n  height: 6px;\n  background: rgba(var(--button-bg-rgb), 0.32);\n  border-radius: 6px;\n}\n.tour-tip__dot.active {\n  background: rgba(var(--button-bg-rgb), 1);\n}\n.tour-tip__footer {\n  display: flex;\n  flex-direction: column;\n  margin-top: 2.4rem;\n}\n.tour-tip__footer-buttons {\n  display: flex;\n  align-items: center;\n  justify-content: start;\n}\n.tour-tip__opt {\n  align-self: flex-end;\n  margin-top: 1.2rem;\n  font-size: 12px;\n}\n.tour-tip__opt span {\n  opacity: 0.9;\n}\n.tour-tip__backdrop {\n  position: absolute;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.5);\n}\n\n.tippy-box[data-placement^=right] > .tippy-arrow::before {\n  top: -1px !important;\n  border-width: 1px 0 0 1px !important;\n  transform: rotate(-45deg) !important;\n}\n\n.tippy-box[data-placement^=left] > .tippy-arrow::before {\n  top: -1px !important;\n  border-width: 1px 1px 0 0 !important;\n  transform: rotate(45deg) !important;\n}\n\n.tippy-box[data-placement^=bottom] > .tippy-arrow::before {\n  left: 1px !important;\n  border-width: 1px 0 0 1px !important;\n  transform: rotate(45deg) !important;\n}\n\n.tippy-box[data-placement^=top] > .tippy-arrow::before {\n  left: 1px !important;\n  border-width: 0 0 1px 1px !important;\n  transform: rotate(-45deg) !important;\n}\n\n.tippy-blue-style {\n  background: var(--button-bg) !important;\n  color: var(--sidebar-text) !important;\n}\n.tippy-blue-style .tippy-arrow {\n  border-color: var(--button-bg) !important;\n  color: var(--button-bg) !important;\n}\n.tippy-blue-style .tippy-arrow::before {\n  border-width: 0 !important;\n  border-color: var(--button-bg) !important;\n  border-left-color: initial;\n  background-color: var(--button-bg) !important;\n  transform-origin: unset !important;\n}\n.tippy-blue-style .tour-tip__header {\n  font-weight: 600;\n}\n.tippy-blue-style .icon-close {\n  color: var(--sidebar-text) !important;\n}"],"names":[],"sourceRoot":""}