{"version":3,"file":"style-index.css","mappings":";;;;;;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAGA;EACE;EACA;EACA;AAAF;;AAGA;EACE;AAAF;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;AACE;EACE;EACA;EACA;EACA;AACJ;AACE;EACE;EACA;AACJ;AAAI;EACE;AAEN;AACE;EACE;AACJ;AACE;EACE;EACA;AACJ;AAAI;EACE;AAEN;AACE;EACE;AACJ;AAEI;EACE;AAAN;AAGE;EACE;EACA;EACA;AADJ;AAEI;EACE;AAAN;AAEI;EACE;AAAN;AAGE;EACE;EACA;EACA;EACA;AADJ;AAEI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAN;AAEI;EACE;EACA;AAAN;AACM;EACE;EACA;AACR;AAEI;EACE;EACA;AAAN;AACM;EACE;EACA;AACR;AAEI;EACE;AAAN;AACM;EACE;EACA;AACR;AAEI;EACE;AAAN;AAEI;EACE;EACA;AAAN;AACM;EACE;EACA;AACR;AACM;EACE;AACR;AAGE;EAEE;EACA;EACA;EACA;AAFJ;AAGI;EACE;EACA;EACA;EACA;EACA;AADN;AAGI;EACE;EACA;EACA;EACA;KAAA;EACA;EACA;AADN;AAGI;EACE;AADN;AAEM;EACE;AAAR;AAEM;EACE;EACA;AAAR;AAIM;EACE;AAFR;AAIM;EACE;EACA;AAFR;AAKI;EACE;AAHN;AAKI;EACE;EACA;EACA;AAHN;AAKI;EACE;EACA;EACA;EACA;AAHN;AAKI;EACE;EACA;EACA;EACA;EACA;EACA;AAHN;AAKI;EACE;EACA;EACA;EACA;EACA;EACA;AAHN;AAKI;EACE;AAHN;AAOI;EACE;AALN;AAQE;EACE;AANJ;AAQE;EAEE;EACA;EACA;EACA;AAPJ;AAQI;EACE;AANN;AAQI;EACE;AANN;;AAYE;EADF;IAEI;EARF;AACF;;AAWE;EADF;IAEI;EAPF;AACF;AAQE;EAJF;IAKI;EALF;AACF;;AAQE;EADF;IAEI;EAJF;AACF;;AAOE;EADF;IAEI;EAHF;AACF;;AAOE;EACE;AAJJ;;AAQA;EACE;AALF;;AAQA;EACE;AALF;;AAQA;EACE;AALF;;AAOA;EAAiB;AAHjB;;AAKA;EACC;EACA;EACA;EACA;AAFD;AAGC;EACG;EACF;AADF;AAGC;EACC;AADF;AAGC;EACC;AADF;AAGC;EACC;EACE;AADJ;AAGC;EACC;EACE;AADJ;AAGC;EACC;EACE;AADJ;AAGC;EACC;EACA;EACA;AADF;AAIC;EACC;EACA;EACA;EACA;EACA;EACA;AAFF;AAKC;EACC;EACA;EACA;AAHF;;AAMA;EACE;AAHF;;AAKA;EACE;EACA;EACA;AAFF,C","sources":["webpack://better-chat-support-button/./src/style.scss"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\r\n\r\n:root {\r\n  --color-primary: #0084ff;\r\n  --color-dark-primary: #0d1321;\r\n  --color-secondary: #0066ff;\r\n  --color-dark-secondary: #161e2e;\r\n  --color-active: #26c281;\r\n  --color-inactive: #f1a528;\r\n  --color-offline: #a4a4a4;\r\n  --color-message: #f1f0f0;\r\n  --color-light: #fff;\r\n  --color-dark: #222;\r\n  --color-dark-mode: #006289;\r\n  --color-dark-mode2: #0b5572;\r\n  --shadow: 0 7px 15px 1px rgb(55 62 70 / 7%);\r\n}\r\n\r\n[class*='mSupport'] * {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n[class*='mSupport'] {\r\n  font-family: 'Poppins', sans-serif;\r\n}\r\n\r\n[class*='mSupport-button-'] {\r\n  padding: 15px 30px;\r\n  border: none;\r\n  color: var(--color-light) !important;\r\n  border-radius: 5px;\r\n  font-weight: 600;\r\n  display: inline-flex;\r\n  font-size: 16px;\r\n  gap: 10px;\r\n  align-items: center;\r\n  transition: all 0.5s;\r\n  cursor: pointer;\r\n  text-decoration: none !important;\r\n  border: 1px solid var(--color-primary);\r\n  background-color: var(--color-light);\r\n  i {\r\n    font-size: 20px;\r\n    transition: all 0.5s;\r\n    margin-left: -5px;\r\n    color: var(--color-primary);\r\n  }\r\n  &:hover {\r\n    background-color: var(--color-secondary);\r\n    color: var(--color-light);\r\n    i {\r\n      color: var(--color-light);\r\n    }\r\n  }\r\n  &.mSupport-btn-rounded {\r\n    border-radius: 30px;\r\n  }\r\n  &.mSupport-btn-lg {\r\n    padding: 15px 35px;\r\n    font-size: 18px;\r\n    i {\r\n      font-size: 25px;\r\n    }\r\n  }\r\n  &.mSupport-btn-sm {\r\n    padding: 10px 15px;\r\n  }\r\n  &.mSupport-btn-effect {\r\n    &:hover {\r\n      transform: translateY(-10px);\r\n    }\r\n  }\r\n  &.mSupport-btn-bg {\r\n    background-color: var(--color-primary);\r\n    color: var(--color-light);\r\n    border: none;\r\n    i {\r\n      color: var(--color-light);\r\n    }\r\n    &:hover {\r\n      background-color: var(--color-secondary);\r\n    }\r\n  }\r\n  &.mSupport-button-3 {\r\n    background-color: var(--color-light);\r\n    color: var(--color-dark);\r\n    border-radius: 5px;\r\n    padding: 5px 10px;\r\n    i {\r\n      width: 45px;\r\n      height: 45px;\r\n      border-radius: 50%;\r\n      padding: 0;\r\n      border: none;\r\n      font-size: 20px;\r\n      background: var(--color-primary);\r\n      color: var(--color-light);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: all 0.5s;\r\n    }\r\n    &:hover {\r\n      background-color: var(--color-secondary);\r\n      color: var(--color-light);\r\n      i {\r\n        background-color: var(--color-light);\r\n        color: var(--color-primary);\r\n      }\r\n    }\r\n    &.mSupport-btn-lg {\r\n      padding: 10px 15px;\r\n      font-size: 18px;\r\n      i {\r\n        width: 50px;\r\n        height: 50px;\r\n      }\r\n    }\r\n    &.mSupport-btn-sm {\r\n      font-size: 14px;\r\n      i {\r\n        width: 40px;\r\n        height: 40px;\r\n      }\r\n    }\r\n    &.mSupport-btn-rounded {\r\n      border-radius: 45px;\r\n    }\r\n    &.mSupport-btn-bg {\r\n      background-color: var(--color-primary);\r\n      color: var(--color-light);\r\n      i {\r\n        background-color: var(--color-light);\r\n        color: var(--color-primary);\r\n      }\r\n      &:hover {\r\n        background-color: var(--color-secondary);\r\n      }\r\n    }\r\n  }\r\n  &.avatar-active,\r\n  &.avatar-inactive {\r\n    line-height: 1;\r\n    padding: 7px 18px 7px 10px;\r\n    border-radius: 5px;\r\n    position: relative;\r\n    a {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      left: 0;\r\n      top: 0;\r\n    }\r\n    img {\r\n      width: 55px;\r\n      height: 55px;\r\n      border-radius: 50%;\r\n      object-fit: cover;\r\n      padding: 0;\r\n      border: 1px solid var(--color-light) !important;\r\n    }\r\n    &.mSupport-btn-lg {\r\n      padding: 10px 13px;\r\n      .title {\r\n        font-size: 17px;\r\n      }\r\n      img {\r\n        width: 60px;\r\n        height: 60px;\r\n      }\r\n    }\r\n    &.mSupport-btn-sm {\r\n      .title {\r\n        font-size: 13px;\r\n      }\r\n      img {\r\n        width: 50px;\r\n        height: 50px;\r\n      }\r\n    }\r\n    .info-wrapper {\r\n      text-align: left;\r\n    }\r\n    .info {\r\n      font-size: 10px;\r\n      margin-bottom: 7px;\r\n      line-height: 1;\r\n    }\r\n    .title {\r\n      margin-bottom: 7px;\r\n      font-weight: 700;\r\n      line-height: 1;\r\n      font-size: 16px;\r\n    }\r\n    .online {\r\n      display: inline-block;\r\n      padding: 5px;\r\n      background-color: var(--color-active);\r\n      font-size: 10px;\r\n      border-radius: 5px;\r\n      line-height: 1;\r\n    }\r\n    .offline {\r\n      display: inline-block;\r\n      padding: 5px;\r\n      background-color: var(--color-active);\r\n      font-size: 10px;\r\n      border-radius: 5px;\r\n      line-height: 1;\r\n    }\r\n    &.mSupport-btn-rounded {\r\n      border-radius: 50px;\r\n    }\r\n  }\r\n  &.avatar-active {\r\n    .offline {\r\n      display: none;\r\n    }\r\n  }\r\n  &.avatar-inactive {\r\n    border: none;\r\n  }\r\n  &.avatar-inactive,\r\n  &.avatar-inactive:hover {\r\n    background-color: var(--color-offline) !important;\r\n    color: var(--color-light) !important;\r\n    cursor: not-allowed;\r\n    border-color: var(--color-dark) !important;\r\n    .online {\r\n      display: none;\r\n    }\r\n    .offline {\r\n      background-color: var(--color-inactive) !important;\r\n    }\r\n  }\r\n}\r\n\r\n.mSupport-desktop-only {\r\n  @media screen and (max-width: 991px) {\r\n    display: none;\r\n  }\r\n}\r\n.mSupport-tablet-only {\r\n  @media screen and (min-width: 991px) {\r\n    display: none;\r\n  }\r\n  @media screen and (max-width: 576px) {\r\n    display: none;\r\n  }\r\n}\r\n.mSupport-mobile-only {\r\n  @media screen and (min-width: 576px) {\r\n    display: none;\r\n  }\r\n}\r\n.mSupport-mobile-tablet-only {\r\n  @media screen and (min-width: 991px) {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.avatar-inactive {\r\n  a {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.mSupportButtons-align-right {\r\n  text-align: right;\r\n}\r\n\r\n.mSupportButtons-align-center {\r\n  text-align: center;\r\n}\r\n\r\n.mSupportButtons-align-left {\r\n  text-align: left;\r\n}\r\n.mSupportButtons{text-decoration:none}\r\n\r\n.wp-block-block-course-buttons, .wp-block-create-block-better-chat-support-button {\r\n\tbackground-color: var(--color-primary);\r\n\tcolor: var(--color-light);\r\n\tpadding: 10px 20px;\r\n\ttext-decoration: none;\r\n\t&:hover {\r\n    color: var(--color-light);\r\n\t\topacity: .85;\r\n\t}\r\n\t&.border-squared {\r\n\t\tborder-radius: 0 !important;\r\n\t}\r\n\t&.border-rounded {\r\n\t\tborder-radius: 40px !important;\r\n\t}\r\n\t&.size-small {\r\n\t\tfont-size: 16px;\r\n    padding: 10px 15px;\r\n\t}\r\n\t&.size-medium {\r\n\t\tfont-size: 16px;\r\n    padding: 15px 30px;\r\n\t}\r\n\t&.size-large {\r\n\t\tfont-size: 18px;\r\n    padding: 15px 35px;\r\n\t}\r\n\t&.block-button-wrapper {\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-top: 10px;\r\n\t\tmargin-bottom: 10px;\r\n\t}\r\n\r\n\t.block-button-title {\r\n\t\tmargin: 0;\r\n\t\tflex-grow: 1;\r\n\t\tborder: none;\r\n\t\tpadding: 15px 20px;\r\n\t\tborder-radius: 40px;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\tspan {\r\n\t\tfont-size: inherit;\r\n\t\twidth: auto;\r\n\t\theight: auto;\r\n\t}\r\n}\r\n.button-wrapper {\r\n  margin-bottom: 16px;\r\n}\r\n.mSupport-editor {\r\n  max-width: 840px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}"],"names":[],"sourceRoot":""}