/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/util/ui/Popup/styles.css ***!
  \**********************************************************************************************************************************************************************************/
/* NOTE (jscheel): We have to add this class because semantic has some
   overly-zealous selectors, especially inside of its grid elements. */
.portal__gJeUNcBVFpcp {
  padding: 0 !important;
  margin: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/shared/components/ui/Typography/styles.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.Header-large__Xlw9hm_iGUpq, .sui .Header-large__Xlw9hm_iGUpq {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
  font-size: 3.23076923rem !important;
  line-height: 1.14 !important;
  color: #1B1B1B !important;
}
.Header-large__Xlw9hm_iGUpq.display__gDeEVcQcFuav, .sui .Header-large__Xlw9hm_iGUpq.display__gDeEVcQcFuav {
  font-family: var(--font-secondary) !important;
  font-weight: var(--fontWeight-semibold) !important;
}
.Header-large__Xlw9hm_iGUpq.display__gDeEVcQcFuav.fwsemiBold__YkB9nabw8nwh, .sui .Header-large__Xlw9hm_iGUpq.display__gDeEVcQcFuav.fwsemiBold__YkB9nabw8nwh {
  font-weight: var(--fontWeight-medium) !important;
}
.Header-large__Xlw9hm_iGUpq.display__gDeEVcQcFuav.fwregular__cgWs3GiCX8fi, .sui .Header-large__Xlw9hm_iGUpq.display__gDeEVcQcFuav.fwregular__cgWs3GiCX8fi {
  font-weight: var(--fontWeight-normal) !important;
}
.Header-large__Xlw9hm_iGUpq.display__gDeEVcQcFuav.fwlight__DuZi8v6hnFkS, .sui .Header-large__Xlw9hm_iGUpq.display__gDeEVcQcFuav.fwlight__DuZi8v6hnFkS {
  font-weight: var(--fontWeight-light) !important;
}
.Header-medium__QzMQ75tCIBCJ, .sui .Header-medium__QzMQ75tCIBCJ {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
  font-size: 2.46153846rem !important;
  line-height: 1.25 !important;
  color: #1B1B1B !important;
}
.Header-medium__QzMQ75tCIBCJ.display__gDeEVcQcFuav, .sui .Header-medium__QzMQ75tCIBCJ.display__gDeEVcQcFuav {
  font-family: var(--font-secondary) !important;
  font-weight: var(--fontWeight-semibold) !important;
}
.Header-medium__QzMQ75tCIBCJ.display__gDeEVcQcFuav.fwsemiBold__YkB9nabw8nwh, .sui .Header-medium__QzMQ75tCIBCJ.display__gDeEVcQcFuav.fwsemiBold__YkB9nabw8nwh {
  font-weight: var(--fontWeight-medium) !important;
}
.Header-medium__QzMQ75tCIBCJ.display__gDeEVcQcFuav.fwregular__cgWs3GiCX8fi, .sui .Header-medium__QzMQ75tCIBCJ.display__gDeEVcQcFuav.fwregular__cgWs3GiCX8fi {
  font-weight: var(--fontWeight-normal) !important;
}
.Header-medium__QzMQ75tCIBCJ.display__gDeEVcQcFuav.fwlight__DuZi8v6hnFkS, .sui .Header-medium__QzMQ75tCIBCJ.display__gDeEVcQcFuav.fwlight__DuZi8v6hnFkS {
  font-weight: var(--fontWeight-light) !important;
}
.Header-small__HkNLyq0Lv3Ho, .sui .Header-small__HkNLyq0Lv3Ho {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.84615385rem !important;
  line-height: 1.33 !important;
  color: #1B1B1B !important;
}
.Header-small__HkNLyq0Lv3Ho.display__gDeEVcQcFuav, .sui .Header-small__HkNLyq0Lv3Ho.display__gDeEVcQcFuav {
  font-family: var(--font-secondary) !important;
  font-weight: var(--fontWeight-semibold) !important;
}
.Header-small__HkNLyq0Lv3Ho.display__gDeEVcQcFuav.fwsemiBold__YkB9nabw8nwh, .sui .Header-small__HkNLyq0Lv3Ho.display__gDeEVcQcFuav.fwsemiBold__YkB9nabw8nwh {
  font-weight: var(--fontWeight-medium) !important;
}
.Header-small__HkNLyq0Lv3Ho.display__gDeEVcQcFuav.fwregular__cgWs3GiCX8fi, .sui .Header-small__HkNLyq0Lv3Ho.display__gDeEVcQcFuav.fwregular__cgWs3GiCX8fi {
  font-weight: var(--fontWeight-normal) !important;
}
.Header-small__HkNLyq0Lv3Ho.display__gDeEVcQcFuav.fwlight__DuZi8v6hnFkS, .sui .Header-small__HkNLyq0Lv3Ho.display__gDeEVcQcFuav.fwlight__DuZi8v6hnFkS {
  font-weight: var(--fontWeight-light) !important;
}
.SubHeader-large__NGCpqGHppPok, .sui .SubHeader-large__NGCpqGHppPok {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.84615385rem !important;
  line-height: 1.42 !important;
  color: #7E8F9F !important;
}
.SubHeader-small__ANllYJFYgWvr, .sui .SubHeader-small__ANllYJFYgWvr {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.53846154rem !important;
  line-height: 1.55 !important;
  color: #7E8F9F !important;
}
.SubHeader-tiny__LeNrY7GmH09U, .sui .SubHeader-tiny__LeNrY7GmH09U {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.23076923rem !important;
  line-height: 1.55 !important;
  color: #7E8F9F !important;
}
.Label-large__e9XyOFG5ugHh, .sui .Label-large__e9XyOFG5ugHh {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-size: 0.92307692rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.15384615rem !important;
  color: #1B1B1B !important;
  text-transform: uppercase !important;
}
.Label-huge__aQlubyYRZbKY, .sui .Label-huge__aQlubyYRZbKY {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: 500 !important;
  font-size: 2.46153846rem !important;
  letter-spacing: 0.15384615rem !important;
  color: #1B1B1B !important;
  text-transform: uppercase !important;
  line-height: 1.14;
}
.Label-medium__Y3Si1DDINXqa, .sui .Label-medium__Y3Si1DDINXqa {
  color: #1B1B1B !important;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-size: 0.84615385rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.07692308rem !important;
  text-transform: uppercase !important;
}
.Label-small__Q6W7QoYSTxV7, .sui .Label-small__Q6W7QoYSTxV7 {
  color: #1B1B1B !important;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-size: 0.76923077rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.15384615rem !important;
  text-transform: uppercase !important;
}
.BoxHeadline__MjOhMyZEmY8v, .sui .BoxHeadline__MjOhMyZEmY8v {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1.85 !important;
  color: #1B1B1B !important;
}
.Text-large__oM1LMviFOR9f, .sui .Text-large__oM1LMviFOR9f {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.23076923rem !important;
  color: #4F5D6A !important;
}
.Text-small__tSCtGUebaykK, .sui .Text-small__tSCtGUebaykK {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #4F5D6A !important;
}
.Text-tiny__S4OQDUUOeCaq, .sui .Text-tiny__S4OQDUUOeCaq {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.92307692rem !important;
  color: #4F5D6A !important;
}
.MindfulText__xD8XEnEmpw1l, .sui .MindfulText__xD8XEnEmpw1l {
  color: #7E8F9F !important;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-size: 0.92307692rem !important;
  font-style: italic !important;
  font-weight: 400 !important;
}
.Placeholder__EQd6KOW6OpuL, .sui .Placeholder__EQd6KOW6OpuL {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #7E8F9F !important;
}
.Tip__cDAb4rP8gYDs, .sui .Tip__cDAb4rP8gYDs {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.92307692rem !important;
  font-style: italic !important;
  color: #7E8F9F !important;
}
.juicy__nGzTr9dPkyjP, .sui .juicy__nGzTr9dPkyjP {
  color: var(--color-primary-negative) !important;
}
.space__Gr8eDC3X46Ei, .sui .space__Gr8eDC3X46Ei {
  color: #4972D2 !important;
}
.golden__veat9gpvxQcZ, .sui .golden__veat9gpvxQcZ {
  color: var(--color-primary-warningText) !important;
}
.grass__MrSkXlZj_Ef6, .sui .grass__MrSkXlZj_Ef6 {
  color: #468710 !important;
}
.lava__UpcPQ7oxCtbr, .sui .lava__UpcPQ7oxCtbr {
  color: #EB6D42 !important;
}
.sky__zlYjSdpVai4h, .sui .sky__zlYjSdpVai4h {
  color: var(--color-primary-brand) !important;
}
.apple__R87esApMImqE, .sui .apple__R87esApMImqE {
  color: #B7BA15 !important;
}
.bio__L60w23lcNJdg, .sui .bio__L60w23lcNJdg {
  color: var(--color-primary-positive) !important;
}
.sea__JWngFigJN2j2, .sui .sea__JWngFigJN2j2 {
  color: var(--color-primary-brand) !important;
}
.neon__YvBQsIdIN20y, .sui .neon__YvBQsIdIN20y {
  color: #7A71D1 !important;
}
.berry__dL_eVGwvYhr4, .sui .berry__dL_eVGwvYhr4 {
  color: var(--color-primary-negative) !important;
}
.groovy__ODVi64jrDpGi, .sui .groovy__ODVi64jrDpGi {
  color: var(--color-primary-brand) !important;
}
.lightJuicy__IlTtdqPTvsA4, .sui .lightJuicy__IlTtdqPTvsA4 {
  color: #F683AE !important;
}
.lightSpace__sZuAvpspHGWy, .sui .lightSpace__sZuAvpspHGWy {
  color: #6187E0 !important;
}
.lightGolden__TYPO1GnDuTLt, .sui .lightGolden__TYPO1GnDuTLt {
  color: var(--color-primary-warningText) !important;
}
.lightGrass__O7Ul1vP7eliB, .sui .lightGrass__O7Ul1vP7eliB {
  color: #529818 !important;
}
.lightLava__D535IxHp0D5e, .sui .lightLava__D535IxHp0D5e {
  color: #F1845F !important;
}
.lightSky__I5ptQqDzRdsB, .sui .lightSky__I5ptQqDzRdsB {
  color: var(--color-primary-brand) !important;
}
.lightApple__qJUmP1bcNsMF, .sui .lightApple__qJUmP1bcNsMF {
  color: #CBCE24 !important;
}
.lightBio__Ca0m_u50moA5, .sui .lightBio__Ca0m_u50moA5 {
  color: #2DCEB2 !important;
}
.lightSea__cDq548SdMrfy, .sui .lightSea__cDq548SdMrfy {
  color: #33C6DA !important;
}
.lightNeon__yywEuEYOg0IB, .sui .lightNeon__yywEuEYOg0IB {
  color: #8D84DC !important;
}
.lightBerry__iLWwQvT9Bx0s, .sui .lightBerry__iLWwQvT9Bx0s {
  color: #FF8293 !important;
}
.lightGroovy__N72Ho8n5xVn2, .sui .lightGroovy__N72Ho8n5xVn2 {
  color: var(--color-primary-brand) !important;
}
.darkJuicy__zs1G2TTcK52F, .sui .darkJuicy__zs1G2TTcK52F {
  color: #DC4D83 !important;
}
.darkSpace__AlpJLRSgY2uI, .sui .darkSpace__AlpJLRSgY2uI {
  color: #3962C1 !important;
}
.darkGolden__t9zJ_YKuHS1f, .sui .darkGolden__t9zJ_YKuHS1f {
  color: var(--color-primary-warningText) !important;
}
.darkGrass__I6fJPQdrj9Oh, .sui .darkGrass__I6fJPQdrj9Oh {
  color: #3B740B !important;
}
.darkLava__XyX1JNRqnsDu, .sui .darkLava__XyX1JNRqnsDu {
  color: #DB5B30 !important;
}
.darkSky__HeIAi3VxsoJI, .sui .darkSky__HeIAi3VxsoJI {
  color: #1A8BBB !important;
}
.darkApple__pLmZFCU2aqiZ, .sui .darkApple__pLmZFCU2aqiZ {
  color: #9B9D0B !important;
}
.darkBio__SV1sX2AfdksK, .sui .darkBio__SV1sX2AfdksK {
  color: #129E85 !important;
}
.darkSea__cEY1rBsAP_xH, .sui .darkSea__cEY1rBsAP_xH {
  color: #14A1B4 !important;
}
.darkNeon__XNIFlHr69BND, .sui .darkNeon__XNIFlHr69BND {
  color: #645BBD !important;
}
.darkBerry__YlTE6TgUOhGE, .sui .darkBerry__YlTE6TgUOhGE {
  color: #F34A62 !important;
}
.darkGroovy__AnKWmeCt5qKV, .sui .darkGroovy__AnKWmeCt5qKV {
  color: #12a4ff !important;
}
.brightGroovy__za4kVBo1Qpb0, .sui .brightGroovy__za4kVBo1Qpb0 {
  color: var(--color-secondary-brand) !important;
}
.brightJuicy__FbZLAvn4BIda, .sui .brightJuicy__FbZLAvn4BIda {
  color: #FFF1F6 !important;
}
.brightSuperDark__mRFxG_vq1K_2, .sui .brightSuperDark__mRFxG_vq1K_2 {
  color: var(--color-monochrome-superLight) !important;
}
.dust__phU6TnPRwVuY, .sui .dust__phU6TnPRwVuY {
  color: var(--color-monochrome-medium) !important;
}
.ultraDust__G9jmIWKoJZAI, .sui .ultraDust__G9jmIWKoJZAI {
  color: var(--color-monochrome-light) !important;
}
.dark__d3lrtvycP4nH, .sui .dark__d3lrtvycP4nH {
  color: var(--color-monochrome-black) !important;
}
.light__fFjT5NoBRxJI, .sui .light__fFjT5NoBRxJI {
  color: var(--color-monochrome-dark) !important;
}
.ultraLight__KTMLGIyBuqWV, .sui .ultraLight__KTMLGIyBuqWV {
  color: var(--color-monochrome-mediumDark) !important;
}
.white__oA93Rgv1JuF8, .sui .white__oA93Rgv1JuF8 {
  color: var(--color-monochrome-white) !important;
}
.newGray__QzaCukHjYgzJ, .sui .newGray__QzaCukHjYgzJ {
  color: var(--color-monochrome-dark) !important;
}
.inherit__G7xlvjlEwkSC, .sui .inherit__G7xlvjlEwkSC {
  color: inherit !important;
}
.left__GGvdMT4hWzlO, .sui .left__GGvdMT4hWzlO {
  text-align: left;
}
.center__XJo2aEJMShyD, .sui .center__XJo2aEJMShyD {
  text-align: center;
}
.right__KtcaUcyq6W5f, .sui .right__KtcaUcyq6W5f {
  text-align: right;
}
.fwlight__DuZi8v6hnFkS, .sui .fwlight__DuZi8v6hnFkS {
  font-weight: var(--fontWeight-light);
}
.fwregular__cgWs3GiCX8fi, .sui .fwregular__cgWs3GiCX8fi {
  font-weight: var(--fontWeight-normal);
}
.fwsemiBold__YkB9nabw8nwh, .sui .fwsemiBold__YkB9nabw8nwh {
  font-weight: var(--fontWeight-medium);
}
.fwbold__SenShBMUtyoU, .sui .fwbold__SenShBMUtyoU {
  font-weight: var(--fontWeight-semibold);
}
.display__gDeEVcQcFuav, .sui .display__gDeEVcQcFuav {
  font-family: var(--font-secondary) !important;
}

/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/Scroller/styles.css ***!
  \****************************************************************************************************************************************************************************************/
/**
 * DO NOT CHANGE THIS UNLESS YOU KNOW WHAT YOU ARE DOING. MESSING WITH THIS CAN
 * INTRODUCE SIGNIFICANT PERFORMANCE DEGREDATION THROUGH EXCESSIVE LAYOUT
 * THRASHING, EVEN WITH BENIGN ACTIONS LIKE KEYSTROKES. YOU HAVE BEEN WARNED.
 */
.scrollerRoot__fOz9QBTkAiMI {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.safari10 .scrollerRoot__fOz9QBTkAiMI {
  /**
   * Safari 10 doesn't calculate height of flex children correctly, so we let
   * scroller grow til it hits height of the parent
   * https://bugs.webkit.org/show_bug.cgi?id=137730
   */
  height: 100vh;
  max-height: 100%;
}
.hidden__b7XMlDngmDgD {
  visibility: hidden !important;
}

/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/KeyboardNavigator/styles.css ***!
  \*************************************************************************************************************************************************************************************************/
.KeyboardNavigator__FQ_AKWMOreOu {
  height: 100%;
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/shared/ui/Dropdown/styles.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.backgroundOverlay__sFKUsX6Qz7xs {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background: transparent;
  opacity: 0;
}
.ui.dropdown .text svg, .ui.dropdown .item svg {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.divider__N7aDokL8USnf {
  border-bottom: 1px solid var(--color-monochrome-medium) !important;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/shared/components/ui/SpacedItems/styles.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.Container__sM4r6WVFXvXL {
  display: flex;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS {
  flex-direction: row;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 {
  flex-direction: column;
}
.Container__sM4r6WVFXvXL.align-start__jDr26qdf_6Ff {
  align-items: flex-start;
}
.Container__sM4r6WVFXvXL.align-end__c4VOVqma4rDt {
  align-items: flex-end;
}
.Container__sM4r6WVFXvXL.align-center__BhVgCC04qk76 {
  align-items: center;
}
.Item__Kr4y4bAvoQTS.align-start__jDr26qdf_6Ff {
  align-self: flex-start;
}
.Item__Kr4y4bAvoQTS.align-end__c4VOVqma4rDt {
  align-self: flex-end;
}
.Item__Kr4y4bAvoQTS.align-center__BhVgCC04qk76 {
  align-self: center;
}
.Container__sM4r6WVFXvXL.justify-start__EruVT8CFQobM {
  align-items: flex-start;
}
.Container__sM4r6WVFXvXL.justify-end__jU1UHkLgQYGt {
  align-items: flex-end;
}
.Container__sM4r6WVFXvXL.justify-center__DbywiRGdxXrL {
  align-items: center;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.justify-start__EruVT8CFQobM {
  justify-content: flex-start;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.justify-end__jU1UHkLgQYGt {
  justify-content: flex-end;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.justify-center__DbywiRGdxXrL {
  justify-content: center;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.justify-start__EruVT8CFQobM {
  justify-items: flex-start;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.justify-end__jU1UHkLgQYGt {
  justify-items: flex-end;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.justify-center__DbywiRGdxXrL {
  justify-items: center;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.align-horizontal-start__kyqxZnZSYAqC {
  justify-content: flex-start;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.align-horizontal-end__f5mE_6O2z8B1 {
  justify-content: flex-end;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.align-horizontal-center__SPGuR3Vzt8av {
  justify-content: center;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.align-horizontal-space-between__ZzfJLC_sV4Ih {
  justify-content: space-between;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.align-vertical-start__gRR0KtmMFGdJ {
  align-items: flex-start;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.align-vertical-end__AfVD5rAxC8eg {
  align-items: flex-end;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.align-vertical-center__fRLGs0APJEp5 {
  align-items: center;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.align-vertical-space-between__SpQ7_padeGBe {
  align-items: space-between;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.align-horizontal-start__kyqxZnZSYAqC {
  align-items: flex-start;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.align-horizontal-end__f5mE_6O2z8B1 {
  align-items: flex-end;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.align-horizontal-center__SPGuR3Vzt8av {
  align-items: center;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.align-horizontal-space-between__ZzfJLC_sV4Ih {
  align-items: space-between;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.align-vertical-start__gRR0KtmMFGdJ {
  justify-content: flex-start;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.align-vertical-end__AfVD5rAxC8eg {
  justify-content: flex-end;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.align-vertical-center__fRLGs0APJEp5 {
  justify-content: center;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.align-vertical-space-between__SpQ7_padeGBe {
  justify-content: space-between;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.none__azDO5HaiFiVr > .Item__Kr4y4bAvoQTS {
  margin-left: 0;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.nano__Z2MkPW_WqvA1 > .Item__Kr4y4bAvoQTS {
  margin-left: var(--spacing-3);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.mini__wDXcmaISrAuq > .Item__Kr4y4bAvoQTS {
  margin-left: var(--spacing-5);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.tiny__OzkImzCh1ulp > .Item__Kr4y4bAvoQTS {
  margin-left: var(--spacing-6);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.small__G5mKSk7qafD9 > .Item__Kr4y4bAvoQTS {
  margin-left: var(--spacing-7);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.medium__g4L0K_S198gP > .Item__Kr4y4bAvoQTS {
  margin-left: var(--spacing-base);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.large__Uw58Yt_cwWro > .Item__Kr4y4bAvoQTS {
  margin-left: var(--spacing-10);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.larger__euPbbeYwxcLn > .Item__Kr4y4bAvoQTS {
  margin-left: var(--spacing-11);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.big__L14BQQtDjJl9 > .Item__Kr4y4bAvoQTS {
  margin-left: var(--spacing-12);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.huge__zgwWsQ1_2Q9n > .Item__Kr4y4bAvoQTS {
  margin-left: var(--spacing-14);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.massive__DEHoEIRrrDYs > .Item__Kr4y4bAvoQTS {
  margin-left: 3.23076923rem;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.giant__JsmJ7DgBH7YO > .Item__Kr4y4bAvoQTS {
  margin-left: var(--spacing-19);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS.ginormous__M5pHVEZByTxf > .Item__Kr4y4bAvoQTS {
  margin-left: var(--spacing-21);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.none__azDO5HaiFiVr {
  margin-left: 0;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.nano__Z2MkPW_WqvA1 {
  margin-left: var(--spacing-3);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.mini__wDXcmaISrAuq {
  margin-left: var(--spacing-5);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.tiny__OzkImzCh1ulp {
  margin-left: var(--spacing-6);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.small__G5mKSk7qafD9 {
  margin-left: var(--spacing-7);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.medium__g4L0K_S198gP {
  margin-left: var(--spacing-base);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.large__Uw58Yt_cwWro {
  margin-left: var(--spacing-10);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.larger__euPbbeYwxcLn {
  margin-left: var(--spacing-11);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.big__L14BQQtDjJl9 {
  margin-left: var(--spacing-12);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.huge__zgwWsQ1_2Q9n {
  margin-left: var(--spacing-14);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.massive__DEHoEIRrrDYs {
  margin-left: 3.23076923rem;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.giant__JsmJ7DgBH7YO {
  margin-left: var(--spacing-19);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.ginormous__M5pHVEZByTxf {
  margin-left: var(--spacing-21);
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS.auto__QdRLpHln9sHl {
  margin-left: auto;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS > .Item__Kr4y4bAvoQTS:first-child {
  margin-left: 0;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.none__azDO5HaiFiVr > .Item__Kr4y4bAvoQTS {
  margin-top: 0;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.nano__Z2MkPW_WqvA1 > .Item__Kr4y4bAvoQTS {
  margin-top: var(--spacing-3);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.mini__wDXcmaISrAuq > .Item__Kr4y4bAvoQTS {
  margin-top: var(--spacing-5);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.tiny__OzkImzCh1ulp > .Item__Kr4y4bAvoQTS {
  margin-top: var(--spacing-6);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.small__G5mKSk7qafD9 > .Item__Kr4y4bAvoQTS {
  margin-top: var(--spacing-7);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.medium__g4L0K_S198gP > .Item__Kr4y4bAvoQTS {
  margin-top: var(--spacing-base);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.large__Uw58Yt_cwWro > .Item__Kr4y4bAvoQTS {
  margin-top: var(--spacing-10);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.larger__euPbbeYwxcLn > .Item__Kr4y4bAvoQTS {
  margin-top: var(--spacing-11);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.big__L14BQQtDjJl9 > .Item__Kr4y4bAvoQTS {
  margin-top: var(--spacing-12);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.huge__zgwWsQ1_2Q9n > .Item__Kr4y4bAvoQTS {
  margin-top: var(--spacing-14);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.massive__DEHoEIRrrDYs > .Item__Kr4y4bAvoQTS {
  margin-top: 3.23076923rem;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.giant__JsmJ7DgBH7YO > .Item__Kr4y4bAvoQTS {
  margin-top: var(--spacing-19);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8.ginormous__M5pHVEZByTxf > .Item__Kr4y4bAvoQTS {
  margin-top: var(--spacing-21);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.none__azDO5HaiFiVr {
  margin-top: 0;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.nano__Z2MkPW_WqvA1 {
  margin-top: var(--spacing-3);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.mini__wDXcmaISrAuq {
  margin-top: var(--spacing-5);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.tiny__OzkImzCh1ulp {
  margin-top: var(--spacing-6);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.small__G5mKSk7qafD9 {
  margin-top: var(--spacing-7);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.medium__g4L0K_S198gP {
  margin-top: var(--spacing-base);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.large__Uw58Yt_cwWro {
  margin-top: var(--spacing-10);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.larger__euPbbeYwxcLn {
  margin-top: var(--spacing-11);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.big__L14BQQtDjJl9 {
  margin-top: var(--spacing-12);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.huge__zgwWsQ1_2Q9n {
  margin-top: var(--spacing-14);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.massive__DEHoEIRrrDYs {
  margin-top: 3.23076923rem;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.giant__JsmJ7DgBH7YO {
  margin-top: var(--spacing-19);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.ginormous__M5pHVEZByTxf {
  margin-top: var(--spacing-21);
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS.auto__QdRLpHln9sHl {
  margin-top: auto;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 > .Item__Kr4y4bAvoQTS:first-child {
  margin-top: 0;
}
.Item__Kr4y4bAvoQTS.align-start__jDr26qdf_6Ff {
  align-self: flex-start;
}
.Item__Kr4y4bAvoQTS.align-end__c4VOVqma4rDt {
  align-self: flex-end;
}
.Item__Kr4y4bAvoQTS.align-center__BhVgCC04qk76 {
  align-self: center;
}
.Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS .Item__Kr4y4bAvoQTS > .ui.button:last-child, .Container__sM4r6WVFXvXL.horizontal__uaw5MuaR8vIS .Item__Kr4y4bAvoQTS > .ui.buttons:last-child {
  margin-right: 0;
}
.Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 .Item__Kr4y4bAvoQTS > .ui.button:last-child, .Container__sM4r6WVFXvXL.vertical__czybkmq0g5n8 .Item__Kr4y4bAvoQTS > .ui.buttons:last-child {
  margin-bottom: 0;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/shared/components/ui/Modal/styles.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width: 767px) {
  .sui:not(.grui) .ui.modal .mobileScreenOneWide__pgF9pblkRYBO {
    width: 6.25%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenTwoWide__NNpmXJGY02CP {
    width: 12.5%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenThreeWide__kDs5bhnPqlzP {
    width: 18.75%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenFourWide__A21sN4QKx62s {
    width: 25%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenFiveWide__yuOzt7c6xeIT {
    width: 31.25%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenSixWide__gU9XfAv9CkT3 {
    width: 37.5%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenSevenWide__aJk9imGMBGP7 {
    width: 43.75%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenEightWide__BTnnqUNIvW90 {
    width: 50%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenNineWide__tAaNYmEJdoEO {
    width: 56.25%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenTenWide__M84p9Y25dYm8 {
    width: 62.5%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenElevenWide__akiad_fxwpi2 {
    width: 68.75%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenTwelveWide__YYCrAd6TDt4I {
    width: 75%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenThirteenWide__BsGuBOBQWwCL {
    width: 81.25%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenFourteenWide__mZfrCkck5Yjg {
    width: 87.5%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenFifteenWide__hJxVsFUPfobf {
    width: 93.75%;
  }
  .sui:not(.grui) .ui.modal .mobileScreenSixteenWide__SrKFffR_EClN {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sui:not(.grui) .ui.modal .tabletScreenOneWide__UarA65IMqElS {
    width: 6.25%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenTwoWide__qEH56QLNpM6c {
    width: 12.5%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenThreeWide__ig6ogVZAXTTF {
    width: 18.75%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenFourWide__SNhhUeZCN2Gi {
    width: 25%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenFiveWide__nmF4n9TMmcqQ {
    width: 31.25%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenSixWide__GxjsMhUoG32w {
    width: 37.5%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenSevenWide__zUloq2koQnYZ {
    width: 43.75%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenEightWide__LPOit8I19fAr {
    width: 50%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenNineWide__DGUhg8dS_Xxv {
    width: 56.25%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenTenWide__fm9MvDCcvc2b {
    width: 62.5%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenElevenWide__FdZkPBVGDZGo {
    width: 68.75%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenTwelveWide__T8lpPt9vYOtl {
    width: 75%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenThirteenWide__VEQDRyP8uloT {
    width: 81.25%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenFourteenWide__kdUVXXtJGHzd {
    width: 87.5%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenFifteenWide__p8fu7sTmLh1y {
    width: 93.75%;
  }
  .sui:not(.grui) .ui.modal .tabletScreenSixteenWide__KMh3gPyPmLtb {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1399px) {
  .sui:not(.grui) .ui.modal .smallMonitorOneWide__XrCC5zOnx633 {
    width: 6.25%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorTwoWide__CItSgDdu5c2S {
    width: 12.5%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorThreeWide__tl_SBe7I6s4I {
    width: 18.75%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorFourWide__vRUgF5Dky81r {
    width: 25%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorFiveWide__QjJ4BE645EtD {
    width: 31.25%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorSixWide__XfgLApV_hNxC {
    width: 37.5%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorSevenWide__mo3FiKWmqhgg {
    width: 43.75%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorEightWide__XHERpFwmWqNl {
    width: 50%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorNineWide__YLVw9KqWG81o {
    width: 56.25%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorTenWide__cYWiQ1EXEhup {
    width: 62.5%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorElevenWide__paRrkA7321at {
    width: 68.75%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorTwelveWide__yMEjC_1nrDTT {
    width: 75%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorThirteenWide__q7RHnfegShaV {
    width: 81.25%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorFourteenWide__QShEc2j07HEI {
    width: 87.5%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorFifteenWide__VaIdHmaFKxGO {
    width: 93.75%;
  }
  .sui:not(.grui) .ui.modal .smallMonitorSixteenWide__LLaC5j_XNmZn {
    width: 100%;
  }
}
@media only screen and (min-width: 1400px) {
  .sui:not(.grui) .ui.modal .largeMonitorOneWide__cNtkqgJsgGsb {
    width: 6.25%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorTwoWide__YDSlSfbVujpl {
    width: 12.5%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorThreeWide__ViIA8FOQO7Op {
    width: 18.75%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorFourWide__TRsqtlUgbDm1 {
    width: 25%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorFiveWide__WixY7jXPTt9k {
    width: 31.25%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorSixWide__Of4OLxHwa2pD {
    width: 37.5%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorSevenWide__NQ28Nqm1CMsU {
    width: 43.75%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorEightWide__x9Zc88qYHQiO {
    width: 50%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorNineWide__NHOMQB8alrqC {
    width: 56.25%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorTenWide__mnBa_cFIF8nA {
    width: 62.5%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorElevenWide__XOko5qiNw_l3 {
    width: 68.75%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorTwelveWide__DTmOV5kJ9R_6 {
    width: 75%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorThirteenWide__QIci7AvqXHzc {
    width: 81.25%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorFourteenWide__kyzIxldzq12A {
    width: 87.5%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorFifteenWide__FoSaJNTyxpbh {
    width: 93.75%;
  }
  .sui:not(.grui) .ui.modal .largeMonitorSixteenWide__SMLlmj3GMwpR {
    width: 100%;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/shared/ui/SortableList/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.ColumnHeaders__cEl1ChnK72Z2 {
  background: #EEF1F5;
  padding: 0.5rem 1.23076923rem;
  margin-bottom: 0.61538462rem;
  border: 1px solid #EEF1F5;
  color: #1B1B1B;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 0.76923077rem;
  font-weight: 500;
  letter-spacing: 0.15384615rem;
  text-transform: uppercase;
  color: #7E8F9F;
  border-radius: 0.30769231rem;
}
.HeaderCell__tfsnvQweaUml, .HeaderCellNoSort__MuMxhIecut01 {
  -webkit-user-select: none;
          user-select: none;
}
.HeaderCell__tfsnvQweaUml {
  cursor: pointer;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/shared/components/ui/Sidebar/styles.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left {
  width: 560px;
  height: 100%;
  background: var(--color-monochrome-white);
  display: flex;
  flex-direction: column;
  box-shadow: none;
}
.sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right.visible, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left.visible {
  box-shadow: none;
}
.sui__phGhzQUtI9_x:not(.grui___xKyn4xvhr3b) .sideBar__zEaBPOM8HIue.ui.sidebar.right.wide__yRCy4hbr2Oti, .sui__phGhzQUtI9_x:not(.grui___xKyn4xvhr3b) .sideBar__zEaBPOM8HIue.ui.sidebar.left.wide__yRCy4hbr2Oti {
  width: 741px;
}
.sui__phGhzQUtI9_x:not(.grui___xKyn4xvhr3b) .sideBar__zEaBPOM8HIue.ui.sidebar.right.narrow__UxGkrn4AEnGQ, .sui__phGhzQUtI9_x:not(.grui___xKyn4xvhr3b) .sideBar__zEaBPOM8HIue.ui.sidebar.left.narrow__UxGkrn4AEnGQ {
  width: 440px;
}
.sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .header__Io8HyiekkKnw, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .header__Io8HyiekkKnw {
  display: flex;
  height: 4.30769231rem;
  background: var(--color-monochrome-black);
  padding: 1.23076923rem 1.84615385rem;
  font-family: var(--font-secondary);
  font-weight: var(--fontWeight-semibold);
  line-height: 1.33;
  color: var(--color-monochrome-white);
  font-size: var(--spacing-11);
}
.sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .header-body__eL5ZYceoVJzX, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .header-body__eL5ZYceoVJzX {
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .header-close__bhwexQkl16Gd, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .header-close__bhwexQkl16Gd {
  color: var(--color-monochrome-white);
  cursor: pointer;
  margin-left: 0.61538462rem;
}
.sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .body__pXcnUG6V2mey, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .body__pXcnUG6V2mey {
  flex: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .footer__EHF0XcFlyiA2, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .footer__EHF0XcFlyiA2 {
  background: var(--color-monochrome-light);
  padding: 1.23076923rem 1.84615385rem;
  border-top: solid 1px var(--color-monochrome-medium);
}
.sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .footer__EHF0XcFlyiA2 button, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .footer__EHF0XcFlyiA2 button, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .footer__EHF0XcFlyiA2 .button, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .footer__EHF0XcFlyiA2 .button, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .footer__EHF0XcFlyiA2 a, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .footer__EHF0XcFlyiA2 a {
  margin-bottom: 0.61538462rem;
}
.sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .footer__EHF0XcFlyiA2 button:last-child, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .footer__EHF0XcFlyiA2 button:last-child, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .footer__EHF0XcFlyiA2 .button:last-child, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .footer__EHF0XcFlyiA2 .button:last-child, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .footer__EHF0XcFlyiA2 a:last-child, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .footer__EHF0XcFlyiA2 a:last-child, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .footer__EHF0XcFlyiA2 button.last-child, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .footer__EHF0XcFlyiA2 button.last-child, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .footer__EHF0XcFlyiA2 .button.last-child, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .footer__EHF0XcFlyiA2 .button.last-child, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.right .footer__EHF0XcFlyiA2 a.last-child, .sui:not(.grui) .sideBar__zEaBPOM8HIue.ui.sidebar.left .footer__EHF0XcFlyiA2 a.last-child {
  margin-bottom: inherit;
}
.dimmer__uRD0e8n2vhUa {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: var(--color-monochrome-black);
  opacity: 0;
  transition: opacity 0.175s ease-in-out;
}
.dimmer__uRD0e8n2vhUa.show__fvU1IKT2z4X0 {
  opacity: 0.6;
}
.dimmer__uRD0e8n2vhUa.transparent__w5_tGDDTe4pU {
  background: var(--color-monochrome-black);
}

/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/Modal/styles-mobile.css ***!
  \********************************************************************************************************************************************************************************************/
.modal__uU_e8cktTN7W {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
}

.contentContainer__lCXpfNrqFGNu {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 10020;
  overflow: hidden; /* don't let shadow overflow when positioned at the bottom with offset */
}

.contentContainer-center__gNjZE3QEepCx {
  align-items: center;
}

.contentContainer-bottom__b49HeUPNCmwR {
  align-items: flex-end;
}

.content__laIZzIbGVFFa {
  max-width: 100%;
  max-height: 100%;
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  overflow: auto;
}

.contentContainer-center__gNjZE3QEepCx .content__laIZzIbGVFFa {
  border-radius: 2px;
}

.contentContainer-bottom__b49HeUPNCmwR .content__laIZzIbGVFFa {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.backgroundCuratain__v4cuka3vWiwQ {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.9;
  background-image: radial-gradient(#A2A2A2 0%, #555555 100%);
  z-index: 10010;
}

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/Modal/styles-desktop.css ***!
  \*********************************************************************************************************************************************************************************************/
.modal__HlsRQ2YN6WaV {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
}

.contentContainer__uiDkyU1Z6k8y {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 10020;
  overflow: hidden; /* don't let shadow overflow when positioned at the bottom with offset */
}

.contentContainer-center__UhPvHmfwwPmb {
  align-items: center;
}

.contentContainer-top__csAgJMtev1fr {
  align-items: flex-start;
}

.contentContainer-bottom__Kosx9gX2mg2g {
  align-items: flex-end;
}

.content__Xvsa3B1frTx9 {
  max-width: 100%;
  max-height: calc(100% - 40px);
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid var(--color-monochrome-medium);
  overflow: hidden;
}

.backgroundCuratain__qtb6FEW3mWbV {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.001);
  z-index: 10010;
}

/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/TabbedModal/styles.css ***!
  \*******************************************************************************************************************************************************************************************/
.root__l85GFFT0UR0d {
  --modal-color: #31C08A;
  display: flex;
  flex-direction: column;
}
.root__l85GFFT0UR0d > * {
  flex-shrink: 0;
}
.tabs__TpTHkYReyB_5 {
  display: flex;
  white-space: nowrap;
  overflow: auto;
}
.tab__h4bell1a7Qbh {
  flex-grow: 1;
  flex-basis: 0;
  padding: 11px;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  color: #BCBCBC;
  background-color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab__h4bell1a7Qbh:not(.tab-active__M0NpTx7xdRWN) {
  border-bottom: 1px solid #F1F1F1;
}
.tab__h4bell1a7Qbh:not(.tab-active__M0NpTx7xdRWN) + .tab__h4bell1a7Qbh:not(.tab-active__M0NpTx7xdRWN) {
  border-left: 1px solid #F1F1F1;
}
.tab-active__M0NpTx7xdRWN {
  font-weight: 600;
  color: white;
  background-color: var(--modal-color);
  /* account for inactive tabs having 1px horizontal border */
  /* so text doesn't jump when switching tabs */
  border-left: 1px solid var(--modal-color);
}
.content__c2m5OxZTiD4K {
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.content__c2m5OxZTiD4K > * {
  flex-shrink: 0;
}
.scrollableList__jISBVcQSm0B_ {
  flex-shrink: 1;
  position: relative;
  overflow: auto;
}
.filter__mVKrCbqsAxHh {
  width: 100%;
  padding: 10px 15px;
  font-size: 15px;
  color: var(--modal-color);
  border: 0;
  border-bottom: 1px solid #F1F1F1;
  outline: 0;
}
.filter__mVKrCbqsAxHh::-webkit-input-placeholder {
  text-align: center;
  color: rgba(0, 0, 0, 0.25);
}
.userItem__F1qQZIRzSv0k {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #F1F1F1;
}
.userItem__F1qQZIRzSv0k > * {
  flex-shrink: 0;
}
.userItem_center__HrpHQWlwPr17 {
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  margin-right: 12px;
}
.userItem_title__LOVaBJ6cMuN6 {
  font-size: 16px;
  font-weight: 600;
  color: #828282;
}
.userItem_hint__Aqu0fnfmDaCI {
  font-size: 13px;
  color: #BCBCBC;
}
.userItem_title__LOVaBJ6cMuN6, .userItem_hint__Aqu0fnfmDaCI {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/IsolateScroll/styles.css ***!
  \*********************************************************************************************************************************************************************************************/
.isolateScroll__La4gQMlSIFuU {
  -webkit-overflow-scrolling: touch;
}

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/ducks/cannedReplies/components/CannedRepliesModal/SearchInput/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.search__ILF701VMfowd {
}

/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/Expander/styles.css ***!
  \****************************************************************************************************************************************************************************************/
.label__w48pylgVFmbe {
  display: flex;
  align-items: center;
}

.content__c9nojASbgiNm {
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}

.expandIcon__xTJcMM2nV9MO {
  margin-left: auto;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.25);
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.isOpen__DEntk1BzGJev .expandIcon__xTJcMM2nV9MO {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/ducks/cannedReplies/components/CannedRepliesModal/CannedReply/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
.reply__nETI1I46gJEz {
  position: relative; /* context for Return icon */
  padding: 16px 20px;
  border-bottom: 1px solid #F1F1F1;
}
.reply-active__IGfgP2tLAy8F {
  background-color: #FFFFFF;
}
.reply_category__TY4jEOSGvP_W {
  margin-bottom: 2px;
  font-size: 10px;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  color: #BCBCBC;
}
.reply_name__BvaqqnYEqF_w {
  font-size: 15px;
  margin-bottom: 2px;
  font-weight: 600;
  color: #828282;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.reply_category__TY4jEOSGvP_W, .reply_name__BvaqqnYEqF_w {
  margin-right: 28px; /* leave space for Return icon */
}
.reply_snippet__Vlmlvu0uiwiG {
  font-size: 11px;
  line-height: 1.4;
  color: #828282;
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/ducks/cannedReplies/components/CannedRepliesModal/CannedRepliesByCategory/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.category__nnKHG0Z2QEaT {
  border-bottom: 1px solid #F1F1F1;
}

.category_name__uxqZedj0BAS1 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-right: 20px;
  padding-left: 20px;
  height: 36px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  color: #BCBCBC;
  background-color: hsla(0, 0%, 95%, 1);
  z-index: 1;
}

.category_replies__XtB2un4rch_M > :last-child {
  border-bottom: 0;
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/ducks/cannedReplies/components/CannedRepliesModal/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.root__EtBXlKeEp0LZ {
  width: calc(100vw - 64px);
  height: calc(100vh - 96px);
  min-width: 280px;
  max-width: 360px;
}

.scrollableList__e3kepOKZl6Jx {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.02);
}

.returnIcon__LDjWoBT1OIdC {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 22px;
  color: #31C08A;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/cannedReplies/components/CannedReplyDropdown/Menu/NoCannedReplies/styles.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************/
.cannedReplyEmpty__zfbq503aWpoY {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 1.23076923rem 1.84615385rem;
}
.cannedReplyEmpty__zfbq503aWpoY .header {
  margin-bottom: 1.23076923rem;
  font-family: var(--font-secondary);
}
.cannedReplyEmpty__zfbq503aWpoY .body {
  margin-bottom: 1.84615385rem;
}
.cannedReplyEmpty__zfbq503aWpoY .body.spaced {
  margin-top: 3.69230769rem;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/cannedReplies/components/CannedReplyDropdown/Menu/Header/styles.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.header__dUzmn5q6KSxn {
  margin: 0.61538462rem 1.23076923rem;
}
.header__dUzmn5q6KSxn .ui.basic.icon.button.button__iknYU9gKrm1C {
  width: 2.46153846rem;
  transition: box-shadow 0.25s ease-in-out;
}
.header__dUzmn5q6KSxn .ui.basic.icon.button.button__iknYU9gKrm1C i {
  transition: color 0.25s ease-in-out;
}
.header__dUzmn5q6KSxn .ui.basic.icon.button.button__iknYU9gKrm1C:hover {
  box-shadow: inset 0 0 0 1px var(--color-primary-brand);
}
.header__dUzmn5q6KSxn .ui.basic.icon.button.button__iknYU9gKrm1C:hover i {
  color: var(--color-primary-brand);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/cannedReplies/components/CannedReplyDropdown/Menu/List/styles.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.cannedReplyList__RNVaXc08Ut0w .item {
  background-color: var(--color-monochrome-superLight);
  border-bottom: solid 1px var(--color-monochrome-medium);
  padding: 0.61538462rem 1.23076923rem;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #4F5D6A;
  color: var(--color-monochrome-black);
  font-weight: var(--fontWeight-medium);
  cursor: pointer;
  display: flex;
}
.cannedReplyList__RNVaXc08Ut0w .item .count {
  color: var(--color-monochrome-mediumDark);
  margin-left: 4px;
}
.cannedReplyList__RNVaXc08Ut0w .item .focusedIcon {
  color: var(--color-monochrome-white);
  font-size: 18px;
  line-height: 0.8em;
  margin-left: 10px;
  opacity: 0;
  margin-top: 3px;
  transition: opacity 0.05s ease-in-out;
}
.cannedReplyList__RNVaXc08Ut0w .item .content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.cannedReplyList__RNVaXc08Ut0w .item .content.empty {
  color: var(--color-monochrome-mediumDark);
}
.cannedReplyList__RNVaXc08Ut0w .item.template {
  background-color: var(--color-monochrome-white);
  padding: 0.61538462rem 1.84615385rem;
  font-weight: var(--fontWeight-normal);
}
.cannedReplyList__RNVaXc08Ut0w .item.focused {
  background-color: var(--color-primary-brand);
  border-bottom-color: var(--color-primary-brand);
  color: var(--color-monochrome-white);
}
.cannedReplyList__RNVaXc08Ut0w .item.focused .count {
  color: var(--color-monochrome-white);
}
.cannedReplyList__RNVaXc08Ut0w .item.focused .focusedIcon {
  opacity: 1;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/cannedReplies/components/CannedReplyDropdown/Menu/styles.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.divider__QGNff1g3UmEk {
  border-bottom: none !important;
  margin-top: 0 !important;
}
.DropdownMenu__VbgIPXIO7xXP {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/controls/components/BusinessHoursControl/styles.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.DateControlView_Checkbox__CaRaSS5pSsGa {
  padding: 0.92307692rem 0.61538462rem 0.92307692rem var(--spacing-10);
  cursor: pointer;
}
.link__Q9cyyQtjUEWI {
  margin-right: 10px;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/controls/components/DatePicker/styles.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.DatePickerDropdown__jh_k3eSr8mkX {
  cursor: pointer;
  padding: 0.92307692em 1em;
}
.DatePickerDropdown_label__qjJBnQ6nokLH {
  color: var(--color-monochrome-dark);
  margin-right: 0.38461538rem;
}
.DatePickerDropdown__jh_k3eSr8mkX:hover .DatePickerDropdown_period__h8JD6XS6JtMC, .DatePickerDropdown_active__cw5UUvZtLFr6 .DatePickerDropdown_period__h8JD6XS6JtMC {
  color: var(--color-primary-brand);
}
.DatePickerDropdown__jh_k3eSr8mkX:hover .DatePickerDropdown_label__qjJBnQ6nokLH, .DatePickerDropdown_active__cw5UUvZtLFr6 .DatePickerDropdown_label__qjJBnQ6nokLH {
  color: var(--color-monochrome-black);
}
.DatePickerInput__QZqeE9fSBU9F {
  cursor: pointer;
}
.DatePickerInput_focus__sQb5gj157Pbb {
  color: var(--color-primary-brand);
}
.DatePickerDropdownContentWrapper__Lw_ObZ16ww46 {
  position: absolute;
  top: 41px;
  right: 0;
  z-index: 1000;
  padding-left: 25px;
  padding-bottom: 25px;
  overflow: hidden;
  pointer-events: none;
}
.DatePickerDropdownContentWrapperActive___81SIfU49n3d {
  display: block;
}
.DatePickerDropdownContent__BpMrZAYhfL2l {
  background: var(--color-monochrome-white);
  position: relative;
  -webkit-transform: translate(0, -100px);
          transform: translate(0, -100px);
  opacity: 0;
  pointer-events: none;
  border: 1px solid var(--color-monochrome-medium);
  border-top: none;
  border-right: none;
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.25s ease-in-out;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.09);
}
.DatePickerDropdownContent_open__XQuzPHJMDgiI {
  opacity: 1;
  -webkit-transform: translate(0, 0px);
          transform: translate(0, 0px);
  transition: opacity 0.2s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.25s ease-in-out;
  pointer-events: all;
}
.DatePickerDateRange__hBj8aVVsV9NM {
  display: flex;
  background: var(--color-monochrome-white);
  padding: 0.61538462em 2.46153846em 0;
  border-bottom: 1px solid var(--color-monochrome-medium);
}
.DatePickerDateRangeItem__bn6Zm2OJ1uAX {
  flex-grow: 1;
  flex-shrink: 1;
  cursor: pointer;
  color: var(--color-primary-brand);
  margin-left: 0.76923077rem;
}
.DatePickerDateRangeItem_alignRight__KJ8U4tjReXvi {
  text-align: right;
}
.sui .DatePickerDateRangeItem__bn6Zm2OJ1uAX .header {
  float: left;
  margin-right: var(--spacing-5);
  line-height: 0.95em;
}
.sui .DatePickerDateRangeItem_alignRight__KJ8U4tjReXvi .header {
  float: right;
  margin-left: var(--spacing-5);
}
.DatePickerDateRangeItem_focus__ivEprKo3SF3y .DatePickerDateRangeItem_date__D4zdnMAVjqsJ {
  color: #33ACE0;
}
.DatePickerDateRangeItem_alignRight__KJ8U4tjReXvi .DatePickerDateRangeItem_date__D4zdnMAVjqsJ {
  float: right;
}
.DatePickerDateRangeItem_monthYear__ek3DqWIt2Qwq {
  font-weight: var(--fontWeight-normal);
}
.DatePickerDateRangeItem_day__iHBhRWxKlwPc {
  font-weight: var(--fontWeight-normal);
  text-transform: uppercase;
  font-size: 10px;
}
.DatePickerDateRangeItem_focus__ivEprKo3SF3y .DatePickerDateRangeItem_day__iHBhRWxKlwPc, .DatePickerDateRangeItem_focus__ivEprKo3SF3y .DatePickerDateRangeItem_monthYear__ek3DqWIt2Qwq {
  color: var(--color-primary-brand);
}
.DatePickerDropdownContent__BpMrZAYhfL2l .DatePicker__qnkLkhvWX_Tz {
  border-left: 0;
  border-top: 0;
}
.DatePickerFooter__cMi9yzi0SXPK {
  background: var(--color-monochrome-white);
  font-weight: var(--fontWeight-normal);
  padding: 0.92307692em 2.46153846em;
  display: flex;
}
.DatePickerPresets__r2Zocx6VQjII {
  flex-grow: 1;
  align-self: center;
}
.DatePickerButtons__GGE_fqiN05AQ {
  flex-grow: 0;
  float: right;
}
.DatePickerButtons__GGE_fqiN05AQ button {
  margin-left: 0.92307692em;
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/shared/components/ui/DatePicker/styles.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.DatePicker__YaYE3uxWvL7O {
  border: 1px solid var(--color-monochrome-medium);
  overflow: hidden;
  background: white;
  position: relative;
}
.DatePickerCalenderNavPane__Nvdr91vT0yMm {
  position: absolute;
  top: 6px;
  left: auto;
  right: 21px;
  display: flex;
}
.CalendarNav__H6rMiVi8ccow {
  cursor: pointer;
  z-index: 1;
  margin-left: 1px;
}
.CalendarNav__H6rMiVi8ccow:hover {
  color: var(--color-monochrome-black);
}
/* DayPicker styles */
.DayPicker__Noyf9KIB68Jc {
  position: relative;
  height: 270px;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-wrapper {
  position: relative;
  flex-direction: row;
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
  height: 270px;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-wrapper:focus {
  outline: none;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Months {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  -webkit-transform: translateX(-254px);
          transform: translateX(-254px);
  border-bottom: 1px solid var(--color-monochrome-medium);
  position: absolute;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Month {
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
  -webkit-user-select: none;
          user-select: none;
  width: 254px;
  padding: 0 13px;
  border-right: 1px solid var(--color-monochrome-medium);
  height: 270px;
}
.DayPicker_singleMonth__xwpf3t_aR0bt .DayPicker-Month {
  border-right: none;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-NavButton {
  position: absolute;
  top: 1em;
  right: 1.5em;
  left: auto;
  display: inline-block;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8B9898;
  cursor: pointer;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-NavButton--prev {
  margin-right: 1.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC);
}
.DayPicker__Noyf9KIB68Jc .DayPicker-NavButton--next {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==);
}
.DayPicker__Noyf9KIB68Jc .DayPicker-NavButton--interactionDisabled {
  display: none;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Caption {
  padding: 13px 13px 13px 8px;
  font-size: 13px;
  border-bottom: 1px solid var(--color-monochrome-medium);
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Caption > div {
  font-weight: 500;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Weekdays {
  margin-top: 8px;
  color: var(--color-monochrome-mediumDark);
  font-size: 11px;
  font-weight: 500;
  text-transform: none;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Weekday {
  display: inline-block;
  width: 32px;
  text-align: center;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background: none;
  border: none;
  color: black;
  cursor: pointer;
  text-align: center;
  box-sizing: content-box;
  font-size: 13px;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day:focus {
  outline: none;
}
.DayPicker__Noyf9KIB68Jc .DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Footer {
  padding-top: 0.5em;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}
/* Animation */
.up__kElnFNX5V7MI .DayPicker-Months {
  -webkit-transform: translateX(-508px);
          transform: translateX(-508px);
  transition: -webkit-transform ease-out 0.2s;
  transition: transform ease-out 0.2s;
  transition: transform ease-out 0.2s, -webkit-transform ease-out 0.2s;
}
.down__t_mNfnby7oCV .DayPicker-Months {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  transition: -webkit-transform ease-out 0.2s;
  transition: transform ease-out 0.2s;
  transition: transform ease-out 0.2s, -webkit-transform ease-out 0.2s;
}
/* Default modifiers */
/* Custom modifiers */
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--today {
  color: var(--color-primary-brand);
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--weekend {
  background: var(--color-monochrome-superLight);
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--warning {
  color: var(--color-negative-500);
}
/* START: Sneaky hack to highlight weekend row*/
.DayPicker__Noyf9KIB68Jc .DayPicker-Body :first-child.DayPicker-Week .DayPicker-Day--weekend.DayPicker-Day--lastOfWeek:not(.DayPicker-Day--selected) {
  border-top-right-radius: 4px;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Body :first-child.DayPicker-Week .DayPicker-Day--weekend:not(.DayPicker-Day--lastOfWeek):not(.DayPicker-Day--selected) {
  border-top-left-radius: 4px;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Body :last-child.DayPicker-Week .DayPicker-Day--weekend.DayPicker-Day--lastOfWeek:not(.DayPicker-Day--selected) {
  border-bottom-right-radius: 4px;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Body :last-child.DayPicker-Week .DayPicker-Day--weekend:not(.DayPicker-Day--lastOfWeek):not(.DayPicker-Day--selected) {
  border-bottom-left-radius: 4px;
}
/* END: Sneaky hack to highlight weekend row*/
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--outside:not(.DayPicker-Day--warning), .DayPicker__Noyf9KIB68Jc .DayPicker-Day--disabled:not(.DayPicker-Day--warning) {
  color: var(--color-monochrome-mediumDark) Disabled;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Body :last-child.DayPicker-Week .DayPicker-Day:not(.DayPicker-Day--selected).DayPicker-Day:not(.DayPicker-Day--disabled).DayPicker-Day--outside:not(.DayPicker-Day--warning) {
  color: var(--color-monochrome-mediumDark);
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--disabled {
  cursor: default;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day:hover {
  position: relative;
  border-radius: 4px;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day:hover:after {
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  content: "";
  display: block;
  border-radius: 4px;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--selected:not(.DayPicker-Day--disabled) {
  background: var(--color-primary-brand);
  color: white;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):hover {
  background: var(--color-secondary-brand);
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--selected:not(.DayPicker-Day--disabled):hover {
  color: white;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--selected:hover {
  border-color: var(--color-primary-brand);
  border-radius: 0;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--selected:hover:after {
  content: none;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--selectedDate {
  border: none;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--selectedDate:not(.DayPicker-Day--disabled) {
  border-radius: 4px;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--selectedRangeStart:not(.DayPicker-Day--disabled) {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--selectedRangeEnd:not(.DayPicker-Day--disabled) {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--selectedDate:not(.DayPicker-Day--disabled), .DayPicker__Noyf9KIB68Jc .DayPicker-Day--selectedRangeEnd:not(.DayPicker-Day--disabled), .DayPicker__Noyf9KIB68Jc .DayPicker-Day--selectedRangeStart:not(.DayPicker-Day--disabled) {
  background: var(--color-primary-brand);
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--selected.DayPicker-Day--outside {
  border-color: var(--color-monochrome-light);
}
.DayPicker__Noyf9KIB68Jc .DayPicker-Day--outside.DayPicker-Day--selectedRangeEnd, .DayPicker__Noyf9KIB68Jc .DayPicker-Day--outside.DayPicker-Day--selectedRangeStart, .DayPicker__Noyf9KIB68Jc .DayPicker-Day:not(.DayPicker-Day--disabled)--outside:hover {
  background: var(--color-monochrome-medium);
}
.DatePickerCalendarMonthTitle__hgfx3DppGBRu {
  color: var(--color-monochrome-black);
  font-size: 16px;
}
.DatePickerCalendarMonthTitle_year__qQ6EDdKGO2U8 {
  margin-left: 0.61538462rem;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/controls/components/ControlBar/styles.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.sui:not(.grui) .ui.fixed.menu.ControlBar__ChYqfl5msr0Z {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/AppNotices/styles.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.demoBarHeader__LmaPS3Bifjii {
  margin-right: var(--spacing-base);
}
.sui:not(.grui) .demoBarLinkInline__syeMZLbkaW7R {
  cursor: pointer;
  color: var(--color-monochrome-white);
  text-decoration: underline;
}
.sui:not(.grui) .demoBarLinkInline__syeMZLbkaW7R:hover {
  color: var(--color-monochrome-white);
  text-decoration: underline;
}
.sui:not(.grui) .demoBarLinkInlineWarning__ScWaJJGYkoVX {
  cursor: pointer;
  color: var(--color-monochrome-black);
  text-decoration: underline;
}
.sui:not(.grui) .demoBarLinkInlineWarning__ScWaJJGYkoVX:hover {
  color: var(--color-monochrome-black);
  text-decoration: underline;
}
.sui:not(.grui) .buttonLink__IGtsJoqjzDXy {
  margin-left: var(--spacing-base);
  cursor: pointer;
  color: var(--color-monochrome-white);
  border: 1px solid var(--color-monochrome-white);
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 250ms linear;
  font-size: var(--fontSize-large);
}
.sui:not(.grui) .buttonLink__IGtsJoqjzDXy:hover {
  color: var(--color-monochrome-white);
  background-color: rgba(255, 255, 255, 0.1);
}

/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/Avatar/styles.css ***!
  \**************************************************************************************************************************************************************************************/
.avatar__M3r3VemGGwxO {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.07);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

.avatar-withImage__FwIu9toqept6 {
  color: transparent !important;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/layout/components/ReportsLayout/styles.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.app__PhU0I96tUygl {
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1;
  overflow: hidden;
  background-color: var(--color-monochrome-white);
}
.content__OtTOyjTQcM7h {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.app__PhU0I96tUygl > * {
  flex-shrink: 0;
}
.row__id4TqHzln9y6 {
  display: flex;
  flex: 1;
}
.scrollContainer__U5Zv7xakAvik {
  padding-top: 56px;
  padding-bottom: 100px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.widthContainer__Qf_HJuOAUnai {
  margin: 0 auto;
  width: 90%;
  max-width: 1477px;
}
@media (max-width: 1280px) {
  .widthContainer__Qf_HJuOAUnai {
    width: 100%;
  }
}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/ducks/reports/visualizations/components/Loading/styles.css ***!
  \********************************************************************************************************************************************************************************************************************/
.Loading__hyRjM1p7bcKR {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 24px;
}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/ducks/reports/visualizations/components/Errored/styles.css ***!
  \********************************************************************************************************************************************************************************************************************/
.Errored__ZBZWZ4uoQHCS {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(254, 254, 254, 0.7);
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 24px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/visualizations/components/BusiestTime/styles.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.sui .BusiestTime__vXVwmH40SjFf {
  background: white;
  border: 1px solid var(--color-monochrome-medium);
  border-radius: 0.30769231rem;
}
.sui .BusiestTimeHeader__HL3VxMywNsVo {
  border-bottom: 1px solid var(--color-monochrome-medium);
  padding: 20px 30px;
}
.sui .ui.table.BusiestTimeTable__pX2lTYoilBCd {
  border-spacing: 10px;
  border: 0;
  min-height: 137px;
  padding: 0px 20px;
  margin-top: 0;
}
.sui .BusiestTimeFooter__oh0E7B6D2FSF {
  border-top: 1px solid var(--color-monochrome-medium);
  padding: 10px 30px;
  text-align: right;
}
.sui .ui.table.BusiestTimeTable__pX2lTYoilBCd th {
  border: none;
  padding: 10px 0 0;
}
.sui .ui.table.BusiestTimeTable__pX2lTYoilBCd thead th:first-child {
  background-color: transparent;
}
.sui .ui.table.BusiestTimeTable__pX2lTYoilBCd thead th {
  padding: 6px;
  text-align: center;
}
.sui .ui.table.BusiestTimeTable__pX2lTYoilBCd tbody th {
  color: #1B1B1B !important;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
  font-size: 0.76923077rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.15384615rem !important;
  text-transform: uppercase !important;
  padding: 6px 10px;
  text-align: right;
  width: 80px;
}
.sui .ui.table.BusiestTimeTable__pX2lTYoilBCd td, .sui .ui.table.BusiestTimeTable__pX2lTYoilBCd tr:first-child td {
  border: 1px solid #d9dce0;
  padding: 6px;
  text-align: center;
  height: 30px;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 0.92307692rem;
  font-weight: 500;
  letter-spacing: 0.15384615rem;
  color: #1B1B1B;
  text-transform: uppercase;
  color: white;
  border-radius: 2px;
}
.sui .ui.table .cellContent__NVmtoekI62vS {
  display: inline-block;
  width: 65px;
}
.sui .ui.table.BusiestTimeTable__pX2lTYoilBCd .color_0__HYlHhURAGf72, .sui .ui.table.BusiestTimeTable__pX2lTYoilBCd tr:first-child .color_0__HYlHhURAGf72, .color_0__HYlHhURAGf72 {
  background-color: #8ccfde;
  border: none;
}
.sui .ui.table.BusiestTimeTable__pX2lTYoilBCd .color_1__Z5oNbVP9XrX7, .sui .ui.table.BusiestTimeTable__pX2lTYoilBCd tr:first-child .color_1__Z5oNbVP9XrX7, .color_1__Z5oNbVP9XrX7 {
  background-color: #45a7b7;
  border: none;
}
.sui .ui.table.BusiestTimeTable__pX2lTYoilBCd .color_2__khGcyKXDo_Je, .sui .ui.table.BusiestTimeTable__pX2lTYoilBCd tr:first-child .color_2__khGcyKXDo_Je, .color_2__khGcyKXDo_Je {
  background-color: #3b8f9d;
  border: none;
}
.sui .ui.table.BusiestTimeTable__pX2lTYoilBCd .color_3__nZypMT2eoF8o, .sui .ui.table.BusiestTimeTable__pX2lTYoilBCd tr:first-child .color_3__nZypMT2eoF8o, .color_3__nZypMT2eoF8o {
  background-color: #327a85;
  border: none;
}
.sui .ui.table.BusiestTimeTable__pX2lTYoilBCd .color_4__Yb_CK4tON7yw, .sui .ui.table.BusiestTimeTable__pX2lTYoilBCd tr:first-child .color_4__Yb_CK4tON7yw, .color_4__Yb_CK4tON7yw {
  background-color: #de729d;
  border: none;
}
.sui .ui.table.BusiestTimeTable__pX2lTYoilBCd .color_5__V934SeU193xR, .sui .ui.table.BusiestTimeTable__pX2lTYoilBCd tr:first-child .color_5__V934SeU193xR, .color_5__V934SeU193xR {
  background-color: #d05182;
  border: none;
}
.color_white__vsWFrGdkAHrE {
  background-color: white;
  border: 1px solid #d9dce0;
}
.key__MCXu7RXAdeHl {
  border-radius: 2px;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-right: 5px;
  margin-bottom: -3px;
}
.key__MCXu7RXAdeHl:first-child {
  margin-left: 10px;
}
.key__MCXu7RXAdeHl:last-child {
  margin-right: 10px;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/visualizations/components/PercentBar/styles.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.PercentBar__djP02kA0TVoc {
  margin-top: 32px;
}
.PercentBar__djP02kA0TVoc:first-child {
  margin-top: 0;
}
.label__dmOkhUwcXIlQ {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 0.92307692rem;
  font-weight: 500;
  letter-spacing: 0.15384615rem;
  color: #1B1B1B;
  text-transform: uppercase;
  display: inline-block;
  width: 50%;
}
.progressText__D2rusVSnMwB0 {
  color: #1B1B1B;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 0.76923077rem;
  font-weight: 500;
  letter-spacing: 0.15384615rem;
  text-transform: uppercase;
  display: inline-block;
  width: 50%;
  text-align: right;
  color: var(--color-monochrome-mediumDark);
}
.progressBar__V1R_Qx7aR6Ia {
  margin-top: 8px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/visualizations/components/ProgressBar/styles.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.ProgressBars__LH7fJik3U5i2 {
  padding: 24px;
}
.loading__wPSQU_IhTf9Q, .errored__o86GOxV2cqc0 {
  color: #828282;
  font-size: 11px;
  text-align: center;
  line-height: 36px;
  padding-bottom: 21px;
}
.PercentBar__Re4SMgeOmm5m {
  margin-top: 32px;
}
.PercentBar__Re4SMgeOmm5m:first-child {
  margin-top: 0;
}
.label__Pd441rIDI3wm {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 0.92307692rem;
  font-weight: 500;
  letter-spacing: 0.15384615rem;
  color: #1B1B1B;
  text-transform: uppercase;
  display: inline-block;
  width: 50%;
  font-size: var(--spacing-base);
  margin-bottom: var(--spacing-5);
}
.progressText__u7yE46Uf097x {
  color: #1B1B1B;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 0.76923077rem;
  font-weight: 500;
  letter-spacing: 0.15384615rem;
  text-transform: uppercase;
  display: inline-block;
  width: 50%;
  text-align: right;
  color: var(--color-monochrome-mediumDark);
  font-size: var(--spacing-base);
  margin-bottom: var(--spacing-5);
}
.ProgressBar__XlRbp1wnsCSi {
  margin-top: 8px;
  height: 16px;
  position: relative;
}
.ProgressBar_background__aHb50jxFlzSO {
  opacity: 0.5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.sui .ui.small.progress .bar.ProgressBar_bar__tDksZsbSyAYP {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 16px;
}

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/Info/styles.less ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.sui:not(.grui) i.circular.icon.InfoIcon__VOmb53jC1F6a {
  background-color: var(--color-monochrome-medium);
  transition: background-color 0.1s ease-in-out;
  box-shadow: none;
  vertical-align: text-bottom;
}
.sui:not(.grui) i.circular.icon.InfoIcon__VOmb53jC1F6a:before {
  color: var(--color-monochrome-mediumDark);
  padding-left: 1px;
}
.sui:not(.grui) i.circular.icon.InfoIcon__VOmb53jC1F6a:hover {
  background-color: var(--color-primary-brand);
}
.sui:not(.grui) i.circular.icon.InfoIcon__VOmb53jC1F6a:hover:before {
  color: #fff;
}
.sui:not(.grui) i.circular.icon.InfoIcon__VOmb53jC1F6a.corner___GId0f2tdj9T {
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  border: 14px solid transparent;
  border-top: 14px solid var(--color-monochrome-medium);
  border-right: 14px solid var(--color-monochrome-medium);
  border-radius: 0 !important;
  height: 14px !important;
  display: block;
  line-height: 14px !important;
  padding: 0px !important;
  margin: 0;
}
.sui:not(.grui) i.circular.icon.InfoIcon__VOmb53jC1F6a.corner___GId0f2tdj9T:before {
  position: relative;
  top: -12px;
  right: -2px;
}
.sui:not(.grui) i.circular.icon.InfoIcon__VOmb53jC1F6a.corner___GId0f2tdj9T:hover {
  border-top-color: var(--color-primary-brand);
  border-right-color: var(--color-primary-brand);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/visualizations/components/Change/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
i.reportIcon__ntcOsZjarwlZ {
  margin: 0 !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/visualizations/components/Headline/styles.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.Headline__PtE7qmc03Cdw {
  padding: 20px 0;
  min-height: 128px;
  position: relative;
}
.sui .Headline_errored__MDT7lT0tEPmJ, .sui .Headline_loading__SnWhmetu7HGz {
  margin: 8px 0;
  line-height: 36px !important;
}
.sui .Headline_massive__PSFk_fK1SjZM {
  font-size: 72px !important;
}
.sui .Headline_massive__PSFk_fK1SjZM.Headline_loading__SnWhmetu7HGz {
  font-size: 24px !important;
  line-height: 82px !important;
}
.sui .Headline_suffix__D63pD1iDgWxo {
  text-align: center;
  margin-bottom: 16px;
}
.sui .thisPeriod__P7no_dNWrpTK {
  margin: 8px 0;
  text-transform: none !important;
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/ducks/reports/visualizations/components/PercentGauge/styles.css ***!
  \*************************************************************************************************************************************************************************************************************************/
.PercentGauge__QezQl7kX6niE {
  max-width: 190px;
  margin: 0 auto;
  padding: 18px 0;
}

.previousPeriod__iPUP81QFxZvM {
  text-align: center;
  margin-top: 8px;
  min-height: 18px;
}

.Info__X9FBieLxjNJ9 {
  position: absolute;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/visualizations/components/Table/styles.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.sizeSelector__Nr_CGHlsm32I.ui.inline.dropdown > .text, .sizeSelector__Nr_CGHlsm32I.ui.inline.dropdown .dropdown.icon {
  color: var(--color-primary-positive);
}
.sui:not(.grui) .ui.sortable.table thead th.sortable__tLOC4Ui3ty41:not(.descending):not(.ascending):after {
  content: "\f0dc";
  color: var(--color-monochrome-medium);
}
.sui:not(.grui) .ui.selectable.table tbody tr.noData__y65qa9co1Evc:hover {
  background: #fff !important;
}
.sui:not(.grui) .ui.selectable.table tbody tr.noData__y65qa9co1Evc td {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 2.46153846rem;
  line-height: 1.25;
  color: #1B1B1B;
  padding: 6.46153846rem 0;
  color: var(--color-monochrome-medium);
}
.sui .TableView_Header__JMO2pH7VEH8H {
  margin-bottom: 0;
  font-family: var(--font-secondary) !important;
}
.sui .TableView_SubHeader__q5Ar3HLFgGMu {
  margin-top: 0;
}
.TablePageSizeSelector__z4lBKhfDgOWk {
  margin-right: 3.23076923rem;
}
.TableCell_truncated__x0m4gpZxENDd {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  text-overflow: ellipsis;
  height: 1.2em;
  overflow: hidden;
}
.TableCell_noData__LHfSV2VCX5of {
  color: var(--color-monochrome-mediumDark);
  font-style: italic;
}
@media only screen and (max-width: 1920px) {
  .Status__BVS4vAncoFZ5 {
    display: none;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/visualizations/components/AgentLink/styles.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.AgentLinkView__NUjZPWRXADKL {
  white-space: nowrap;
}
.AgentLinkView_avatar__EDKBwFNTOz9B {
  margin: -8px 8px -8px 0;
}
@media (max-width: 1300px) {
  .AgentLinkView_name___0zxdfGCQuEz {
    display: none;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/visualizations/components/Table/cells/TruncatedCell/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.TruncatedCell__JqOMWbUbiVyt {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/visualizations/components/Table/cells/SingleLineCell/styles.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.SingleLineCell__EQsxkuidkRYI {
  white-space: nowrap;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/visualizations/components/TableV2/styles.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.sui .Table___ZzHJcLtqQDX {
  min-height: 137px;
}
.sui .TableView_Header__PEINp0_BRDyj {
  margin-bottom: 0;
  font-family: var(--font-secondary) !important;
}
.sui .Table___ZzHJcLtqQDX .PagerLite, .sui .Table___ZzHJcLtqQDX .Pager {
  float: right;
}
.sui .Chart__mxiZemjYHFpj {
  background: #fff;
  border-radius: 0.30769231rem;
  box-shadow: 0 0 0 1px var(--color-monochrome-medium);
  padding: 1.23076923rem !important;
  height: calc(100% - 0.5px);
  position: relative;
  margin: 1px 0;
}
.sui .ui.table tr:hover td.firstCell__ng8bnhql8ZkI {
  border-left: 0.30769231rem solid var(--color-primary-brand);
  padding-left: 1.53846154rem;
}
.sui:not(.grui) .ui.sortable.table thead th.sortable__oBJMey_KxcZH:not(.descending):not(.ascending):after {
  content: "\f0dc";
  color: var(--color-monochrome-medium);
}
.sui .ui.sortable.table thead th.Table_HeaderCell__iMANVzA8OSga {
  cursor: default;
}
.sui .ui.sortable.table thead th.Table_HeaderCell__iMANVzA8OSga.sortable__oBJMey_KxcZH {
  cursor: pointer;
}
.sui .ui.sortable.table tbody tr .noData__zazdqvzNdArJ {
  text-align: center;
}
.sui .ui.sortable.table tbody tr .noData__zazdqvzNdArJ:hover {
  background: #fff !important;
}
.sui .ui.sortable.table tbody tr .filler__tUiFLLdGbmY_ {
  height: 51px;
}
.sui .Table___ZzHJcLtqQDX tfoot {
  vertical-align: middle;
}
.sui .Table___ZzHJcLtqQDX tfoot th {
  line-height: 40px;
}
.sui .Table___ZzHJcLtqQDX tfoot th.lite__F5i5Kxp4PotU {
  line-height: 40px;
}
.sui .Table___ZzHJcLtqQDX .TablePageSizeSelector {
  float: right;
  margin-right: 1.53846154rem;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/overviewLayouts/components/Overview/styles.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.overviewContainer__Oh5JgJ0gTD56 {
  background: #fff;
  border-radius: 0.30769231rem;
  overflow: hidden;
}
.maxHeight__wxdNqH4Yemz4 {
  height: 100%;
}
.maxHeight__wxdNqH4Yemz4 .middle.aligned.column {
  height: 100%;
}
.sui:not(.grui) .reportHeader__dDphcQEcQpn_ {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 2.46153846rem;
  line-height: 1.25;
  color: #1B1B1B;
  font-family: var(--font-secondary);
  font-weight: var(--fontWeight-semibold);
  margin-bottom: 0;
  padding: 1.84615385rem 0 0 1.84615385rem;
}
.sui:not(.grui) .reportSmallHeader__pSESGXGb6G3k {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 1.84615385rem;
  line-height: 1.33;
  color: #1B1B1B;
  margin-bottom: 0;
  padding: 0.61538462rem 0 0 0.61538462rem;
}
.sui:not(.grui) .reportSmallHeader__pSESGXGb6G3k .ui.inline.dropdown > .text {
  font-weight: var(--fontWeight-medium) !important;
}
.sui:not(.grui) .ui.celled.grid > .row.chartContainer__XO2e9EaDtBfI {
  height: 340px;
  padding: 0 1.84615385rem 1.84615385rem 1.84615385rem;
  box-shadow: none;
  display: block;
}
.sui:not(.grui) .ui.celled.grid > .column.borderTop__LCwiK_1wMl91:not(.row), .sui:not(.grui) .ui.celled.grid > .row > .column.borderTop__LCwiK_1wMl91 {
  box-shadow: -1px -1px 0 0 var(--color-monochrome-medium);
}
.noPadding__EjwNlROTnFhP {
  padding: 0 !important;
}
.noTopBottomPadding__biTwmwI0WwHk {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.noMargin__A_8gfBDbuXBv {
  margin: 0 !important;
}
.Overview16_gauge__s83qh7BiALaG {
  border-top: 1px solid var(--color-monochrome-medium);
}
.Overview16_gauge__s83qh7BiALaG:first-child {
  border-top: none;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/productivity/components/HeadlineChartSelector/styles.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.sui:not(.grui) .chartSelector__bax_G2JuMAo2.ui.inline.dropdown>.text {
  font-weight: var(--fontWeight-semibold);
}
.sui:not(.grui) .chartSelector__bax_G2JuMAo2.ui.inline.dropdown i.icon {
  font-size: var(--spacing-10);
  line-height: 3.376923rem;
  margin-left: 0.30769231rem;
  vertical-align: top;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/detail/components/AgentPage/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.sui:not(.grui) .ui.segment.Header__dYH4aNtBChw9 {
  padding: 0.92307692em;
}
.avatar__si_lFErHNH9e {
  display: inline-block;
  width: 86px;
  vertical-align: top;
}
.sui:not(.grui) h1.avatarHeader__aPkQ791FwICD {
  margin-bottom: 0.61538462rem;
  font-family: var(--font-secondary) !important;
}
.label__z8iQclPO8ZB9 {
  display: inline-block;
  margin-left: 1.92307692rem;
  vertical-align: top;
  margin-bottom: 0px;
}
.sui:not(.grui) strong.strong__ZyP4J5OCUuYw {
  color: var(--color-monochrome-black);
  font-weight: var(--fontWeight-medium);
}
.sui:not(.grui) .ui.labeled.icon.button > .icon.buttonIcon__Oir0eVdZE6OJ {
  background: transparent;
}
.sui:not(.grui) .ui.labeled.icon.button.button__QkOWUioUihE9 {
  padding-left: var(--spacing-14) !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/reports/detail/components/TeamPage/styles.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.sui:not(.grui) h1.avatarHeader__oG4zmcJWFvK4 {
  margin-bottom: 0.61538462rem;
  font-family: var(--font-secondary) !important;
}
.sui:not(.grui) strong.strong__gczu6VjKuoo7 {
  color: var(--color-monochrome-black);
  font-weight: var(--fontWeight-medium);
}
.sui:not(.grui) .ui.labeled.icon.button > .icon.buttonIcon__IYfufGbNzkGB {
  background: transparent;
}
.sui:not(.grui) .ui.labeled.icon.button.button__cUfu1WpSJs4O {
  padding-left: var(--spacing-14) !important;
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/TicketState/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.ticketState__viemDbWHuMjx {
  font-family: var(--font-primary);
  font-weight: var(--fontWeight-medium);
  font-size: var(--spacing-7);
  color: var(--color-primary-negative);
  cursor: default;
}
.ticketState__viemDbWHuMjx .Icon, .ticketState__viemDbWHuMjx svg {
  display: inline-block;
  vertical-align: top;
  cursor: default;
}
.ticketState__viemDbWHuMjx .Icon {
  margin-right: 0.15384615rem;
}
.ticketState__viemDbWHuMjx svg {
  margin-right: 0.30769231rem;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/ticketing/components/ReadStateButton/styles.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.readStateButton__YTPGMxm3gmxv {
  position: relative;
  padding-left: 24px;
  padding: 4px auto;
}
.readStateButton__YTPGMxm3gmxv:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border-color: white;
  background-color: var(--color-primary-brand);
  opacity: 1;
  border: 0;
  margin-right: 0.61538462rem;
  line-height: 1.5em;
}
.readStateButton__YTPGMxm3gmxv.isUnread__XevWY3GA5IzP:before {
  opacity: 0.25;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/ticketing/components/TicketPreview/Comment/styles.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.container__WL3Edmo9ZVSP {
  margin: 0.07692308rem 0 0 0;
  box-shadow: 0 1px 0px 0px var(--color-monochrome-medium);
  padding: 0.53846154rem 1.23076923rem 0.61538462rem 1.23076923rem;
}
.container__WL3Edmo9ZVSP:first-child {
  margin-top: 0;
  padding-top: 1.23076923rem;
}
.container__WL3Edmo9ZVSP:last-child {
  box-shadow: none;
}
.container__WL3Edmo9ZVSP.note__pVMeN301YNob {
  background-color: #FAF6E9;
}
.container__WL3Edmo9ZVSP.forward__igKrAnH8pEPe {
  background-color: hsla(170, 65%, 50%, 0.15);
}
.container__WL3Edmo9ZVSP.agent__S9SFCLULrZMR {
  background-color: #EBF7FC;
}
.container__WL3Edmo9ZVSP .header__ajbccQ75R3x8 {
  display: flex;
  margin: 0 0 0.61538462rem 0;
  flex-wrap: wrap;
  justify-content: space-between;
}
.container__WL3Edmo9ZVSP .header__ajbccQ75R3x8 .author__O9Lx2dV3ArLD {
  display: inline-block;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.33;
  color: #1B1B1B;
}
.container__WL3Edmo9ZVSP .header__ajbccQ75R3x8 .time__fxQmoboO3D4d {
  text-align: right;
}
.container__WL3Edmo9ZVSP .header__ajbccQ75R3x8 .ccAndBcc__PDiE70pFTS3p {
  margin-top: 4px;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 13px;
  word-break: break-all;
  color: rgba(0, 0, 0, 0.24);
  display: flex;
}
.container__WL3Edmo9ZVSP .header__ajbccQ75R3x8 .ccAndBcc__PDiE70pFTS3p p {
  margin: 0;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/ticketing/components/TicketPreview/Placeholder/styles.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.placeholder__ElfKuOnM0b0Z.placeholder-collapsed-changeset {
  padding: 8px 16px;
  margin: 0;
}
.placeholder__ElfKuOnM0b0Z:first-child {
  border-top: none;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/ticketing/components/TicketPreview/styles.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.modal__Wh55H6vfwIwu {
  background-color: var(--color-monochrome-white);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  position: absolute;
  border: 1px solid var(--color-monochrome-medium);
  box-shadow: 0 2px 3px 0 var(--color-monochrome-medium);
  z-index: 2147483647;
  border-radius: var(--spacing-3);
}
.modal__Wh55H6vfwIwu .header__qW5aLeU4jqNK {
  height: 32px;
  background-color: var(--color-monochrome-superLight);
  border-bottom: solid 1px var(--color-monochrome-medium);
  padding: 0.61538462rem 1.23076923rem;
  display: flex;
  align-items: center;
}
.modal__Wh55H6vfwIwu .header__qW5aLeU4jqNK .title__r8f3LEow6PwQ {
  flex: 1 1 auto;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.33;
  color: #1B1B1B;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.modal__Wh55H6vfwIwu .header__qW5aLeU4jqNK .title__r8f3LEow6PwQ .StarIcon {
  display: inline-block;
  vertical-align: bottom;
}
.modal__Wh55H6vfwIwu .header__qW5aLeU4jqNK .ticketid__ZS76L5WtcIiG {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--color-monochrome-mediumDark);
  font-weight: var(--fontWeight-medium);
  margin-left: 0.30769231rem;
}
.modal__Wh55H6vfwIwu .body__BPQDq1aNqDte {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal__Wh55H6vfwIwu .footer__aIIt2C_E6om3 {
  height: 40px;
  padding: 0 1.23076923rem;
  background-color: var(--color-monochrome-superLight);
  border-top: solid 1px var(--color-monochrome-medium);
  display: flex;
  align-items: center;
}
.modal__Wh55H6vfwIwu .footer__aIIt2C_E6om3 button.ui.button {
  margin-right: 0.61538462rem;
}
.modal__Wh55H6vfwIwu .footer__aIIt2C_E6om3 button.ui.button:last-child {
  margin-right: 0;
}
.modal__Wh55H6vfwIwu .footer__aIIt2C_E6om3 button.ui.button.moveRight__tQzjE3x9gA76 {
  margin-left: auto;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/ticketing/components/KbPreview/styles.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.container__dTmXoxjEQAdi {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.container__dTmXoxjEQAdi .breadcrumbs__TZ4lE10Stj0P {
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  background: var(--color-monochrome-light);
  padding: 0.69230769rem 1.84615385rem;
  flex: 0 0 auto;
}
.container__dTmXoxjEQAdi .breadcrumbs__TZ4lE10Stj0P .categories__elKF4PVO6Zms {
  flex: 1 1 auto;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.33;
  color: #1B1B1B;
  font-weight: var(--fontWeight-normal);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 0.30769231rem;
  color: var(--color-monochrome-black);
}
.container__dTmXoxjEQAdi .breadcrumbs__TZ4lE10Stj0P .categories__elKF4PVO6Zms .category__GwSPeu08BABG:after {
  content: '>';
  margin: 0 0.30769231rem;
}
.container__dTmXoxjEQAdi .breadcrumbs__TZ4lE10Stj0P .categories__elKF4PVO6Zms .category__GwSPeu08BABG:last-child:after {
  display: none;
}
.container__dTmXoxjEQAdi .breadcrumbs__TZ4lE10Stj0P .status___1wHseu78YrL {
  flex: 0 0 auto;
  color: #1B1B1B;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 0.84615385rem;
  font-weight: 500;
  letter-spacing: 0.07692308rem;
  text-transform: uppercase;
}
.container__dTmXoxjEQAdi .breadcrumbs__TZ4lE10Stj0P .status___1wHseu78YrL.status-draft__fUa495qwQ0ou {
  color: var(--color-monochrome-mediumDark);
}
.container__dTmXoxjEQAdi .breadcrumbs__TZ4lE10Stj0P .status___1wHseu78YrL.status-published__qoBAVMyTu04I {
  color: var(--color-primary-positive);
}
.container__dTmXoxjEQAdi .breadcrumbs__TZ4lE10Stj0P .status___1wHseu78YrL.status-wip__TIYUG9Fo23ZJ {
  color: var(--color-primary-warningText);
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv {
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1.23076923rem 1.84615385rem;
  min-height: 0;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .title__Ib6U0mlw_taW {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 1.84615385rem;
  line-height: 1.33;
  color: #1B1B1B;
  font-size: 2.15384615rem;
  margin: 0.61538462rem 0;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .description__XbEmFWWU5hs3 {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.23076923rem;
  color: #4F5D6A;
  margin: 0.61538462rem 0;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .author__OXTp0hDeUthK {
  margin: 1.84615385rem 0 0.61538462rem 0;
  clear: both;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .author__OXTp0hDeUthK .authorImage__WiX05MMf4CWM {
  float: left;
  width: 2.46153846rem;
  height: 2.46153846rem;
  margin: 0 0.61538462rem 0 0;
  border-radius: 50%;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .author__OXTp0hDeUthK .authorName__fXf5hTQVb_T1 {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 0.92307692rem;
  color: #4F5D6A;
  color: var(--color-monochrome-black);
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .author__OXTp0hDeUthK .modifiedDate__EKD_sW8XJqQh {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 0.92307692rem;
  color: #4F5D6A;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x {
  margin: 1.84615385rem 0 0.61538462rem 0;
  /* Required to support legacy TinyMCE content */
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x img {
  /* Required for the margins to collapse */
  display: block;
  max-width: 100%;
  height: auto;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x img:not([class|='image-align-']) {
  margin: 0;
  display: inline;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x iframe {
  max-width: 100%;
  border: 0;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x div, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x p, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x img {
  margin: 24px 0;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x div:first-child, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x p:first-child, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x img:first-child {
  margin: 0 0 24px 0;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x div, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x p {
  margin-bottom: 0;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x div, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x p, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x li {
  text-align: left;
  font: var(--font-primary);
  font-size: 1.23076923rem;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h1, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h2, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h3, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h4, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h5 {
  margin: 16px 0;
  padding: 0;
  color: var(--color-monochrome-black);
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h1 {
  font: var(--font-primary);
  font-size: 2.15384615rem;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h2 {
  font: var(--font-primary);
  font-size: 1.84615385rem;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h3 {
  font: var(--font-primary);
  font-size: 1.53846154rem;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h4 {
  font: var(--font-primary);
  font-size: 1.23076923rem;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h5 {
  font: var(--font-primary);
  font-size: 1.23076923rem;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x ol, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x ul {
  margin: 16px 0;
  padding: 0 0 0 40px;
  list-style-position: outside;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x ol ol, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x ul ol, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x ol ul, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x ul ul {
  counter-reset: letter;
  margin: 0 0 0 20px;
  padding: 0;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x .underline__zt7DumTiY7jG {
  text-decoration: underline;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x b, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x .bold__RuFC6Ajq9bQC {
  font-weight: bold;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x a {
  display: inline;
  text-decoration: none;
  color: var(--color-primary-brand);
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h1, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h2, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h3, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h4, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x h5, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x p, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x b, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x li, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x div, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x .underline__zt7DumTiY7jG, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x .bold__RuFC6Ajq9bQC {
  color: var(--color-monochrome-dark);
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x img.image-full__kEJdONrPankr, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x .image__U6xAauyYHq6n.figure__vLrJ87WIB1Nl.image-full__kEJdONrPankr {
  width: 100%;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x img.image-half__SXCuJZ2lPzgL, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x .image__U6xAauyYHq6n.figure__vLrJ87WIB1Nl.image-half__SXCuJZ2lPzgL {
  width: 50%;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x img.image-third__kceqRShYirHF, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x .image__U6xAauyYHq6n.figure__vLrJ87WIB1Nl.image-third__kceqRShYirHF {
  width: 33.33%;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x img.image-quarter__B87FHxX2nKoF, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x .image__U6xAauyYHq6n.figure__vLrJ87WIB1Nl.image-quarter__B87FHxX2nKoF {
  width: 25%;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x img.image-align-left__P6gFgLEzx85G, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x .image__U6xAauyYHq6n.figure__vLrJ87WIB1Nl.image-align-left__P6gFgLEzx85G {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x img.image-align-center__hiPqvjoWYdut, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x .image__U6xAauyYHq6n.figure__vLrJ87WIB1Nl.image-align-center__hiPqvjoWYdut {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x img.image-align-right__uUTLb5yYc1q_, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x .image__U6xAauyYHq6n.figure__vLrJ87WIB1Nl.image-align-right__uUTLb5yYc1q_ {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x pre, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x code {
  word-wrap: break-word;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x pre {
  background: var(--color-monochrome-superLight);
  border: 1px solid var(--color-monochrome-medium);
  padding: 1em;
  border-radius: 4px;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x blockquote {
  text-align: left;
  padding: 4px 0 4px 16px;
  margin: 0;
  color: var(--color-monochrome-black);
  border-left: 4px solid var(--color-primary-brand);
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x blockquote p {
  font-size: 28px !important;
  line-height: 42px !important;
  font-weight: 500 !important;
  font-style: italic !important;
  margin: 0 !important;
  color: var(--color-monochrome-black);
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x table {
  border-radius: 4px;
  border: 1px solid var(--color-monochrome-medium);
  border-collapse: separate;
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  table-layout: fixed;
  margin-bottom: 20px;
  vertical-align: middle;
  font-size: 16px;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x table th, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x table td {
  vertical-align: middle;
  padding: 1rem;
  line-height: 1rem;
  border-top: 1px solid var(--color-monochrome-medium);
  word-wrap: break-word;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x table th {
  border-top: 0;
  font-weight: 600;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x table th:first-of-type {
  border-radius: 4px 0 0 0;
}
.container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x table th + th, .container__dTmXoxjEQAdi .article___3SECMoVvGlv .body__w4BuZozdhh9x table td + td {
  border-left: 1px solid var(--color-monochrome-medium);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/ticketing/components/SearchKb/styles.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.container__tDnliouPDcGH.container {
  position: relative;
}
.container__tDnliouPDcGH.container .searchInput {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}
.container__tDnliouPDcGH.container .searchInput input {
  transition: border 175ms ease-in-out;
  border-right: none !important;
  border-radius: 6px;
}
.container__tDnliouPDcGH.container .searchInput.ui.input > input {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.container__tDnliouPDcGH.container .searchInput .ui.button.floating.dropdown {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.container__tDnliouPDcGH.container .searchInput.ui.input > input, .container__tDnliouPDcGH.container .searchInput .ui.button.floating.dropdown {
  padding: 0.84615385rem 1.23076923rem 0.76923077rem 1.23076923rem;
}
.container__tDnliouPDcGH.container .searchInput .ui.dropdown > i.dropdown.icon {
  height: auto;
}
.container__tDnliouPDcGH.container .searchDropdown.ui.button.dropdown {
  background: white;
  border: solid 1px var(--color-monochrome-medium);
  transition: border 175ms ease-in-out;
  box-shadow: none;
}
.container__tDnliouPDcGH.container .searchDropdown.ui.button.dropdown .visible.menu.transition {
  margin-top: 0.30769231rem !important;
  z-index: 105;
}
.container__tDnliouPDcGH.container.focused .searchDropdown.ui.button.dropdown {
  border-color: var(--color-primary-brand);
}
.container__tDnliouPDcGH.container.focused .searchInput input {
  border-color: var(--color-primary-brand);
}
.container__tDnliouPDcGH.container .searchResults {
  background: var(--color-monochrome-white);
  z-index: 99;
  min-height: auto;
  height: auto;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
  border-radius: var(--spacing-3);
  overflow: auto;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem {
  position: relative;
  width: 100%;
  padding: 0.61538462rem 3.69230769rem 0.61538462rem 0.61538462rem;
  cursor: pointer;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem.active {
  background: var(--color-secondary-brand);
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem.active .link.ui.basic.icon.button {
  opacity: 1;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem.active .link.ui.basic.icon.button.disabled {
  opacity: 0.45;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem.empty {
  padding-right: 0.61538462rem;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem.empty .body {
  font-style: italic;
  color: var(--color-monochrome-mediumDark);
  display: flex;
  align-items: center;
  height: 100%;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem.empty .body a {
  margin-left: auto;
  margin-right: 0;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem .header {
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-bottom: 0.30769231rem;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem .header .kbTitle {
  display: inline-block;
  background: var(--color-monochrome-medium);
  border-radius: var(--spacing-3);
  padding: 0.30769231rem;
  margin-right: 0.30769231rem;
  color: #1B1B1B;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 0.84615385rem;
  font-weight: 500;
  letter-spacing: 0.07692308rem;
  text-transform: uppercase;
  color: var(--color-monochrome-mediumDark);
  line-height: 1;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem .header .body {
  flex: 0 1 auto;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.33;
  color: #1B1B1B;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 0.61538462rem;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem .header .status {
  flex: 1 1 auto;
  color: #1B1B1B;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 0.76923077rem;
  font-weight: 500;
  letter-spacing: 0.15384615rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem .header .status.status-draft {
  color: var(--color-monochrome-mediumDark);
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem .header .status.status-published {
  color: var(--color-primary-positive);
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem .header .status.status-wip {
  color: var(--color-primary-warningText);
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem .header .status.status-kb_disabled {
  color: var(--color-primary-negative);
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem .body {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #4F5D6A;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  height: 18px;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem .link.ui.basic.icon.button {
  position: absolute;
  right: 0.61538462rem;
  top: 0.92307692rem;
  transition: opacity 175ms ease-in-out;
  opacity: 0;
  margin: 0;
  pointer-events: all !important;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem .link.ui.basic.icon.button.disabled {
  cursor: default;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem .link.ui.basic.icon.button.disabled:hover {
  color: #7b8c9d !important;
  box-shadow: inset 0 0 0 1px var(--color-monochrome-medium) !important;
}
.container__tDnliouPDcGH.container .searchResults .searchResultItem .link.ui.basic.icon.button.disabled:hover .linkify.icon {
  color: #7b8c9d;
}
.visbleDisable__9y4bxUaTuC5k {
  opacity: 0.45;
  cursor: default !important;
}
.tooltip__Dqr67W13VHCk {
  background: var(--color-monochrome-dark) !important;
}
.tooltip__Dqr67W13VHCk::before {
  background: var(--color-monochrome-dark) !important;
}
.tooltip__Dqr67W13VHCk .content__t60zgxp0RKja {
  text-align: center;
}

/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/Screen/styles.css ***!
  \**************************************************************************************************************************************************************************************/
.screen__yN_8e1784ggR {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/LoginLayout/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.Login__G6tIL80VAOkx {
  position: relative;
  height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  text-align: center;
  overflow-y: auto;
  background-color: var(--color-monochrome-white);
  background-position: center center;
  background-repeat: no-repeat;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .Login__G6tIL80VAOkx .ui.form .field .ui.input input {
    width: 0;
  }
}
.Login__G6tIL80VAOkx .logo__GBXiK6HKV9fR {
  width: 242px;
  height: 64px;
  margin: 0 auto 3.69230769rem auto;
  background-image: url(https://t-shopify-polish.alpha.groovehq.com/app-release/7e5d279259c1f29b10e4.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.Login__G6tIL80VAOkx .greeting__Gxgzq2umQ6NY {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 2.46153846rem;
  line-height: 1.25;
  color: #1B1B1B;
  font-family: var(--font-secondary);
  font-weight: var(--fontWeight-medium);
  font-size: 2.30769231rem;
  margin: 1.23076923rem 0 0 0;
}
.Login__G6tIL80VAOkx .tagline__bQVKs39kNHd4 {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.23076923rem;
  line-height: 1.55;
  color: #7E8F9F;
  margin: 0 auto;
  max-width: 460px;
}
.Login__G6tIL80VAOkx .loginLink__WeqoTlzH4YCy {
  position: fixed;
  top: 24px;
  right: 40px;
  color: var(--color-monochrome-black);
  font-family: var(--font-primary);
}
.Login__G6tIL80VAOkx .loginLink__WeqoTlzH4YCy a {
  text-decoration: underline !important;
}
@media only screen and (max-width: 768px) {
  .Login__G6tIL80VAOkx .loginLink__WeqoTlzH4YCy {
    position: relative;
    top: auto;
    right: auto;
    margin-top: var(--spacing-8);
    margin-bottom: 0;
  }
}
.Login__G6tIL80VAOkx hr {
  border: none;
  border-top: solid 1px var(--color-monochrome-medium);
}
.Login__G6tIL80VAOkx .ui.large.form {
  width: 100%;
  max-width: 432px;
  margin: 2.46153846rem auto;
  padding: 0 1.23076923rem;
}
.Login__G6tIL80VAOkx .ui.large.form .field {
  margin-bottom: 1.23076923rem;
  text-align: left;
}
.Login__G6tIL80VAOkx .ui.large.form .field.action {
  margin-top: 2.46153846rem;
}
.Login__G6tIL80VAOkx .ui.large.form .field.links {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #7E8F9F;
  text-align: center;
  font-size: 1.07692308rem;
}
.Login__G6tIL80VAOkx .ui.large.form .field.links a {
  color: var(--color-primary-brand);
}
.Login__G6tIL80VAOkx .ui.large.form .field .tip {
  font-style: normal !important;
}
.Login__G6tIL80VAOkx .ui.large.form .field .basic.label {
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.23076923rem;
  line-height: 1.55;
  color: #7E8F9F;
  background-color: var(--color-monochrome-light);
  color: var(--color-monochrome-dark);
  padding: 0.76923077rem 1rem 0.69230769rem 1rem;
  letter-spacing: normal;
}
.Login__G6tIL80VAOkx .ui.large.form .loginError__yD0n3zRFgfHP {
  font-size: 1.23076923rem !important;
  color: #F34A62 !important;
  font-style: normal !important;
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/Mobile/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.container___l7_w5dSmghA {
  padding: 8px 16px 16px 16px;
}
.logo__OW8CBaNHpkHb {
  font-family: var(--font-primary);
  font-weight: var(--fontWeight-medium);
  font-size: 14px;
  margin: 0 0 24px 0;
  color: #1B1B1B;
}
.body__G8WPdX0ld3f7 {
  font-size: 16px;
  line-height: 24px !important;
  font-family: var(--font-primary);
  font-weight: var(--fontWeight-normal);
  color: #1B1B1B;
  margin-bottom: 40px !important;
}
.img__vRJZyQ5eGU6K {
  max-height: 40px;
}
.link__F2NvCTj1LWwE {
  margin: 0 8px 0 8px;
  display: inline-block;
}

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/SearchModifier/Desktop/Modal/styles.css ***!
  \************************************************************************************************************************************************************************************************************/
.content__dlummRqJanck {
  position: absolute;
  top: 20px;
  left: 47px;
  width: 220px;
  max-height: calc(100% - 40px);
  overflow: auto;
  padding: 10px 20px  20px;
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/Labels/ManageModal/Manage/styles.css ***!
  \*************************************************************************************************************************************************************************************************************************/
/***
   LabelList/ListItem
***/

.itemOuter__K7Jdr2s7jwvj, .item__ljRntY3vl67M {
  display: flex;
  flex: 1;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-decoration: none;
}

.item__ljRntY3vl67M .ui.checkbox label, .item__ljRntY3vl67M {
  color: #353f44;
}

.item__ljRntY3vl67M {
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  padding: 0px 16px;
  transition: background-color 0.15s ease-in-out;
}

.item__ljRntY3vl67M + .item__ljRntY3vl67M {
  margin-top: 0px;
}

.item_info__gApN3FixmNiS {
  overflow: hidden;
}

.item_text__lALbO3YdDqbH {
  white-space: nowrap;
  overflow: hidden;
  line-height: 32px;
}

.item_text_label__yyL2hPx_XzeO {
  font-weight: 600;
}

.item_text_count__hbsfUluUFVfR {
  opacity: 0.4;
  margin-left: 6px;
}

.returnIcon__XfmaHqDfNpHo {
  display: none;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 18px;
}

.focusedItem__ldTLmEWHI0p0 .returnIcon__XfmaHqDfNpHo {
  display: inline-block;
}

.item__ljRntY3vl67M.checkedItem___ro_3EqUDIEM.focusedItem__ldTLmEWHI0p0, .item__ljRntY3vl67M:hover.checkedItem___ro_3EqUDIEM, .focusedItem__ldTLmEWHI0p0 .ui.checkbox label, .item__ljRntY3vl67M:hover .ui.checkbox label, .focusedItem__ldTLmEWHI0p0, .item__ljRntY3vl67M:hover {
  background-color: #4cc1fc;
  color: white;
}

.focusedItem__ldTLmEWHI0p0:active .ui.checkbox label, .item__ljRntY3vl67M:active .ui.checkbox label, .focusedItem__ldTLmEWHI0p0:active, .item__ljRntY3vl67M:active {
  background-color: #40a2d4;
  color: white;
}

.list__k8ZCNX1uNCUz {
  margin-top: 16px;
}

.list__k8ZCNX1uNCUz:hover .focusedItem__ldTLmEWHI0p0 .returnIcon__XfmaHqDfNpHo {
  display: none;
}

.list__k8ZCNX1uNCUz:hover .item__ljRntY3vl67M:hover .returnIcon__XfmaHqDfNpHo {
  display: inline-block;
}

.list__k8ZCNX1uNCUz .itemOuter__K7Jdr2s7jwvj:last-child {
  margin-bottom: 16px;
}

.list__k8ZCNX1uNCUz .linkItem__v9w7Wt_TFpJ8 .itemOuter__K7Jdr2s7jwvj:last-child {
  margin-bottom: 0px;
}

.loader__fyvH7mjUrkjn {
  padding: 20px 0 30px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/integrations/HubSpotWidgetCard/Modals/styles.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.content__M81CaGWSbiyc {
  padding: 1.84615385em 1.23076923em;
}
.splitRow__i_DtbewgO0yP, .row__CaqAfZp8Y8mA {
  margin-bottom: 1.23076923em;
}
.splitRow__i_DtbewgO0yP .label, .row__CaqAfZp8Y8mA .label {
  margin-bottom: 0.92307692em;
}
.splitRow__i_DtbewgO0yP {
  margin-right: 1.23076923em;
  width: 50%;
}
.splitRow__i_DtbewgO0yP:last-child {
  margin-right: 0;
}
.Loader {
  margin-top: 1.23076923em;
}
.disabled__M_xgXMBaHpTR {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}
.optional__frb_rR75nMgT {
  color: var(--color-monochrome-mediumDark);
  font-size: 0.8em;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/App/DesktopView/Layout/RightSidebar/InAppCards/shared/InAppCard/styles.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
.inappcard__rK39rR0NpELV {
  margin-bottom: 0px;
  width: 100%;
}
.inappcard__rK39rR0NpELV div.title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--spacing-12);
  height: 40px;
  cursor: pointer;
  background-color: white;
  border-top: solid 1px var(--color-monochrome-medium);
}
.inappcard__rK39rR0NpELV img.title {
  height: 18px;
  margin-right: 8px;
}
.inappcard__rK39rR0NpELV div.title-text {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: var(--font-secondary) !important;
  color: var(--color-monochrome-black);
  font-size: 0.76923077rem;
  font-weight: 500;
  letter-spacing: 0.15384615rem;
  text-transform: uppercase;
}
.inappcard__rK39rR0NpELV div.icons {
  display: flex;
  align-items: center;
  height: 20px;
}
.inappcard__rK39rR0NpELV div.content {
  padding: 0;
  border-top: solid 1px var(--color-monochrome-medium);
}
.inappcard__rK39rR0NpELV:last-child {
  border-bottom: solid 1px var(--color-monochrome-medium);
}
.PaddedWrapper__OzWrXldajczw {
  padding: var(--spacing-12);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/integrations/SalesforceWidgetCard/Modals/styles.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.content__i8FXF29pAVSp {
  padding: 1.84615385em 1.23076923em;
}
.splitRow__hNUO8fr1EE0e, .row___Uz0GLyBuSRn {
  margin-bottom: 1.23076923em;
}
.splitRow__hNUO8fr1EE0e .label, .row___Uz0GLyBuSRn .label {
  margin-bottom: 0.92307692em;
}
.splitRow__hNUO8fr1EE0e {
  margin-right: 1.23076923em;
  width: 50%;
}
.splitRow__hNUO8fr1EE0e:last-child {
  margin-right: 0;
}
.Loader {
  margin-top: 1.23076923em;
}
.disabled__patJtmoOnsUM {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}
.optional__AH6GJ2opccwi {
  color: var(--color-monochrome-mediumDark);
  font-size: 0.8em;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/shared/components/ui/DateTimeInput/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.DateInput__bSdGJkGeyOcO {
  position: relative;
}
.DateInput__bSdGJkGeyOcO .DatePicker__gDQLrCKWNDVa {
  position: absolute;
  top: 50px;
  z-index: 10000;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.DateInput__bSdGJkGeyOcO .DatePicker_above__QBEO_BmpXfwR {
  top: -320px;
}
.sui .ui.form .field .ui.input.Input__zPoyDs1ECQAE {
  width: 140px;
}
.at__EjlgRwuuHunA {
  padding: 11px 15px;
}
.disabled__YA6GBaCuXk4s {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}
.sui .ui.button.removeButton__ZSQZf7OCuNgS {
  margin-left: 20px;
}

/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/Banners/styles.css ***!
  \***************************************************************************************************************************************************************************************/
.update__tSqhu_6wwqKT {
  background-color: #fdecf2;
  color: #f487ae;
  text-align: center;
}

.desktop .update__tSqhu_6wwqKT {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999999;
  top: 0;
}

.update__tSqhu_6wwqKT a {
  display: block;
  color: #f487ae;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}

.warning__A0e_PPKExjuj {
  background-color: #f8e5e7;
  color: #be413f;
  text-align: center;
}

.warning__A0e_PPKExjuj a {
  display: block;
  color: #be413f;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}

/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/Attachments/styles.css ***!
  \*******************************************************************************************************************************************************************************************/
.Attachments__eTDniY3bjanE {
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: initial;
  border-top: 1px dashed var(--color-monochrome-medium);
}

.mobile .Attachments-forNote__yYGJAsqgz9LA {
  background-color: #fefef4;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 0;
}

.desktop .Attachments__eTDniY3bjanE {
  padding: 0;
  margin-top: 12px;
}

.Attachments-grid__TW4tBGKper_B {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.desktop .Attachments-grid__TW4tBGKper_B {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

@media print {
  .desktop .Attachments-grid__TW4tBGKper_B {
    grid-gap: 8px;
    grid-template-columns: 1fr;
  }
}

.mobile .Attachments-grid__TW4tBGKper_B {
  flex-direction: column;
}

.Attachments-gridCell__g_Djy5fRK0Cw {
}

.Attachments-gridCell__g_Djy5fRK0Cw:first-child {
  padding-top: 0;
}

.Attachments-gridCell__g_Djy5fRK0Cw:last-child {
  padding-bottom: 0;
}

.mobile .Attachments-gridCell__g_Djy5fRK0Cw {
  width: 100%;
}

.Attachments-list__Fgnnszay4m8e {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media print {
  .desktop .Attachments-list__Fgnnszay4m8e {
    margin-top: 8px;
  }
}

.header__KuYXGikJmY7a {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  color: #969696;
}

.header_title__pv_123q5vOn7 {
  flex-grow: 1;
}

.header_total__OsUk7brMi1gB {
  display: flex;
}

.header-uploading__XRLptubvq0IM .header_total__OsUk7brMi1gB {
  color: #f180af;
}

.attachmentIcon__bOh9tAoJVqw0 {
  font-size: 19px;
  margin-top: -3px; /* Account for internal  */
  margin-bottom: -3px; /* icon glyph whitespace */
  margin-right: 4px;
}

.attachment__KmXmgs09RAEE .deleteIcon__oLnODiQnbpBr {
  padding: 7px;
  margin-top: -7px;
  margin-right: -1px; /* Additional 6px on the right to offset from filename */
  margin-bottom: -7px;
  margin-left: -10px; /* Account for 3px internal icon glyph whitespace on the left */
  color: rgba(0, 0, 0, 0.18);
}

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/Attachments/Attachment/Mobile/styles.css ***!
  \*************************************************************************************************************************************************************************************************************/
.attachment__dryCWfz_zS7j {
  display: flex;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #bcbcbc;
  font-size: 14px;
}

.attachment__dryCWfz_zS7j a {
  color: #bcbcbc;
}

.attachment__dryCWfz_zS7j:first-child {
  padding-top: 0;
}

.attachment__dryCWfz_zS7j:last-child {
  padding-bottom: 0;
}

.attachment_nameWithSize__pSERBMieamJ7 {
  position: relative; /* context for .progressBar */
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.attachment-uploading__JQ3ER7B3jhw3 .attachment_nameWithSize__pSERBMieamJ7 {
  color: #f180af;
}

.attachment-forNote__zUMxABrRd1mW {
  color: hsla(26, 15%, 45%, 0.5);
}

.attachment-forNote__zUMxABrRd1mW.attachment-uploading__JQ3ER7B3jhw3 .attachment_nameWithSize__pSERBMieamJ7 {
  color: hsla(26, 15%, 45%, 1);
}

.attachment_name__OVmOdGlqTH_g {
  flex-grow: 1;
}

.attachment_size__D3QxWArG3seB {
  font-size: 12px;
}

.attachment__dryCWfz_zS7j .attachmentIcon__zje7THUHGYvt {
  font-size: 19px;
  margin-top: -2px; /* Account for internal  */
  margin-bottom: -1px; /* icon glyph whitespace */
  margin-right: 4px;
}

.attachment__dryCWfz_zS7j .deleteIcon__yg41ZgN1pzvX {
  font-size: 18px;
  padding: 7px;
  margin: -7px -1px -7px -10px;
  color: rgba(0, 0, 0, 0.18);
}

.progressBar__ZjCynzQrhPcl {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 2px;
}

.progressBar_bar__hw5kswOk1SQf {
  height: 100%;
  width: 100%;
  background-color: currentColor;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  transition: all 300ms ease-in-out;
}

.progressBar_bg__vDEe5d8feG2W {
  position: absolute;
  top: 0;
  height: 1px;
  width: 100%;
  background-color: #f8f8f8;
}

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/Attachments/Attachment/Desktop/styles.css ***!
  \**************************************************************************************************************************************************************************************************************/
.attachment___bjpYQOmW0VH {
  font-size: 14px;
  width: 100%;
}

.attachment___bjpYQOmW0VH:first-child {
  padding-top: 0;
}

.attachment___bjpYQOmW0VH:last-child {
  padding-bottom: 0;
}

.attachment_nameWithSize__lhFvfCAKnhs0 {
  position: relative; /* context for .progressBar */
  display: flex;
  align-items: center;
  max-width: 100%;
  width: 100%;
}

.attachment-uploading__dOkKtLc1w0jf .attachment_nameWithSize__lhFvfCAKnhs0 {
  color: var(--color-primary-brand);
}

.attachment-imageAttachment__ySDETg6jScWL {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
}

.attachment-fileAttachment__tksUe67pySCQ + .attachment-fileAttachment__tksUe67pySCQ {
  margin-top: 8px;
}

.attachment-imageAttachment__ySDETg6jScWL .attachment_nameWithSize__lhFvfCAKnhs0 {
  padding-top: 5px;
}

@media print {
  .attachment-imageAttachment__ySDETg6jScWL .attachment_nameWithSize__lhFvfCAKnhs0 {
    padding-top: 0;
  }
}

.attachment_name__bBL6aI3Q1w4n {
  flex-grow: 0;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 7px;
}

.attachment-fileAttachment__tksUe67pySCQ .attachment_name__bBL6aI3Q1w4n {
  padding: 6px 15px;
  color: #fff;
  font-weight: bold;
  border-radius: 3px;
  margin-right: 12px;
}

.attachment_size__CSoTUxy9ecnn {
  margin-left: auto;
  white-space: nowrap;
  line-height: 1.5;
}

@media print {
  .attachment_size__CSoTUxy9ecnn {
    color: var(--color-monochrome-mediumDark) !important;
  }
}

.attachment___bjpYQOmW0VH .attachmentIcon__NUJtLsbJ244c {
  font-size: 19px;
  margin-top: -2px; /* Account for internal  */
  margin-bottom: -1px; /* icon glyph whitespace */
  margin-right: 4px;
  margin-left: 4px;
}

.attachment___bjpYQOmW0VH .attachmentTypeIcon__lIXiHtBwTSzv {
  width: 30px;
  height: 30px;
  background-size: contain;
}

.attachment___bjpYQOmW0VH .attachmentTypeIcon__lIXiHtBwTSzv-pdf {
  background-image: url(https://t-shopify-polish.alpha.groovehq.com/app-release/971f76495d6d9b5c6949.png);
}

.attachment___bjpYQOmW0VH .attachmentTypeIcon__lIXiHtBwTSzv-image {
  background-image: url(https://t-shopify-polish.alpha.groovehq.com/app-release/9b118745d498196acf7d.png);
}

.attachment___bjpYQOmW0VH .attachmentTypeIcon__lIXiHtBwTSzv-archive {
  background-image: url(https://t-shopify-polish.alpha.groovehq.com/app-release/dd4d96375a624eb459ca.png);
}

.attachment___bjpYQOmW0VH .attachmentTypeIcon__lIXiHtBwTSzv-msword {
  background-image: url(https://t-shopify-polish.alpha.groovehq.com/app-release/58cf14c6f8a3b2b72855.png);
}

.attachment___bjpYQOmW0VH .attachmentTypeIcon__lIXiHtBwTSzv-generic {
  background-image: url(https://t-shopify-polish.alpha.groovehq.com/app-release/b5731b8cf7c18cd48c08.png);
}

.attachment_imagePreview__YWL2xJ5L1Gws {
  display: block;
  width: 100%;
  object-fit: cover;
  overflow: hidden;
  cursor: pointer;
}

.attachment_imagePreview-upload__a3c9On_wVnUv {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f3f3f3;
  object-fit: fill;
  overflow: visible;
  cursor: auto;
}

.attachment___bjpYQOmW0VH .deleteIcon__uNL13YeLxxUq {
  cursor: pointer;
  font-size: 18px;
  padding: 7px;
  margin-top: -7px;
  margin-right: -1px; /* Additional 6px on the right to offset from filename */
  margin-bottom: -7px;
  margin-left: -10px; /* Account for 3px internal icon glyph whitespace on the left */
  color: rgba(0, 0, 0, 0.18);
}

.progressBar__vkDJBpOHKlbS {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 2px;
}

.progressBar_bar__zvzaNk3n8Jc7 {
  height: 100%;
  width: 100%;
  background-color: currentColor;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  transition: all 300ms ease-in-out;
}

.progressBar_bg__JH260eVti7wm {
  position: absolute;
  top: 0;
  height: 1px;
  width: 100%;
  background-color: #f8f8f8;
}

/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/MentionSelector/Mobile/styles.css ***!
  \******************************************************************************************************************************************************************************************************/
.root__YXnDd9ZBHqd2 {
  width: calc(100vw - 96px);
  max-height: 80vh;
  min-width: 260px;
  max-width: 320px;
}

.avatar__A1vIxsdwumKY {
  margin-right: 12px;
}

.scrollableList__RYdyaM_Y11Xj {
  --item-height: 59px;
  flex-shrink: 1;
  max-height: calc(3 * var(--item-height));
  overflow: auto;
}

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/shared/AssignmentDropdown/Menu/styles.css ***!
  \******************************************************************************************************************************************************************************************************************************/
.assignmentModal__MvO5ff8hzAnS {
  color: #353f44;
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: 260px;
  flex-shrink: 0;
  flex-grow: 0;
  max-height: 445px; /* 7.5 items */
}

.scroller__mhsyMmxkf7B6 {
  padding-top: 16px;
}

.headerIcon__gg4SXkGkqw9I {
  margin-right: 5px;
}

.suggestedAgents__Y6JQsOnoTxIh {
  text-align: center;
}

.itemOuter__z_SqPvxPHuHb, .item__pT0fiKf1l6Sm {
  position: relative;
  display: flex;
  flex: 1;
  text-align: left;
  overflow: hidden;
}

.item__pT0fiKf1l6Sm {
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  padding: 6px 24px;
  height: 41px;
  transition: background-color 0.15s ease-in-out;
}

.item__pT0fiKf1l6Sm + .item__pT0fiKf1l6Sm {
  margin-top: 0px;
}

.item_info___i6GH7bQllzq {
  overflow: hidden;
}

.item_text__beKOzyy3F2NP {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.item_text_anyone__Q2HJzIZIGFOl {
  flex: initial;
}

.anyone_avatar__hWyphZgPTkIf, .group_avatar__w2SB1kQiz4z_ {
  align-items: center;
  background-color: var(--color-monochrome-medium);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  color: var(--color-monochrome-mediumDark);
  display: flex;
  flex-shrink: 0;
  font-weight: 500;
  justify-content: center;
  overflow: hidden;
  text-transform: uppercase;
  height: 28px;
  width: 28px;
}

.agent_avatar__h71GZmkoW5GQ, .anyone_avatar__hWyphZgPTkIf, .group_avatar__w2SB1kQiz4z_ {
  margin-right: 12px;
}

.group_hint__F01D1kjT2z9J {
  text-decoration: underline;
}

.group_hint__F01D1kjT2z9J:hover {
  color: hsla(200, 97%, 64%, 1);
}

.returnIcon__qH9EEa1qd12l {
  display: none;
  margin-left: 10px;
  font-size: 18px;
  color: var(--color-primary-brand);
}

.activeItem__bFP1oBKxqYdP .returnIcon__qH9EEa1qd12l {
  display: inline-block;
}

.itemOuter__z_SqPvxPHuHb:last-child {
  margin-bottom: 16px;
}

.separator__xP0x5TJQKiUv {
  flex: 1;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 1px;
  background-color: hsla(200, 21%, 94%, 1);
}

.assignmentModal__MvO5ff8hzAnS {
  overflow: hidden;
}

.itemOuter__z_SqPvxPHuHb.unassignedItemOuter__iCBH2T1nrBH6 {
  padding: 0 24px;
}

.item__pT0fiKf1l6Sm.unassignedItem__EWCcyA0GcwZd {
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  border: 1px dashed hsl(200, 28%, 85%);
  margin-top: 10px;
}

.unassignedItem__EWCcyA0GcwZd.activeItem__bFP1oBKxqYdP {
  border-color: hsl(200, 98%, 59%);
}

.item__pT0fiKf1l6Sm.unassignedItem__EWCcyA0GcwZd .returnIcon__qH9EEa1qd12l {
  position: absolute;
  right: 10px;
}

.unassignedItem__EWCcyA0GcwZd.activeItem__bFP1oBKxqYdP, .item__pT0fiKf1l6Sm.unassignedItem__EWCcyA0GcwZd:hover, .unassignedItem__EWCcyA0GcwZd.activeItem__bFP1oBKxqYdP .item_text_anyone__Q2HJzIZIGFOl, .item__pT0fiKf1l6Sm.unassignedItem__EWCcyA0GcwZd:hover .item_text_anyone__Q2HJzIZIGFOl {
  color: var(--color-secondary-brand);
}

.activeItem__bFP1oBKxqYdP.unassignedItem__EWCcyA0GcwZd, .activeItem__bFP1oBKxqYdP, .item__pT0fiKf1l6Sm.unassignedItem__EWCcyA0GcwZd:hover, .item__pT0fiKf1l6Sm:hover {
  background-color: var(--color-secondary-brand);
}

.activeItem__bFP1oBKxqYdP:active, .item__pT0fiKf1l6Sm:active, .item__pT0fiKf1l6Sm.unassignedItem__EWCcyA0GcwZd:active {
  background-color: #40a2d4;
}

.item__pT0fiKf1l6Sm.unassignedItem__EWCcyA0GcwZd.activeItem__bFP1oBKxqYdP, .item__pT0fiKf1l6Sm.unassignedItem__EWCcyA0GcwZd:hover {
  background-color: transparent;
  border-color: var(--color-primary-brand);
}

.noAgentFound__qgSOPjwsVcF3 {
  color: hsl(200, 18%, 74%);
  padding: 100px 0;
  text-align: center;
  font-size: 18px;
}

.defaultActive__SYfFZEuB46KN .boxheadline__yrjwNptIqRoB {
  color: var(--color-primary-brand) !important;
}

/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/Dropzone/styles.css ***!
  \****************************************************************************************************************************************************************************************/
.Dropzone__CuQcbUFCOQUp {
}

@media print {
  .Dropzone__CuQcbUFCOQUp {
    display: block;
  }
}

.Curtain__phmnpbxiMDAP {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  z-index: 2147483647;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: hsla(0, 0%, 80%, 1);
  font-size: 18px;
  font-weight: 500;
  pointer-events: none;
}

.Indicator__WyHuIDJ2FNt9 {
  padding: 45px 65px;
  border: 6px dashed hsla(0, 0%, 94%, 1);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 30px;
}

.ButtonHint__SDj37W0g5aeY {
  color: var(--color-primary-brand);
  border: 1px solid var(--color-primary-brand);
  border-radius: 4px;
  padding: 9px 12px;
  display: inline-block;
}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/AttachmentUpload/styles.css ***!
  \************************************************************************************************************************************************************************************************/
.AttachmentUpload__CM3HGednAYef {
  cursor: pointer;
}

/**
 * Work around FastClick-forwarded click events not being trusted by browser
 * https://github.com/ftlabs/fastclick/issues/60
 */

.AttachmentUpload__CM3HGednAYef > * {
  pointer-events: none;
}

.input__ZnyAtA6bzcnh {
  display: none;
}

/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/shared/editor/Basic.css ***!
  \*********************************************************************************************************************************************************************************/
/* Use this sparingly. You should be driving most customizations in
 * src/shared/editor/skins/groove/less/desktop/Variables.less */

/* If a file is dragged, hide the editor */

.dropzone-drag-active .groove-editor {
  visibility: hidden;
}

.toolbar-bottom {
  height: 100%;
}

.toolbar-bottom .mce-tinymce {
  height: 100%;
}

.toolbar-bottom .mce-tinymce > .mce-container-body {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
}

.toolbar-bottom .mce-tinymce .mce-edit-area {
  display: flex !important;
  flex: 1 1 90%;
  order: 3;
}

.toolbar-bottom .mce-top-part {
  order: 2;
  width: 80%;
}

.toolbar-bottom .mce-statusbar {
  line-height: 26px;
  margin-top: -8px;
  order: 1;
  position: absolute;
  right: 0;
  width: 20%;
}

.toolbar-bottom .mce-statusbar .mce-path-item {
  display: none;
}

.toolbar-bottom .mce-btn .Icon-attachment {
  font-size: 18px;
  margin-left: -2px;
}

/* Janky overrides of Add Link modal, adds spacing for OK and Cancel Buttons */

/* Ok Button */

.mce-window .mce-foot .mce-btn.mce-primary {
  left: 311px !important;
}

/* Cancel Button */

.mce-window .mce-foot .mce-btn.mce-last {
  left: 378px !important;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/shared/components/ui/DateTimeInputSinglePane/styles.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.dateTimeInputSinglePane__xZCkQaU6287b {
  height: 270px;
  width: 254px;
}
.sui .ui.divider.InputDivider__u3FeKl265_Cs {
  margin-top: 0px;
}
.inputHeaderLabel__jOXk2yXgZef8 {
  color: var(--color-monochrome-black);
  font-weight: 500;
  font-size: 1rem;
}
.datePicker__cLC4M_nU2dPB {
  border: none;
}
.datePicker__cLC4M_nU2dPB .DayPicker-Month .DayPicker-Caption {
  border-bottom: none;
}
.timePicker__n5cY9fE_PtRQ {
  overflow-y: scroll;
  overflow-x: hidden;
  border: none !important;
}
.sui .ui.menu.timePicker__n5cY9fE_PtRQ a.item, .sui .ui.menu.timePicker__n5cY9fE_PtRQ a.active.item {
  color: var(--color-monochrome-black);
  text-align: center;
}
.sui .ui.menu.timePicker__n5cY9fE_PtRQ a.active.item, .sui .ui.menu.timePicker__n5cY9fE_PtRQ a.active.item:hover {
  background: var(--color-secondary-brand);
}
.sui .ui.menu.timePicker__n5cY9fE_PtRQ a.item:hover {
  color: var(--color-monochrome-black);
  background: var(--color-monochrome-light);
}
.inputNotEditable > input {
  color: transparent !important;
}
.inputNotEditable > input {
  text-shadow: 0 0 0 var(--color-monochrome-dark);
}
.inputNotEditable.focus > input {
  text-shadow: 0 0 0 var(--color-monochrome-black);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/App/DesktopView/shared/EmojiPicker/Dropdown/Content/styles.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
 {
  /* For screenreaders only, via https://stackoverflow.com/a/19758620 */
}
.emoji-mart, .emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}
.emoji-mart {
  font-family: var(--font-primary);
  font-size: 16px;
  display: inline-block;
  color: var(--color-monochrome-black);
  background: var(--color-monochrome-white);
  border-radius: 4px;
  border: 1px solid var(--color-monochrome-medium);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
}
.emoji-mart-bar {
  border: 0 solid var(--color-monochrome-medium);
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.emoji-mart-anchors {
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  color: #858585;
  line-height: 0;
}
.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden !important;
  transition: color 0.1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
  cursor: pointer;
}
.emoji-mart-anchor:focus {
  outline-width: 0;
  outline: none;
}
.emoji-mart-anchor:hover, .emoji-mart-anchor-selected {
  color: #464646;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}
.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}
.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}
.emoji-mart-anchors svg, .emoji-mart-anchors img {
  fill: var(--color-monochrome-mediumDark);
  height: 18px;
  width: 18px;
}
.emoji-mart-anchor:hover svg {
  fill: var(--color-monochrome-black);
}
.emoji-mart-scroll {
  overflow-y: overlay;
  overflow-x: hidden;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
  /* avoids "repaints on scroll" in mobile Chrome */
}
.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}
.emoji-mart-search input {
  color: var(--color-monochrome-mediumDark);
  font-size: 16px;
  display: block;
  width: 100%;
  border-radius: 5px;
  border: 1px solid var(--color-monochrome-medium);
  outline: 0;
  padding: 5px 25px 6px 10px;
  position: relative;
  z-index: 10;
}
.emoji-mart-search input:focus {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.emoji-mart-search input::-webkit-input-placeholder {
  font-size: 13px;
  opacity: 0.5;
  font-style: italic;
}
.emoji-mart-search input::placeholder {
  font-size: 13px;
  opacity: 0.5;
  font-style: italic;
}
.emoji-mart-search input, .emoji-mart-search input::-webkit-search-decoration, .emoji-mart-search input::-webkit-search-cancel-button, .emoji-mart-search input::-webkit-search-results-button, .emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}
.emoji-mart-search-icon {
  position: absolute;
  top: 7px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}
.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: pointer;
  image-rendering: -webkit-optimize-contrast;
}
.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e3f6ff;
  border-radius: 4px;
}
.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.emoji-mart-category-label span {
  display: block;
  width: 100%;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
  font-family: var(--font-primary);
  font-size: var(--spacing-7);
  font-weight: var(--fontWeight-medium);
  line-height: 1.5;
}
.emoji-mart-category-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  display: inline-flex;
  position: relative;
  display: flex;
  justify-content: center;
  padding: 4px;
  margin-right: 4px;
}
.emoji-mart .emoji-mart-emoji {
  display: inline-flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.emoji-mart-emoji-native {
  font-family: 'Segoe UI Emoji', 'Segoe UI Symbol', 'Segoe UI', 'Apple Color Emoji', 'Twemoji Mozilla', 'Noto Color Emoji', 'EmojiOne Color', 'Android Emoji' !important;
}
.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: 0.2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}
.emoji-mart-preview {
  position: relative;
  height: 40px;
  background-color: var(--color-monochrome-superLight);
  padding: 8px 12px;
  display: flex;
  align-items: center;
  border-radius: 0 0 4px 4px;
}
.emoji-mart-preview-emoji {
  line-height: 1;
}
.emoji-mart-preview-emoji .emoji-mart-emoji span {
  image-rendering: -webkit-optimize-contrast;
  width: 28px !important;
  height: 28px !important;
}
.emoji-mart-preview-data {
  word-break: break-all;
  flex-grow: 1;
  margin: 0 8px;
  display: flex;
  align-items: center;
}
.emoji-mart-preview-data .emoji-mart-title-label {
  font-size: 13px;
  color: var(--color-monochrome-black);
  position: relative;
  top: 1px;
}
.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
  cursor: pointer;
}
.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}
.emoji-mart-preview-name {
  display: none;
}
.emoji-mart-preview-shortname {
  font-size: 13px;
  color: var(--color-monochrome-black);
  font-weight: var(--fontWeight-medium);
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname, .emoji-mart-preview-shortname + .emoji-mart-preview-emoticon, .emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: 0.5em;
}
.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
  display: none;
}
.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}
.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}
.emoji-mart-title-label {
  color: #999a9c;
  font-size: 26px;
  font-weight: var(--fontWeight-medium);
}
.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}
.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
}
.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: 0.03s;
}
.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: 0.06s;
}
.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: 0.09s;
}
.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: 0.12s;
}
.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: 0.15s;
}
.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatch.selected:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
  cursor: default;
}
.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatch.custom.selected:after {
  content: '';
  width: 0;
  height: 0;
}
.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}
.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}
.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}
.emoji-mart-skin-tone-6 {
  background-color: #594539;
}
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/shared/Composer/LogConversation/styles.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.EditorDropzone__bnr2A61ULBvm {
  max-height: none;
  min-height: 106px;
  display: flex;
  flex-direction: column;
  flex: 2 1 auto;
}

/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/ReplyStateIndicator/styles.css ***!
  \***************************************************************************************************************************************************************************************************/
.StateIndicator___pkhWK3Zu5bu {
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.StateIndicator-hasDraft__W9mxTIj0K6mC {
  background-color: hsla(339, 83%, 74%, 1);
}

.StateIndicator-viewCollision__KNlqdsoSY2FY {
  background-color: var(--color-primary-warning);
}

.StateIndicator-replyCollision__MVqrf7L7tpwa {
  background-color: var(--color-primary-negativeAlt);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/ducks/ticketing/components/ToggleKbSearch/Dropdown/Content/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.noKnowledgebases___zeGJnpDJBTs {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 1.23076923rem 1.84615385rem;
  max-width: 320px;
}
.noKnowledgebases___zeGJnpDJBTs .header {
  margin-bottom: 1.23076923rem;
  font-family: var(--font-secondary);
}
.noKnowledgebases___zeGJnpDJBTs .body {
  margin-bottom: 1.84615385rem;
}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/shared/Composer/Email/styles.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.EditorDropzone__xCL3EdcfpZOF {
  max-height: 40vh;
  min-height: 106px;
  display: flex;
  flex-direction: column;
  flex: 2 1 auto;
}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/Layout/ListInspector/styles.css ***!
  \********************************************************************************************************************************************************************************************************************/
.ListInspector__JvmdTc7ekuVA {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
  transition: all .1s linear;
}

.ListInspector-empty__aUsR33DHYhsK {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}

.container__PNGfm5eUW2IU {
}

.mailIcon__XVZOFPH2u2_a {
  margin-top: -0.16em; /* account for internal whitespace */
  margin-bottom: -0.16em; /* around icon glyph */
  font-size: 160px;
  color: hsla(0, 0%, 93%, 1);
  transition: all .1s linear;
}

.emptyMessage__JH1yUSk9tmHj {
  margin-top: 14px;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: underline;
  color: hsla(0, 0%, 88%, 1);
  transition: all .1s linear;
}

.ListInspector-empty__aUsR33DHYhsK .emptyMessage__JH1yUSk9tmHj {
  visibility: hidden;
}

.contentContainer__zifOjTDoFcRN {
  cursor: pointer;
}

.contentContainer__zifOjTDoFcRN:hover .mailIcon__XVZOFPH2u2_a {
  color: hsla(335, 80%, 72%, 0.75);
}

.contentContainer__zifOjTDoFcRN:hover .emptyMessage__JH1yUSk9tmHj {
  color: hsla(335, 80%, 72%, 1);
}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/Labels/LabelingDropdown/Menu/styles.css ***!
  \****************************************************************************************************************************************************************************************************************************/
/***
   Container
***/

.tags__cPnJu3rYaN9N {
  width: 100vw;
  max-width: 260px;
  max-height: 100%;
}

.suiList__mRam_GgWUQy9 {
  min-height: 0;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/App/DesktopView/Layout/Sidebar/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.Sidebar__AXRJzsIX_l25 {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  height: 100%;
  flex-grow: 1;
  justify-content: space-between;
  position: relative;
}
.Sidebar-flexible__VrdS8lfM6Qc6 {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.content__g81XuqaclViu {
  flex-shrink: 1;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  box-shadow: none;
  transition: color 250ms linear 0s, background 150ms linear 0s;
  color: var(--color-mainNav-color);
  margin-top: 2px;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;
  line-height: var(--lineHeight-leadingNormal);
  display: flex;
  flex-direction: column;
}
.Header_container__J5yzJGC5bHvk {
  padding: 0.92307692rem 1.23076923rem 1.23076923rem 1.23076923rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.sui:not(.grui) h1.Sidebar_TitleText__iAApkWr0QPG4 {
  display: flex;
  align-items: center;
  color: var(--color-mainNav-headerColor);
  font-family: var(--font-secondary);
  font-weight: var(--fontWeight-semibold);
  font-size: var(--fontSize-x4large);
  margin-bottom: 0px;
  margin-right: auto;
}
.SidebarItem__GDc59CN0ipVm {
  display: flex;
  align-items: center;
  outline: none;
  cursor: pointer;
  transition: color 250ms linear 0s, background-color 400ms ease-out;
  -webkit-user-select: none;
          user-select: none;
  font-family: var(--font-primary);
  font-size: var(--fontSize-base);
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px;
  line-height: var(--lineHeight-leadingNormal);
}
.SidebarItem_count__pJMlfyAb3DBp {
  font-weight: normal;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: var(--fontSize-xsmall);
  line-height: 1.5;
  padding: 2px 8px;
  background-color: var(--color-mainNav-countBackground);
  border-radius: 10px;
  color: var(--color-mainNav-countColor);
}
.SidebarItem_count__pJMlfyAb3DBp:empty {
  visibility: hidden;
}
.SidebarItem_alert__RzWv1ZALf0Ba {
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: var(--color-monochrome-white);
  border-radius: 50%;
  margin-right: 4px;
}
.SidebarItem_new__ywQgPugHMWLx {
  background-color: var(--color-primary-brand);
  font-weight: var(--fontWeight-semibold);
}
.SidebarItem__GDc59CN0ipVm a, a.SidebarItem__GDc59CN0ipVm {
  /*override sui*/
  color: var(--color-monochrome-white) !important;
}
.SidebarItem__GDc59CN0ipVm:not(.SidebarItem_active__QtYAzLn7QQEw):hover {
  background-color: var(--color-mainNav-itemBackgroundHover);
}
.SidebarItem__GDc59CN0ipVm:not(.SidebarItem_active__QtYAzLn7QQEw):hover .SidebarItem_count__pJMlfyAb3DBp {
  background-color: var(--color-mainNav-countBackgroundHover);
  color: var(--color-mainNav-countColorHover);
}
.SidebarItem_dot__Zu_mqNhIuM01 {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  background-color: var(--color-mainNav-dotBackground);
  margin-right: 6px;
}
.SidebarItem_header__zDc6A343MNFo {
  font-weight: var(--fontWeight-medium);
  align-items: baseline;
  min-height: 32px !important;
}
.clickable__oxiXJ0Ozm_Nl {
  opacity: var(--color-mainNav-clickableOpacity);
}
.clickable__oxiXJ0Ozm_Nl:hover {
  opacity: var(--color-mainNav-clickableOpacityHover);
}
.SidebarItem_active__QtYAzLn7QQEw, .SidebarAccordion_Title_active__Wua1XPORNe1h {
  opacity: var(--color-mainNav-clickableOpacityActive);
  font-weight: var(--fontWeight-medium);
}
.SidebarItem_active__QtYAzLn7QQEw.SidebarItem_activeBackground__HbltSxGtqpfJ {
  background-color: var(--color-mainNav-itemBackground);
}
.SidebarItem_active__QtYAzLn7QQEw.SidebarItem_activeBackground__HbltSxGtqpfJ .SidebarItem_count__pJMlfyAb3DBp {
  background-color: var(--color-mainNav-countBackgroundActive);
  color: var(--color-mainNav-countColorActive);
}
.SidebarAccordion_TitleContainer__wYbk_umHhml1 {
  margin-bottom: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: var(--fontWeight-medium);
}
.SidebarAccordion_DropdownIcon__ku0FlNn4acYa {
  margin-left: auto !important;
}
.SidebarAccordion_TitleContainer__wYbk_umHhml1:hover {
  opacity: 1;
}
.SidebarAccordion_Content__ddTmFBQsa48D {
  padding: 0 !important;
}
.Sidebar__AXRJzsIX_l25 .accordion > .content:not(.ui):last-child {
  padding-bottom: 4px !important;
}
.SidebarFooter__bpbzf3HZ86Q8 {
  margin: 1.23076923rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.UserProfile__aB0GcMPpG6Kr {
  padding: 0 1.23076923rem 1.84615385rem;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/ConversationHeader/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.conversation-header__Z2XW7vUyRVHi {
  align-items: center;
  color: #bfbfbf;
  display: flex;
  padding: 7px 16px 6px 0px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  color: #7b8c9d;
  transition: 175ms ease padding;
  background-color: var(--color-monochrome-white);
  border-bottom: 1px solid var(--color-monochrome-medium);
}
.conversation-header__Z2XW7vUyRVHi.conversation-header {
  /* Some icons require different padding to visuall render the same size */
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions {
  display: flex;
  font-size: 13px;
  min-height: 40px;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .filler {
  flex-grow: 1;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .divider {
  background-color: var(--color-monochrome-medium);
  width: 1px;
  margin: 8px 8px;
  transition: margin ease-in-out 0.3s;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions.left {
  margin-left: 16px;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions.left > div:first-of-type div {
  margin-left: 0;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions div.menu-button {
  width: 40px;
  height: 40px;
  padding: 11px;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions div.menu-button.text-button {
  padding: 4px;
  width: auto;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .menu-button.text-button .label {
  line-height: 19.5px;
  padding: 4px;
  font-weight: 500;
  background: none;
  border: none;
  border-radius: 0;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .danger .label {
  color: var(--color-primary-negative);
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.state div.menu-button.closeable, .conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.more div.menu-button, .conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.paging div.menu-button, .conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.back div.menu-button {
  padding: 8px;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.assignment div.menu-button:not(.assigned) {
  padding: 10px;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.snooze div.menu-button {
  padding: 12px;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.sidebarplaceholder .spacer {
  width: 40px;
  height: 40px;
  transition: width ease-in-out 0.3s;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.sidebarplaceholder .divider {
  width: 1px;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.sidebarplaceholder.open .spacer {
  width: 0px;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.sidebarplaceholder.open .divider {
  margin: 8px 0px;
  width: 0px;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .back a span.Icon {
  font-size: 18px;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .state .menu-button:not(.closeable) svg {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div {
  display: flex;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.collection {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.collection .name {
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.collection [class^="SidebarItem_dot"] {
  margin-right: 8px;
  height: 8px;
  width: 8px;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions a svg path {
  fill: var(--color-monochrome-mediumDark);
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.star .menu-button.starred svg path {
  fill: var(--color-primary-warning);
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions > div.star .menu-button:hover svg path {
  fill: var(--color-primary-warning);
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .snooze .menu-button:hover svg path, .conversation-header__Z2XW7vUyRVHi.conversation-header .actions .snooze .menu-button.snoozed svg path {
  fill: var(--color-primary-negativeAlt);
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .delete .menu-button:hover svg path, .conversation-header__Z2XW7vUyRVHi.conversation-header .actions .spam .menu-button:hover svg path {
  fill: var(--color-primary-negative);
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions svg .fill {
  color: inherit;
  fill: currentColor;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions svg .stroke {
  color: inherit;
  stroke: currentColor;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .snooze {
  display: block;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .snooze .sui.sui-transparent {
  height: 0;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .assignment {
  margin: 0 0 0 8px;
  align-self: center;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .assignment .label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 64px;
  max-width: 96px;
  color: var(--color-monochrome-mediumDark);
  font-family: var(--font-primary);
  cursor: pointer;
  font-weight: 500;
  display: inline-block;
  font-size: 13px;
  background: var(--color-monochrome-light);
  border: solid 1px var(--color-monochrome-medium);
  border-radius: 6px;
  padding: 8px;
  line-height: 1;
  text-align: center;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .assignment:hover .label {
  color: var(--color-monochrome-dark);
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .assignment div.assigned {
  width: auto;
  height: auto;
  padding: 0;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .assignment div.assigned:hover {
  background: transparent;
  border: none;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .number {
  display: flex;
  align-items: center;
  margin: 0 8px;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .number .label {
  display: inline-block;
  font-family: var(--font-primary);
  text-transform: uppercase;
  color: var(--color-monochrome-mediumDark);
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .more .sui {
  height: 0;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .paging {
  display: flex;
  align-items: center;
}
.conversation-header__Z2XW7vUyRVHi.conversation-header .actions .paging .progress {
  display: none;
  white-space: nowrap;
  font-size: 13px;
  margin: 0 8px;
  color: var(--color-monochrome-mediumDark);
}
.panel-breakpoint-unknown .conversation-header__Z2XW7vUyRVHi .actions .merge, .panel-breakpoint-unknown .conversation-header__Z2XW7vUyRVHi .actions .spam, .panel-breakpoint-unknown .conversation-header__Z2XW7vUyRVHi .actions .delete, .panel-breakpoint-unknown .conversation-header__Z2XW7vUyRVHi .actions .divider {
  display: flex;
}
.three-column-view .conversation-header__Z2XW7vUyRVHi .actions .merge, .three-column-view .conversation-header__Z2XW7vUyRVHi .actions .spam, .three-column-view .conversation-header__Z2XW7vUyRVHi .actions .delete, .three-column-view .conversation-header__Z2XW7vUyRVHi .actions .divider {
  display: none;
}
.three-column-view .panel-breakpoint-615 .conversation-header__Z2XW7vUyRVHi .actions .divider:not(.divider3) {
  display: flex;
}
.three-column-view .panel-breakpoint-668 .conversation-header__Z2XW7vUyRVHi .actions .spam, .three-column-view .panel-breakpoint-668 .conversation-header__Z2XW7vUyRVHi .actions .merge, .three-column-view .panel-breakpoint-668 .conversation-header__Z2XW7vUyRVHi .actions .divider3 {
  display: flex;
}
.three-column-view .panel-breakpoint-888 .conversation-header__Z2XW7vUyRVHi .actions .delete {
  display: flex;
}
.four-column-view .conversation-header__Z2XW7vUyRVHi .actions .merge, .four-column-view .conversation-header__Z2XW7vUyRVHi .actions .spam, .four-column-view .conversation-header__Z2XW7vUyRVHi .actions .delete, .four-column-view .conversation-header__Z2XW7vUyRVHi .actions .divider {
  display: none;
}
.four-column-view .panel-breakpoint-500 .conversation-header__Z2XW7vUyRVHi .actions .divider:not(.divider3) {
  display: flex;
}
.four-column-view .panel-breakpoint-555 .conversation-header__Z2XW7vUyRVHi .actions .spam, .four-column-view .panel-breakpoint-555 .conversation-header__Z2XW7vUyRVHi .actions .merge, .four-column-view .panel-breakpoint-555 .conversation-header__Z2XW7vUyRVHi .actions .divider3 {
  display: flex;
}
.four-column-view .panel-breakpoint-775 .conversation-header__Z2XW7vUyRVHi .actions .delete {
  display: flex;
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/subapps/ticketing/components/TicketHeader/MergeDropdown/Menu/SelectTickets/Header/styles.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.header__D2LNH6eq7cWy {
  margin-bottom: 8px;
}

.headerTitle__HOI0NZ6b3maA {
  font-size: 18px;
  font-weight: 600;
  font-family: 'Groove-Alright-Sans', sans-serif;
  text-align: left;
  flex: 1;
  margin-bottom: 16px;
  margin-top: 8px !important;
}

.leftSide__B17ffAMgqNkT, .rightSide__GtfuYPFmC5eX {
  display: flex;
  align-items: center;
  flex-basis: 24px;
  flex-shrink: 0;
}

.rightSide__GtfuYPFmC5eX {
  justify-content: flex-end;
}

.center__hAUXeQ72NxCH {
  min-width: 0;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  margin-left: 12px;
}

.ticketStateIndicator__HEAP28QgdTxS {
  flex-shrink: 0;
  margin-right: 12px;
  font-size: 1.3em;
}

.title__CGamPCxN_yiA {
  padding-right: 6px; /* account for Chrome underestimating ellipsis width */
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/subapps/ticketing/components/TicketHeader/MergeDropdown/Menu/SelectTickets/styles.css ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.MergePage__YoXcSACtFL78 {
  text-transform: none;
  padding: 0;
  color: hsl(200, 12%, 24%);
}

.tickets__KQW9oHHmQTK4 {
  margin: 0;
  position: relative;
}

.ticketWithScrollerFirstItem__Qnlve3ia2uiq {
  margin-top: 0 !important;
}

.ticketWithScroller__TiiYjoMOQq40 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.loader__auod26dPbZBT {
  padding: 32px 0;
}

.mergeAllOpen__GJnhSRpzDGsF {
  position: relative;
  margin: 6px 12px;
  padding: 8px 12px;
  text-align: center;
  color: hsla(157, 59%, 47%, 1);
  border: 1px dashed;
  border-radius: 3px;
}

.mergeAllOpen_icon__EFC90_NXosfx {
  position: absolute;
  top: 0;
  left: 8px;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 24px;
}

.mergeAllOpen_label__glHWsPm1KI4P {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.search_results__jIcEwtW5NB2f {
  margin-right: 6px;
  font-size: 12px;
  white-space: nowrap;
}

.leftSide__BNBvjC34no0K, .rightSide__zriMuY6hVycA {
  display: flex;
  align-items: center;
  flex-basis: 24px;
  flex-shrink: 0;
}

.rightSide__zriMuY6hVycA {
  justify-content: flex-end;
  margin-right: 12px;
}

.snippetsToggleActive__FGS5GkLGEgfv {
  color: #f17eae !important;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/subapps/ticketing/components/TicketHeader/MergeDropdown/Menu/SelectTickets/SearchableList/TicketListItem/styles.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.TicketListItem__iUfoi3A90w5M {
  position: relative;
  flex: 1;
  margin-left: 0;
  cursor: pointer;
  transition: all 150ms ease-in-out;
  cursor: pointer;
}

.TicketListItem-state-unread__dRco7v_Sssmz .TicketListItem_body__WcxYjuBvNs48 {
  color: hsla(196, 75%, 10%, 0.54);
}

.TicketListItem-state-unread__dRco7v_Sssmz .TicketListItem_lid__zyYWalC9IUWl {
  margin-top: -1px; /* cover bottom border of previous ticket */
  background-color: hsla(201, 100%, 96%, 1);
}

.TicketListItem-state-unread__dRco7v_Sssmz .TicketListItem_lid__zyYWalC9IUWl:before {
  content: ' ';
  width: 11px;
  height: 11px;
  position: absolute;
  left: 0;
  top: 30px;
  border-radius: 50%;
  background-color: #4cc1fc;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}

.TicketListItem-state-unread__dRco7v_Sssmz .TicketListItem_lid__zyYWalC9IUWl {
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 0;
}

.TicketListItem_internal__Nfnjcfrl93St, .TicketListItem_third_party__fPJsf2ZWC6lr {
  margin-top: 4px;
}

.TicketListItem_internal__Nfnjcfrl93St .TicketListItem_body_text__n3qzrJxqAwnp {
  color: #877768;
  background: #fffef5;
}

.TicketListItem_third_party__fPJsf2ZWC6lr .TicketListItem_body_text__n3qzrJxqAwnp {
  color: hsl(200, 20%, 10%);
  background: #edfaef;
}

.TicketListItem-state-unread__dRco7v_Sssmz .TicketListItem_body_text__n3qzrJxqAwnp {
  color: hsl(200, 20%, 10%);
  background: transparent;
}

/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/LabelList/Desktop/styles.css ***!
  \*************************************************************************************************************************************************************************************************/
.labels__nbEgZ4wIWRJ2 {
  display: inline-flex;
  flex-wrap: wrap;
}
.labels__nbEgZ4wIWRJ2 > .label.label {
  margin-top: 8px;
}
.labels-hidden__pvj9OQyQBhQV {
  opacity: 0;
  pointer-events: none;
}
.label__XFIkiU0u5pDM {
  margin-right: 10px;
}
.label__XFIkiU0u5pDM, .labelName__NlfZoUrRDEwp, .labelDelete__arN2A1thm3hB {
  flex-shrink: 0;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: hsla(0, 0%, 60%, 1);
  background-color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}
.labelName__NlfZoUrRDEwp {
  text-decoration: none;
  margin-right: 4px;
}
.label__XFIkiU0u5pDM:hover .labelName__NlfZoUrRDEwp {
  color: #b93519;
  cursor: pointer;
  line-height: 12px;
  text-decoration: underline;
}
.delete_tooltip__bnJeN5ZBIU5L {
  text-transform: uppercase;
}
.addLabel__h_02C2yQ4PmI {
  opacity: 0;
  transition: opacity 100ms ease-in-out;
}
.labels__nbEgZ4wIWRJ2:hover .addLabel__h_02C2yQ4PmI {
  opacity: 1;
}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/LabelList/Mobile/styles.css ***!
  \************************************************************************************************************************************************************************************************/
/* prevent page from scrolling */
.html_editingLabels {
  overflow: hidden;
  position: fixed; /* enforce no scroll on Safari */
}
.common__r5AyWGiygXLB {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.labels__G3nGtUoAGRDo {
  display: inline-flex;
  justify-content: center;
  margin-top: -12px; /* adjust for top margin of labels */
}
.labels__G3nGtUoAGRDo:not(:last-child) {
  margin-bottom: 14px;
}
.editingState__TvT2cCXYi_mU .labels__G3nGtUoAGRDo {
  flex-wrap: wrap;
}
.label__K_4Trz_FZ8ZN {
  flex-shrink: 0;
  max-width: 75%;
  margin-top: 12px;
  margin-right: 6px;
  margin-left: 6px;
  color: hsla(0, 0%, 75%, 1);
  background-color: #FFF;
}
.desktop .label__K_4Trz_FZ8ZN {
  margin-left: 0;
  margin-right: 12px;
}
.label-editing__zot_AevnNayK {
  color: rgba(244, 135, 174, 1);
}
.label_crossIcon__qojmrcIHVGnC {
  display: inline-block;
  margin-left: 0.25em;
  margin-right: -0.17em; /* account for internal icon glyph whitespace */
  font-size: 15px;
  opacity: .65;
}
.titleLabel__glrKX95w5fDB {
  display: inline-flex;
  margin-bottom: 14px;
  padding-right: 18px;
  padding-left: 18px;
  color: #FFF;
  background-color: rgba(244, 135, 174, 1);
}
.empty__nqwdcMrd71xT {
  display: inline-flex;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
}
.addLabel__Q9URe_8L9r_8 {
  position: relative; /* context for plusIcon */
  display: inline-block;
  min-width: 100px;
  max-width: 95%;
  margin-top: 23px;
}
.addLabel_input__fTuK1nSHu76W {
  min-width: 100%;
  margin: 0;
  outline: 0;
  -webkit-appearance: none;
          appearance: none;
  font-size: 15px;
  font-weight: 600;
  padding-left: 14px;
  padding-right: 14px;
  border: 0;
}
.addLabel_input__fTuK1nSHu76W:not(:placeholder-shown) {
  padding-right: 28px; /* account for plusIcon */
}
.addLabel_input__fTuK1nSHu76W::-webkit-input-placeholder {
  text-align: center;
  color: rgba(244, 135, 174, 0.5);
}
.addLabel_plusIcon__LTnISgwnU1OT {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  display: flex;
  align-items: center;
  font-size: 19px;
  color: rgba(244, 135, 174, 1);
  transition: opacity 0.1s ease-in-out;
}
.addLabel_input__fTuK1nSHu76W:placeholder-shown + .addLabel_plusIcon__LTnISgwnU1OT {
  opacity: 0;
  pointer-events: none;
}
.suggestions__e7MBaGfPEZ30 {
  position: absolute;
  left: 0;
  right: 0;
  padding: 14px;
  padding-top: 12px;
  background-color: rgba(255, 255, 255, 0.96);
  z-index: 300; /* make sure overlay is above date separators and reply button */
}
.suggestions-hidden__Bg8ZHnyRnWPV {
  height: 0;
  padding: 0;
  overflow: hidden;
}
.suggestion__G0dmEOAeOcPz {
  display: inline-flex;
}
.suggestion__G0dmEOAeOcPz:first-child {
  color: rgba(244, 135, 174, 1);
}
.suggestion_count__DXKbR2szKKMe {
  margin-left: 0.5em;
  font-weight: 500;
  color: rgba(188, 188, 188, 0.57);
}
.suggestion__G0dmEOAeOcPz:first-child .suggestion_count__DXKbR2szKKMe {
  color: rgba(244, 135, 174, 0.57);
}

/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/Layout/TicketInspector/TicketHero/styles.css ***!
  \*********************************************************************************************************************************************************************************************************************************/
.root__ot2kP0JLiOdd {
  padding: 16px 24px;
  background-color: var(--color-monochrome-white);
  border-bottom: 1px solid var(--color-monochrome-medium);
}
@media print {
  .root__ot2kP0JLiOdd {
    padding-left: 0;
    padding-right: 0;
  }
}
.labels__B1nnopJ37FET {
  position: relative;
  top: -1px;
  left: 1px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/App/DesktopView/Layout/TicketInspector/Changesets/ExpandedMessage/Rating/styles.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.subsequent-list .rating {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  padding: 8px;
  background-color: var(--color-monochrome-white);
  border-radius: 6px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.subsequent-list .rating .rating-marker {
  width: 3px;
  flex-grow: 0;
  border-radius: 1.5px;
}
.subsequent-list .rating .rating-marker.awesome {
  background-color: var(--color-primary-positive);
}
.subsequent-list .rating .rating-marker.ok {
  background-color: var(--color-primary-warning);
}
.subsequent-list .rating .rating-marker.bad {
  background-color: var(--color-primary-negative);
}
.subsequent-list .rating .content {
  padding-left: 8px;
}
.subsequent-list .rating .grade {
  font-size: var(--fontSize-large);
  font-weight: var(--fontWeight-medium);
  color: var(--color-monochrome-black);
}
.subsequent-list .rating .grade.awesome {
  color: var(--color-primary-positive);
}
.subsequent-list .rating .grade.ok {
  color: var(--color-primary-warningText);
}
.subsequent-list .rating .grade.bad {
  color: var(--color-primary-negative);
}
.subsequent-list .rating .feedback {
  margin-top: 4px;
  font-size: var(--fontSize-base);
  color: var(--color-monochrome-dark);
  font-style: italic;
}
.subsequent-list .rating .feedback:not(.empty):before, .subsequent-list .rating .feedback:not(.empty):after {
  content: '"';
}
.subsequent-list .rating .feedback.empty {
  color: var(--color-monochrome-mediumDark);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/Layout/TicketInspector/Changesets/ExpandedMessage/TrackingDetails/styles.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.TrackingDetails__E6MgkO2WfeIS {
  display: flex;
  align-items: center;
  font-size: 14px;
  transition: all 0.15s ease-in-out;
  max-width: 100%;
  color: var(--color-monochrome-mediumDark);
  margin-top: 12px;
}

.tooltip__abVOkPw0KALl {
  margin-left: 0;
  margin-right: 8px;
}

.browserIcon__ESMH4OCmOy7l {
  font-size: 20px;
  transition: all 0.15s ease-in-out;
}

.pageTitle__WFYMMCw07igN {
  margin-left: 2px;
  font-weight: 500;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.15s ease-in-out;
}

.TrackingDetails__E6MgkO2WfeIS:hover .pageTitle__WFYMMCw07igN {
  color: #4cc1fc;
}

.label__v6faXxa36Q1i {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/App/DesktopView/Layout/TicketInspector/Changesets/styles.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.changesetsContainer__NOomh9jywDMc {
  position: relative;
  padding-bottom: 56px;
  /* leave space for undo send timer and button */
  flex-grow: 1;
}
@media print {
  .changesetsContainer__NOomh9jywDMc {
    padding-bottom: 0;
  }
}
.changesetsContainer-disabled__qUKeOMfDTO8v {
  height: calc(100% - 58px);
  /* subject height + margin between subject and changesets */
  overflow: hidden;
}
.changesetsContainer_curtain__mk_xFuy726J1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.75;
  background-color: white;
}
.changesetsContainer-3-column-view__wf6P31iUUgzE {
  padding-left: 4px;
  padding-right: 4px;
}
.changeset {
  margin: 8px;
}
.changeset:first-of-type {
  margin-top: 9px;
}
@media print {
  .changeset {
    margin: 0px 0px;
  }
  .changeset .action .avatar {
    display: none !important;
  }
  .changeset.collapsed {
    padding-left: 24px;
  }
  .changeset.expanded .action.subsequent {
    margin-left: 0;
    color: var(--color-monochrome-black);
    opacity: 1;
  }
}
.changeset .action-container {
  border-radius: 6px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  background-color: var(--color-monochrome-white);
}
.changeset .action {
  display: flex;
  border-radius: 6px;
  padding: 12px 0;
}
.changeset .action.note {
  background-color: var(--color-secondary-warning);
}
.changeset .action.forward {
  background-color: var(--color-secondary-positive);
}
.changeset .action {
  transition: opacity 200ms ease-in-out;
}
.changeset.collapsed .action {
  opacity: 0.5;
}
.changeset.collapsed .action:hover {
  opacity: 1;
}
.changeset .action .avatar {
  align-items: center;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #e4e8ed;
  border-radius: 50px;
  display: flex;
  font-weight: 500;
  color: #b9c5cb;
  justify-content: center;
  text-transform: uppercase;
  height: 40px;
  width: 40px;
  margin-right: 8px;
  font-size: var(--fontSize-x2large);
  flex-shrink: 0;
}
.changeset .action .contents {
  box-sizing: border-box;
  color: var(--color-monochrome-black);
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  font-family: var(--font-primary);
  font-size: var(--fontSize-large);
  font-weight: 400;
  min-width: 0px;
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
.changeset.collapsed .action, .changeset .action .contents .top-side, .changeset .action .contents .middle-side, .changeset .action .contents .bottom-side, .changeset .action.note .contents .header-body-container {
  padding: 12px 16px;
}
.changeset .action .contents .top-side {
  display: flex;
  cursor: pointer;
  padding-top: 0;
}
.changeset .action .contents .middle-side {
  border-top: 1px solid var(--color-monochrome-medium);
  padding-bottom: 0;
}
.changeset .action .contents .middle-side > :not(:first-child) {
  margin-top: 12px;
}
.changeset .action .contents .bottom-side {
  padding-top: 0;
  padding-bottom: 0;
}
.changeset .action.note .contents .header-body-container {
  padding-top: 0;
  padding-bottom: 0;
}
.changeset .action.note .contents .header-body-container .header {
  cursor: pointer;
}
.changeset .action .contents .header-container {
  flex-grow: 1;
  min-width: 0;
}
.changeset .action.note .contents .header-body-container {
  display: flex;
}
.changeset .action.note .contents .header-body-container .note-header-body {
  flex-grow: 1;
}
.changeset .action .contents .header {
  align-items: center;
  box-sizing: border-box;
  color: var(--color-monochrome-black);
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  font-family: var(--font-primary);
  font-size: var(--fontSize-large);
  font-weight: 500;
  line-height: var(--lineHeight-leadingNormal);
  margin-bottom: 0px;
  margin-top: 0px;
  min-width: 0px;
  position: relative;
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-user-select: none;
          user-select: none;
}
.changeset .action.message .contents .header, .changeset .action.note .contents .header {
  align-items: baseline;
  height: 20px;
}
.changeset.collapsed .action {
  cursor: pointer;
}
.changeset .action .contents .header .byline-container {
  overflow: hidden;
}
.changeset .action .contents .header .byline {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.changeset .action .contents .header .tooltip .byline {
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}
.changeset .action .contents .header .byline .operation.note {
  color: var(--color-primary-warningText);
}
.changeset .action:not(.subsequent) .contents .header .right-side {
  align-self: flex-start;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-top: 3px;
  color: var(--color-monochrome-dark);
  flex-shrink: 0;
}
.changeset .action .contents .header .right-side .meta {
  display: flex;
  align-items: center;
}
.changeset .action .contents .header .right-side .icons {
  color: var(--color-monochrome-mediumDark);
}
.changeset .action .contents .header .right-side .icons > div {
  margin-right: 8px;
}
.changeset .action .contents .header .right-side .icons .Icon {
  color: var(--color-monochrome-mediumDark);
  font-weight: 500;
  font-size: var(--fontSize-x3large);
  height: 18px;
  width: 18px;
}
.changeset .action .contents .header .right-side .icons .Icon-merge {
  margin-right: 5px;
  margin-left: -3px;
  margin-top: -2px;
  margin-bottom: -2px;
  font-size: var(--fontSize-x5large);
  height: 24px;
  width: 24px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.changeset .action .contents .header .right-side .datetime {
  color: var(--color-monochrome-mediumDark);
  font-family: var(--font-primary);
  font-size: var(--fontSize-xsmall);
  font-weight: var(--fontWeight-normal);
}
.changeset .action .contents .header .right-side .actions {
  display: none;
}
.changeset .action .contents .top-side:hover .right-side .actions, .changeset .action.note .contents .header:hover .right-side .actions {
  display: block;
  margin-top: -8px;
}
.changeset .action .contents .top-side:hover .right-side .meta, .changeset .action.note .contents .header:hover .right-side .meta {
  display: none;
}
@media print {
  .changeset .action .contents .header .right-side .meta {
    display: flex !important;
  }
}
.changeset .action .contents .header .right-side .actions div {
  display: inline-flex;
}
.changeset .action .contents .mailbox-indicator {
  display: flex;
  font-size: var(--fontSize-xtiny);
  align-items: center;
}
.changeset .action .contents .mailbox-indicator .dot {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  flex-shrink: 0;
}
.changeset .action .contents .mailbox-indicator .name {
  font-family: var(--font-primary);
  font-style: italic;
  font-size: var(--fontSize-small);
  color: var(--color-monochrome-dark);
  margin-left: 4px;
}
.changeset .action .contents .address-section {
  display: flex;
  margin-top: 2px;
  position: relative;
  left: -4px;
}
.changeset .action .contents .address-section:empty {
  display: none;
}
.changeset .action .contents .address-section .address-and-more {
  padding: 4px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: baseline;
  transition: background-color 200ms ease-in-out;
}
.changeset .action .contents .address-section:not(.expanded) .address-and-more:hover {
  background-color: var(--color-monochrome-light);
}
.changeset .action .contents .address-section:not(.expanded) .address-section-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.changeset .action .contents .address-section:not(.expanded) .address-section-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.changeset .action .contents .address-section .addresses {
  font-size: var(--fontSize-small);
  color: var(--color-monochrome-dark);
  margin-left: 4px;
}
.changeset .action .contents .address-section .addresses:first-child {
  margin-left: 0;
}
.changeset .action .contents .address-section .addresses .address-title {
  font-weight: var(--fontWeight-medium);
  color: var(--color-monochrome-black);
}
.changeset .action .contents .address-section .addresses .address ~ .address::before {
  content: ', ';
}
.changeset .action .contents .address-section .more {
  font-size: var(--fontSize-small);
  font-style: italic;
  padding-left: 4px;
  flex-shrink: 0;
}
.changeset .action .contents .address-section.expanded {
  cursor: text;
}
.changeset .action .contents .address-section.expanded .addresses {
  display: block;
  margin-left: 0;
}
.changeset .action .contents .address-section.expanded .more {
  display: none;
}
@media print {
  .changeset .action .contents .address-section .addresses {
    display: block;
    margin-left: 0;
  }
  .changeset .action .contents .address-section .more {
    display: none;
  }
}
.changeset .action .contents .snippet {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--color-monochrome-dark);
  line-height: var(--lineHeight-leadingNormal);
}
.changeset.expanded .action .contents .body {
  position: relative;
  line-height: var(--lineHeight-leadingNormal);
  overflow-x: auto;
  overflow-y: hidden;
  word-break: break-word;
  word-wrap: break-word;
  color: var(--color-monochrome-black);
}
.changeset.expanded .action .contents .empty-body {
  font-style: italic;
}
.changeset.expanded .action.message .contents .body {
  font-size: var(--fontSize-large);
}
.changeset.expanded .action.note .contents .body {
  margin-top: 12px;
}
.changeset.expanded .action.note .contents .body .mention {
  font-weight: 500;
}
.changeset .action .contents .placeholder {
  margin-top: 8px;
}
.changeset .read-receipt {
  margin-right: 8px;
  background-color: var(--color-secondary-positive);
  color: var(--color-primary-positive);
  border-radius: 4px;
  padding: 1px 6px;
  font-size: var(--fontSize-xsmall);
}
/* subsequent */
.changeset .subsequent-list:not(:empty) {
  margin-bottom: 16px;
}
.changeset .action.subsequent {
  border-top: 0;
  border-bottom: 1px dashed var(--color-monochrome-mediumDark);
  padding: 0;
  opacity: 0.5;
  border-radius: 0;
}
.changeset .action.subsequent.tracking {
  border-bottom: 0;
}
.changeset .action.subsequent:hover {
  opacity: 1;
}
.changeset .action.subsequent .contents {
  display: flex;
  align-items: flex-end;
  min-height: 2.76923077em;
  padding: 0.30769231rem 0;
  overflow: hidden;
}
.changeset .action.subsequent .contents .byline {
  font-weight: normal;
  white-space: normal;
}
.changeset .action.subsequent .contents .byline .action-verb {
  font-weight: var(--fontWeight-medium);
}
.changeset .action.subsequent .contents .header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.changeset .action.subsequent.toggle-expand-actions {
  cursor: pointer;
}
.changeset .action.subsequent.toggle-expand-actions .contents .header {
  color: var(--color-primary-brand);
}
.changeset .action.subsequent.toggle-expand-actions .contents .byline {
  font-weight: var(--fontWeight-medium);
}
.changeset .action.subsequent .contents .header > .author {
  text-align: center;
  padding: 0 150px;
}
.changeset .action.subsequent .contents .header .right-side {
  position: absolute;
  right: 0;
}
.changeset .action.subsequent .contents .header, .changeset .action.subsequent .contents .header .right-side .datetime {
  font-size: var(--fontSize-small);
  color: var(--color-monochrome-dark);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/App/DesktopView/CommunicationForms/Reply/shared/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
.form__vB6Js907h2yO .mention-wrapper {
  margin: 0px 24px;
}
.form__vB6Js907h2yO .inner {
  display: flex;
  border-radius: 6px;
  border: 1px solid var(--color-monochrome-medium);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 8px 0px;
  flex-direction: column;
  padding: 8px 16px;
  opacity: 1;
  visibility: visible;
  background: var(--color-monochrome-white) none repeat scroll 0% 0%;
  margin: 0px 8px 12px;
  flex-grow: 0;
  flex-shrink: 0;
  transition: all 200ms ease-in-out 0s;
  z-index: 200;
  min-height: 201px;
}
.form__vB6Js907h2yO .inner.forwarding {
  background-color: var(--color-secondary-positive);
}
.form__vB6Js907h2yO .inner.note {
  background-color: var(--color-secondary-warning);
  border-color: var(--color-primary-warning);
}
.form__vB6Js907h2yO .header .bottom-section {
  margin: 0px -16px;
  margin-top: 0.923077rem;
}
.form__vB6Js907h2yO .header .expanded-header {
  background-color: var(--color-monochrome-superLight);
  flex: 0 0 auto;
  border-bottom: 1px solid var(--color-monochrome-light);
  border-top: 1px solid var(--color-monochrome-light);
  padding: 6px 16px 4px;
}
.form__vB6Js907h2yO .header .twitter-recipients {
  margin-top: 8px;
}
.form__vB6Js907h2yO .header .facebook-recipients {
  margin-top: 8px;
}
.form__vB6Js907h2yO .editorAndAttachments {
  min-height: 106px;
  margin-top: 0.923077rem;
  max-height: 55vh;
}
.form__vB6Js907h2yO .divider {
  margin-top: auto;
  margin-left: -16px;
  margin-right: -16px;
  border-top: 1px solid var(--color-monochrome-light);
  display: block !important;
  padding-top: 8px;
}
.form__vB6Js907h2yO #email-editor-toolbar > .mce-panel {
  display: block !important;
}
.form__vB6Js907h2yO #email-editor-toolbar {
  visibility: collapse;
  height: 0;
  overflow: hidden;
  transition: all 200ms ease-in-out;
  margin-left: -16px;
  margin-right: -16px;
  background-color: white;
  padding: 4px 4px 4px 0px;
  border-top: 1px solid var(--color-monochrome-light);
  flex-shrink: 0;
  margin-top: 0px;
}
.form__vB6Js907h2yO .groove-editor {
  min-height: 72px !important;
}
.form__vB6Js907h2yO .formatting-visible #email-editor-toolbar {
  visibility: visible;
  height: 34px;
  margin-top: 4px;
}
.form__vB6Js907h2yO .footer {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-left: -4px;
}
.form__vB6Js907h2yO .footer .left-side {
  flex-direction: row;
  display: flex;
  flex: 1;
}
.form__vB6Js907h2yO .footer .left-side.actions {
  color: var(--color-monochrome-mediumDark);
}
.form__vB6Js907h2yO .footer .left-side.actions > * {
  margin-right: 4px;
  margin-left: 4px;
}
.form__vB6Js907h2yO .footer .left-side.actions .formatting {
  color: var(--color-monochrome-mediumDark);
  margin-left: 0px;
}
.form__vB6Js907h2yO .footer .left-side.actions .formatting.visible {
  color: var(--color-primary-brand);
}
.form__vB6Js907h2yO .footer .left-side.actions .attachments label {
  display: none;
}
.form__vB6Js907h2yO .footer .left-side.actions .kb-search {
  margin-top: 2px;
}
.form__vB6Js907h2yO .footer .left-side.actions .deleteDraft.inactive {
  opacity: 0.5;
}
.form__vB6Js907h2yO .footer .left-side.actions .saved {
  margin-top: 3px;
}
.form__vB6Js907h2yO .footer .right-side {
  flex-direction: row;
  display: flex;
  flex: 0 1 auto;
  align-items: center;
}
.form__vB6Js907h2yO .footer .right-side .sendButtonContainer {
  margin-left: 12px;
  position: relative;
}
.form__vB6Js907h2yO .footer .right-side .sendButtonContainer .collisionIndicator {
  position: absolute;
  right: -9px;
  top: -9px;
}
.form__vB6Js907h2yO .footer .right-side .sendButtonContainer .note-button .button {
  background-color: var(--color-primary-warning);
  color: var(--color-monochrome-white);
}
.form__vB6Js907h2yO .footer .right-side .sendButtonContainer .note-button .button:hover {
  background-color: var(--color-warning-700);
}
.form__vB6Js907h2yO .footer .right-side .sendButtonContainer .note-button .button:active {
  background-color: var(--color-warning-900);
}
.form__vB6Js907h2yO .not-sendable-reason {
  margin-right: 24px;
  font-style: italic;
  color: var(--color-primary-negative);
}
.form__vB6Js907h2yO .not-sendable-reason.small {
  text-align: right;
  margin-right: 0;
  display: block;
}
@media (max-width: 1249px) {
  .form__vB6Js907h2yO .not-sendable-reason.large {
    display: none;
  }
}
@media (min-width: 1250px) {
  .form__vB6Js907h2yO .not-sendable-reason.small {
    display: none;
  }
}
.EditorDropzone__rDlcN4c0u3TL {
  max-height: 40vh;
  min-height: 106px;
  display: flex;
  flex-direction: column;
  flex: 2 1 auto;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/App/DesktopView/Layout/TicketInspector/Footer/styles.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.positioning__zkod_fVPryP0 {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 12px;
  border-top: 1px solid var(--color-monochrome-medium);
}
.positioning-3-column-view__uj70mboD9q3q {
  padding-left: 4px;
  padding-right: 4px;
}
.kbSearch__kX3iG2VyPcyf {
  margin: 0 0.61538462rem 0.61538462rem 0.61538462rem;
}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/shared/Composer/Note/styles.css ***!
  \********************************************************************************************************************************************************************************************************************/
.EditorDropzone__A_S4Hzx4yxM_ {
  max-height: 40vh;
  min-height: 106px;
  display: flex;
  flex-direction: column;
  flex: 2 1 auto;
}

.EditorDropzone__A_S4Hzx4yxM_ {
  max-height: 40vh;
  min-height: 106px;
  display: flex;
  flex-direction: column;
  flex: 2 1 auto;
}

/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/ReplyForm/shared/styles.css ***!
  \****************************************************************************************************************************************************************************************************************/
.ReplyForm__ulk2QawKkrGm {
  border-radius: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 55vh;
  position: relative; /* context for .actions */
}
/* This handles the edge case where the page height is suuper small. The
* reply form height is variable, so its not just a matter of adding a
* min-height and we'ere done. The height at smaller resolutions cannot be
* 55vh, and since we can expand the Composer header, there is no single
* min-height number that will work. To solve this, we add a scrollbar to
* the entire Composer (header,editor, footer) so the form is
* still usable. This also handles any kind of header expanding
* (subject/cc/bcc). Its not pretty, but it works. */
@media only screen and (max-height: 564px) {
  .ReplyForm__ulk2QawKkrGm {
    max-height: 85vh;
  }
}
.hasValidationErrors__mlMvIiALFURY {
  border: 1px dashed red;
}
.validationError__Nvrpk2etSGEq {
  color: red;
  font-size: 13px;
}
.attachmentIcon___M_jn2UuD2Cy {
  display: flex;
  margin-top: -0.2em;
  margin-bottom: -0.2em;
}
.quotedText__C3q39E5_j5YF {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  background-color: hsla(0, 0%, 77%, 1);
  border-radius: 3px;
  margin-left: 2px;
}
.quotedText_icon__azs7Kqg1RGsi {
  font-size: 22px;
  margin-top: -4px;
  margin-bottom: -4px;
  padding-left: 1px;
  padding-right: 1px;
  color: white;
}
.collaborationIndicator__SpbSxrnZ19TJ {
  font-size: 13px;
  color: hsla(339, 83%, 74%, 1);
}
/**
 * Work around FastClick-forwarded click events not being trusted by browser
 * https://github.com/ftlabs/fastclick/issues/60
 */
.AttachmentUpload__tFR9mRG70Bqk > * {
  pointer-events: none;
}
.input__EE_bu6xA6zxa {
  display: none;
}
.charCounter__yDTzQbx5AgGL {
  color: black;
  font-size: 14px;
}
.charCounter-blank__Utp45OZwlNvg {
  color: hsla(0, 0%, 77%, 1);
}
.charCounter-low__tKRO9mqNofo6 {
  color: hsla(339, 83%, 74%, 1);
}
.charCounter-critical__wIJqaza17gn6 {
  color: red;
}
.button_stateIndicator__yBg22TiVYEC6 {
  position: absolute;
  top: -9px;
  right: -9px;
}
.agentCollision__XJ7mLpiu6OD0 {
  margin-left: 12px;
  margin-right: -2px;
}
.MainForm__Ixas1zdlPn0G {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/Layout/TicketInspector/styles.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.TicketInspector__oD4Ke4nx3LY6 {
  position: relative; /* context for Star icon */
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--color-monochrome-light);
}

@media print {
  .TicketInspector__oD4Ke4nx3LY6 {
    display: block;
  }
}

.scrollerWrapper__s5oBCKMDmbTE {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  overflow: auto;
}

@media print {
  .bottomMargin__MnukbzcIxfBb {
    margin-bottom: 0;
    display: block;
  }
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.placeholder-collapsed-changeset {
  border-top: 1px solid var(--color-monochrome-medium);
  margin-left: 24px;
  margin-right: 24px;
  padding-top: 8px;
  padding-bottom: 0px;
}

.placeholder-byline, .placeholder-date, .placeholder-cc, .placeholder-content {
  -webkit-animation-duration: 1.25s;
          animation-duration: 1.25s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
          animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: var(--color-monochrome-superLight);
  background: linear-gradient(to right, var(--color-monochrome-superLight) 8%, var(--color-monochrome-light) 18%, var(--color-monochrome-superLight) 33%);
  background-size: 800px 104px;
}

.placeholder-byline {
  background-color: var(--color-monochrome-superLight);
  height: 16px;
  width: 120px;
  float: left;
  margin-bottom: 8px;
}

.placeholder-date {
  background-color: var(--color-monochrome-superLight);
  height: 16px;
  width: 32px;
  float: right;
  margin-bottom: 8px;
}

.placeholder-cc {
  background-color: var(--color-monochrome-superLight);
  clear: both;
  height: 16px;
  width: 191px;
  margin-bottom: 16px;
}

.placeholder-content {
  background-color: var(--color-monochrome-superLight);
  clear: both;
  height: 16px;
  width: 100%;
  margin-bottom: 8px;
}

/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/Badge/styles.css ***!
  \*************************************************************************************************************************************************************************************/
.badge__CQqROOB1h0hd {
  --preferred-font-size-px: 14;
  display: inline-block;
  padding: calc(4 / var(--preferred-font-size-px) * 1em) calc(12 / var(--preferred-font-size-px) * 1em);
  line-height: 1.4;
  text-transform: uppercase;
  border-width: 1px;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.desktop .badge__CQqROOB1h0hd {
  line-height: 1;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/StateBadge/styles.css ***!
  \******************************************************************************************************************************************************************************************/
.base__oP8Qkv9d4nAC {
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: white;
  background-color: white;
  border: 1px solid currentColor;
  border-radius: 4px;
  cursor: pointer;
}

.base__oP8Qkv9d4nAC:not(:last-child) {
  margin-right: 16px;
}

.state-open__kVcpyB19yTLO {
  color: #31c08a;
}

.state-closed__vqkmBmhM8Qf7 {
  color: #bcbcbc;
}

.state-deleted__wYfMAA_8IfRh {
  color: #bcbcbc;
}

.state-snoozed__TBw0Kf0b_Ah9 {
  color: #f487ae;
}

.state-spam__SRNKBQ7q4Vc5 {
  color: #b5bdc1;
}

.state-loading__M38H0NwKran0 {
  color: #bcbcbc;
  border-color: #cccccc;
  border-style: dashed;
}

.WithIcon_label__skXUUoUTFTN7 {
  margin-left: 6px;
  margin-right: -2px;
  font-size: 15px;
}

.WithIcon__HQBhYf92nwSj:hover .WithIcon_label__skXUUoUTFTN7 {
  text-decoration: underline;
}

.checkIcon__Z84kVncRJtBU {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}

.replayIcon__cTWRupjx_wD6 {
  margin-left: 4px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/App/DesktopView/Labels/LabelingDropdownV2/Menu/SearchBar/styles.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
.searchbar__PvYqg8QtGdWC {
  margin: 0.61538462rem;
}
.searchbar__PvYqg8QtGdWC .ui.basic.icon.button.button__do_1SC8mvtEC {
  width: 2.46153846rem;
  transition: box-shadow 0.25s ease-in-out;
}
.searchbar__PvYqg8QtGdWC .ui.basic.icon.button.button__do_1SC8mvtEC i {
  transition: color 0.25s ease-in-out;
}
.searchbar__PvYqg8QtGdWC .ui.basic.icon.button.button__do_1SC8mvtEC:hover {
  box-shadow: inset 0 0 0 1px var(--color-primary-brand);
}
.searchbar__PvYqg8QtGdWC .ui.basic.icon.button.button__do_1SC8mvtEC:hover i {
  color: var(--color-primary-brand);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/App/DesktopView/Labels/LabelingDropdownV2/Menu/LabelText/styles.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
mark.bold__Nc_fTpQuiRDt {
  font-weight: var(--fontWeight-medium);
  background-color: transparent;
}
.create__YvqtXGPvBitC .boxheadline {
  color: var(--color-primary-brand) !important;
}
.create__YvqtXGPvBitC .boxheadline mark.bold__Nc_fTpQuiRDt {
  color: var(--color-primary-brand) !important;
}
.spaceLeft__SilrsmGKSWZG {
  padding-left: 0.30769231rem;
}

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/Labels/LabelingDropdownV2/Menu/styles.css ***!
  \******************************************************************************************************************************************************************************************************************************/
/***
   Container
***/

.tags__fvTPmU5cNZd4 {
  width: 100vw;
  max-width: 260px;
  max-height: 100%;
}

.suiList__VWQExEOsERS9 {
  min-height: 0;
  border-top: solid 1px var(--color-monochrome-medium);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/App/DesktopView/Layout/styles.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
@media print {
  @page {
    size: A4 portrait;
    margin: 1cm;
  }
  * {
    transition: none !important;
  }
  body {
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    display: block;
  }
  * {
    color: var(--color-monochrome-black) !important;
    background: none !important;
  }
  body {
    background-color: #fff;
  }
  h1, h2, h3, h4, h5, h6 {
    -webkit-column-break-after: avoid;
            break-after: avoid;
    -webkit-column-break-inside: avoid;
            break-inside: avoid;
  }
  a, blockquote, dl, img, ol, pre, table, ul {
    -webkit-column-break-inside: avoid;
            break-inside: avoid;
  }
  body {
    font-size: 12pt;
    line-height: 1.3;
  }
  a, a:link, a:visited {
    color: #0000ee !important;
    font-weight: 500;
    text-decoration: underline;
  }
  a[href^='http']:after {
    content: ' <' attr(href) '> ';
    word-wrap: break-word;
  }
  a[href^='#']:after {
    content: '';
  }
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  audio, canvas, iframe, video {
    display: none;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: no-wrap;
  }
  html {
    height: auto !important;
    overflow: auto !important;
  }
  :not(.printable) {
    display: none;
  }
  .hidden-in-print {
    display: none !important;
  }
  /*
    Fix issue in firefox where not all responses of ticket gets printed due to firefox
    flexbox for printing
  */
  div.printable:not(.hidden-in-print) {
    /*
      Fix issue where an extra white page is always printed
    */
    /* Fix issue in firefox whre the tickets where horizonally getting cut off at around the 80% width mark */
  }
  div.printable:not(.hidden-in-print).panelGroup, div.printable:not(.hidden-in-print).panelWrapper {
    display: block !important;
  }
  div.printable:not(.hidden-in-print)[class^='bottomMargin__'] {
    margin-bottom: 0 !important;
  }
  div.printable:not(.hidden-in-print).panelWrapper {
    width: auto !important;
  }
}
@media not print {
  .visible-only-in-print {
    display: none !important;
  }
}
.app__pLJ1tGkJGp35 {
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1;
  overflow: hidden;
  background-color: white;
}
@media print {
  .app__pLJ1tGkJGp35 {
    display: block;
  }
}
.content__q4xkSuk7pRZG {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}
.app__pLJ1tGkJGp35 > * {
  width: 100%;
  flex-shrink: 0;
}
.row__CjcHO1VrS4Nu {
  display: flex;
  flex: 1;
  min-height: 0;
}
.safari10 .row__CjcHO1VrS4Nu {
  /**
   * Safari 10 doesn't calculate height of flex children correctly, so we need
   * to set height explicitly for children to use it as basis
   * https://bugs.webkit.org/show_bug.cgi?id=137730
   */
  height: calc(100% - 53px);
  /* 100% - app header height */
}
.row__CjcHO1VrS4Nu > * {
  flex-shrink: 0;
  overflow-y: auto;
}
.leftCell__f2fmmWWeKHEE {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background-color: white;
}
.safari .leftCell__f2fmmWWeKHEE > div.sui.sui-transparent {
  height: 100%;
}
.mainCell__ws_SxNRtyJi0 {
  flex-grow: 1;
  flex-shrink: 1;
  background-color: white;
  border-left: 1px solid var(--color-monochrome-medium);
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media print {
  .mainCell__ws_SxNRtyJi0 {
    border-left: 0;
    display: block;
  }
}
.topNav__SAL0DVJJF1r1 {
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 50px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 32px;
  padding-right: 32px;
}
.filtersHeaderContainer__ftjpWYPJ37Fa {
  flex: 1;
  display: flex;
  overflow-x: auto;
}
.header__JcoVgQrx1yRl {
  flex-grow: 0;
  flex-shrink: 0;
  height: 53px;
  justify-content: center;
  background-color: hsl(214, 78%, 57%);
  display: flex;
}
.mainContent__W2IkDmkDlU0K {
  height: 100%;
  flex-shrink: 1;
  z-index: 1;
  background-color: white;
}
.icon__vwo7g_taIoUP {
  margin-left: -2px;
  margin-right: 16px;
  color: white;
  font-size: 24px;
  cursor: pointer;
  opacity: 0.7;
  transition: all 0.15s linear;
}
.icon__vwo7g_taIoUP:hover {
  opacity: 1;
}
.App {
  /*background: url('stories/browser-background.png');*/
  background-color: 'var(--color-monochrome-medium)';
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  margin-top: -1px;
}
.AppView {
  padding: 0 !important;
  box-shadow: none !important;
  background: none !important;
}
/**
 * Some Semantic UI overrides that clash with ticketing
 */
.TicketingApp {
  flex-shrink: 1;
  min-width: 0;
  line-height: initial;
}
@media print {
  .TicketingApp {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .AppMain, .AppMain.ui.stackable.grid > .row > .column, .AppMain.ui.stackable.grid > .row > .wide.column {
    padding: 0 0 0 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
}
.Search_input__bXmJUSDIj_37 {
  width: 100%;
  margin: 0;
  padding: 20px 16px 16px 40px;
  font-size: 13px;
  border: 0;
  outline: 0;
}
.Search_input__bXmJUSDIj_37::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 600;
  color: hsla(200, 12%, 24%, 0.25);
}
.Search_input__bXmJUSDIj_37::placeholder {
  font-style: italic;
  font-weight: 600;
  color: hsla(200, 12%, 24%, 0.25);
}
.searchIcon__OCkbEuwJj9Cg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 16px;
  margin-top: 3px;
  margin-left: -4px;
  font-size: 24px;
  color: hsla(200, 12%, 24%, 0.25);
}
.demoBarHeader__NU6LCPojj5ZR {
  margin-right: var(--spacing-base);
  color: var(--color-monochrome-white) !important;
}
.demoBarLink__M7pdebCiRaQE {
  margin-left: var(--spacing-base) !important;
  color: var(--color-primary-warningText) !important;
  cursor: pointer;
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/ConversationList/styles.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.ConversationList {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0;
}
.desktop .ConversationList {
  height: 100%;
  background-color: var(--color-monochrome-white);
  overflow: auto;
}
.ie11.desktop .ConversationList {
  height: calc(100vh - 100px);
}
.desktop .ConversationListItems {
  z-index: 1;
  /* ensure scroller can be clipped by parent */
}
/* HACK (jscheel): Originally we animated the container, but it would move
the scrollbar as well. Putting a container inside the scroller was a non-starter,
as it will break infinite loading, since the child count will always be 1. The
performance of animating each of these is still within the same time as animating
the container as a whole, though it may slow down a bit if the user has loaded
several pages of tickets, */
.desktop .loader__xVXJeo532kKo {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.ConversationList_listContainer {
  min-width: 100%;
  /* override default flex-child behavior to expand its children width */
}
.ConversationList_listContainer_desktop__GAl0CgnLIJsS {
  max-width: 100%;
}
.ConversationList_listContainer-withSlideActions {
  overflow: hidden;
  /* ensure browser doesn't take into account overflowing elements (e.g. slide actions) during layout */
}
.ConversationList_empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 48px;
  text-align: center;
}
.desktop .ConversationList_empty {
  margin-left: 0;
}
.safari10 .ConversationList_listContainer_desktop__GAl0CgnLIJsS {
  height: 100%;
}
.ConversationList_empty-pulledHigher:after {
  content: '';
  padding-bottom: 72px;
}
.ConversationList_empty_zero {
  margin-bottom: 4px;
  font-size: 60px;
  font-weight: 100;
  line-height: 1;
  letter-spacing: 2px;
  color: #4cc1fc;
}
.ConversationList_empty_folder {
  font-size: 20px;
  color: #aaaaaa;
}
.ConversationList_empty_image {
  margin-top: 24px;
  margin-bottom: 16px;
  width: 90%;
  max-width: 300px;
}
.ConversationList_empty_message {
  font-size: var(--fontSize-x2large);
  letter-spacing: 1px;
  color: #828282;
  line-height: 1.15;
  margin: 0 15px 3px;
}
.ConversationList_empty_author {
  font-size: var(--fontSize-large);
  letter-spacing: 1px;
  color: #bdbdbd;
}
.ConversationList_loader-more {
  border-top: 1px solid #f1f1f1;
}
.ConversationList_curtain {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(100, 100, 100, 0.54);
  z-index: 100;
}
.ConversationList_search_curtain {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100;
}
/* NEW STYLING */
.ConversationList {
  /* Classic view */
}
.ConversationList .end-indicator {
  display: flex;
  justify-content: center;
  padding-top: 24px;
  padding-bottom: 24px;
}
.ConversationList .end-indicator .dot {
  width: 14px;
  height: 14px;
  background-color: var(--color-grey-50);
  border: 1px solid var(--color-grey-100);
  border-radius: 7px;
}
.ConversationList .conversation-list-item {
  background-color: var(--color-monochrome-white);
  position: relative;
  display: block;
  cursor: pointer;
  outline: 0;
  color: var(--color-monochrome-black);
  line-height: normal;
  box-shadow: inset 0 -1px 0 var(--color-divider);
}
.ConversationList .conversation-list-item.modern {
  padding: 12px 16px 12px 36px;
}
.ConversationList .conversation-list-item a {
  /* overrule sui a */
  line-height: normal;
}
.ConversationList .conversation-list-item.modern a .meta .meta-content {
  width: 100%;
  min-width: 0;
  display: flex;
}
.ConversationList .conversation-list-item.modern a .meta .with-expiry-label {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.ConversationList.ConversationList .conversation-list-item a {
  color: var(--color-monochrome-black);
}
.ConversationList .conversation-list-item.classic .inner .checkbox label {
  /*reset the sui checkbox PADDING*/
  padding-left: 0;
}
.ConversationList .conversation-list-item.classic .inner .checkbox label:before {
  height: 16px;
  width: 16px;
}
.ConversationList .conversation-list-item.classic .inner .checkbox label:after {
  width: 16px;
  height: 16px;
  font-size: var(--fontSize-large);
}
.ConversationList .conversation-list-item.unread {
  background-color: var(--color-secondary-brand);
}
.ConversationList .conversation-list-item.current {
  border-left-color: var(--color-primary-brand);
  background-color: var(--color-primary-brand);
  color: var(--color-monochrome-white);
}
.ConversationList .conversation-list-item .mailbox-indicator {
  position: absolute;
  top: 0;
  height: 8px;
  width: 8px;
  overflow: hidden;
}
.ConversationList .conversation-list-item.classic .mailbox-indicator {
  left: 0;
}
.ConversationList .conversation-list-item.classic.last-viewed .mailbox-indicator {
  left: 4px;
}
.ConversationList .conversation-list-item.modern .mailbox-indicator {
  right: 0;
}
.ConversationList .conversation-list-item .mailbox-indicator .inner {
  position: absolute;
  right: 0;
  top: 0;
  height: 12px;
  width: 12px;
}
.ConversationList .conversation-list-item.classic .mailbox-indicator .inner {
  -webkit-transform: translate(-20%, -50%) rotate(45deg);
          transform: translate(-20%, -50%) rotate(45deg);
}
.ConversationList .conversation-list-item.modern .mailbox-indicator .inner {
  -webkit-transform: translate(50%, -50%) rotate(45deg);
          transform: translate(50%, -50%) rotate(45deg);
}
.ConversationList .conversation-list-item .unread-indicator {
  display: flex;
  align-items: center;
  padding: 0 12px;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.ConversationList .conversation-list-item.modern .unread-indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.ConversationList .conversation-list-item.unread .unread-indicator {
  opacity: 1;
}
.ConversationList .conversation-list-item .unread-indicator:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border-color: var(--color-monochrome-white);
  background-color: var(--color-primary-brand);
  border: 0;
}
.ConversationList .conversation-list-item.current .unread-indicator:after {
  background-color: #fff;
}
.ConversationList .conversation-list-item.classic .left:hover .unread-indicator, .ConversationList .conversation-list-item .unread-indicator:hover {
  opacity: 0.5;
}
.ConversationList .conversation-list-item.unread .unread-indicator:hover {
  opacity: 1;
}
.ConversationList .conversation-list-item .header {
  display: flex;
  align-items: center;
  padding-right: 8px;
}
.ConversationList .conversation-list-item .customer {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--fontWeight-medium);
  font-size: var(--fontSize-large);
  color: var(--color-monochrome-black);
}
.ConversationList .conversation-list-item .header .Icon {
  display: inline-block;
  margin-left: 4px;
  font-weight: 300;
  color: var(--color-monochrome-mediumDark);
  font-size: var(--fontSize-xlarge);
}
.ConversationList .conversation-list-item .header .Icon.Icon-attachment {
  position: relative;
  top: 1px;
}
.ConversationList .conversation-list-item .header .Icon.Icon-star {
  color: var(--color-primary-warning);
  font-size: var(--fontSize-large);
}
.ConversationList .conversation-list-item.modern .right-side {
  position: absolute;
  right: 16px;
  top: 13px;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
  background: inherit;
}
.ConversationList .conversation-list-item .datetime {
  color: var(--color-monochrome-mediumDark);
  font-size: var(--fontSize-xsmall);
  white-space: nowrap;
}
.ConversationList .conversation-list-item.modern .right-side .datetime {
  margin-top: 2px;
  display: block;
}
.ConversationList .conversation-list-item .right-side .quick-actions {
  display: none;
  font-size: var(--fontSize-small);
}
.ConversationList .conversation-list-item .right-side .quick-actions span {
  color: var(--color-brand-800);
}
.ConversationList .conversation-list-item .right-side .quick-actions .ui.checkbox {
  min-height: 16px;
  line-height: 16px;
  min-width: 16px;
  align-self: center;
  width: 16px;
  position: relative;
  margin-left: 12px;
}
.ConversationList .conversation-list-item.selected .right-side .quick-actions .ui.checkbox {
  position: relative;
}
.ConversationList .conversation-list-item .right-side .quick-actions label:before {
  height: 16px;
  width: 16px;
}
.ConversationList .conversation-list-item .right-side .quick-actions label:after {
  width: 16px;
  height: 16px;
  font-size: 10px;
}
.ConversationList .conversation-list-item.selected .right-side .quick-actions {
  display: flex !important;
}
.ConversationList .conversation-list-item.selected .right-side .quick-actions span {
  display: none;
}
.ConversationList .conversation-list-item.selected .right-side .datetime {
  display: none !important;
}
.ConversationList .conversation-list-item.modern:hover .right-side .datetime {
  display: none;
}
.ConversationList .conversation-list-item.modern:hover .right-side .quick-actions {
  display: flex;
}
.ConversationList .conversation-list-item.modern .message {
  display: flex;
  margin-top: 8px;
}
.ConversationList .conversation-list-item .contents {
  width: 100%;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ConversationList .conversation-list-item.classic .contents {
  line-height: 1.2;
}
.ConversationList .conversation-list-item .message .subject {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ConversationList .conversation-list-item.modern .message .subject {
  margin-bottom: 8px;
}
.ConversationList .conversation-list-item .message .subject.empty, .ConversationList .conversation-list-item .message .snippetText.empty {
  font-style: italic;
  color: var(--color-monochrome-mediumDark);
}
.ConversationList .conversation-list-item .message .subject:empty, .ConversationList .conversation-list-item .message .snippetText:empty {
  display: none;
}
.ConversationList .conversation-list-item.unread .message .subject, .ConversationList .conversation-list-item.classic .message .subject {
  font-weight: var(--fontWeight-medium);
}
.ConversationList .conversation-list-item .message .snippet .author {
  font-weight: var(--fontWeight-medium);
}
.ConversationList .conversation-list-item .message .snippet:not(.reply) .author {
  color: var(--color-primary-negativeAlt);
}
.ConversationList .conversation-list-item .snippet {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ConversationList .conversation-list-item .snippet-content {
  font-size: var(--fontSize-small);
  color: var(--color-monochrome-dark);
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ConversationList .conversation-list-item .snippet-content .snippet, .ConversationList .conversation-list-item .snippet-content .snoozeduntil {
  padding-top: 2px;
  padding-bottom: 2px;
}
.ConversationList .conversation-list-item .snippet-content .snippet.internal, .ConversationList .conversation-list-item .snippet-content .snippet.draft {
  padding-right: 2px;
  padding-left: 2px;
}
.ConversationList .conversation-list-item.classic .message .snippet, .ConversationList .conversation-list-item.classic .snoozeduntil {
  font-size: var(--fontSize-base);
  color: var(--color-monochrome-dark);
}
.ConversationList .conversation-list-item .message .snippet.internal .author, .ConversationList .conversation-list-item .message .snippet.draft .author, .ConversationList .conversation-list-item .message .snippet.internal .snippetText, .ConversationList .conversation-list-item .message .snippet.draft .snippetText {
  background-color: var(--color-secondary-warning);
}
.ConversationList .conversation-list-item.current .message .snippet.internal .author, .ConversationList .conversation-list-item.current .message .snippet.draft .author, .ConversationList .conversation-list-item.current .message .snippet.internal .snippetText, .ConversationList .conversation-list-item.current .message .snippet.draft .snippetText {
  background-color: var(--color-monochrome-transparent);
}
.ConversationList .conversation-list-item.classic .message .snippet, .ConversationList .conversation-list-item.classic .snoozeduntil {
  margin-right: 8px;
}
.ConversationList .conversation-list-item.modern .header {
  margin-right: 70px;
}
.ConversationList .conversation-list-item .message .icon {
  width: 14px;
  height: 14px;
  vertical-align: text-top;
  margin-right: 4px;
}
.ConversationList .conversation-list-item .message .icon path {
  fill: var(--color-primary-negativeAlt);
}
.ConversationList .conversation-list-item .message .snippet.internal .author {
  color: var(--color-primary-warningText);
}
.ConversationList .conversation-list-item .message .snippet.internal .author .icon path {
  fill: var(--color-primary-warning);
}
.ConversationList .conversation-list-item .snoozeduntil {
  color: var(--color-primary-negativeAlt);
  font-weight: var(--fontWeight-medium);
}
.ConversationList .conversation-list-item .message .count {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  align-self: flex-end;
  font-size: 11px;
  color: var(--color-monochrome-mediumDark);
  background-color: var(--color-monochrome-light);
  border-radius: 99em;
  font-weight: var(--fontWeight-medium);
  margin-left: 8px;
}
.ConversationList .conversation-list-item.modern .message .count {
  position: relative;
  top: -5px;
  font-size: 0.76923077rem;
  height: 24px;
  width: 24px;
}
.ConversationList .conversation-list-item.classic .message .count {
  height: 16px;
  width: 16px;
}
.ConversationList .conversation-list-item .meta {
  display: flex;
  position: relative;
  height: 16px;
}
.ConversationList .conversation-list-item .assignment {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-monochrome-mediumDark);
  font-weight: var(--fontWeight-medium);
}
.ConversationList .conversation-list-item.modern .assignment {
  font-size: var(--fontSize-xsmall);
  flex-shrink: 0;
}
.ConversationList .conversation-list-item.classic .assignment {
  font-size: var(--fontSize-small);
}
.ConversationList .conversation-list-item .meta .spacer {
  flex: 1;
  min-width: 10px;
}
.ConversationList .conversation-list-item.current .meta .assignment {
  flex-grow: 0;
  flex-shrink: 0;
}
.ConversationList .conversation-list-item .labelbox {
  overflow: hidden;
  display: flex;
  flex: 1;
}
.ConversationList .conversation-list-item.modern .labelbox .labels {
  text-align: right;
  height: 20px;
}
.ConversationList .conversation-list-item.classic .labelbox .labels {
  height: 16px;
}
.ConversationList .conversation-list-item .labelbox .labels {
  flex: 1;
  position: relative;
  overflow: hidden;
}
.ConversationList .conversation-list-item .labelbox .labels-inner.hidden {
  visibility: hidden;
}
.ConversationList .conversation-list-item .labelbox .labels-inner > * {
  display: inline-block;
}
.ConversationList .conversation-list-item .labelbox .tooltip {
  white-space: normal;
  flex-shrink: 0;
  margin-left: 5px;
}
.ConversationList .conversation-list-item .labelbox .tooltip.hidden {
  display: none;
}
.ConversationList .conversation-list-item .labelbox .tooltip.visible {
  display: inherit;
}
.ConversationList .conversation-list-item .labelbox .label {
  border-radius: 3px;
  color: var(--color-primary-brand);
  background-color: var(--color-secondary-brand);
  padding: 0 8px 2px;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--fontWeight-medium);
  font-size: var(--fontSize-tiny);
}
.ConversationList .conversation-list-item .labelbox .label:last-child {
  margin-right: 0px;
}
.ConversationList .conversation-list-item .labelbox .more {
  white-space: nowrap;
  font-size: 10px;
  color: var(--color-monochrome-dark);
  font-weight: var(--fontWeight-medium);
  margin-top: 1px;
}
.ConversationList .conversation-list-item.modern .meta {
  font-size: var(--fontSize-xsmall);
  margin-top: 8px;
}
.ConversationList .conversation-list-item .collision {
  display: flex;
  font-size: var(--fontSize-xsmall);
  font-weight: var(--fontWeight-medium);
  align-items: center;
}
.ConversationList .conversation-list-item .collision .avatar {
  align-items: center;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--color-primary-positive);
  border-radius: 50px;
  display: flex;
  color: var(--color-monochrome-white);
  justify-content: center;
  text-transform: uppercase;
  height: 18px;
  width: 18px;
  flex-shrink: 0;
  margin-right: 8px;
  font-size: var(--fontSize-tiny);
}
.ConversationList .conversation-list-item .collision.noting .avatar {
  background-color: var(--color-primary-warning);
}
.ConversationList .conversation-list-item .collision .chip {
  color: var(--color-positive-900);
}
.ConversationList .conversation-list-item.classic .collision .chip {
  white-space: nowrap;
}
.ConversationList .conversation-list-item .collision.noting .chip {
  color: var(--color-primary-warningText);
}
.ConversationList .conversation-list-item .collision .chip {
  align-self: center;
}
.ConversationList .conversation-list-item .collision .chip .name {
  font-weight: var(--fontWeight-medium);
}
.ConversationList .conversation-list-item.classic {
  display: flex;
}
.ConversationList .conversation-list-item.classic.last-viewed {
  box-shadow: inset 0 -1px 0 var(--color-divider), inset 4px 0 0 var(--color-primary-brand);
}
.ConversationList .conversation-list-item.classic .sui.inner {
  display: flex;
  width: 100%;
  position: relative;
}
.ConversationList .conversation-list-item.classic .sui.inner > a {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  padding: 12px 16px 12px 0;
}
.ConversationList .conversation-list-item.classic .Icon-attachment {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  color: var(--color-monochrome-mediumDark);
  cursor: pointer;
  font-weight: var(--fontWeight-medium);
  font-size: var(--fontSize-large);
  margin-left: 0.30769231rem;
}
.ConversationList .conversation-list-item.classic .snoozeduntil .icon.snooze {
  width: 14px;
  height: 14px;
}
.ConversationList .conversation-list-item.classic .snoozeduntil {
  font-size: 0.923077em;
  white-space: nowrap;
}
.ConversationList .conversation-list-item.classic .right .collision {
  align-self: center;
  margin-right: 8px;
  margin-top: 0;
}
.ConversationList .conversation-list-item.classic .right .collision .avatar {
  font-size: 8px;
  height: 16px;
  width: 16px;
}
.ConversationList .conversation-list-item.classic .Icon-star {
  align-self: center;
  color: var(--color-primary-warning);
  font-weight: var(--fontWeight-medium);
  font-size: var(--fontSize-large);
  margin-left: 4px;
}
.ConversationList .conversation-list-item.classic .right .bottom {
  align-self: flex-end;
}
.ConversationList .conversation-list-item.classic.unread .conversation-number {
  background-color: var(--color-monochrome-white);
}
.ConversationList .conversation-list-item.classic .inner > .left {
  display: flex;
  align-items: center;
  padding-left: 16px;
}
.ConversationList .conversation-list-item.current a, .ConversationList .conversation-list-item.current .datetime, .ConversationList .conversation-list-item.current .customer, .ConversationList .conversation-list-item.current .snoozeduntil, .ConversationList .conversation-list-item.current .assignment, .ConversationList .conversation-list-item.current .snippet, .ConversationList .conversation-list-item.current .snippet .author, .ConversationList .conversation-list-item.current .snippetText.empty, .ConversationList .conversation-list-item.current .subject.empty, .ConversationList .conversation-list-item.current .right-side .quick-actions span, .ConversationList .conversation-list-item.current .collision .chip, .ConversationList .conversation-list-item.current .collision.noting .chip, .ConversationList .conversation-list-item.current .meta .more, .ConversationList .conversation-list-item.current .message .snippet.internal .author, .ConversationList .conversation-list-item.current .Icon {
  color: var(--color-monochrome-white) !important;
}
.ConversationList .conversation-list-item.current .meta .label {
  background-color: var(--color-monochrome-light) !important;
}
.ConversationList .conversation-list-item.current .message .icon path {
  fill: var(--color-monochrome-white) !important;
}
.ConversationList .conversation-list-item.current .message .count, .ConversationList .conversation-list-item.unread .message .count {
  background-color: var(--color-monochrome-white);
}
.ConversationList .conversation-list-item.classic .row {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.ConversationList .conversation-list-item.classic .row:not(.top) {
  margin-top: 8px;
}
.ConversationList .conversation-list-item.classic .row .header {
  flex: 0 0 184px;
  overflow: hidden;
}
.ConversationList .conversation-list-item.classic .row .header span:not(.Icon) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ConversationList .conversation-list-item.classic .row .message {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.ConversationList .conversation-list-item.classic .row .labels {
  font-size: var(--fontSize-tiny);
  margin-left: 12px;
}
.ConversationList .conversation-list-item.classic .row .label {
  margin-left: 4px;
  padding: 2px 4px;
}
.ConversationList .conversation-list-item.classic .row .right-side {
  flex-shrink: 0;
  flex-grow: 0;
  margin-left: 8px;
  align-self: start;
}
.ConversationList .conversation-list-item.classic .row .right-side .conversation-number {
  font-size: var(--fontSize-tiny);
  color: var(--color-monochrome-mediumDark);
  background-color: var(--color-monochrome-light);
  letter-spacing: 1px;
  padding: 1px 4px;
}
.ConversationList .conversation-list-item.classic .row .right-side .conversation-number {
  display: inline-block;
  border-radius: 3px;
}
.ConversationList .conversation-list-item.classic.unread .row .right-side .conversation-number {
  background-color: var(--color-monochrome-white);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/ConversationList/Header/TitleBar/styles.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.conversation-list-header-wide__QWmxbNNTZ02g {
  position: relative;
}
.conversation-list-header-wide__QWmxbNNTZ02g .Icon-pushpin {
  color: var(--color-monochrome-mediumDark);
  cursor: pointer;
  font-weight: 500;
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.conversation-list-header-wide__QWmxbNNTZ02g .Icon-pushpin:hover {
  color: var(--color-primary-warning);
}
.conversation-list-header-wide__QWmxbNNTZ02g .Icon-pushpin-filled {
  color: var(--color-primary-warning);
  cursor: pointer;
  font-weight: 500;
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.top__der6HIgRSX3R {
  flex-shrink: 0;
  display: flex;
  padding: 16px 16px 0 16px;
  align-items: center;
  position: relative;
  background-color: var(--color-monochrome-white);
}
.conversation-list-header-wide__QWmxbNNTZ02g .top__der6HIgRSX3R {
  padding-top: 13px;
  padding-right: 6px;
}
.topLeft__aGVF2UVGpTRG, .topCenter__HKb_Qz02GFmi, .topRight__LckNPNGYk2HB {
  display: flex;
}
.topRight__LckNPNGYk2HB {
  justify-content: flex-end;
  align-items: center;
}
.topLeft__aGVF2UVGpTRG, .topRight__LckNPNGYk2HB {
  flex-grow: 1;
  /* flex-shrink: 1; */
  flex-basis: 0;
  display: flex;
}
.topCenter__HKb_Qz02GFmi {
  display: flex;
  flex-grow: 0;
  /* flex-basis: auto; */
  flex-shrink: 1;
  justify-content: center;
  min-width: 0px;
}
.topCenter__HKb_Qz02GFmi .ellipsis__GadWDp8TMqfK {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.title__F6HgdQd23h4e {
  display: flex;
  align-items: baseline;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding-right: 12px;
}
.titleLabel__UNN_PU9hVFlV {
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-monochrome-black);
  font-weight: var(--fontWeight-medium);
}
.count__cHsZEfpPfeC_ {
  margin-left: var(--spacing-5);
  color: var(--color-monochrome-black);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/ConversationList/Header/TitleBar/BulkActionBar/styles.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.BulkActionBarContainer__DRbXYmCf8lgz {
  width: 100%;
}

/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/SearchSuggestions/styles.css ***!
  \*************************************************************************************************************************************************************************************************/
/* DEPRECATED. Prefer 1. SUI or 2. Emotion (src/shared/theme) theme variables */
.SearchSuggestions__KTABG4gmskaN {
  position: absolute;
  width: 100%;
  z-index: 2000;
  box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.07);
  height: auto;
  max-height: calc(100vh - 120px);
  display: block;
  background-color: white;
  outline: 0;
  margin: 0 0;
  border-radius: 0 0 6px 6px;
  left: 0;
  padding: 0 0;
  top: 100%;
  border: solid 1px var(--color-primary-brand);
  border-top-width: 0;
}
.SearchSuggestions_scroller__P7rJ2NCuABzh {
  max-height: calc(100vh - 120px);
  padding-bottom: 24px;
  overflow-x: hidden;
}
.SearchSuggestions_title__pwvPg1jkGYbl {
  color: var(--color-primary-brand);
  margin: 12px 12px 8px 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SearchSuggestions_title__pwvPg1jkGYbl h4 {
  background-color: white;
  margin: 0;
  display: inline-block;
  padding: 0 5px 0 0;
  font-size: 12px;
}
.SearchSuggestions_suggestions__INlgzh919JCQ {
  margin: 5px 0;
}
.SearchSuggestions_suggestion__xPjp0KSm68vN {
  position: relative;
  padding: 4px 12px;
  color: #4c4c4c;
  transition: all 0.12s ease-out;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.SearchSuggestions_ready__ChcBnpzk4Nb_ {
  margin: 5px 0;
}
.SearchSuggestions_suggestion__xPjp0KSm68vN:before {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10;
  background-color: #e8f5fa;
  border-radius: 0;
  margin: -2px -6px;
  opacity: 0;
  transition: all 0.12s ease-out;
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
  pointer-events: none;
}
.SearchSuggestions_submitSuggestion__fmo9CPRO7JWN:before {
  background-color: #f8f8f8;
}
.SearchSuggestions_suggestion__xPjp0KSm68vN > * {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  z-index: 11;
  vertical-align: middle;
}
.SearchSuggestions_loading__YazinhWAf9Yc .suggestion__C2O5rqCnYzIm, .SearchSuggestions_loading__YazinhWAf9Yc .hint___IJ2uf9eqTns {
  margin: 0;
}
.SearchSuggestions_suggestion__xPjp0KSm68vN > :first-child {
  margin-left: 0;
}
.SearchSuggestions_suggestion__xPjp0KSm68vN > :last-child {
  margin-right: 0;
}
.SearchSuggestions_suggestion__xPjp0KSm68vN .Icon-keyboard-return {
  display: none;
  position: absolute;
  color: var(--color-primary-brand);
  right: 14px;
  top: 50%;
  margin-top: -6px;
}
.SearchSuggestions_activeSuggestion__ENvkUM9jJGxw
  .SearchSuggestions_suggestion__xPjp0KSm68vN:before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.SearchSuggestions_suggestion__xPjp0KSm68vN:active {
  opacity: 0.96;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.SearchSuggestions_activeSubmitSuggestion__a65nIra6yijt .SearchSuggestions_suggestion__xPjp0KSm68vN {
  /* color: white; */
}
.SearchSuggestions_activeSubmitSuggestion__a65nIra6yijt
  .SearchSuggestions_suggestion__xPjp0KSm68vN:before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.SearchSuggestions_activeSubmitSuggestion__a65nIra6yijt .Icon-keyboard-return, .SearchSuggestions_activeSuggestion__ENvkUM9jJGxw .Icon-keyboard-return {
  display: block;
}
.SearchSuggestions_activeSubmitSuggestion__a65nIra6yijt .Icon-keyboard-return {
  color: var(--color-primary-brand);
}
.hint___IJ2uf9eqTns {
  color: var(--color-monochrome-mediumDark);
  align-self: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/ConversationList/Header/Search/styles.css ***!
  \**************************************************************************************************************************************************************************************************************/
.icon__SN7TBzhvxBCV {
  font-size: 24px;
  color: var(--color-monochrome-mediumDark);
  cursor: pointer;
  transition: all 0.2s ease;
}

.searchBox__a69VTzlGXFeu {
  position: relative; /* context for icons */
  flex-grow: 1;
  display: flex;
}

.searchAndSuggestionsBox__fV1zY7yoADfe {
  position: relative;
}

.searchBox_backIcon__pd6_JqDyEiYe, .searchBox_clearIcon__GT1luM1ijXYy {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  bottom: 0;
  right: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.searchBox_backIcon_classic_view__OK6DOrl5G5_i {
  left: 12px;
}

.searchBox_input__nMGZlz6lJHu2.searchBox_input__nMGZlz6lJHu2.searchBox_input__nMGZlz6lJHu2 {
  width: 100%;
  border: solid 1px var(--color-monochrome-light);
  background-color: var(--color-monochrome-light);
  outline: 0;
  padding: 6px 24px 6px 12px;
  color: var(--color-monochrome-dark);
  border-radius: 6px;
  height: 30px;
}

.searchBox_input_classic_view__wxncbQjjpbQO {
  text-indent: 25px;
}

.searchBox_input__nMGZlz6lJHu2.searchBox_input__nMGZlz6lJHu2.searchBox_input__nMGZlz6lJHu2:focus {
  border-color: var(--color-primary-brand);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-style: none;
  background-color: var(--color-monochrome-white);
}

.searchBox_input__nMGZlz6lJHu2.searchBox_input__nMGZlz6lJHu2.searchBox_input__nMGZlz6lJHu2:focus ~ .searchBox_clearIcon__GT1luM1ijXYy path, .searchBox_input__nMGZlz6lJHu2.searchBox_input__nMGZlz6lJHu2.searchBox_input__nMGZlz6lJHu2:focus ~ .searchBox_backIcon__pd6_JqDyEiYe path, .searchBox_clearIcon__GT1luM1ijXYy:hover path {
  fill: var(--color-primary-brand);
}

.searchBox_input__nMGZlz6lJHu2::-webkit-input-placeholder {
  color: var(--color-monochrome-dark);
  opacity: 1;
  font-style: italic;
}

.searchBox_input__nMGZlz6lJHu2::placeholder {
  color: var(--color-monochrome-dark);
  opacity: 1;
  font-style: italic;
}

.searchBox_input__nMGZlz6lJHu2.searchBox_input__nMGZlz6lJHu2.searchBox_input__nMGZlz6lJHu2:focus::-webkit-input-placeholder {
  opacity: 0.5;
}

.searchBox_input__nMGZlz6lJHu2.searchBox_input__nMGZlz6lJHu2.searchBox_input__nMGZlz6lJHu2:focus::placeholder {
  opacity: 0.5;
}

.searchBox_input__nMGZlz6lJHu2:not(:placeholder-shown) {
}

.searchBox_input__nMGZlz6lJHu2:placeholder-shown ~ .searchBox_clearIcon__GT1luM1ijXYy {
  display: none;
}

.searchBox_input__nMGZlz6lJHu2:not(:placeholder-shown) ~ .searchBox_clearIcon__GT1luM1ijXYy {
  display: flex;
}

.searchBox_input__nMGZlz6lJHu2:not(:placeholder-shown) ~ .searchBox_backIcon__pd6_JqDyEiYe {
  display: none;
}

.searchBox_input__nMGZlz6lJHu2:not(:placeholder-shown) ~ .searchBox_backIcon_classic_view__OK6DOrl5G5_i {
  display: flex;
}

.searchBox_clearIcon__GT1luM1ijXYy {
  opacity: 0.6;
  transition: all 0.15s linear;
}

.searchBox_clearIcon__GT1luM1ijXYy:before {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

.aboveCurtain__F4ZF3wNgGOgG {
  z-index: 2001;
  padding: 12px 12px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/App/DesktopView/Layout/RightSidebar/Toggler/styles.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
div.toggleExpandCollapseButton__BsnrIE8AmTHw {
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 24px;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
  transition: -webkit-transform 0.3s ease-in-out !important;
  transition: transform 0.3s ease-in-out !important;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out !important;
  background: transparent;
  z-index: 2000;
  padding: 7px;
  border: 1px solid var(--color-monochrome-medium);
  background: white;
}
.toggleExpandCollapseButton--collapsed__PKc0a2sbPydA {
  -webkit-transform: rotateZ(180deg) !important;
          transform: rotateZ(180deg) !important;
}
div.toggleExpandCollapseButton--classicView__D7OTuarPfUhN {
  top: 65px;
}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/Layout/LayoutSwitcher/styles.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.rightSidebarWrapper__lUczsZEBARD_ {
  transition: margin-left 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/ConversationList/Header/FilterBar/styles.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.filter-bar__nnfOGVHLSZMX {
  border-bottom: 1px solid var(--color-monochrome-medium);
  line-height: 16px;
}
.filter-bar__nnfOGVHLSZMX .filters {
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
}
.filter-bar__nnfOGVHLSZMX .filters > * {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  color: inherit;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/ConversationList/Header/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.conversation-list-header__Myu2Ime_Ujjt .conversation-list-header-title-bar {
  padding-bottom: 8px;
}
.conversation-list-header__Myu2Ime_Ujjt .conversation-list-header-title-bar:last-child {
  border-bottom: 1px solid var(--color-monochrome-medium);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/subapps/ticketing/components/WrappedTicketList/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.leftCell__JWqcD8W1FkqF {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background-color: white;
}
.safari .leftCell__JWqcD8W1FkqF > div.sui.sui-transparent {
  height: 100%;
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/ForgotForm/styles.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.ui.large.form .field.backLink__GLhuPSacdkem {
  line-height: 3.07692308rem;
}
.ui.large.form .field.sendLink__mo_0WqnW5rBt {
  text-align: right;
  padding-right: 0;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/ChangePassword/Form/styles.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.center__tGSbB4ttEYl2 {
  text-align: center !important;
}

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/Pages/NotFoundPage/styles.css ***!
  \******************************************************************************************************************************************************************************************************************/
.cta__pStMbnO8KZn0 {
  margin-top: 3em;
  margin-bottom: auto;
}

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/components/App/DesktopView/Pages/RawEmailPage/styles.css ***!
  \******************************************************************************************************************************************************************************************************************/
.container__aDzZMAp_3L56 {
  overflow-x: auto;
}

.headers__yRLW59zLvY81, .body__KyONxdCVPnfb {
  padding-left: 24px;
  padding-right: 24px;
}

.headers__yRLW59zLvY81 {
  display: table;
  min-width: 100%;
  margin-top: 16px;
}

.header__lkJlmjdNvLbG {
  display: table-row;
}

.header__lkJlmjdNvLbG + .header__lkJlmjdNvLbG > .header_name__hvTLSC6WsoK3 {
  padding-top: 1em;
}

.header_name__hvTLSC6WsoK3, .header_value__UpgPW0IQVD87 {
  display: table-cell;
  font-size: 12px;
}

.header_name__hvTLSC6WsoK3 {
  padding-right: 8px;
  text-align: right;
}

.header_value__UpgPW0IQVD87 {
  padding-left: 8px;
  white-space: nowrap;
}

.body__KyONxdCVPnfb {
  display: table; /* expand with children: makes sure that right padding is applied correctly */
  margin-top: 24px;
  margin-bottom: 24px;
  white-space: pre;
  font-family: monospace;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}

.bodyType__AUFKyFCLa1Dw {
  padding-top: 2em;
  padding-left: 8px;
  font-size: 12px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/App/sui_base.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
html {
  font-size: 13px;
}
body {
  font-size: 13px;
}
a {
  color: inherit;
  text-decoration: inherit;
}

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!./src/components/App/global.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2018 Schwartzco Inc.
        License: 1811-PEOBDG
*/
#error {
  display: none;
  height: 100%;
}
.ErrorPage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}
.ErrorPage_header {
  font-family: GT Walsheim Pro;
  font-size: 42px;
  font-weight: bold;
  text-align: center;
  color: var(--color-monochrome-black);
  margin-bottom: 24px;
}
.ErrorPage_text {
  font-family: Graphik LCG Web;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  color: var(--color-monochrome-dark);
  max-width: 754px;
  margin-bottom: 40px;
}
.ErrorPage_text a {
  color: var(--color-primary-brand);
  text-decoration: none;
}
.ErrorPage_image {
  width: 100%;
  max-width: 300px;
  max-height: 300px;
  margin-bottom: 24px;
}
.ErrorPage_cta {
  border-radius: 4px;
  background-color: var(--color-primary-brand);
  font-family: GT Walsheim Pro;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: white;
  padding: 12px 13.5px;
}
.ErrorPage_hint {
  margin-top: auto;
  padding-top: 16px;
  font-size: 14px;
  color: #aaaaaa;
}
@font-face {
  font-family: 'Graphik LCG Web';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/c7b546147d7a565f2abe.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/815703a57c1f9e222124.woff) format('woff');
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik LCG Web';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/a34b53dee5f633b33bd6.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/0ea85d5ffd9614341451.woff) format('woff');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik LCG Web';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/6c7050a5dc792a167039.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/9ad4c7b24be09b5d9d68.woff) format('woff');
  font-weight: 600;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik LCG Web';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/c22ca3df551ed3f585e5.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/666474b08ed8d66f91c0.woff) format('woff');
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik LCG Web';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/e8f771d1662b57c84d7c.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/bfd53e289e8c46a35863.woff) format('woff');
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik LCG Web';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/c4ecaac41d389eca9a6a.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/6106ea9e723be4592972.woff) format('woff');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik LCG Web';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/aa5aaaa9e02fd82fcb75.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/ddd7c569ff3a5eca0cf2.woff) format('woff');
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik LCG Web';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/1053316cecec11e784d8.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/0e52f3e6b08356adb2f8.woff) format('woff');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik LCG Web';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/bc0d50b78ee8d3a3a8ce.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/e957fe3ed52ee41e3617.woff) format('woff');
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik LCG Web';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/25a3feba15320fd38f92.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/fbfc879c8beb0f64b17e.woff) format('woff');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
/*
See:
  Grilli Type Web Fonts
  End User License Agreement

  Version 1.7 / April 2014
*/
@font-face {
  font-family: 'GT Walsheim Pro';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/eb777d0cc8a0300542af.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/7fd9c584681c485d02b3.woff) format('woff');
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'GT Walsheim Pro';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/5a3072aecb03a64d3b45.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/39e23e8dcc12250f7055.woff) format('woff');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'GT Walsheim Pro';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/9450d38327ec1e54d732.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/b980f940fd1a08be7532.woff) format('woff');
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'GT Walsheim Pro';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/f733aca9fcac069cbf74.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/02a342d8130585953c40.woff) format('woff');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'GT Walsheim Pro';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/1c741fbc41b480d85104.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/e7cf6496feb9670dfbe7.woff) format('woff');
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'GT Walsheim Pro';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/554c78d3cd3871a9ba0d.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/5cbbabeb76691ce0046c.woff) format('woff');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'GT Walsheim Pro';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/5da8d3dfbe28b471e142.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/45f39f36cc73941d5bf8.woff) format('woff');
  font-weight: 600;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'GT Walsheim Pro';
  src: url(https://t-shopify-polish.alpha.groovehq.com/app-release/00d891333cc5277928ec.woff2) format('woff2'), url(https://t-shopify-polish.alpha.groovehq.com/app-release/8088980ac23ecb958bdd.woff) format('woff');
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
html {
  box-sizing: border-box;
}
html.desktop {
  overflow: hidden;
}
*, *:before, *:after {
  box-sizing: inherit;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Graphik LCG Web', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
}
html, body, #app, .fullHeight {
  height: 100%;
  width: 100%;
}
input[autocomplete='off']::-webkit-contacts-auto-fill-button, input[autocomplete='off']::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  height: 0;
  width: 0;
  margin: 0;
}
a {
  outline: 0;
}
.grv-loading-screen {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.grv-loading-screen div {
  height: 50px;
}
.update-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 45px;
  padding-top: 11px;
  text-align: center;
  border-top: 1px solid #ccc;
  background-color: #fff;
  width: 100%;
  color: #11abcc;
  font-size: 17px;
  z-index: 100;
}
#app {
  position: relative;
  z-index: 1;
}
#overlays {
  position: relative;
  z-index: 2147483647;
}
.ie11 #overlays {
  z-index: auto;
}
/*
 * Visual helpers stolen from https://github.com/h5bp/html5-boilerplate/blob/5.3.0/src/css/main.css#L107
 */
/*
 * Hide visually and from screen readers
 */
.u-hidden {
  display: none !important;
}
/*
 * Hide visually and from screen readers, but maintain layout
 */
.u-invisible {
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.u-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.u-visuallyhidden.focusable:active, .u-visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * react-sortable-hoc component
 *
 * Add  helperClass="sortable-helper" to the SortableList
 */
.sortable-helper {
  z-index: 10;
  transition: none !important;
  /* NOTE (jscheel): Disable any transitions that
                                  will cause issues with dragging the helper */
}
.desktop.normal-scrollbars ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.desktop.normal-scrollbars ::-webkit-scrollbar-track {
  background-color: #fafafa;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
/* NOTE (jscheel): This global style can be used where scrollbars may butt up
against pre-existing borders of the layout. */
.desktop.normal-scrollbars .desktopNormalScrollbarDisableRightBorder::-webkit-scrollbar-track {
  box-shadow: inset -1px 0 0 1px #fafafa, inset 0 0 0 1px #f1f1f1;
}
.desktop.normal-scrollbars ::-webkit-scrollbar-thumb {
  background-color: #d2d2d2;
  border: 3px solid #fafafa;
  border-radius: 8px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.desktop.normal-scrollbars .desktopNormalScrollbarDisableRightBorder::-webkit-scrollbar-thumb {
  border-right-width: 2px;
}
.desktop.normal-scrollbars ::-webkit-scrollbar-thumb:hover {
  background-color: #aaaaaa;
}
#app-container {
  display: flex;
}
#subapp-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 0;
}
#subapp-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#beta-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 5px;
  transition: height 100ms linear;
  background: #1c1c1c;
  width: 100%;
  z-index: 1000;
  overflow: hidden;
}
#beta-bar .sui {
  height: 100%;
}
#beta-bar .label {
  font-size: 10px !important;
}
#beta-bar .label a {
  color: #fff;
  cursor: pointer;
  opacity: 0.8;
}
#beta-bar .label a:hover {
  opacity: 1;
}
#beta-bar .left-section .label {
  margin-left: 24px;
}
#beta-bar .right-section .label, #beta-bar .right-section .button {
  margin-right: 24px;
}
#beta-bar.hovered {
  height: 40px;
}
.impersonation-bar {
  background: red;
  text-align: center;
  position: fixed;
  bottom: 0;
  font-size: 10px;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  z-index: 10000;
}
/* Hide widget button */
.grv-widget-tag:not(.grv-widget-app) {
  display: none;
}
/**
 * IE 11
 */
.ie11 .sui .dropdown.ui .menu {
  min-width: 240px;
}
a[role="button"] {
  cursor: pointer;
}


/*# sourceMappingURL=main-src_c.c37e9506b29373f680a0.css.map*/