/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Pages/PageWrapper.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
:is(#servv-wrap, .servv-ui) .GwbBdwO7UxUbci6wtyds {
  position: fixed;
  inset: 0;
  background: var(--servv-admin-canvas, #ffffff);
}
:is(#servv-wrap, .servv-ui) .whZeFIc454jkDbuWw6zj {
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--servv-page-width, 100%);
  height: var(--servv-page-height, 100%);
  min-height: 0;
  flex: 1 1 auto;
}
:is(#servv-wrap, .servv-ui) .nH2l6oxNCJ28ihBOUf7w {
  padding-right: 16px;
}
:is(#servv-wrap, .servv-ui) .KKg_qLS4gdJXh4u6HnvG {
  padding-left: 16px;
}
:is(#servv-wrap, .servv-ui) .Al4EqMTkXH8MiW77lCyS {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
:is(#servv-wrap, .servv-ui) .DhHmGpnbQlurQkapo8Ei {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: var(--servv-page-width, 100%);
  height: var(--servv-page-height, 100%);
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  overflow: visible;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Containers/PageContent.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes hEL4_Hi3yhmLC95m6Gv9 {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
:is(#servv-wrap, .servv-ui) .hYf27RiwlyFWwm5KClLO {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  width: var(--servv-page-width, 100%);
  height: var(--servv-page-height, 100%);
  padding: 28px 32px 64px;
}
:is(#servv-wrap, .servv-ui) .a6Ch_fJZ7nWrwzrktMXT {
  padding: 0;
}
:is(#servv-wrap, .servv-ui) .t_beMJmTHY9tOuVGYINQ {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: var(--servv-page-width, 100%);
  height: var(--servv-page-height, 100%);
  max-width: 100%;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  animation: hEL4_Hi3yhmLC95m6Gv9 0.42s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
@media (max-width: 782px) {
  :is(#servv-wrap, .servv-ui) .hYf27RiwlyFWwm5KClLO {
    padding: 16px 14px 32px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Containers/PageHeader.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
:is(#servv-wrap, .servv-ui) .UJKBfoKQX0ArollQPz1S {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 0;
}
:is(#servv-wrap, .servv-ui) .EPa4Qs8Sg0DGkgQqTqgN {
  padding-bottom: 16px;
  border-bottom: 1px solid #edf1f7;
}
:is(#servv-wrap, .servv-ui) .OUo7N4uA10rjSEMICOeL {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  width: 100%;
}
:is(#servv-wrap, .servv-ui) .sgJsCMx9FF0yFMt2kZ3Z {
  min-width: 0;
}
:is(#servv-wrap, .servv-ui) .ktHdDumXPTPovEbmrc1M {
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #6436c9;
}
:is(#servv-wrap, .servv-ui) .yq9VS55_ovalh9J5Nb6w {
  margin: 0;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.03em;
  font-weight: 800;
}
:is(#servv-wrap, .servv-ui) .sj2HMNvNWGjuE5qbOg9r {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 6px 0 0;
  font-size: 15px;
  line-height: 23px;
  font-weight: 500;
  color: #414b63;
}
:is(#servv-wrap, .servv-ui) .PUXWCGzj1cI1x1_j3IoJ {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 735px) {
  :is(#servv-wrap, .servv-ui) .yq9VS55_ovalh9J5Nb6w {
    font-size: 24px;
    line-height: 32px;
    font-weight: 800;
  }
  :is(#servv-wrap, .servv-ui) .sgJsCMx9FF0yFMt2kZ3Z {
    width: 100%;
  }
  :is(#servv-wrap, .servv-ui) .sj2HMNvNWGjuE5qbOg9r {
    overflow: visible;
    white-space: normal;
  }
  :is(#servv-wrap, .servv-ui) .PUXWCGzj1cI1x1_j3IoJ {
    width: 100%;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Pages/SettingsPage.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
:is(#servv-wrap, .servv-ui) .wMPDiPzM79snEZZc2rd4 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
:is(#servv-wrap, .servv-ui) .PWPGbavQraSkaWwcBC5M {
  height: 3px;
  border-radius: 99px;
  background: #ffffff;
  box-shadow: inset -2px 2px 4px #dce2ec, inset 1px -1px 3px #fcfdfe;
}
:is(#servv-wrap, .servv-ui) .FgScv5bgK3RePP3L2pXM {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}
:is(#servv-wrap, .servv-ui) .DcEGnqK0XSL4j66fcgyA {
  display: block;
  width: 100%;
}
@media (max-width: 735px) {
  :is(#servv-wrap, .servv-ui) .FgScv5bgK3RePP3L2pXM {
    grid-template-columns: 1fr;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Controls/CheckboxItem.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
:is(#servv-wrap, .servv-ui) .L5QmqxV1Bu2rNw8DJeSB {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
:is(#servv-wrap, .servv-ui) .q8SEsQe7l63aMna9ck0i {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
:is(#servv-wrap, .servv-ui) .yem57zYUvpvi38MwhqOw {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border: 1px solid #e8edf5;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: inset -4px 4px 9px #dce2ec, inset 2px -2px 6px #fbfcfe;
  color: transparent;
  transition: background 0.18s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.18s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s cubic-bezier(0.22, 1, 0.36, 1), transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
}
:is(#servv-wrap, .servv-ui) .L5QmqxV1Bu2rNw8DJeSB:hover .yem57zYUvpvi38MwhqOw {
  border-color: #d7c8f7;
}
:is(#servv-wrap, .servv-ui) .q8SEsQe7l63aMna9ck0i:checked + .yem57zYUvpvi38MwhqOw {
  border-color: #4d2aa3;
  background: linear-gradient(-145deg, #7b4fdb, #5730b4);
  box-shadow: -3px 3px 7px #dce2ec, 2px -2px 5px #fbfcfe, inset 0 1px 0 rgba(255, 255, 255, 0.2);
  color: #ffffff;
  transform: scale(1.06);
}
:is(#servv-wrap, .servv-ui) .q8SEsQe7l63aMna9ck0i:focus-visible + .yem57zYUvpvi38MwhqOw {
  outline: none;
  box-shadow: inset -4px 4px 9px #dce2ec, inset 2px -2px 6px #fbfcfe, 0 0 0 3px rgba(234, 226, 251, 0.85);
}
:is(#servv-wrap, .servv-ui) .GcjwpLI0WN2rVhrMlIQ9 {
  border-color: #4d2aa3;
  background: linear-gradient(-145deg, #7b4fdb, #5730b4);
  box-shadow: -3px 3px 7px #dce2ec, 2px -2px 5px #fbfcfe, inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
:is(#servv-wrap, .servv-ui) .SeY4qpLx7n1s3uZWp_Mk {
  width: 9px;
  height: 2px;
  border-radius: 99px;
  background: #ffffff;
}
:is(#servv-wrap, .servv-ui) .q8SHrYV01jys1Mf5huSK {
  display: block;
}
:is(#servv-wrap, .servv-ui) .ebOb4aWbE8HyJh2PDpkO {
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
  color: #39415a;
}
:is(#servv-wrap, .servv-ui) .X9ZmoZnvOZHQ8fApo7kh {
  cursor: not-allowed;
  opacity: 0.55;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Controls/NewInputFieldControl.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
:is(#servv-wrap, .servv-ui) .mnkZ919trJuW2iv63ypl {
  display: flex;
  width: 100%;
  max-width: 100%;
}
:is(#servv-wrap, .servv-ui) ._FGd5GJTpG4M_jEm0TPQ {
  border: 1px solid #e8edf5;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: inset -4px 4px 9px #dce2ec, inset 2px -2px 6px #fbfcfe;
  transition: border-color 0.18s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.22s cubic-bezier(0.22, 1, 0.36, 1), color 0.18s cubic-bezier(0.22, 1, 0.36, 1);
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 12px;
}
:is(#servv-wrap, .servv-ui) ._FGd5GJTpG4M_jEm0TPQ:hover:not(.qdwYYi7sJT_cRtD8ZXMF) {
  border-color: #dfd6f3;
}
:is(#servv-wrap, .servv-ui) ._FGd5GJTpG4M_jEm0TPQ:focus-within {
  outline: none;
  border-color: #c3a8f3;
  box-shadow: inset -4px 4px 10px #dce2ec, inset 2px -2px 7px #fbfcfe, 0 0 0 3px rgba(234, 226, 251, 0.85);
}
:is(#servv-wrap, .servv-ui) .fx0sZxO2auf836gJwJSc {
  height: auto;
  padding: 10px 12px;
}
:is(#servv-wrap, .servv-ui) .EWAiYY_5e6MWQVZT0nkg {
  box-sizing: border-box;
  min-height: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font-family: inherit;
  line-height: normal;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
:is(#servv-wrap, .servv-ui) .EWAiYY_5e6MWQVZT0nkg:focus, :is(#servv-wrap, .servv-ui) .EWAiYY_5e6MWQVZT0nkg:focus-visible {
  border-color: transparent;
  box-shadow: none;
  outline: 0;
}
:is(#servv-wrap, .servv-ui) .EWAiYY_5e6MWQVZT0nkg {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #151b2b;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
:is(#servv-wrap, .servv-ui) .EWAiYY_5e6MWQVZT0nkg:focus {
  outline: none;
  box-shadow: none;
}
:is(#servv-wrap, .servv-ui) .EWAiYY_5e6MWQVZT0nkg::-moz-placeholder {
  color: #8e97ab;
  font-weight: 500;
}
:is(#servv-wrap, .servv-ui) .EWAiYY_5e6MWQVZT0nkg::placeholder {
  color: #8e97ab;
  font-weight: 500;
}
:is(#servv-wrap, .servv-ui) .EWAiYY_5e6MWQVZT0nkg:disabled {
  color: #5b6680;
  cursor: not-allowed;
}
:is(#servv-wrap, .servv-ui) .EWAiYY_5e6MWQVZT0nkg[type=number] {
  -moz-appearance: textfield;
}
:is(#servv-wrap, .servv-ui) .EWAiYY_5e6MWQVZT0nkg::-webkit-outer-spin-button, :is(#servv-wrap, .servv-ui) .EWAiYY_5e6MWQVZT0nkg::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
}
:is(#servv-wrap, .servv-ui) textarea.EWAiYY_5e6MWQVZT0nkg {
  line-height: 21px;
  resize: vertical;
}
:is(#servv-wrap, .servv-ui) .BY4ZYyoot9eqQrv6a85U {
  text-align: right;
}
:is(#servv-wrap, .servv-ui) .dAdXU7WqEMXyVrL4Ixvj {
  text-align: center;
}
:is(#servv-wrap, .servv-ui) .jbHOWMLsSp0Wmi85kDYz {
  text-align: left;
}
:is(#servv-wrap, .servv-ui) .D1cdINycMkHcDXE1A7an ._FGd5GJTpG4M_jEm0TPQ {
  border-color: #fda29b;
  box-shadow: inset -4px 4px 9px #f1dbd9, inset 2px -2px 6px #fbfcfe, 0 0 0 3px rgba(254, 243, 242, 0.9);
}
:is(#servv-wrap, .servv-ui) .qdwYYi7sJT_cRtD8ZXMF ._FGd5GJTpG4M_jEm0TPQ {
  background: #fafbfd;
  box-shadow: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Containers/BlockStack.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
:is(#servv-wrap, .servv-ui) .BPxl7EaYWsRh7ulfBRlP {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
:is(#servv-wrap, .servv-ui) .iHAu1B_JyfMfzopelk7G {
  gap: 0;
}
:is(#servv-wrap, .servv-ui) .MPGwAetEBvL5qxks8LEG {
  gap: 4px;
}
:is(#servv-wrap, .servv-ui) .KC6IjJkKRI0difjD0oeO {
  gap: 8px;
}
:is(#servv-wrap, .servv-ui) .jnK0kdrHyrYJj1z7GueZ {
  gap: 12px;
}
:is(#servv-wrap, .servv-ui) .u9lpBKp4FKgoAkLNt4AQ {
  gap: 16px;
}
:is(#servv-wrap, .servv-ui) .BEAfcY241WK8Iyzh0jk5 {
  gap: 20px;
}
:is(#servv-wrap, .servv-ui) .Lp7N990cJKUntJoSsx2x {
  gap: 24px;
}
:is(#servv-wrap, .servv-ui) .w6Wo8QgbUcpEo0UgT0TH {
  gap: 32px;
}
:is(#servv-wrap, .servv-ui) .v9VWwyQPOnpoDYvndXeA {
  flex: 1 1 0;
}
:is(#servv-wrap, .servv-ui) .JFAMNDkfsbkA7c8w_VNu {
  cursor: pointer;
}
:is(#servv-wrap, .servv-ui) .synf7uPQnXFYnDRxibS3 {
  filter: grayscale(1);
  opacity: 0.6;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Controls/PageActionButton.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
:is(#servv-wrap, .servv-ui) .KdySr5oFULfrhKhic35V {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-align: inherit;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  min-height: 0;
  margin: 0;
  background: none;
  box-shadow: none;
  text-decoration: none;
  text-shadow: none;
  vertical-align: baseline;
  appearance: none;
}
:is(#servv-wrap, .servv-ui) .KdySr5oFULfrhKhic35V:focus {
  outline: 0;
}
:is(#servv-wrap, .servv-ui) .KdySr5oFULfrhKhic35V {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-sizing: border-box;
  height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.22s cubic-bezier(0.22, 1, 0.36, 1), color 0.18s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}
:is(#servv-wrap, .servv-ui) .KdySr5oFULfrhKhic35V:active:not(:disabled) {
  border-color: #c3a8f3;
}
:is(#servv-wrap, .servv-ui) .KdySr5oFULfrhKhic35V:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
:is(#servv-wrap, .servv-ui) .KdySr5oFULfrhKhic35V:focus-visible {
  outline: none;
  box-shadow: -5px 5px 12px #dce2ec, 2px -2px 8px #fbfcfe, 0 0 0 3px rgba(234, 226, 251, 0.85);
}
:is(#servv-wrap, .servv-ui) .NU3RVqc5Fk7DJ5c4GHf_ {
  border: 1px solid #4d2aa3;
  background-color: #6436c9;
  color: #ffffff;
  box-shadow: -5px 5px 12px #dce2ec, 2px -2px 8px #fbfcfe, inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
:is(#servv-wrap, .servv-ui) .NU3RVqc5Fk7DJ5c4GHf_:hover:not(:disabled) {
  background-color: #4d2aa3;
}
:is(#servv-wrap, .servv-ui) .NU3RVqc5Fk7DJ5c4GHf_:focus-visible {
  outline: none;
  box-shadow: -5px 5px 12px #dce2ec, 2px -2px 8px #fbfcfe, inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 0 3px rgba(234, 226, 251, 0.85);
}
:is(#servv-wrap, .servv-ui) .B48RwPm9xmg1M2dE2g6Q {
  border: 1px solid #eff2f8;
  background: #ffffff;
  color: #39415a;
  box-shadow: -5px 5px 12px #dce2ec, 2px -2px 8px #fbfcfe;
}
:is(#servv-wrap, .servv-ui) .B48RwPm9xmg1M2dE2g6Q:hover:not(:disabled) {
  background-color: var(--servv-hover-surface, #fafbfd);
  border-color: var(--servv-hover-border, #c3a8f3);
}
:is(#servv-wrap, .servv-ui) .q2iOAa3m1ACyQeXOmJaO {
  border: 1px solid #b42318;
  background-color: #d92d20;
  color: #ffffff;
  box-shadow: -5px 5px 12px #dce2ec, 2px -2px 8px #fbfcfe, inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
:is(#servv-wrap, .servv-ui) .q2iOAa3m1ACyQeXOmJaO:hover:not(:disabled) {
  background-color: #b42318;
}
:is(#servv-wrap, .servv-ui) .q2iOAa3m1ACyQeXOmJaO:focus-visible {
  outline: none;
  box-shadow: -5px 5px 12px #dce2ec, 2px -2px 8px #fbfcfe, inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 0 0 3px rgba(254, 243, 242, 0.9);
}
:is(#servv-wrap, .servv-ui) .YQXykqk_8YtO85727teT {
  border: 1px solid rgba(253, 162, 155, 0.9);
  background: #ffffff;
  color: #b42318;
  box-shadow: -5px 5px 12px #dce2ec, 2px -2px 8px #fbfcfe;
}
:is(#servv-wrap, .servv-ui) .YQXykqk_8YtO85727teT:hover:not(:disabled) {
  background: #fef3f2;
}
:is(#servv-wrap, .servv-ui) .fxXHJtT4abc9Wa4LMvVL {
  border: 0;
  background: transparent;
  border-radius: 7px;
  color: #39415a;
  box-shadow: none;
}
:is(#servv-wrap, .servv-ui) .fxXHJtT4abc9Wa4LMvVL:hover:not(:disabled) {
  background: #eae2fb;
}
:is(#servv-wrap, .servv-ui) .pY19HOSltbDU49q6SaED {
  border: 0;
  background: transparent;
  border-radius: 7px;
  color: #b42318;
  box-shadow: none;
}
:is(#servv-wrap, .servv-ui) .pY19HOSltbDU49q6SaED:hover:not(:disabled) {
  background: #fef3f2;
}
:is(#servv-wrap, .servv-ui) .t0fnm1wSsZTfyQQHuzNt {
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
}
:is(#servv-wrap, .servv-ui) ._Da3u_DsP7V7Jd4Z4lzg {
  height: 38px;
  padding: 0 12px;
  font-size: 13px;
}
:is(#servv-wrap, .servv-ui) .pEHFbNwftcp4Oei9RRxp {
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 9px;
}
:is(#servv-wrap, .servv-ui) .B48RwPm9xmg1M2dE2g6Q.t0fnm1wSsZTfyQQHuzNt,
:is(#servv-wrap, .servv-ui) .YQXykqk_8YtO85727teT.t0fnm1wSsZTfyQQHuzNt {
  padding: 0 14px;
}
:is(#servv-wrap, .servv-ui) .UyW29jrRG901Y4cS7AHm {
  width: 100%;
}
:is(#servv-wrap, .servv-ui) .DmgZjtNgpAg3vfeKCEZw {
  padding: 0;
  gap: 0;
}
:is(#servv-wrap, .servv-ui) .DmgZjtNgpAg3vfeKCEZw.t0fnm1wSsZTfyQQHuzNt {
  width: 40px;
}
:is(#servv-wrap, .servv-ui) .DmgZjtNgpAg3vfeKCEZw._Da3u_DsP7V7Jd4Z4lzg {
  width: 38px;
}
:is(#servv-wrap, .servv-ui) .DmgZjtNgpAg3vfeKCEZw.pEHFbNwftcp4Oei9RRxp {
  width: 28px;
}
:is(#servv-wrap, .servv-ui) .M_1pjyLi4tiOcq2_oiwe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
:is(#servv-wrap, .servv-ui) .M_1pjyLi4tiOcq2_oiwe svg {
  display: block;
  width: 16px;
  height: 16px;
  transition: background-color 0.22s cubic-bezier(0.22, 1, 0.36, 1), color 0.18s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}
:is(#servv-wrap, .servv-ui) .KdySr5oFULfrhKhic35V:hover:not(:disabled) .M_1pjyLi4tiOcq2_oiwe svg {
  color: inherit;
}
:is(#servv-wrap, .servv-ui) .lcGbrWicMbKyunggF77J {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Containers/ServiceCard.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
:is(#servv-wrap, .servv-ui) .USWONii7bVaDONOtHpiW {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #edf1f7;
  border-radius: 12px;
  box-shadow: inset -4px 4px 9px #dce2ec, inset 2px -2px 6px #fbfcfe;
}
:is(#servv-wrap, .servv-ui) .USWONii7bVaDONOtHpiW > div {
  min-width: 0;
}
:is(#servv-wrap, .servv-ui) .zhq_n7m0_pjgB9uBN_hr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  height: 30px;
  border-radius: 50%;
  background: #eae2fb;
  color: #4d2aa3;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
}
:is(#servv-wrap, .servv-ui) .j27VhWuBckQLryhdS2G4 {
  display: block;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #8e97ab;
}
:is(#servv-wrap, .servv-ui) .gTGTZb2L8JOw5FyvsLGc {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  line-height: 19px;
  font-weight: 600;
}
:is(#servv-wrap, .servv-ui) .HX1oNN4zbTuccOuZpGN1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
:is(#servv-wrap, .servv-ui) .wX2droKC7DFE_9lH749Q {
  border: 1px solid #edf1f7;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: -9px 9px 22px #dce2ec, 4px -4px 12px #fbfcfe;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px;
  transition: background-color 0.22s cubic-bezier(0.22, 1, 0.36, 1), color 0.18s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}
:is(#servv-wrap, .servv-ui) .wX2droKC7DFE_9lH749Q:hover {
  background-color: var(--servv-hover-surface, #fafbfd);
  border-color: var(--servv-hover-border, #c3a8f3);
}
:is(#servv-wrap, .servv-ui) .l8b1UAvROXK_2KuM1AYg {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
:is(#servv-wrap, .servv-ui) .YXTpnnmL4jp_O_xXNgqQ {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 800;
}
:is(#servv-wrap, .servv-ui) .YXTpnnmL4jp_O_xXNgqQ svg {
  width: 22px;
  height: 22px;
}
:is(#servv-wrap, .servv-ui) .pALCyVgNY3VCEI_i_NoQ {
  width: 44px;
  height: 44px;
  border: 1px solid #d7c8f7;
  border-radius: 10px;
  background: #eae2fb;
  color: #6436c9;
}
:is(#servv-wrap, .servv-ui) .SwOes9LNiInJG_Gdnqm6 {
  width: 48px;
  height: 48px;
  border: 1px solid #edf1f7;
  border-radius: 14px;
  background: #ffffff;
  color: #39415a;
  box-shadow: -5px 5px 12px #dce2ec, 2px -2px 8px #fbfcfe;
  font-size: 18px;
  line-height: 24px;
  font-weight: 800;
}
:is(#servv-wrap, .servv-ui) .GGDnnZAjbmpelt2rFm2s {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 26px;
  padding: 0 11px;
  border: 1px solid rgba(21, 27, 43, 0.09);
  border-radius: 99px;
  background: #fafbfd;
  color: #39415a;
  box-shadow: -3px 3px 7px #dce2ec, 2px -2px 5px #fbfcfe;
  white-space: nowrap;
  letter-spacing: 0.01em;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
:is(#servv-wrap, .servv-ui) .M9bYaAeDpSAmtTAiz4EJ {
  border-color: #abefc6;
  background: #ecfdf3;
  color: #067647;
}
:is(#servv-wrap, .servv-ui) .lY6auS3fKqwoAPyMibpL {
  border-color: #b2ddff;
  background: #eff8ff;
  color: #175cd3;
}
:is(#servv-wrap, .servv-ui) .N7xbD4s41KYPLhN_TehO {
  border-color: #fedf89;
  background: #fffaeb;
  color: #b54708;
}
:is(#servv-wrap, .servv-ui) .dB6_0zflrL2FsOjnVrzg {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 99px;
  background: #8e97ab;
  box-shadow: 0 0 0 3px rgba(142, 151, 171, 0.15);
}
:is(#servv-wrap, .servv-ui) .MV052Esfi8nfn5h9iYfT {
  background: #17b26a;
  box-shadow: 0 0 0 3px rgba(23, 178, 106, 0.15);
}
:is(#servv-wrap, .servv-ui) .nGZniuneRHuH_cERWon2 {
  background: #2e90fa;
  box-shadow: 0 0 0 3px rgba(46, 144, 250, 0.15);
}
:is(#servv-wrap, .servv-ui) .YBwDHAEb0SH7OtPl1Dre {
  background: #f79009;
  box-shadow: 0 0 0 3px rgba(247, 144, 9, 0.15);
}
:is(#servv-wrap, .servv-ui) .n0dcy8dv7TTzt0Q02_Wa {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
:is(#servv-wrap, .servv-ui) .D_CoUgiiurTxKwVtsQYF {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
  line-height: 20px;
  color: #414b63;
}
:is(#servv-wrap, .servv-ui) .EYaNm3vF4EcmLOpPjLUb {
  margin-top: auto;
  height: 2px;
  border-radius: 99px;
  background: #ffffff;
  box-shadow: inset -1px 1px 3px #dce2ec, inset 1px -1px 3px #fcfdfe;
}
:is(#servv-wrap, .servv-ui) .aAHIsBf9399odl9mO82w {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
:is(#servv-wrap, .servv-ui) .bHZhfkJ_IdCQEhF2JRYt {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #5b6680;
}
:is(#servv-wrap, .servv-ui) .OlnSPy4lNydTGrEmU_W3 {
  cursor: pointer;
}
:is(#servv-wrap, .servv-ui) .OlnSPy4lNydTGrEmU_W3:focus-visible {
  outline: none;
  box-shadow: -9px 9px 22px #dce2ec, 4px -4px 12px #fbfcfe, 0 0 0 3px rgba(234, 226, 251, 0.85);
}
:is(#servv-wrap, .servv-ui) .EFQ3zqls3zpiRdoIVHQy {
  opacity: 0.55;
}
:is(#servv-wrap, .servv-ui) .EFQ3zqls3zpiRdoIVHQy:hover {
  background-color: var(--servv-hover-surface, #fafbfd);
  border-color: var(--servv-hover-border, #c3a8f3);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Pages/Settings/SettingsForm.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
:is(#servv-wrap, .servv-ui) .JT7kNmv37AAffgBNdbeo {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}
:is(#servv-wrap, .servv-ui) .XdPmWw9wDK2aRzFphicI {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
:is(#servv-wrap, .servv-ui) .hn5l7Azl_nIaym7PE7je {
  height: 3px;
  border-radius: 99px;
  background: #ffffff;
  box-shadow: inset -2px 2px 4px #dce2ec, inset 1px -1px 3px #fcfdfe;
}
:is(#servv-wrap, .servv-ui) .UGfXxlFR5ilFD8sxO1_w {
  background: #ffffff;
  border: 1px solid #edf1f7;
  border-radius: 18px;
  box-shadow: -9px 9px 22px #dce2ec, 4px -4px 12px #fbfcfe;
  min-width: 0;
}
:is(#servv-wrap, .servv-ui) .UGfXxlFR5ilFD8sxO1_w > :first-child {
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
}
:is(#servv-wrap, .servv-ui) .UGfXxlFR5ilFD8sxO1_w > :last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
:is(#servv-wrap, .servv-ui) .epypZ8f4JEQzWHw04Em9 {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(21, 27, 43, 0.09);
}
:is(#servv-wrap, .servv-ui) .epypZ8f4JEQzWHw04Em9:not(:first-child) {
  border-top: 1px solid rgba(21, 27, 43, 0.09);
}
:is(#servv-wrap, .servv-ui) .epypZ8f4JEQzWHw04Em9 h2 {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
:is(#servv-wrap, .servv-ui) .epypZ8f4JEQzWHw04Em9 p {
  margin: 2px 0 0;
  color: #5b6680;
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
}
:is(#servv-wrap, .servv-ui) .enc7xYHiOdSIdPo1aH0R {
  display: flex;
  flex-direction: column;
  gap: 0;
}
:is(#servv-wrap, .servv-ui) .fCwwvbEUlBhMFhgfRDmX {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 0;
  border-bottom: 1px solid rgba(21, 27, 43, 0.07);
}
:is(#servv-wrap, .servv-ui) .fCwwvbEUlBhMFhgfRDmX:last-child {
  border-bottom: 0;
}
:is(#servv-wrap, .servv-ui) .lKHPeQYSSK_yL3kRvJO3 {
  padding: 18px 20px;
}
:is(#servv-wrap, .servv-ui) .lKHPeQYSSK_yL3kRvJO3 h3 {
  margin: 0;
  color: #39415a;
  font-size: 13px;
  line-height: 19px;
  font-weight: 600;
}
:is(#servv-wrap, .servv-ui) .L4o1zhrHutBPRTWb0ZvT {
  min-width: 0;
  padding: 18px 20px;
  border-right: 1px solid rgba(21, 27, 43, 0.07);
}
:is(#servv-wrap, .servv-ui) .xwHDkkCCq_GtaMmJIQzd {
  margin: 6px 0 0;
  color: #5b6680;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
:is(#servv-wrap, .servv-ui) ._L8q5FLK_dXxJz2wM0kK {
  max-width: 320px;
}
:is(#servv-wrap, .servv-ui) .OYUDThTk_5EYY672_Ewq {
  max-width: 120px;
}
:is(#servv-wrap, .servv-ui) .J54nBoJExP4ccQrFweqG {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  max-width: 560px;
}
:is(#servv-wrap, .servv-ui) .UCeg6yegK1vwkimqA82d {
  padding: 20px;
}
@media (max-width: 735px) {
  :is(#servv-wrap, .servv-ui) .fCwwvbEUlBhMFhgfRDmX {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(#servv-wrap, .servv-ui) .lKHPeQYSSK_yL3kRvJO3 {
    padding-bottom: 8px;
  }
  :is(#servv-wrap, .servv-ui) .L4o1zhrHutBPRTWb0ZvT {
    border-right: 0;
    padding-top: 0;
  }
  :is(#servv-wrap, .servv-ui) ._L8q5FLK_dXxJz2wM0kK {
    max-width: 100%;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Controls/NewSelectControl.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************/
:is(#servv-wrap, .servv-ui) .Rn5YIp3pNNjfTZfs0Hun {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
:is(#servv-wrap, .servv-ui) .tILluilS7Kg08Ty_wuDz {
  display: block;
  margin: 0;
  font-size: 13px;
  line-height: 19px;
  font-weight: 600;
  color: #39415a;
}
:is(#servv-wrap, .servv-ui) .i0ovci9B8ZljxNo0kHsG {
  border: 1px solid #e8edf5;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: inset -4px 4px 9px #dce2ec, inset 2px -2px 6px #fbfcfe;
  transition: border-color 0.18s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.22s cubic-bezier(0.22, 1, 0.36, 1), color 0.18s cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 10px;
}
:is(#servv-wrap, .servv-ui) .i0ovci9B8ZljxNo0kHsG:hover:not(.PWKaKx8kbAa85Q7B8UNO) {
  border-color: #dfd6f3;
}
:is(#servv-wrap, .servv-ui) .i0ovci9B8ZljxNo0kHsG:focus-within {
  outline: none;
  border-color: #c3a8f3;
}
:is(#servv-wrap, .servv-ui) ._cngarf9_pEgPKjdzZgR {
  box-sizing: border-box;
  min-height: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font-family: inherit;
  line-height: normal;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
:is(#servv-wrap, .servv-ui) ._cngarf9_pEgPKjdzZgR:focus, :is(#servv-wrap, .servv-ui) ._cngarf9_pEgPKjdzZgR:focus-visible {
  border-color: transparent;
  box-shadow: none;
  outline: 0;
}
:is(#servv-wrap, .servv-ui) ._cngarf9_pEgPKjdzZgR {
  width: 100%;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0 0 0 12px;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #151b2b;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
:is(#servv-wrap, .servv-ui) ._cngarf9_pEgPKjdzZgR:focus {
  outline: none;
  box-shadow: none;
}
:is(#servv-wrap, .servv-ui) ._cngarf9_pEgPKjdzZgR:disabled {
  color: #5b6680;
  cursor: not-allowed;
}
:is(#servv-wrap, .servv-ui) ._cngarf9_pEgPKjdzZgR::-ms-expand {
  display: none;
}
:is(#servv-wrap, .servv-ui) .YeLk6FzAtgYmHZ3hiWy5 {
  position: absolute;
  left: 10px;
  display: flex;
  align-items: center;
  pointer-events: none;
  color: #5b6680;
}
:is(#servv-wrap, .servv-ui) .YeLk6FzAtgYmHZ3hiWy5 svg {
  display: block;
  width: 18px;
  height: 18px;
}
:is(#servv-wrap, .servv-ui) .WIeIIcBBdl2AgJCO8Yws {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 4px;
  color: #5b6680;
}
:is(#servv-wrap, .servv-ui) .PWKaKx8kbAa85Q7B8UNO {
  background: #fafbfd;
  box-shadow: none;
  cursor: not-allowed;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Controls/NewButtonGroup.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
:is(#servv-wrap, .servv-ui) .JYs_3UJOiQFZ5_Ezkeeo {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}
:is(#servv-wrap, .servv-ui) .UAo90UATGeQRmc30vP33 {
  align-items: stretch;
}
:is(#servv-wrap, .servv-ui) .UjbXHfOe0TBrHLwf0Knb {
  display: block;
  margin: 0;
  font-size: 13px;
  line-height: 19px;
  font-weight: 600;
  color: #39415a;
}
:is(#servv-wrap, .servv-ui) .mAjfcVBL7MyaMYdJ9cWA {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  box-sizing: border-box;
  max-width: 100%;
  padding: 3px;
  border: 1px solid #eff2f8;
  border-radius: 13px;
  background: #fafbfd;
  box-shadow: -5px 5px 12px #dce2ec, 2px -2px 8px #fbfcfe;
  overflow-x: auto;
  scrollbar-width: none;
}
:is(#servv-wrap, .servv-ui) .mAjfcVBL7MyaMYdJ9cWA::-webkit-scrollbar {
  display: none;
}
:is(#servv-wrap, .servv-ui) .t0D_ZPrlgfZLrhryiCAp {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-align: inherit;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  min-height: 0;
  margin: 0;
  background: none;
  box-shadow: none;
  text-decoration: none;
  text-shadow: none;
  vertical-align: baseline;
  appearance: none;
}
:is(#servv-wrap, .servv-ui) .t0D_ZPrlgfZLrhryiCAp:focus {
  outline: 0;
}
:is(#servv-wrap, .servv-ui) .t0D_ZPrlgfZLrhryiCAp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-sizing: border-box;
  height: 32px;
  padding: 0 16px;
  border-radius: 12px;
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.22s cubic-bezier(0.22, 1, 0.36, 1), color 0.18s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}
:is(#servv-wrap, .servv-ui) .t0D_ZPrlgfZLrhryiCAp:active:not(:disabled) {
  border-color: #c3a8f3;
}
:is(#servv-wrap, .servv-ui) .t0D_ZPrlgfZLrhryiCAp:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
:is(#servv-wrap, .servv-ui) .t0D_ZPrlgfZLrhryiCAp {
  flex: 0 0 auto;
  border: 1px solid transparent;
  border-radius: 10px;
}
:is(#servv-wrap, .servv-ui) .t0D_ZPrlgfZLrhryiCAp:focus-visible {
  outline: none;
  box-shadow: -5px 5px 12px #dce2ec, 2px -2px 8px #fbfcfe, 0 0 0 3px rgba(234, 226, 251, 0.85);
}
:is(#servv-wrap, .servv-ui) .Wb0ziMZTJjqXvYgnqtYh {
  background: #ffffff;
  color: #4d2aa3;
  font-weight: 700;
  box-shadow: -4px 4px 9px #dce2ec, 2px -2px 6px #fbfcfe;
}
:is(#servv-wrap, .servv-ui) .XoWoUSevPmu1zPubCh1_ {
  color: #5b6680;
  background: transparent;
}
:is(#servv-wrap, .servv-ui) .XoWoUSevPmu1zPubCh1_:hover:not(:disabled) {
  color: #4d2aa3;
}
:is(#servv-wrap, .servv-ui) .TZTstZOXbFiFgIOfEQ8q {
  display: flex;
  width: 100%;
}
:is(#servv-wrap, .servv-ui) .TZTstZOXbFiFgIOfEQ8q .t0D_ZPrlgfZLrhryiCAp {
  flex: 1 1 0;
}
:is(#servv-wrap, .servv-ui) .DpB4oocu7lvFMLpQ5Qhs {
  width: 32px;
  padding: 0;
  gap: 0;
}
:is(#servv-wrap, .servv-ui) .DpB4oocu7lvFMLpQ5Qhs.px78WAZRdXjUlT8FfGQ6 {
  width: 28px;
}
:is(#servv-wrap, .servv-ui) .P7ggfyTePFEQFoR84lEO {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
:is(#servv-wrap, .servv-ui) .P7ggfyTePFEQFoR84lEO svg {
  display: block;
  width: 16px;
  height: 16px;
}
:is(#servv-wrap, .servv-ui) .px78WAZRdXjUlT8FfGQ6 {
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
}
:is(#servv-wrap, .servv-ui) .c28p99_lcFX9oVKhjAST {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 735px) {
  :is(#servv-wrap, .servv-ui) .mAjfcVBL7MyaMYdJ9cWA {
    display: flex;
    width: 100%;
  }
  :is(#servv-wrap, .servv-ui) .t0D_ZPrlgfZLrhryiCAp {
    flex: 1 1 0;
  }
  :is(#servv-wrap, .servv-ui) .DpB4oocu7lvFMLpQ5Qhs {
    flex: 0 0 auto;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Controls/NewTimePeriodControl.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
:is(#servv-wrap, .servv-ui) .lB1GutKgUBATDEvY9o5q {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-align: inherit;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  min-height: 0;
  margin: 0;
  background: none;
  box-shadow: none;
  text-decoration: none;
  text-shadow: none;
  vertical-align: baseline;
  appearance: none;
}
:is(#servv-wrap, .servv-ui) .lB1GutKgUBATDEvY9o5q:focus {
  outline: 0;
}
:is(#servv-wrap, .servv-ui) .lB1GutKgUBATDEvY9o5q {
  border: 1px solid #e8edf5;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: inset -4px 4px 9px #dce2ec, inset 2px -2px 6px #fbfcfe;
  transition: border-color 0.18s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.22s cubic-bezier(0.22, 1, 0.36, 1), color 0.18s cubic-bezier(0.22, 1, 0.36, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 64px;
  width: 64px;
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #39415a;
  text-transform: uppercase;
  transition: background 0.18s cubic-bezier(0.22, 1, 0.36, 1), color 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}
:is(#servv-wrap, .servv-ui) .lB1GutKgUBATDEvY9o5q:hover:not(:disabled) {
  border-color: #d7c8f7;
}
:is(#servv-wrap, .servv-ui) .lB1GutKgUBATDEvY9o5q:focus-visible {
  outline: none;
  border-color: #c3a8f3;
  box-shadow: inset -4px 4px 10px #dce2ec, inset 2px -2px 7px #fbfcfe, 0 0 0 3px rgba(234, 226, 251, 0.85);
}
:is(#servv-wrap, .servv-ui) .lB1GutKgUBATDEvY9o5q:disabled {
  color: #5b6680;
  background: #fafbfd;
  box-shadow: none;
  cursor: not-allowed;
}
:is(#servv-wrap, .servv-ui) .SdUI8xTvuziJ8g5dP2kl:not(:disabled) {
  background: #eae2fb;
  border-color: #d7c8f7;
  color: #4d2aa3;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/Components/Pages/SpinnerLoader.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
:is(#servv-wrap, .servv-ui) .NvXIBF17sKtsJ5DppGj6 {
  position: relative;
}
:is(#servv-wrap, .servv-ui) .s8xU0aT_Upum9VaMUtFv {
  filter: blur(4px);
  pointer-events: none;
}
:is(#servv-wrap, .servv-ui) .rwBQn7Ep0HRpuD73wvEE {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}