@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";
/* [project]/src/assets/styles/pages/auth.module.scss.module.css [app-client] (css) */
.auth-module-scss-module__z7OZNq__authContainer, .auth-module-scss-module__z7OZNq__authContainerRegister {
  width: var(--modal-width);
  background-color: var(--primary-color-white);
  border-radius: 20px;
  min-height: 650px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .1);
}

@media screen and (max-width: 1200px) {
  .auth-module-scss-module__z7OZNq__authContainer, .auth-module-scss-module__z7OZNq__authContainerRegister {
    border-radius: 16px;
    width: 90vw;
  }
}

@media screen and (max-width: 900px) {
  .auth-module-scss-module__z7OZNq__authContainer, .auth-module-scss-module__z7OZNq__authContainerRegister {
    border-radius: 12px;
    width: 95vw;
    min-height: 500px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  }
}

@media screen and (max-width: 650px) {
  .auth-module-scss-module__z7OZNq__authContainer, .auth-module-scss-module__z7OZNq__authContainerRegister {
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    min-height: 100vh;
  }
}

.auth-module-scss-module__z7OZNq__sliderPanel {
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  width: 41.54%;
  min-height: 650px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1200px) {
  .auth-module-scss-module__z7OZNq__sliderPanel {
    width: 35%;
    min-height: 650px;
  }
}

@media screen and (max-width: 900px) {
  .auth-module-scss-module__z7OZNq__sliderPanel {
    min-height: 500px;
    display: none;
  }
}

@media screen and (max-width: 650px) {
  .auth-module-scss-module__z7OZNq__sliderPanel {
    min-height: 100vh;
  }
}

.auth-module-scss-module__z7OZNq__formPanel {
  background-color: var(--primary-color-white);
  flex: 1;
  padding: 2.4rem 2rem;
  overflow-y: auto;
}

@media screen and (max-width: 1200px) {
  .auth-module-scss-module__z7OZNq__formPanel {
    padding: 2rem 1.6rem;
  }
}

@media screen and (max-width: 900px) {
  .auth-module-scss-module__z7OZNq__formPanel {
    padding: 2.4rem 1.6rem;
  }
}

@media screen and (max-width: 650px) {
  .auth-module-scss-module__z7OZNq__formPanel {
    padding: 1.6rem 1.2rem;
  }
}

@media screen and (max-width: 480px) {
  .auth-module-scss-module__z7OZNq__formPanel {
    padding: 1.2rem .8rem;
  }
}

.auth-module-scss-module__z7OZNq__formTitle {
  color: #1a1a1a;
  font-size: 22.4px;
}

@media screen and (max-width: 900px) {
  .auth-module-scss-module__z7OZNq__formTitle {
    font-size: 20px;
  }
}

@media screen and (max-width: 650px) {
  .auth-module-scss-module__z7OZNq__formTitle {
    font-size: 18px;
  }
}

.auth-module-scss-module__z7OZNq__inputField {
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  outline: none;
  width: 100%;
  height: 40px;
  padding: 0 .8rem;
  font-size: 13px;
  transition: border-color .2s;
}

.auth-module-scss-module__z7OZNq__inputField:focus {
  border-color: var(--primary-color-blue);
}

@media screen and (max-width: 650px) {
  .auth-module-scss-module__z7OZNq__inputField {
    height: 40px;
    font-size: 16px;
  }
}

.auth-module-scss-module__z7OZNq__inputRow {
  gap: .8rem;
  margin-bottom: .4rem;
  display: flex;
}

@media screen and (max-width: 650px) {
  .auth-module-scss-module__z7OZNq__inputRow {
    flex-direction: column;
    gap: .4rem;
  }
}

.auth-module-scss-module__z7OZNq__submitButton {
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  width: 100%;
  height: 40px;
  font-size: 13px;
  transition: opacity .2s;
}

.auth-module-scss-module__z7OZNq__submitButton:disabled {
  cursor: not-allowed;
  opacity: .7;
}

@media screen and (max-width: 650px) {
  .auth-module-scss-module__z7OZNq__submitButton {
    height: 40px;
    font-size: 14px;
  }
}

@media screen and (max-width: 900px) {
  .auth-module-scss-module__z7OZNq__authContainerRegister .auth-module-scss-module__z7OZNq__formPanel {
    max-height: 90vh;
    overflow-y: auto;
  }
}

@media screen and (max-width: 650px) {
  .auth-module-scss-module__z7OZNq__authContainerRegister .auth-module-scss-module__z7OZNq__formPanel {
    max-height: 100vh;
  }
}

.auth-module-scss-module__z7OZNq__sliderContent {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .auth-module-scss-module__z7OZNq__sliderContent {
    padding: 1.6rem 1.2rem;
  }
}

.auth-module-scss-module__z7OZNq__sliderTitle {
  font-size: 24px;
  line-height: 1.3;
  display: block;
}

@media screen and (max-width: 1200px) {
  .auth-module-scss-module__z7OZNq__sliderTitle {
    font-size: 20px;
  }
}

.auth-module-scss-module__z7OZNq__sliderDescription {
  opacity: .9;
  font-size: 12px;
}

@media screen and (max-width: 1200px) {
  .auth-module-scss-module__z7OZNq__sliderDescription {
    font-size: 11px;
  }
}

.auth-module-scss-module__z7OZNq__testimonialCard {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  margin-bottom: 1.2rem;
  padding: 1.2rem;
}

@media screen and (max-width: 1200px) {
  .auth-module-scss-module__z7OZNq__testimonialCard {
    margin-bottom: .8rem;
    padding: 1rem;
  }
}

.auth-module-scss-module__z7OZNq__testimonialText {
  opacity: .95;
  margin-bottom: 1rem;
  font-size: 13px;
  line-height: 1.6;
}

@media screen and (max-width: 1200px) {
  .auth-module-scss-module__z7OZNq__testimonialText {
    margin-bottom: .8rem;
    font-size: 11px;
  }
}

.auth-module-scss-module__z7OZNq__codeInputs {
  justify-content: center;
  gap: 8px;
  margin-bottom: 1.2rem;
  display: flex;
}

@media screen and (max-width: 650px) {
  .auth-module-scss-module__z7OZNq__codeInputs {
    gap: 6px;
  }
}

@media screen and (max-width: 480px) {
  .auth-module-scss-module__z7OZNq__codeInputs {
    gap: 5px;
  }
}

.auth-module-scss-module__z7OZNq__codeInput {
  text-align: center;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  outline: none;
  width: 40px;
  height: 48px;
  font-size: 20px;
  font-weight: 600;
  transition: border-color .2s;
}

.auth-module-scss-module__z7OZNq__codeInput:focus {
  border-color: var(--primary-color-blue);
}

@media screen and (max-width: 650px) {
  .auth-module-scss-module__z7OZNq__codeInput {
    width: 36px;
    height: 44px;
    font-size: 18px;
  }
}

@media screen and (max-width: 480px) {
  .auth-module-scss-module__z7OZNq__codeInput {
    width: 32px;
    height: 40px;
    font-size: 16px;
  }
}

.auth-module-scss-module__z7OZNq__authPageWrapper {
  background-color: var(--secondary-color-white);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 2rem;
  display: flex;
}

@media screen and (max-width: 900px) {
  .auth-module-scss-module__z7OZNq__authPageWrapper {
    padding: 1rem;
  }
}

@media screen and (max-width: 650px) {
  .auth-module-scss-module__z7OZNq__authPageWrapper {
    align-items: flex-start;
    padding: 0;
  }
}

/* [project]/src/assets/styles/_root.module.scss.module.css [app-client] (css) */
body {
  margin: 0 !important;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

._root-module-scss-module__QF53oW__myLocalClass {
  color: #00f;
}

@keyframes _root-module-scss-module__QF53oW__spin {
  to {
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 1600px) {
  ._root-module-scss-module__QF53oW__hideLeftOnLarge {
    display: none !important;
  }

  ._root-module-scss-module__QF53oW__hundreadonresponsive {
    width: 100% !important;
  }

  ._root-module-scss-module__QF53oW__LoginAuthModal {
    justify-content: center;
    width: 100%;
    display: flex;
  }
}

@media screen and (max-width: 650px) {
  ._root-module-scss-module__QF53oW__hundreadonresponsive2 {
    width: 100% !important;
  }

  ._root-module-scss-module__QF53oW__container {
    box-shadow: none !important;
  }

  ._root-module-scss-module__QF53oW__rightContainer {
    max-width: 100%;
    padding: var(--padding-classic2);
    flex-basis: 100%;
  }

  ._root-module-scss-module__QF53oW__modal {
    width: var(--modal-width);
    height: var(--modal-height);
    background-color: var(--primary-color-white);
    border-radius: var(--border-radius-xl);
    box-shadow: var(--box-shadow-sm);
    margin: 2rem auto;
    overflow: hidden;
  }

  ._root-module-scss-module__QF53oW__hundreadonresponsive, ._root-module-scss-module__QF53oW__hundreadonresponsive2, ._root-module-scss-module__QF53oW__centeronresponsive {
    width: 100% !important;
  }

  ._root-module-scss-module__QF53oW__container {
    padding: 0 1rem;
  }

  ._root-module-scss-module__QF53oW__reducepading {
    padding: 4px !important;
  }

  ._root-module-scss-module__QF53oW__centeronresponsive {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    display: flex !important;
  }

  ._root-module-scss-module__QF53oW__container {
    padding: 0 1rem;
    max-width: 100% !important;
  }

  :root {
    --modal-width: 100%;
    --modal-height: auto;
  }
}

@media (max-width: 1200px) {
  ._root-module-scss-module__QF53oW__container_default_width, ._root-module-scss-module__QF53oW__container_default_billing_width {
    padding: 1rem;
    width: 100% !important;
  }

  ._root-module-scss-module__QF53oW__container_default_width {
    padding: 1rem;
    width: 100% !important;
    height: 100% !important;
  }

  ._root-module-scss-module__QF53oW__homepage_service_icon {
    display: none !important;
  }

  ._root-module-scss-module__QF53oW__footerSelector {
    margin-bottom: 3rem;
  }

  ._root-module-scss-module__QF53oW__billing_inv_tableWrapper {
    padding: .5rem;
    overflow-x: auto;
  }

  ._root-module-scss-module__QF53oW__billing_inv_table {
    min-width: 600px;
  }

  ._root-module-scss-module__QF53oW__actionList select {
    width: 100%;
  }

  ._root-module-scss-module__QF53oW__inputList {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  ._root-module-scss-module__QF53oW__searchWrapper, ._root-module-scss-module__QF53oW__actionList {
    width: 100%;
  }

  ._root-module-scss-module__QF53oW__actionList {
    flex-direction: column;
    gap: .5rem;
  }

  ._root-module-scss-module__QF53oW__actionList button {
    width: 100%;
  }

  ._root-module-scss-module__QF53oW__footerSelector {
    align-items: center;
    gap: .75rem;
    display: flex;
  }

  ._root-module-scss-module__QF53oW__footerSelector span, ._root-module-scss-module__QF53oW__billing_inv_table thead {
    display: none;
  }

  ._root-module-scss-module__QF53oW__billing_inv_table tbody tr {
    border: 1px solid var(--primary-color-gray);
    background: #fff;
    border-radius: 12px;
    flex-direction: column;
    margin-bottom: 1rem;
    display: flex;
    overflow: hidden;
  }

  ._root-module-scss-module__QF53oW__billing_inv_table tbody td {
    border-bottom: 1px solid var(--primary-color-gray);
    justify-content: space-between;
    padding: .75rem 1rem;
    font-size: 14px;
    display: flex;
  }

  ._root-module-scss-module__QF53oW__billing_inv_table tbody td:last-child {
    border-bottom: none;
  }

  ._root-module-scss-module__QF53oW__actionCellWrapper {
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  ._root-module-scss-module__QF53oW__renewBtn {
    text-align: center;
    flex-grow: 1;
  }
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Thin.5d555e0c.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-ThinItalic.62fe3ca0.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-ExtraLight.fd33a315.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-ExtraLightItalic.f9c0e16b.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Light.85c3ba51.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-LightItalic.826efc74.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Regular.59d7d3d1.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Italic.f2fba6e9.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Medium.692047cf.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-MediumItalic.a99a9f36.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-SemiBold.5acf1f0e.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-SemiBoldItalic.23ee4c98.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Bold.af020122.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-BoldItalic.bf767c8d.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-ExtraBold.5100d422.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-ExtraBoldItalic.1dd7b088.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Black.d669f5b5.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-BlackItalic.e3a9c1f8.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

._root-module-scss-module__QF53oW__fontRegular {
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

._root-module-scss-module__QF53oW__sidebar {
  z-index: 0;
  background-color: #fff;
  border-right: 1px solid #e5e7eb;
  flex-direction: column;
  width: 270px;
  height: calc(100vh - 75px);
  transition: width .2s;
  display: flex;
  position: relative;
  overflow-y: auto;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed {
  width: 100px;
  padding-left: 1rem;
  padding-right: 1rem;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__sidebarButton a span, ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__projectBtn span:nth-child(2), ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__ArrowLeft {
  display: none !important;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__projectSelector {
  justify-content: center;
  align-items: center;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__alignCenter2 {
  justify-content: center !important;
  align-items: center !important;
}

@media (max-width: 768px) {
  ._root-module-scss-module__QF53oW__sidebar {
    visibility: hidden;
    z-index: 1050;
    background: #fff;
    width: 80vw;
    min-width: 280px;
    max-width: 400px;
    height: calc(100vh - 75px);
    padding: 1rem;
    transition: transform .3s, visibility .3s;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
  }

  ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__mobileOpen {
    visibility: visible;
    transform: translateX(0);
    display: flex !important;
  }
}

._root-module-scss-module__QF53oW__SidebarUserSection {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding-bottom: 1rem;
  display: flex;
}

._root-module-scss-module__QF53oW__SidebarUserSection ._root-module-scss-module__QF53oW__userInfo {
  flex-direction: column;
  justify-content: center;
  gap: .25rem;
  margin-right: auto;
  display: flex;
}

._root-module-scss-module__QF53oW__SidebarUserSection ._root-module-scss-module__QF53oW__userInfo ._root-module-scss-module__QF53oW__Badge {
  color: #00b265;
  background-color: #e4ffe5;
  border-radius: 3px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 6px;
  font-size: .525rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__arrowActiveWhite svg, ._root-module-scss-module__QF53oW__sidebarButton._root-module-scss-module__QF53oW__sidebarParentActive ._root-module-scss-module__QF53oW__ArrowLeft svg {
  color: #6b7280 !important;
}

._root-module-scss-module__QF53oW__projectSelector {
  background: #fafbfc;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  width: 100%;
  margin-bottom: 1.25rem;
}

._root-module-scss-module__QF53oW__projectSelector img {
  width: 1.125rem;
  height: 1.125rem;
}

._root-module-scss-module__QF53oW__projectBtn {
  cursor: pointer;
  border: none;
  width: 100%;
  padding: .875rem;
  font-size: .8125rem;
  font-weight: 600;
  transition: background-color .15s;
}

._root-module-scss-module__QF53oW__projectBtn:hover {
  background-color: #f3f4f6;
}

._root-module-scss-module__QF53oW__ProjectIcon {
  opacity: .8;
  width: 1.125rem;
  height: 1.125rem;
  display: block;
}

._root-module-scss-module__QF53oW__ProjectLabel {
  color: #374151;
  font-size: .8125rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__ProjectChevronBtn {
  color: #9ca3af;
  background: none;
  border: 1px solid #e5e7eb;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: all .15s;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__ProjectChevronBtn:hover {
  color: #6b7280;
  background: #f3f4f6;
  border-color: #d1d5db;
}

._root-module-scss-module__QF53oW__projectBtn2 {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-top: 1px solid #e2e8f0;
  gap: .75rem;
  width: 100%;
  padding: .625rem;
  font-size: .8125rem;
  display: flex;
}

._root-module-scss-module__QF53oW__sidebarButton._root-module-scss-module__QF53oW__sidebarParentActive a {
  background-color: #f3f4f6;
  border-left: 3px solid #1f2937;
  font-weight: 600;
  color: #1f2937 !important;
}

._root-module-scss-module__QF53oW__sidebarButton._root-module-scss-module__QF53oW__sidebarParentActive ._root-module-scss-module__QF53oW__ArrowLeft svg {
  color: #6b7280 !important;
}

._root-module-scss-module__QF53oW__sidebarButton {
  margin-bottom: .125rem;
  position: relative;
}

._root-module-scss-module__QF53oW__sidebarButton a {
  color: #6b7280;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-radius: .5rem;
  align-items: center;
  gap: .75rem;
  width: 100%;
  height: auto;
  min-height: 2.5rem;
  padding: .75rem;
  font-size: .8125rem;
  text-decoration: none;
  transition: all .15s;
  display: flex;
  position: relative;
}

._root-module-scss-module__QF53oW__sidebarButton a:hover {
  color: #374151;
  background-color: #f9fafb;
}

._root-module-scss-module__QF53oW__sidebarButton a img {
  object-fit: contain;
  opacity: .75;
  width: 1.125rem;
  height: 1.125rem;
  display: block;
}

._root-module-scss-module__QF53oW__sidebarButton ._root-module-scss-module__QF53oW__ArrowLeft svg {
  color: #9ca3af;
  width: .875rem;
  height: .875rem;
  transition: transform .15s;
}

._root-module-scss-module__QF53oW__subMenuSteps {
  flex-direction: column;
  gap: 0;
  margin: .25rem 0 .5rem;
  padding: 0;
  list-style: none;
  display: flex;
}

._root-module-scss-module__QF53oW__subMenuSteps li {
  margin: 0;
  transition: all .15s;
}

._root-module-scss-module__QF53oW__subMenuSteps li a {
  color: #6b7280;
  align-items: center;
  font-weight: 400;
  text-decoration: none;
  transition: all .15s;
  display: flex;
  height: auto !important;
  min-height: 2rem !important;
  padding: .5rem .75rem .5rem 1.5rem !important;
  font-size: .8125rem !important;
}

._root-module-scss-module__QF53oW__subMenuSteps li a img {
  display: none !important;
}

._root-module-scss-module__QF53oW__subMenuSteps li a:hover {
  color: #374151;
}

._root-module-scss-module__QF53oW__subMenuSteps li._root-module-scss-module__QF53oW__selectedOnSidebar a {
  font-weight: 500;
  color: #1f2937 !important;
}

._root-module-scss-module__QF53oW__sidebar::-webkit-scrollbar {
  width: 6px;
}

._root-module-scss-module__QF53oW__sidebar::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
  margin: 8px 0;
}

._root-module-scss-module__QF53oW__sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(203, 213, 224, .4);
  border-radius: 10px;
  transition: background-color .2s;
}

._root-module-scss-module__QF53oW__sidebar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(160, 174, 192, .6);
}

._root-module-scss-module__QF53oW__sidebar {
  scrollbar-width: thin;
  scrollbar-color: rgba(203, 213, 224, .4) rgba(0, 0, 0, 0);
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail ._root-module-scss-module__QF53oW__sidebarMiniInline::-webkit-scrollbar {
  width: 4px;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail ._root-module-scss-module__QF53oW__sidebarMiniInline::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail ._root-module-scss-module__QF53oW__sidebarMiniInline::-webkit-scrollbar-thumb {
  background-color: rgba(203, 213, 224, .3);
  border-radius: 10px;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail ._root-module-scss-module__QF53oW__sidebarMiniInline::-webkit-scrollbar-thumb:hover {
  background-color: rgba(160, 174, 192, .5);
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail ._root-module-scss-module__QF53oW__sidebarMiniInline {
  scrollbar-width: thin;
  scrollbar-color: rgba(203, 213, 224, .3) rgba(0, 0, 0, 0);
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail ._root-module-scss-module__QF53oW__sidebarMainCol::-webkit-scrollbar {
  width: 6px;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail ._root-module-scss-module__QF53oW__sidebarMainCol::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail ._root-module-scss-module__QF53oW__sidebarMainCol::-webkit-scrollbar-thumb {
  background-color: rgba(203, 213, 224, .4);
  border-radius: 10px;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail ._root-module-scss-module__QF53oW__sidebarMainCol::-webkit-scrollbar-thumb:hover {
  background-color: rgba(160, 174, 192, .6);
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail ._root-module-scss-module__QF53oW__sidebarMainCol {
  scrollbar-width: thin;
  scrollbar-color: rgba(203, 213, 224, .4) rgba(0, 0, 0, 0);
}

:root {
  --rail-w: 64px;
  --inner-gap: 8px;
  --row-h: 48px;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail {
  box-sizing: border-box;
  width: 360px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail ._root-module-scss-module__QF53oW__sidebarInnerRow {
  grid-template-columns: var(--rail-w) calc(100% - var(--rail-w)  - var(--inner-gap));
  column-gap: var(--inner-gap);
  align-items: start;
  height: 100%;
  overflow: hidden;
  display: grid !important;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail ._root-module-scss-module__QF53oW__sidebarMiniInline {
  border-right: 1px solid #e9eef7;
  flex-direction: column;
  gap: 0;
  height: 100%;
  padding: 0 6px;
  overflow-y: auto;
  display: flex !important;
}

._root-module-scss-module__QF53oW__sidebarMiniItem {
  margin-top: 16px;
}

._root-module-scss-module__QF53oW__sidebarMiniLink {
  height: var(--row-h);
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  transition: background .16s, border-color .16s, transform 80ms;
  display: flex;
}

._root-module-scss-module__QF53oW__sidebarMiniLink img {
  object-fit: contain;
  opacity: .95;
  width: 18px;
  height: 18px;
  display: block;
}

._root-module-scss-module__QF53oW__sidebarMiniLink:hover {
  background: #f3f4f6;
}

._root-module-scss-module__QF53oW__sidebarMiniLink:active {
  transform: translateY(1px);
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail ._root-module-scss-module__QF53oW__sidebarMainCol {
  min-width: 0;
  height: 100%;
  padding: 0 10px 0 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: block !important;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail._root-module-scss-module__QF53oW__collapsed {
  width: 360px !important;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__sidebarButton a span, ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__projectBtn span:nth-child(2), ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__ArrowLeft, ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__projectDropdown, ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__withMiniRail._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__alignCenter2 {
  display: revert !important;
}

._root-module-scss-module__QF53oW__sidebarMiniLink img {
  opacity: .9;
  width: 22px !important;
  height: 22px !important;
}

._root-module-scss-module__QF53oW__sidebarMainCol ._root-module-scss-module__QF53oW__sidebarButton a img, ._root-module-scss-module__QF53oW__sidebarMainCol ._root-module-scss-module__QF53oW__projectSelector img {
  object-fit: contain;
  width: 18px !important;
  height: 18px !important;
}

@media (max-width: 768px) {
  ._root-module-scss-module__QF53oW__mobileMenuToggle {
    background: none;
    border: none;
    margin-left: auto;
    margin-right: 1rem;
    display: block;
  }
}

._root-module-scss-module__QF53oW__HeaderDashboard {
  background-color: var(--primary-color-white);
  z-index: 100;
  border-bottom: 1px solid #fafafa;
  align-items: center;
  width: 100%;
  height: 75px;
  transition: all .3s;
  display: flex;
  position: relative;
}

._root-module-scss-module__QF53oW__HeaderDashboard ._root-module-scss-module__QF53oW__headerLogo {
  width: 20rem;
  transition: width .3s;
  padding: 1.2rem !important;
}

@media (max-width: 768px) {
  ._root-module-scss-module__QF53oW__HeaderDashboard ._root-module-scss-module__QF53oW__headerLogo {
    padding: 1rem !important;
  }
}

._root-module-scss-module__QF53oW__HeaderDashboard ._root-module-scss-module__QF53oW__headerLogo img {
  width: 11rem;
  transition: width .3s;
}

@media (max-width: 768px) {
  ._root-module-scss-module__QF53oW__HeaderDashboard ._root-module-scss-module__QF53oW__headerLogo img {
    padding-left: 0;
  }
}

._root-module-scss-module__QF53oW__HeaderDashboard ._root-module-scss-module__QF53oW__headerLogo ._root-module-scss-module__QF53oW__LogoHeaderreduced {
  width: 2.9rem;
  transition: width .3s;
}

._root-module-scss-module__QF53oW__HeaderDashboard ._root-module-scss-module__QF53oW__sidebarToggleFromHeader {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding-left: 1rem;
}

._root-module-scss-module__QF53oW__HeaderDashboard ._root-module-scss-module__QF53oW__sidebarToggleFromHeader img {
  width: 1.2rem;
}

._root-module-scss-module__QF53oW__HeaderDashboard ._root-module-scss-module__QF53oW__searchContainer {
  align-items: center;
  display: flex;
}

._root-module-scss-module__QF53oW__HeaderDashboard ._root-module-scss-module__QF53oW__searchContainer ._root-module-scss-module__QF53oW__openSearchBtn, ._root-module-scss-module__QF53oW__HeaderDashboard ._root-module-scss-module__QF53oW__searchContainer ._root-module-scss-module__QF53oW__closeSearchBtn {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

._root-module-scss-module__QF53oW__HeaderDashboard ._root-module-scss-module__QF53oW__searchContainer ._root-module-scss-module__QF53oW__searchBar {
  align-items: center;
  display: flex;
}

._root-module-scss-module__QF53oW__HeaderDashboard ._root-module-scss-module__QF53oW__searchContainer ._root-module-scss-module__QF53oW__searchBar ._root-module-scss-module__QF53oW__searchInput {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: .5rem;
}

._root-module-scss-module__QF53oW__HeaderDashboard._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__headerLogo {
  border-right: 1px solid #fafafa;
  justify-content: center;
  align-items: center;
  width: 100px;
  display: flex;
  padding: 1.2rem !important;
}

._root-module-scss-module__QF53oW__LeftSettingPart {
  cursor: pointer;
  align-items: center;
  height: 100%;
  margin-left: auto;
  margin-right: 1rem;
  display: flex;
}

@media (max-width: 768px) {
  ._root-module-scss-module__QF53oW__LeftSettingPart {
    gap: .5rem;
    margin-right: .5rem;
  }
}

._root-module-scss-module__QF53oW__dropdownMenu {
  z-index: 1000;
  background: #fff;
  border: 1px solid #fafafa;
  border-radius: 8px;
  width: 100%;
  padding: 10px;
  font-size: 13px;
  text-decoration: none;
  position: absolute;
  top: 85px;
}

._root-module-scss-module__QF53oW__dropdownMenu a {
  color: #000;
  text-decoration: none;
}

._root-module-scss-module__QF53oW__dropdownMenu ul {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

._root-module-scss-module__QF53oW__dropdownMenu li {
  cursor: pointer;
  border-radius: 5px;
  align-items: center;
  gap: 10px;
  padding: 5px 10px;
  display: flex;
}

._root-module-scss-module__QF53oW__dropdownMenu li:hover {
  background-color: #f9f9f9;
}

._root-module-scss-module__QF53oW__LeftSettingPart ._root-module-scss-module__QF53oW__UserData {
  align-items: center;
  gap: 20px;
  display: flex;
  position: relative;
}

._root-module-scss-module__QF53oW__LeftSettingPart ._root-module-scss-module__QF53oW__UserData ._root-module-scss-module__QF53oW__userAvatar {
  color: #fff;
  background: linear-gradient(#79dbff 0%, #00b3ff 100%);
  border-radius: 51px;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  font-size: 18px;
  display: flex;
}

._root-module-scss-module__QF53oW__LeftSettingPart ._root-module-scss-module__QF53oW__UserData ._root-module-scss-module__QF53oW__userInformations {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

._root-module-scss-module__QF53oW__LeftSettingPart ._root-module-scss-module__QF53oW__UserData ._root-module-scss-module__QF53oW__userInformations ._root-module-scss-module__QF53oW__SpanUsername {
  font-size: 14px;
}

._root-module-scss-module__QF53oW__LeftSettingPart ._root-module-scss-module__QF53oW__UserData ._root-module-scss-module__QF53oW__userInformations ._root-module-scss-module__QF53oW__Badge {
  text-align: center;
  color: #00b265;
  background-color: #e4ffe5;
  border-radius: 3px;
  padding: 2px;
  font-size: 10px;
}

._root-module-scss-module__QF53oW__mobileMenuToggle {
  display: none;
}

@media (max-width: 768px) {
  ._root-module-scss-module__QF53oW__mobileMenuToggle {
    z-index: 1000;
    background: none;
    border: none;
    margin-left: auto;
    margin-right: 1rem;
    display: block;
  }
}

._root-module-scss-module__QF53oW__promoCodeBanner {
  border: 1px solid var(--primary-color-gray);
  border-radius: var(--border-radius-lg);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  max-height: 50px;
  margin-right: 2rem;
  padding: .5rem;
  font-family: poppins, sans-serif;
  display: flex;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .03);
}

@media (max-width: 600px) {
  ._root-module-scss-module__QF53oW__promoCodeBanner {
    flex-direction: column;
    align-items: flex-start;
  }
}

._root-module-scss-module__QF53oW__promoCodeBanner svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__promoCodeText {
  color: var(--secondary-color-gray);
  font-size: .75rem;
}

._root-module-scss-module__QF53oW__promoCodeText strong {
  color: var(--primary-color-blue);
  font-weight: 600;
}

._root-module-scss-module__QF53oW__promoCodeLink {
  color: var(--primary-color-blue);
  border-radius: var(--border-radius-md);
  padding: .2rem .8rem;
  font-size: .85rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s;
}

._root-module-scss-module__QF53oW__promoCodeLink:hover {
  background-color: #bae6fd;
}

._root-module-scss-module__QF53oW__userDetailsDropdown {
  background-color: var(--primary-color-white);
  z-index: 1000;
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 12px;
  width: 280px;
  padding: 0;
  font-family: Poppins, sans-serif;
  animation: .2s _root-module-scss-module__QF53oW__slideDown;
  position: absolute;
  top: 75px;
  right: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
}

@keyframes _root-module-scss-module__QF53oW__slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._root-module-scss-module__QF53oW__userDetailsHeader {
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  padding: 16px 20px;
}

._root-module-scss-module__QF53oW__userDetailsHeader strong {
  color: var(--primary-color-black);
  margin-bottom: 4px;
  font-size: .875rem;
  font-weight: 600;
  display: block;
}

._root-module-scss-module__QF53oW__userDetailsHeader ._root-module-scss-module__QF53oW__email {
  color: var(--secondary-color-gray);
  font-size: .8125rem;
  font-weight: 400;
}

._root-module-scss-module__QF53oW__userDetailsList {
  margin: 0;
  padding: 8px;
  list-style: none;
}

._root-module-scss-module__QF53oW__userDetailsList li {
  color: #6b7280;
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  font-size: .8125rem;
  font-weight: 400;
  transition: all .15s;
  display: flex;
}

._root-module-scss-module__QF53oW__userDetailsList li:hover {
  color: #374151;
  background-color: rgba(0, 0, 0, .04);
}

._root-module-scss-module__QF53oW__logoutBtn {
  color: #ef4444;
  cursor: pointer;
  background: none;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, .06);
  width: 100%;
  padding: 10px 20px;
  font-family: Poppins, sans-serif;
  font-size: .8125rem;
  font-weight: 500;
  transition: all .15s;
}

._root-module-scss-module__QF53oW__logoutBtn:hover {
  color: #dc2626;
  background-color: rgba(239, 68, 68, .05);
}

._root-module-scss-module__QF53oW__skeleton {
  color: rgba(0, 0, 0, 0);
  background-color: #eee;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 100%);
  background-position: -100% 0;
  background-size: 200% 100%;
  border-radius: 4px;
  min-width: 6ch;
  height: 1em;
  display: inline-block;
  position: relative;
}

._root-module-scss-module__QF53oW__NotificationCircle {
  background-color: var(--seventary-color-gray);
  color: var(--primary-color-white);
  border-radius: var(--border-radius-xxl);
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  position: relative;
}

@media (max-width: 768px) {
  ._root-module-scss-module__QF53oW__NotificationCircle {
    width: 1.8rem;
    height: 1.8rem;
    margin-left: .5rem;
    margin-right: .5rem;
  }
}

._root-module-scss-module__QF53oW__NotificationCircle img {
  width: 1rem;
  height: 1rem;
}

@media (max-width: 768px) {
  ._root-module-scss-module__QF53oW__NotificationCircle img {
    width: .9rem;
    height: .9rem;
  }
}

._root-module-scss-module__QF53oW__NotificationCircle ._root-module-scss-module__QF53oW__notificationCount {
  background-color: var(--secondary-color-red);
  color: var(--primary-color-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 1.2rem;
  font-family: poppins, sans-serif;
  font-size: .75rem;
  display: flex;
  position: absolute;
  top: -.5rem;
  right: -.5rem;
}

@media (max-width: 768px) {
  ._root-module-scss-module__QF53oW__NotificationCircle ._root-module-scss-module__QF53oW__notificationCount {
    width: 1rem;
    height: 1rem;
    font-size: .65rem;
  }
}

._root-module-scss-module__QF53oW__OrganisationSettings {
  background-color: var(--seventary-color-gray);
  color: var(--primary-color-white);
  border-radius: var(--border-radius-xxl);
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  position: relative;
}

._root-module-scss-module__QF53oW__OrganisationSettings img {
  width: 1rem;
  height: 1rem;
}

._root-module-scss-module__QF53oW__sidebar {
  z-index: 1001;
  background-color: #fff;
  flex-direction: column;
  display: flex;
}

@media (max-width: 768px) {
  ._root-module-scss-module__QF53oW__sidebar {
    visibility: hidden;
    background-color: #fff;
    min-width: 280px;
    max-width: 400px;
    height: calc(100vh - 75px);
    padding: 1rem;
    transition: transform .3s, visibility .3s;
    position: fixed;
    left: 0;
    overflow-y: auto;
    transform: translateX(-100%);
    width: 80vw !important;
    display: none !important;
  }

  ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__mobileOpen {
    visibility: visible;
    transform: translateX(0);
    width: 80vw !important;
    min-width: 280px !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    display: flex !important;
  }

  ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__mobileOpen._root-module-scss-module__QF53oW__collapsed {
    width: 80vw !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__mobileOpen._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__sidebarButton a span, ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__mobileOpen._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__projectBtn span:nth-child(2), ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__mobileOpen._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__projectBtn span, ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__mobileOpen._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__projectSelector, ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__mobileOpen._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__ArrowLeft {
    visibility: visible !important;
    display: flex !important;
  }
}

._root-module-scss-module__QF53oW__SidebarUserSection {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: 100%;
  display: flex;
}

._root-module-scss-module__QF53oW__SidebarUserSection ._root-module-scss-module__QF53oW__userAvatar {
  color: #fff;
  background: linear-gradient(#79dbff 0%, #00b3ff 100%);
  border-radius: 51px;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.125rem;
  font-weight: bold;
  display: flex;
}

._root-module-scss-module__QF53oW__SidebarUserSection ._root-module-scss-module__QF53oW__userInfo {
  flex-direction: column;
  justify-content: center;
  gap: .25rem;
  margin-right: auto;
  font-family: poppins, sans-serif;
  display: flex;
}

._root-module-scss-module__QF53oW__SidebarUserSection ._root-module-scss-module__QF53oW__userInfo ._root-module-scss-module__QF53oW__SpanUsername {
  color: var(--text-color-dark);
  font-size: .775rem;
  font-weight: 300;
}

._root-module-scss-module__QF53oW__SidebarUserSection ._root-module-scss-module__QF53oW__userInfo ._root-module-scss-module__QF53oW__Badge {
  text-align: center;
  color: #00b265;
  background-color: #e4ffe5;
  border-radius: 3px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 6px;
  font-size: .525rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__sidebar {
  width: 360px;
  height: calc(100vh - 4.7rem);
  padding-left: var(--padding-classic-5);
  padding-right: var(--padding-classic-5);
  border-right: 1px solid #fafafa;
  flex-direction: column;
  transition: width .3s;
  display: flex;
  position: relative;
  overflow-y: auto;
}

._root-module-scss-module__QF53oW__sidebarButton._root-module-scss-module__QF53oW__sidebarParentActive a {
  background-color: var(--primary-color-blue);
  font-weight: bold;
  color: #fff !important;
}

._root-module-scss-module__QF53oW__sidebarButton._root-module-scss-module__QF53oW__sidebarParentActive a svg, ._root-module-scss-module__QF53oW__sidebarButton._root-module-scss-module__QF53oW__sidebarParentActive ._root-module-scss-module__QF53oW__ArrowLeft svg {
  color: #fff !important;
}

._root-module-scss-module__QF53oW__subMenuSteps li._root-module-scss-module__QF53oW__selectedOnSidebar {
  background: none !important;
}

._root-module-scss-module__QF53oW__subMenuSteps li._root-module-scss-module__QF53oW__selectedOnSidebar a {
  align-items: center;
  font-weight: 600;
  display: flex;
  color: var(--primary-color-blue) !important;
  background: none !important;
}

._root-module-scss-module__QF53oW__subMenuSteps li._root-module-scss-module__QF53oW__selectedOnSidebar svg {
  color: var(--primary-color-blue) !important;
}

._root-module-scss-module__QF53oW__subMenuSteps li._root-module-scss-module__QF53oW__selectedOnSidebar:before {
  background-color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__arrowActiveWhite svg, ._root-module-scss-module__QF53oW__sidebarButton._root-module-scss-module__QF53oW__sidebarParentActive ._root-module-scss-module__QF53oW__ArrowLeft svg {
  color: #fff !important;
}

._root-module-scss-module__QF53oW__ArrowLeft svg._root-module-scss-module__QF53oW__selectedOnSidebar {
  color: var(--primary-color-blue) !important;
}

._root-module-scss-module__QF53oW__projectSelector {
  border: .0625rem solid #dedede;
  width: 100%;
}

._root-module-scss-module__QF53oW__projectBtn {
  width: 100%;
  padding: var(--padding-classic);
  cursor: pointer;
  border: none;
  font-weight: bold;
}

._root-module-scss-module__QF53oW__ProjectButtonRow {
  gap: 1.1625rem;
}

._root-module-scss-module__QF53oW__projectBtn2 {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-top: .0625rem solid #dedede;
  outline: none;
  gap: 1.1625rem;
  width: 100%;
  padding: .6875rem;
  display: flex;
}

._root-module-scss-module__QF53oW__liUnlist {
  margin: 0;
  padding: 0;
  list-style: none;
}

._root-module-scss-module__QF53oW__sidebarButton {
  position: relative;
}

._root-module-scss-module__QF53oW__sidebarButton a {
  width: 100%;
  height: 3rem;
  color: var(--secondary-color-gray);
  align-items: center;
  gap: 1.1625rem;
  padding: .6875rem;
  font-size: .775rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

._root-module-scss-module__QF53oW__sidebarButton ._root-module-scss-module__QF53oW__ArrowLeft {
  position: absolute;
  right: 11px;
}

._root-module-scss-module__QF53oW__subMenuSteps {
  margin: 0 0 0 1rem;
  padding: 0;
  list-style: none;
}

._root-module-scss-module__QF53oW__subMenuSteps li:first-child {
  margin-top: 5px !important;
}

._root-module-scss-module__QF53oW__subMenuSteps li {
  margin: 3px;
  padding-left: 2rem;
  position: relative;
}

._root-module-scss-module__QF53oW__subMenuSteps li:before {
  content: "";
  z-index: 2;
  background-color: #ccc;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

._root-module-scss-module__QF53oW__subMenuSteps li:after {
  content: "";
  z-index: 1;
  background-color: #ccc;
  border-radius: 10px;
  width: .125rem;
  height: 60%;
  position: absolute;
  top: 74%;
  left: 2px;
}

._root-module-scss-module__QF53oW__subMenuSteps li:last-child:after {
  display: none;
}

._root-module-scss-module__QF53oW__subMenuSteps li {
  color: var(--secondary-color-gray);
  font-size: 13px !important;
}

._root-module-scss-module__QF53oW__subMenuSteps li a {
  color: var(--secondary-color-gray);
  height: 35px !important;
  font-size: 11px !important;
}

._root-module-scss-module__QF53oW__sidebar ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

._root-module-scss-module__QF53oW__sidebar ::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  border-radius: .625rem;
}

._root-module-scss-module__QF53oW__sidebar ::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: .625rem;
}

._root-module-scss-module__QF53oW__sidebar ::-webkit-scrollbar-thumb:hover {
  background-color: #a8a8a8;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed {
  width: 100px;
  padding: 1.2rem;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__sidebarButton a {
  justify-content: center;
  width: auto;
  padding: .5rem;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__ArrowLeft, ._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__sidebarButton a span {
  display: none;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__projectBtn {
  justify-content: center;
  width: auto;
  padding: .5rem;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__projectBtn span:nth-child(2) {
  display: none;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__projectSelector {
  display: flex;
  justify-content: center !important;
  align-items: center !important;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__projectDropdown {
  display: none;
}

._root-module-scss-module__QF53oW__sidebar._root-module-scss-module__QF53oW__collapsed ._root-module-scss-module__QF53oW__alignCenter2 {
  display: flex;
  justify-content: center !important;
  align-items: center !important;
}

._root-module-scss-module__QF53oW__MainSettingsPart {
  justify-content: space-between;
  width: calc(100% - 20rem);
  height: calc(100vh - 4.7rem);
  display: flex;
}

._root-module-scss-module__QF53oW__MainSettingsPart ._root-module-scss-module__QF53oW__PageText h1 {
  font-size: 18px;
}

._root-module-scss-module__QF53oW__MainSettingsPart ._root-module-scss-module__QF53oW__PageText p {
  max-width: 450px;
  font-size: 13px;
}

._root-module-scss-module__QF53oW__MainSettingsPart ._root-module-scss-module__QF53oW__selectedliIcone {
  background-color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__MainSettingsPart ._root-module-scss-module__QF53oW__selectedli {
  border-bottom: 2px solid var(--primary-color-blue);
  margin-bottom: -2px;
}

._root-module-scss-module__QF53oW__MainSettingsPart ._root-module-scss-module__QF53oW__selectedli span {
  color: var(--primary-color-blue) !important;
}

._root-module-scss-module__QF53oW__MainSettingsPart ._root-module-scss-module__QF53oW__selectedli ._root-module-scss-module__QF53oW__icone {
  background-color: var(--primary-color-blue) !important;
  color: #fff !important;
}

._root-module-scss-module__QF53oW__MainSettingsPart ._root-module-scss-module__QF53oW__SettingsNavigation {
  border-bottom: 2px solid #d6d6d6;
  width: 100%;
  display: flex;
}

._root-module-scss-module__QF53oW__MainSettingsPart ._root-module-scss-module__QF53oW__SettingsNavigation ul {
  gap: 10px;
  display: flex;
}

._root-module-scss-module__QF53oW__MainSettingsPart ._root-module-scss-module__QF53oW__SettingsNavigation ul li {
  cursor: pointer;
  align-items: center;
  gap: 20px;
  padding: 10px 17px;
  display: flex;
  font-size: 14px !important;
}

._root-module-scss-module__QF53oW__MainSettingsPart ._root-module-scss-module__QF53oW__SettingsNavigation ul li ._root-module-scss-module__QF53oW__icone {
  background-color: var(--cinqutary-color-gray);
  width: 25px;
  height: 25px;
  color: var(--sixqutary-color-gray);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  display: flex;
}

._root-module-scss-module__QF53oW__MainSettingsPart ._root-module-scss-module__QF53oW__SettingsNavigation ul li span {
  color: #464646;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__headerRow {
  align-items: center;
  gap: 16px;
  display: flex;
}

._root-module-scss-module__QF53oW__subTitleRow {
  color: var(--secondary-color-gray);
  align-items: center;
  gap: 6px;
  display: flex;
  font-size: 10px !important;
}

._root-module-scss-module__QF53oW__subtitleSeparator {
  margin-left: 12px;
  padding-left: 12px;
  position: relative;
}

._root-module-scss-module__QF53oW__subtitleSeparator:before {
  content: "|";
  color: var(--primary-color-gray);
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

._root-module-scss-module__QF53oW__separator {
  color: var(--secondary-color-gray);
  margin-right: 4px;
  font-size: 25px;
}

._root-module-scss-module__QF53oW__lockIcon {
  color: var(--secondary-color-gray);
}

._root-module-scss-module__QF53oW__inputList {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
}

._root-module-scss-module__QF53oW__searchWrapper {
  align-items: center;
  width: 70%;
  display: flex;
  position: relative;
}

._root-module-scss-module__QF53oW__SearchInputBilling {
  border: 1px solid var(--primary-color-gray);
  outline: none;
  width: 100%;
  height: 40px;
  padding: 0 12px 0 38px;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__SearchInputBilling::placeholder {
  color: var(--secondary-color-gray);
  font-size: 12px;
}

._root-module-scss-module__QF53oW__searchIcon {
  width: 18px;
  height: 18px;
  color: var(--secondary-color-gray);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
}

._root-module-scss-module__QF53oW__actionList {
  width: 30%;
  color: var(--secondary-color-gray);
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  display: flex;
}

._root-module-scss-module__QF53oW__actionList button {
  border: 1px solid var(--primary-color-gray);
  width: 48%;
  height: 40px;
  color: var(--secondary-color-gray);
  border-radius: var(--border-radius-xxl);
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  font-size: 12px;
  transition: background .3s;
  display: flex;
  font-family: poppins, sans-serif !important;
}

._root-module-scss-module__QF53oW__actionList select {
  border: 1px solid var(--primary-color-gray);
  border-radius: var(--border-radius-xxl);
  width: 48%;
  height: 40px;
  color: var(--secondary-color-gray);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  text-align: center;
  background-color: #fff;
  outline: none;
  padding: 0 10px;
  font-size: 12px;
}

._root-module-scss-module__QF53oW__actionList svg {
  width: 18px;
  height: 18px;
  fill: var(--secondary-color-gray);
  stroke: currentColor;
  stroke-width: .8px;
  margin-right: 6px;
  transition: color .3s;
}

._root-module-scss-module__QF53oW__selectorCase {
  cursor: pointer;
  background-color: var(--primary-color-white);
  border: 1px solid var(--primary-color-gray);
  border-radius: var(--border-radius-xxl);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out;
  display: flex;
}

._root-module-scss-module__QF53oW__selectorActive {
  background-color: var(--primary-color-blue);
  width: 25%;
  color: var(--primary-color-white);
  border: 1px solid var(--primary-color-blue);
  box-shadow: var(--box-shadow-sm);
  padding: .5rem 1.2rem;
}

._root-module-scss-module__QF53oW__selectorInactive {
  width: 25%;
  color: var(--secondary-color-gray);
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding: .5rem 1.2rem;
  transition: all .2s ease-in-out;
}

._root-module-scss-module__QF53oW__selectorInactive:hover {
  background-color: var(--tertiary-color-white);
  color: var(--secondary-color-blue);
  border-color: var(--secondary-color-blue);
}

._root-module-scss-module__QF53oW__statusPaid {
  color: var(--primary-color-green);
  font-weight: 500;
}

._root-module-scss-module__QF53oW__statusUnpaid {
  color: var(--primary-color-red);
  font-weight: 500;
}

._root-module-scss-module__QF53oW__statusCredited {
  color: var(--info-color);
  font-weight: 500;
}

._root-module-scss-module__QF53oW__billing_inv_tableWrapper {
  border-radius: var(--border-radius-xl);
  background: #f9fbff;
  font-family: poppins, sans-serif;
}

._root-module-scss-module__QF53oW__billing_inv_table {
  border-collapse: collapse;
  border-radius: var(--border-radius-xl);
  width: 100%;
  overflow: hidden;
}

._root-module-scss-module__QF53oW__billing_inv_table thead tr {
  background-color: var(--primary-color-white);
  border-bottom: 1px solid var(--primary-color-gray);
}

._root-module-scss-module__QF53oW__billing_inv_table th {
  color: var(--secondary-color-gray);
  text-align: left;
  padding: 1rem 1.2rem;
  font-size: 12px;
}

._root-module-scss-module__QF53oW__billing_inv_table td {
  background-color: var(--primary-color-white);
  color: var(--secondary-color-gray);
  padding: 2rem 1.2rem;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__billing_inv_table tbody tr {
  border-bottom: 1px solid var(--primary-color-gray);
}

._root-module-scss-module__QF53oW__billing_inv_table tbody tr:hover {
  background-color: var(--tertiary-color-white);
  cursor: pointer;
}

._root-module-scss-module__QF53oW__billing_inv_table tbody tr td {
  border-bottom: 1px solid var(--primary-color-gray);
  color: var(--secondary-color-gray);
  padding: 1rem 1.2rem;
  font-size: 12px;
}

._root-module-scss-module__QF53oW__billing_inv_table tbody tr td:first-child {
  color: var(--primary-color-blue);
  font-weight: 500;
}

._root-module-scss-module__QF53oW__billing_inv_table tbody tr:nth-child(2n) {
  background-color: #f8f9fb;
}

._root-module-scss-module__QF53oW__billing_inv_table tbody tr:nth-child(odd) {
  background-color: var(--primary-color-white);
}

._root-module-scss-module__QF53oW__billing_inv_statusPaid {
  color: var(--primary-color-green);
  font-weight: 500;
}

._root-module-scss-module__QF53oW__billing_inv_statusUnpaid {
  color: var(--primary-color-red);
  font-weight: 500;
}

._root-module-scss-module__QF53oW__billing_inv_statusCredited {
  color: var(--info-color);
  font-weight: 500;
}

._root-module-scss-module__QF53oW__paginationButton {
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: .5rem;
  margin-left: .25rem;
  padding: .25rem .5rem;
  transition: background-color .2s;
}

._root-module-scss-module__QF53oW__paginationButton:disabled {
  opacity: .4;
  cursor: not-allowed;
}

._root-module-scss-module__QF53oW__footerSelector {
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

._root-module-scss-module__QF53oW__footerSelector select {
  border: 1px solid var(--primary-color-gray);
  border-radius: var(--border-radius-md);
  width: 35px;
  height: 35px;
  color: var(--secondary-color-gray);
  background-color: #fff;
  outline: none;
  font-size: 12px;
}

._root-module-scss-module__QF53oW__footerSelector ._root-module-scss-module__QF53oW__flex button {
  height: 35px;
  color: var(--secondary-color-gray);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  padding: 0 10px;
  font-size: 12px;
  transition: background .3s;
  border: 1px solid var(--primary-color-gray) !important;
  background-color: #fff !important;
}

._root-module-scss-module__QF53oW__footerSelector ._root-module-scss-module__QF53oW__flex button:hover {
  background-color: var(--tertiary-color-white);
  color: var(--secondary-color-blue);
  border-color: var(--secondary-color-blue);
}

@media (max-width: 1200px) {
  ._root-module-scss-module__QF53oW__footerSelector {
    margin-bottom: 3rem;
  }

  ._root-module-scss-module__QF53oW__container_default_billing_width {
    padding: 1rem;
    width: 100% !important;
  }

  ._root-module-scss-module__QF53oW__billing_inv_tableWrapper {
    padding: .5rem;
    overflow-x: auto;
  }

  ._root-module-scss-module__QF53oW__billing_inv_table {
    min-width: 600px;
  }

  ._root-module-scss-module__QF53oW__actionList select {
    width: 100%;
  }

  ._root-module-scss-module__QF53oW__inputList {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  ._root-module-scss-module__QF53oW__searchWrapper, ._root-module-scss-module__QF53oW__actionList {
    width: 100%;
  }

  ._root-module-scss-module__QF53oW__actionList {
    flex-direction: column;
    gap: .5rem;
  }

  ._root-module-scss-module__QF53oW__actionList button {
    width: 100%;
  }

  ._root-module-scss-module__QF53oW__footerSelector {
    align-items: center;
    gap: .75rem;
    display: flex;
  }

  ._root-module-scss-module__QF53oW__footerSelector span, ._root-module-scss-module__QF53oW__billing_inv_table thead {
    display: none;
  }

  ._root-module-scss-module__QF53oW__billing_inv_table tbody tr {
    border: 1px solid var(--primary-color-gray);
    background: #fff;
    border-radius: 12px;
    flex-direction: column;
    margin-bottom: 1rem;
    display: flex;
    overflow: hidden;
  }

  ._root-module-scss-module__QF53oW__billing_inv_table tbody td {
    border-bottom: 1px solid var(--primary-color-gray);
    justify-content: space-between;
    padding: .75rem 1rem;
    font-size: 14px;
    display: flex;
  }

  ._root-module-scss-module__QF53oW__billing_inv_table tbody td:last-child {
    border-bottom: none;
  }

  ._root-module-scss-module__QF53oW__actionCellWrapper {
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  ._root-module-scss-module__QF53oW__renewBtn {
    text-align: center;
    flex-grow: 1;
  }
}

@media (max-width: 768px) {
  ._root-module-scss-module__QF53oW__headerRow {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
  }

  ._root-module-scss-module__QF53oW__subTitleRow {
    margin-left: 0;
    padding-left: 0;
    font-size: .75rem !important;
  }

  ._root-module-scss-module__QF53oW__subTitleRow ._root-module-scss-module__QF53oW__separator {
    display: none;
  }

  ._root-module-scss-module__QF53oW__sepXl {
    margin-top: 1rem !important;
  }

  ._root-module-scss-module__QF53oW__gap15, ._root-module-scss-module__QF53oW__gapLg {
    gap: .75rem !important;
  }

  ._root-module-scss-module__QF53oW__flex {
    -webkit-overflow-scrolling: touch;
    align-items: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap !important;
  }

  ._root-module-scss-module__QF53oW__flex a {
    white-space: nowrap;
    flex-shrink: 0;
    padding-right: 1rem;
  }
}

._root-module-scss-module__QF53oW__statusAutoRenewal {
  border-radius: 12px;
  font-size: .875rem;
  font-weight: 500;
  display: inline-block;
}

._root-module-scss-module__QF53oW__renewBtn {
  color: #fff;
  background-color: #3b82f6;
  border-radius: 8px;
  padding: .4rem 1rem;
  font-weight: 500;
  transition: background-color .2s;
}

._root-module-scss-module__QF53oW__statusAutoRenewal {
  color: #333;
  background-color: #f1f1f1;
  border-radius: 12px;
  padding: .3rem .8rem;
  font-size: .85rem;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__renewBtn {
  color: #fff;
  background-color: #3b82f6;
  border: none;
  border-radius: 10px;
  padding: .4rem 1rem;
  font-size: .9rem;
  font-weight: 500;
  transition: background-color .2s;
}

._root-module-scss-module__QF53oW__renewBtn:hover {
  background-color: #2563eb;
}

._root-module-scss-module__QF53oW__actionArrow {
  color: #a0a0a0;
  margin-left: .5rem;
  font-size: 1.2rem;
}

._root-module-scss-module__QF53oW__actionCellWrapper {
  cursor: inherit;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  display: flex;
}

._root-module-scss-module__QF53oW__ColorOnTD {
  font-size: .875rem;
  font-weight: 500;
  color: var(--secondary-color-gray) !important;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_label {
  text-transform: uppercase;
  border-collapse: separate;
  table-layout: fixed;
  border-radius: var(--border-radius-sm);
  padding: .1em .6rem;
  display: inline-block;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_label--A {
  color: var(--primary-color-red);
  background: rgba(255, 172, 95, .1);
  border: 1px solid rgba(65, 35, 18, .1);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_label--AAAA {
  color: #1e88e5;
  background: rgba(100, 181, 246, .1);
  border: 1px solid rgba(30, 136, 229, .2);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_label--CAA {
  color: #f9a825;
  background: rgba(255, 193, 7, .1);
  border: 1px solid rgba(255, 193, 7, .2);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_label--CNAME {
  border: 1px solid var(--primary-color-blue);
  color: var(--primary-color-blue);
  background: rgba(178, 218, 255, .1);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_label--MX {
  color: var(--primary-color-green);
  background: rgba(149, 255, 139, .1);
  border: 1px solid rgba(5, 22, 3, .1);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_label--NS {
  color: #7b1fa2;
  background: rgba(153, 102, 255, .1);
  border: 1px solid rgba(123, 31, 162, .2);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_label--PTR {
  color: #e64a19;
  background: rgba(255, 87, 34, .1);
  border: 1px solid rgba(255, 87, 34, .2);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_label--PZ {
  color: #009688;
  background: rgba(0, 150, 136, .1);
  border: 1px solid rgba(0, 150, 136, .2);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_label--RDR {
  color: #ff7043;
  background: rgba(255, 112, 67, .1);
  border: 1px solid rgba(255, 112, 67, .2);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_label--SCR {
  color: #f44336;
  background: rgba(244, 67, 54, .1);
  border: 1px solid rgba(244, 67, 54, .2);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_label--SRV {
  color: #2196f3;
  background: rgba(33, 150, 243, .1);
  border: 1px solid rgba(33, 150, 243, .2);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_label--TXT {
  border: 1px solid var(--primary-color-gray);
  color: var(--secondary-color-gray);
  background: rgba(192, 192, 192, .1);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_table {
  border-collapse: separate;
  border-spacing: 0;
  background: var(--primary-color-white);
  border-radius: var(--border-radius-md);
  width: 100%;
  font-family: Poppins, sans-serif;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_header {
  background: var(--tertiary-color-white);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_header tr th {
  padding: var(--padding-classic);
  color: var(--secondary-color-gray);
  text-align: left;
  border-bottom: 1px solid var(--cinqutary-color-gray);
  z-index: 2;
  background: var(--tertiary-color-white);
  font-size: 14px;
  font-weight: 700;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_row {
  position: relative;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_row td {
  min-height: 5rem;
  color: var(--secondary-color-gray);
  border-bottom: 1px solid var(--cinqutary-color-gray);
  vertical-align: middle;
  padding-left: 1rem;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_row:hover {
  background: var(--tertiary-color-white);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_row:last-child td {
  border-bottom: none;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_row[data-depth="1"] {
  position: relative;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_row[data-depth="1"]:before {
  content: "";
  top: 0;
  bottom: 0;
  left: calc(var(--padding-classic)  + 1rem);
  background: var(--primary-color-gray);
  width: 2px;
  position: absolute;
}

._root-module-scss-module__QF53oW__svgCurve {
  top: 50%;
  left: calc(var(--padding-classic)  + 1rem);
  pointer-events: none;
  z-index: 0;
  position: absolute;
  transform: translateY(-50%);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_row--subitem td {
  min-height: 3.5rem;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_cell--type {
  display: block;
}

[data-depth="0"] ._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_cell--type {
  align-items: center;
  display: flex;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_cell--type ._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_expandIcon {
  width: 1rem;
  color: var(--secondary-color-gray);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: hidden;
  margin-right: .5rem;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_cell--type ._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_statusDot {
  border-radius: var(--border-radius-circle);
  width: .5rem;
  height: .5rem;
  margin-right: .5rem;
  display: inline-block;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_cell--type ._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_statusDot--green {
  background: var(--primary-color-green);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_cell--type ._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_statusDot--red {
  background: var(--primary-color-red);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_value {
  align-items: center;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_value ._root-module-scss-module__QF53oW__dot._root-module-scss-module__QF53oW__green {
  background: var(--primary-color-green);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_value ._root-module-scss-module__QF53oW__dot._root-module-scss-module__QF53oW__red {
  background: var(--primary-color-red);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_value--green {
  color: var(--primary-color-green);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_value--red {
  color: var(--primary-color-red);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_toggle {
  border-radius: var(--border-radius-sm);
  background: var(--cinqutary-color-gray);
  color: var(--seventary-color-gray);
  pointer-events: none;
  opacity: .5;
  border: none;
  padding: .2rem .5rem;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_actionMenu {
  all: unset;
  width: 24px;
  height: 24px;
  color: var(--secondary-color-gray);
  border-radius: var(--border-radius-circle);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1;
  transition: background .2s, color .2s;
  display: flex;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_actionMenu:hover {
  color: var(--primary-color-blue);
  background-color: rgba(0, 0, 0, .05);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_row--subitem {
  position: relative;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_row--subitem td {
  color: var(--secondary-color-gray);
  font-size: 12px;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_row--subitem:hover {
  background: var(--tertiary-color-white);
}

._root-module-scss-module__QF53oW__toggleSwitch {
  width: 40px;
  height: 20px;
  display: inline-block;
  position: relative;
}

._root-module-scss-module__QF53oW__toggleSwitch input {
  opacity: 0;
  width: 0;
  height: 0;
}

._root-module-scss-module__QF53oW__toggleSwitch ._root-module-scss-module__QF53oW__slider {
  cursor: pointer;
  background-color: #ccc;
  border-radius: 20px;
  transition: all .4s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

._root-module-scss-module__QF53oW__toggleSwitch ._root-module-scss-module__QF53oW__slider:before {
  content: "";
  background-color: #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  transition: all .4s;
  position: absolute;
  bottom: 3px;
  left: 3px;
}

._root-module-scss-module__QF53oW__toggleSwitch input:checked + ._root-module-scss-module__QF53oW__slider {
  background-color: #4caf50;
}

._root-module-scss-module__QF53oW__toggleSwitch input:checked + ._root-module-scss-module__QF53oW__slider:before {
  transform: translateX(20px);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_SubitemWrapper {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: inline-flex;
  position: relative;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_SubitemText {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--secondary-color-gray);
  max-width: 300px;
  font-size: 12px;
  overflow: hidden;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_value {
  border-radius: var(--border-radius-sm);
  word-break: break-all;
  overflow-wrap: break-word;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  padding: .1rem .4rem;
  font-weight: 400;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_value--green {
  color: var(--primary-color-green);
  background-color: rgba(58, 170, 106, .1);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_value--red {
  color: var(--secondary-color-red);
  background-color: rgba(255, 96, 96, .1);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_value ._root-module-scss-module__QF53oW__dot {
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  margin-right: .5rem;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_value ._root-module-scss-module__QF53oW__dot._root-module-scss-module__QF53oW__green {
  background-color: var(--primary-color-green);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_value ._root-module-scss-module__QF53oW__dot._root-module-scss-module__QF53oW__red {
  background-color: var(--primary-color-red);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_wrapper {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  overflow-x: auto;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_wrapper ._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_table {
  min-width: 800px;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_skelLine, ._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_skelLineLong, ._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_skelPill, ._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_skelBadge {
  background: linear-gradient(90deg, #f3f4f6 25%, #edeef1 50%, #f3f4f6 75%) 0 0 / 200% 100%;
  border-radius: 6px;
  animation: 1.2s ease-in-out infinite _root-module-scss-module__QF53oW__dnsSkelShimmer;
  display: inline-block;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_skelLine {
  width: 120px;
  height: 12px;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_skelLineLong {
  width: 260px;
  height: 12px;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_skelPill {
  border-radius: 999px;
  width: 60px;
  height: 18px;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_skelBadge {
  border-radius: 6px;
  width: 42px;
  height: 18px;
}

@keyframes _root-module-scss-module__QF53oW__dnsSkelShimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_valueSubLabel {
  color: var(--secondary-color-gray);
  font-size: .75em;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_editWrapper {
  border: 1px solid var(--cinqutary-color-gray);
  background: #fff;
  border-radius: 5px;
  align-items: center;
  gap: .5rem;
  padding: .5rem .75rem;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_valueInput {
  background: none;
  border: none;
  outline: none;
  width: 100%;
  font-size: .875rem;
}

._root-module-scss-module__QF53oW__checkButton {
  cursor: pointer;
  color: #fff;
  background: #22c55e;
  border: none;
  border-radius: 110px;
  padding: .1rem .2rem;
  line-height: 1;
}

._root-module-scss-module__QF53oW__crossButton {
  cursor: pointer;
  color: #fff;
  background: #ef4444;
  border: none;
  border-radius: 110px;
  padding: .1rem .2rem;
  font-size: 1rem;
  line-height: 1;
  transition: background-color .2s;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_valueCell {
  cursor: pointer;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_ttlDropdown {
  border: 1px solid var(--primary-color-gray);
  color: var(--primary-text-color);
  cursor: pointer;
  background-color: #fff;
  border-radius: 6px;
  padding: .4rem .8rem;
  font-size: .875rem;
  transition: border-color .2s, box-shadow .2s;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_ttlDropdown:focus {
  outline: none;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_ttlDropdown:hover {
  border-color: var(--primary-color-dark-gray);
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_actionDropdown {
  background: var(--primary-color-white);
  border: 1px solid var(--cinqutary-color-gray);
  border-radius: var(--border-radius-sm);
  z-index: 20;
  min-width: 120px;
  position: absolute;
  top: 100%;
  right: 0;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_actionItem {
  cursor: pointer;
  color: var(--primary-text-color);
  padding: .5rem 1rem;
  font-size: .875rem;
}

._root-module-scss-module__QF53oW__Netvolo_Records_DNS_Table_actionItem:hover {
  background: var(--tertiary-color-white);
}

._root-module-scss-module__QF53oW__mxPriorityBubble {
  background: var(--primary-color-blue-light, #eee);
  color: var(--primary-color-blue-dark, #000);
  text-align: center;
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  min-width: 20px;
  margin-right: 8px;
  padding: 2px 5px;
  font-size: 10px;
  display: inline-block;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_container {
  background-color: #fff;
  border-radius: 12px;
  width: 640px;
  padding: 32px;
  font-family: Inter, sans-serif;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_title {
  text-align: left;
  color: #101828;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_row {
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_inputGroup {
  flex-direction: column;
  flex: 1;
  min-width: 240px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_inputGroup label {
  color: #344054;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_inputGroup input, ._root-module-scss-module__QF53oW__NetvoloDNSModal_inputGroup select {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
  transition: border .2s ease-in-out;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_inputGroup input:focus, ._root-module-scss-module__QF53oW__NetvoloDNSModal_inputGroup select:focus {
  outline: none;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_hostnameWrapper {
  align-items: center;
  gap: 6px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_hostnameWrapper input {
  flex: 1;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_hostnameWrapper span {
  color: #667085;
  background-color: #f9fafb;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_advancedToggle {
  color: #101828;
  cursor: pointer;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_checkboxRow {
  color: #344054;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  font-size: 14px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_hint {
  color: #667085;
  margin-top: 4px;
  font-size: 13px;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_actions {
  justify-content: flex-end;
  gap: 12px;
  margin-top: 32px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_actions button {
  cursor: pointer;
  border: none;
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  transition: background .2s ease-in-out;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_actions button:first-child {
  color: #344054;
  background-color: #f2f4f7;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_actions button:first-child:hover {
  background-color: #e4e7ec;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_actions button:last-child {
  background-color: var(--primary-color-blue);
  color: #fff;
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_actions button:last-child:hover {
  background-color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_disabled {
  color: #98a2b3;
  cursor: not-allowed;
  background-color: #f9fafb;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__headerRow {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

._root-module-scss-module__QF53oW__headerRight {
  align-items: center;
  display: flex;
}

._root-module-scss-module__QF53oW__dnsToolbar {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacingMd);
  background: var(--primary-color-white);
  border: 1px solid var(--quartenary-color-gray);
  border-radius: var(--border-radius-lg);
  padding: var(--padding-classic2);
  display: flex;
}

._root-module-scss-module__QF53oW__dnsToolbarLeft {
  align-items: center;
  gap: var(--spacingSm);
  display: flex;
}

._root-module-scss-module__QF53oW__domainBadge {
  border: 1px solid var(--quartenary-color-gray);
  height: 28px;
  color: var(--secondary-color-gray);
  border-radius: 999px;
  align-items: center;
  padding: 0 .6rem;
  font-size: 12px;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__dnsToolbarBreadcrumbs {
  border-left: 1px solid var(--quartenary-color-gray);
  align-items: center;
  gap: .5rem;
  padding-left: .5rem;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__dnsToolbarCenter {
  flex: 1;
  justify-content: center;
  display: flex;
}

._root-module-scss-module__QF53oW__dnsToolbarRight {
  align-items: center;
  gap: var(--spacingSm);
  display: flex;
}

._root-module-scss-module__QF53oW__dnsFilterChips {
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
  display: flex;
}

._root-module-scss-module__QF53oW__dnsChip {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--quartenary-color-gray);
  color: var(--secondary-color-gray);
  cursor: pointer;
  background: #fff;
  border-radius: 999px;
  padding: .35rem .6rem;
  font-size: 12px;
  transition: background .2s, color .2s, border-color .2s;
}

._root-module-scss-module__QF53oW__dnsChip:hover {
  background: #fafcff;
}

._root-module-scss-module__QF53oW__dnsChip._root-module-scss-module__QF53oW__active {
  border-color: var(--primary-color-blue);
  color: var(--primary-color-blue);
  background: rgba(37, 99, 235, .06);
}

._root-module-scss-module__QF53oW__dnsSearchGroup {
  align-items: center;
  gap: .5rem;
  display: flex;
}

._root-module-scss-module__QF53oW__dnsSearch {
  border: 1px solid var(--quartenary-color-gray);
  background: #fff;
  border-radius: 10px;
  align-items: center;
  gap: .5rem;
  padding: .35rem .6rem;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__dnsSearchIcon {
  color: var(--sixqutary-color-gray);
}

._root-module-scss-module__QF53oW__dnsSearchInput {
  color: var(--secondary-color-gray);
  border: none;
  outline: none;
  min-width: 220px;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__dnsSearchClear {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--sixqutary-color-gray);
  cursor: pointer;
  background: none;
  border: none;
  font-size: 16px;
  line-height: 1;
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_container {
  background-color: var(--primary-color-white);
  padding: var(--padding-classic2);
  border: 1px solid var(--quartenary-color-gray);
  border-radius: var(--border-radius-lg);
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_headerRow {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacingMd);
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_titleBlock {
  align-items: center;
  gap: var(--spacingSm);
  display: flex;
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_subtitle {
  align-items: center;
  gap: var(--spacingXs);
  display: flex;
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_buttonPrimary {
  background-color: var(--primary-color-blue);
  color: var(--primary-color-white);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  border: none;
  align-items: center;
  gap: .4rem;
  padding: .5rem 1rem;
  transition: background-color .2s;
  display: flex;
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_buttonPrimary:hover {
  background-color: var(--secondary-color-blue);
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_search {
  background: var(--primary-color-white);
  border-radius: var(--border-radius-md);
  align-items: center;
  gap: .5rem;
  display: flex;
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_searchInput {
  border: 1px solid var(--quartenary-color-gray);
  border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
  width: 260px;
  font-size: var(--fontSizeSm);
  color: var(--secondary-color-gray);
  background: #fff;
  border-right: none;
  outline: none;
  padding: .5rem .75rem;
  transition: border-color .2s, background .2s;
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_searchInput::placeholder {
  color: var(--sixqutary-color-gray);
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_searchInput:focus {
  border-color: var(--primary-color-blue);
  background: #fff;
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_searchButton {
  background: var(--primary-color-blue);
  border: 1px solid var(--primary-color-blue);
  color: var(--primary-color-white);
  border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
  cursor: pointer;
  padding: .5rem .9rem;
  font-weight: 600;
  transition: background-color .2s, color .2s;
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_searchButton:hover {
  background-color: var(--secondary-color-blue);
}

@media (max-width: 767px) {
  ._root-module-scss-module__QF53oW__dnsToolbar {
    align-items: stretch;
    gap: var(--spacingSm);
    flex-direction: column;
  }

  ._root-module-scss-module__QF53oW__dnsToolbarLeft {
    justify-content: space-between;
  }

  ._root-module-scss-module__QF53oW__dnsToolbarCenter {
    justify-content: stretch;
  }

  ._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_search, ._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_searchInput {
    width: 100%;
  }

  ._root-module-scss-module__QF53oW__dnsSearchInput {
    width: 100%;
    min-width: 0;
  }
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_dropdown {
  align-self: flex-end;
  position: relative;
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_dropdownToggle {
  cursor: pointer;
  background: none;
  border: none;
  padding: .3rem;
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_dropdownMenu {
  background-color: var(--primary-color-white);
  border: 1px solid var(--cinqutary-color-gray);
  border-radius: var(--border-radius-md);
  z-index: 10;
  flex-direction: column;
  min-width: 160px;
  display: flex;
  position: absolute;
  top: calc(100% + .4rem);
  right: 0;
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_dropdownMenu button {
  text-align: left;
  font-size: var(--fontSizeSm);
  color: var(--secondary-color-gray);
  cursor: pointer;
  background: none;
  border: none;
  padding: .6rem 1rem;
  transition: background-color .2s;
}

._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_dropdownMenu button:hover {
  background-color: var(--seventary-color-gray);
}

._root-module-scss-module__QF53oW__FlexheaderDNSRECORD {
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}

._root-module-scss-module__QF53oW__desktopOnly {
  display: inline-flex;
}

@media (max-width: 767px) {
  ._root-module-scss-module__QF53oW__desktopOnly {
    display: none !important;
  }

  ._root-module-scss-module__QF53oW__searchIconMobile {
    background: var(--primary-color-white);
    border: 1px solid var(--primary-color-blue);
    color: var(--primary-color-blue);
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    align-self: flex-end;
    align-items: center;
    padding: .5rem;
    display: flex;
  }

  ._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_search {
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-top: .5rem;
    display: none;
  }

  ._root-module-scss-module__QF53oW__searchVisibleMobile {
    width: 100%;
    display: flex !important;
  }

  ._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_searchInput, ._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_searchButton {
    flex: auto;
    width: auto;
  }

  ._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_headerRow, ._root-module-scss-module__QF53oW__FlexheaderDNSRECORD {
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    width: 100%;
    align-items: flex-start !important;
  }

  ._root-module-scss-module__QF53oW__netvolo_Header_DNSRECORD_dropdownMenu {
    min-width: 100%;
    left: 0;
    right: auto;
  }
}

._root-module-scss-module__QF53oW__dnsBar {
  align-items: center;
  gap: 10px;
  display: flex;
}

._root-module-scss-module__QF53oW__dnsAddBtn {
  background: var(--primary-color-blue);
  color: var(--primary-color-white);
  border: 1px solid var(--primary-color-blue);
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-weight: 600;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__dnsAddBtn:hover {
  background: var(--secondary-color-blue);
  border-color: var(--secondary-color-blue);
}

._root-module-scss-module__QF53oW__dnsSearchField {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  align-items: center;
  padding-left: 10px;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__dnsSearchInput {
  width: 260px;
  height: 36px;
  color: var(--secondary-color-gray);
  border: none;
  outline: none;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__dnsSearchInput::placeholder {
  color: #9aa3af;
}

._root-module-scss-module__QF53oW__dnsSearchIconBtn {
  width: 40px;
  height: 36px;
  color: var(--primary-color-blue);
  cursor: pointer;
  background: none;
  border: none;
  border-left: 1px solid #e5e7eb;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__dnsIconCircleBtn {
  width: 36px;
  height: 36px;
  color: var(--primary-color-blue);
  cursor: pointer;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__dnsIconCircleBtn:hover {
  background: #f8fbff;
}

@media (max-width: 767px) {
  ._root-module-scss-module__QF53oW__dnsBar {
    flex-wrap: wrap;
  }

  ._root-module-scss-module__QF53oW__dnsSearchInput {
    width: 100%;
  }
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_wrapper {
  gap: var(--padding-classic4);
  flex-direction: column;
  font-family: poppins, sans-serif;
  display: flex;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_card {
  border: 1px solid var(--quartenary-color-gray);
  border-radius: var(--border-radius-lg);
  padding: var(--padding-classic2);
  background: var(--primary-color-white);
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_title {
  font-size: var(--fontSizeXl);
  margin-bottom: var(--padding-classic);
  color: #111827;
  font-weight: 700;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_description {
  color: var(--secondary-color-gray);
  margin-bottom: var(--padding-classic);
  font-size: 14px;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_link {
  color: var(--primary-color-blue);
  text-decoration: none;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_link:hover {
  text-decoration: underline;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_grid2Cols {
  gap: var(--padding-classic);
  grid-template-columns: 1fr 1fr;
  display: grid;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_label {
  color: var(--sixqutary-color-gray);
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
  display: block;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_fieldWithButton {
  align-items: center;
  gap: 8px;
  display: flex;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_input, ._root-module-scss-module__QF53oW__netvolo_DNSRECORD_inputReadonly {
  padding: var(--padding-classic);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--quartenary-color-gray);
  color: var(--secondary-color-gray);
  background-color: #fff;
  outline: none;
  flex: 1;
  font-size: 14px;
  transition: border-color .2s, background .2s;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_input:focus, ._root-module-scss-module__QF53oW__netvolo_DNSRECORD_inputReadonly:focus {
  border-color: var(--primary-color-blue);
  background: #fff;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_copyBtn {
  border: 1px solid var(--quartenary-color-gray);
  cursor: pointer;
  color: var(--primary-color-blue);
  background-color: #fff;
  border-radius: 8px;
  padding: .45rem .6rem;
  font-size: 14px;
  transition: background .2s, border-color .2s;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_copyBtn:hover {
  background: #f8fbff;
  border-color: #e5e7eb;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_copyBtn._root-module-scss-module__QF53oW__copied {
  background: var(--primary-color-blue);
  border-color: var(--primary-color-blue);
  color: #fff;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_checkboxTitle {
  margin-bottom: var(--padding-classic);
  align-items: center;
  gap: 8px;
  display: flex;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_checkbox {
  border: 1px solid var(--quartenary-color-gray);
  width: 16px;
  height: 16px;
  accent-color: var(--primary-color-blue);
  background: #fff;
  border-radius: 4px;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_formGroup {
  margin: var(--padding-classic2) 0;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_saveBtn {
  background-color: var(--primary-color-blue);
  color: var(--primary-color-white);
  border: 1px solid var(--primary-color-blue);
  padding: var(--padding-classic) var(--padding-classic2);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_saveBtn:hover {
  background: var(--secondary-color-blue);
  border-color: var(--secondary-color-blue);
}

._root-module-scss-module__QF53oW__netvolo_DNSRECORD_noticeBox {
  margin-top: var(--padding-classic2);
  border: 1px solid var(--warning-color);
  padding: var(--padding-classic2);
  border-radius: var(--border-radius-sm);
  color: var(--secondary-color-red);
  background: #fff8e1;
  font-size: 14px;
}

@media (max-width: 768px) {
  ._root-module-scss-module__QF53oW__netvolo_DNSRECORD_grid2Cols {
    grid-template-columns: 1fr;
  }
}

._root-module-scss-module__QF53oW__netvolo_ImportExport_wrapper {
  justify-content: space-between;
  gap: var(--padding-classic4);
  font-family: poppins, sans-serif;
  display: flex;
}

._root-module-scss-module__QF53oW__netvolo_Import_dropZone {
  justify-content: center;
  align-items: center;
  height: 200px;
  display: flex;
}

._root-module-scss-module__QF53oW__netvolo_Import_dropBox {
  border: 2px dashed var(--primary-color-gray);
  border-radius: var(--border-radius-md);
  width: 100%;
  padding: var(--padding-classic2);
  text-align: center;
  background-color: #fdfdfd;
}

._root-module-scss-module__QF53oW__netvolo_Import_dropBox ._root-module-scss-module__QF53oW__dropIcon {
  color: var(--primary-color-blue);
  margin-bottom: var(--padding-classic);
  font-size: 2.2rem;
}

._root-module-scss-module__QF53oW__netvolo_Import_dropBox p {
  margin: .2rem 0;
  font-size: .9rem;
}

._root-module-scss-module__QF53oW__netvolo_Import_dropBox span {
  color: var(--secondary-color-gray);
  margin: .5rem 0;
  font-size: .8rem;
  display: block;
}

._root-module-scss-module__QF53oW__netvolo_Import_dropBox ._root-module-scss-module__QF53oW__browseLabel {
  color: var(--primary-color-blue);
  cursor: pointer;
  margin-top: .2rem;
  font-size: .9rem;
  font-weight: bold;
  display: inline-block;
}

._root-module-scss-module__QF53oW__netvolo_Import_dropBox ._root-module-scss-module__QF53oW__supportedTypes {
  color: var(--secondary-color-gray);
  margin-top: .8rem;
  font-size: .7rem;
}

._root-module-scss-module__QF53oW__fontRegular {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

._root-module-scss-module__QF53oW__fontMedium {
  font-family: Poppins, sans-serif;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__textxs {
  font-size: 10px;
}

._root-module-scss-module__QF53oW__textS {
  font-size: 11px;
}

._root-module-scss-module__QF53oW__textSm {
  font-size: 14px;
}

._root-module-scss-module__QF53oW__textXxxl {
  font-size: 30px;
}

._root-module-scss-module__QF53oW__netvolo_DNSSECURITY_wrapper {
  justify-content: space-between;
  gap: var(--padding-classic4);
  font-family: poppins, sans-serif;
  display: flex;
}

._root-module-scss-module__QF53oW__netvolo_Import_card {
  border: 1px solid var(--primary-color-gray);
  border-radius: var(--border-radius-lg);
  padding: var(--padding-classic2);
  background: var(--primary-color-white);
  font-size: var(--fontSizeLg);
  max-height: 500px;
  height: 350px auto;
  flex: 1;
}

._root-module-scss-module__QF53oW__netvolo_Import_card ._root-module-scss-module__QF53oW__netvolo_Import_Tittle {
  font-size: var(--fontSizeXl);
  margin-bottom: var(--padding-classic);
}

._root-module-scss-module__QF53oW__netvolo_Import_card ._root-module-scss-module__QF53oW__netvolo_Import_description {
  color: var(--secondary-color-gray);
  margin-bottom: var(--padding-classic);
  font-size: .8rem !important;
}

._root-module-scss-module__QF53oW__netvolo_Import_card ._root-module-scss-module__QF53oW__netvolo_Import_button button {
  background-color: var(--primary-color-blue);
  color: var(--primary-color-white);
  padding: var(--padding-classic);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  border: none;
  justify-content: center;
  align-items: center;
  font-size: .9rem;
  transition: background-color .2s;
  display: flex;
}

._root-module-scss-module__QF53oW__netvolo_Import_card ._root-module-scss-module__QF53oW__netvolo_Import_button button:hover {
  background-color: var(--secondary-color-blue);
}

._root-module-scss-module__QF53oW__netvolo_Import_card ._root-module-scss-module__QF53oW__netvolo_Import_button button svg {
  stroke-width: 1px;
  margin-right: .5rem;
  font-size: 1.2rem;
}

._root-module-scss-module__QF53oW__netvolo_Import_card ._root-module-scss-module__QF53oW__netvolo_Import_notice {
  padding: var(--padding-classic);
  border: 1px solid var(--primary-color-gray);
  border-radius: var(--border-radius-md);
  width: 100%;
  color: var(--secondary-color-gray);
  margin-top: var(--padding-classic);
  background-color: #f8faff;
  font-size: .8rem;
}

._root-module-scss-module__QF53oW__netvolo_Import_card ._root-module-scss-module__QF53oW__netvolo_Import_notice span {
  color: var(--primary-color-blue);
  font-weight: bold;
}

._root-module-scss-module__QF53oW__VPSoverviewWrapper {
  font-family: var(--font-family);
  color: var(--secondary-color-gray);
  flex-direction: column;
  gap: 32px;
  display: flex;
}

._root-module-scss-module__QF53oW__VPSoverviewHeader {
  background: var(--primary-color-white);
  border-radius: var(--border-radius-lg);
  border: 1px solid #e5e7eb;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  display: flex;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderTop {
  grid-template-columns: 1fr 2fr auto;
  align-items: center;
  gap: 24px;
  display: grid;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderLeft {
  align-items: center;
  gap: 8px;
  display: flex;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderLeft img {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  width: 60px;
  height: 60px;
  margin-right: .5rem;
  padding: 5px;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderLeft h2 {
  color: #111827;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderLeft p {
  color: #6b7280;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 14px;
  display: flex;
}

._root-module-scss-module__QF53oW__VPSoverviewStatus {
  color: #15803d;
  background-color: #dcfce7;
  border-radius: 5px;
  margin-top: 2px;
  padding: 2px 12px;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderCenter {
  font-size: 14px;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderCenter label {
  color: #444;
  margin-bottom: 2px;
  font-size: 14px;
  display: block;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderCenter ._root-module-scss-module__QF53oW__CodeRow {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderCenter code {
  color: #111;
  border-radius: 6px;
  margin: 4px 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 600;
  display: inline-block;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderCenter ._root-module-scss-module__QF53oW__VPSoverviewPassword {
  margin-top: 6px;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderCenter ._root-module-scss-module__QF53oW__VPSoverviewPassword a {
  color: var(--primary-color-blue);
  font-weight: 600;
  text-decoration: none;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderCenter ._root-module-scss-module__QF53oW__VPSoverviewPassword a:hover {
  text-decoration: underline;
}

._root-module-scss-module__QF53oW__CopyBtn {
  cursor: pointer;
  color: var(--primary-color-blue);
  background: #f8f8f8;
  border: none;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderRight {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderRight ._root-module-scss-module__QF53oW__VPSoverviewRebootBtn {
  cursor: pointer;
  border: 1.5px solid var(--primary-color-blue);
  color: var(--primary-color-blue);
  box-shadow: none;
  white-space: nowrap;
  background: linear-gradient(135deg, #fff, #f9fafb);
  border-radius: 10px;
  align-items: center;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 500;
  transition: all .25s;
  display: flex;
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderRight ._root-module-scss-module__QF53oW__VPSoverviewRebootBtn:hover {
  background: linear-gradient(135deg, #f0f7ff, #fff);
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(37, 99, 235, .15);
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderRight ._root-module-scss-module__QF53oW__VPSoverviewRebootBtn:active {
  transform: translateY(0);
  box-shadow: inset 0 2px 6px rgba(37, 99, 235, .2);
}

._root-module-scss-module__QF53oW__VPSoverviewHeaderRight ._root-module-scss-module__QF53oW__VPSoverviewRebootBtn:focus-visible {
  box-shadow: 0 0 0 3px var(--tertiary-color-blue-fade);
  outline: none;
}

._root-module-scss-module__QF53oW__Sparkline {
  display: block;
}

._root-module-scss-module__QF53oW__SparkStroke {
  stroke: currentColor;
  opacity: .95;
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
}

._root-module-scss-module__QF53oW__SparkArea {
  fill: currentColor;
  opacity: .18;
}

._root-module-scss-module__QF53oW__SparkDot {
  fill: currentColor;
}

._root-module-scss-module__QF53oW__MetricRow {
  grid-template-columns: 1fr 200px;
  align-items: center;
  gap: .5rem;
  display: grid;
}

._root-module-scss-module__QF53oW__MetricGraph {
  justify-self: end;
  align-items: center;
  display: flex;
}

._root-module-scss-module__QF53oW__MetricStrong {
  color: #111827;
  font-size: 15px;
  font-weight: 600;
}

@keyframes _root-module-scss-module__QF53oW__skelShimmer {
  100% {
    background-position: 100% 0;
  }
}

._root-module-scss-module__QF53oW__skelCircle {
  border-radius: 9999px;
  width: 44px;
  height: 44px;
}

._root-module-scss-module__QF53oW__skelGraph {
  border-radius: 10px;
  width: 200px;
  height: 56px;
}

._root-module-scss-module__QF53oW__skelBtn {
  border-radius: 10px;
  width: 120px;
  height: 36px;
}

._root-module-scss-module__QF53oW__skelDonut {
  border-radius: 9999px;
  width: 44px;
  height: 44px;
}

._root-module-scss-module__QF53oW__w40 {
  width: 40%;
}

._root-module-scss-module__QF53oW__w50 {
  width: 50%;
}

._root-module-scss-module__QF53oW__w60 {
  width: 60%;
}

._root-module-scss-module__QF53oW__w80 {
  width: 80%;
}

._root-module-scss-module__QF53oW__mt4 {
  margin-top: 4px;
}

._root-module-scss-module__QF53oW__mt6 {
  margin-top: 6px;
}

._root-module-scss-module__QF53oW__mt8 {
  margin-top: 8px;
}

._root-module-scss-module__QF53oW__mr8 {
  margin-right: 8px;
}

._root-module-scss-module__QF53oW__gap6 {
  gap: 6px;
}

._root-module-scss-module__QF53oW__VPSoverviewGrid3x2 {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  display: grid;
}

._root-module-scss-module__QF53oW__VPSoverviewGrid3x2 ._root-module-scss-module__QF53oW__VPSoverviewCard {
  background: var(--primary-color-white);
  border-radius: var(--border-radius-md);
  border: 1px solid #e5e7eb;
  flex-direction: column;
  gap: 6px;
  padding: 16px;
  display: flex;
}

._root-module-scss-module__QF53oW__VPSoverviewGrid3x2 ._root-module-scss-module__QF53oW__VPSoverviewCard label {
  color: #888;
  margin-bottom: 2px;
  font-size: 14px;
  display: block;
}

._root-module-scss-module__QF53oW__VPSoverviewGrid3x2 ._root-module-scss-module__QF53oW__VPSoverviewCard span {
  color: #111827;
  font-size: 14px;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__tonePrimary {
  color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__toneSecondary {
  color: var(--secondary-color-blue);
}

._root-module-scss-module__QF53oW__toneTertiary {
  color: var(--tertiary-color-blue);
}

._root-module-scss-module__QF53oW__SparkStroke {
  stroke: var(--primary-color-blue);
  stroke-width: 2px;
}

._root-module-scss-module__QF53oW__RingWrap {
  align-items: center;
  gap: 12px;
  display: flex;
}

._root-module-scss-module__QF53oW__Ring {
  --value: 0%;
  background: conic-gradient(currentColor var(--value), #eef2ff 0);
  width: 44px;
  height: 44px;
  color: var(--primary-color-blue);
  border-radius: 9999px;
  position: relative;
}

._root-module-scss-module__QF53oW__Ring:after {
  content: "";
  background: #fff;
  border-radius: 9999px;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
}

._root-module-scss-module__QF53oW__RingInfo {
  flex-direction: column;
  line-height: 1.15;
  display: flex;
}

._root-module-scss-module__QF53oW__RingInfo strong {
  color: #111827;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__RingInfo small {
  color: #6b7280;
  font-size: 12px;
}

._root-module-scss-module__QF53oW__QuickActionsSection {
  border-top: 1px solid #f3f4f6;
  padding-top: 24px;
}

._root-module-scss-module__QF53oW__QuickActionsTitle {
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin: 0 0 16px;
  font-size: 14px;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__QuickActionsGrid {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  display: grid;
}

@media (max-width: 640px) {
  ._root-module-scss-module__QF53oW__QuickActionsGrid {
    grid-template-columns: 1fr;
  }
}

._root-module-scss-module__QF53oW__QuickActionBtn {
  cursor: pointer;
  background: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

._root-module-scss-module__QF53oW__QuickActionBtn svg {
  color: var(--primary-color-blue);
  flex-shrink: 0;
  font-size: 18px;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

._root-module-scss-module__QF53oW__QuickActionBtn span {
  color: #374151;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__QuickActionBtn:hover {
  border-color: var(--primary-color-blue);
  background: #f9fafb;
  transform: translateX(2px);
}

._root-module-scss-module__QF53oW__QuickActionBtn:hover svg {
  color: var(--secondary-color-blue);
}

._root-module-scss-module__QF53oW__QuickActionBtn:hover span {
  color: #111827;
}

._root-module-scss-module__QF53oW__QuickActionBtn:active {
  transform: translateX(0);
}

._root-module-scss-module__QF53oW__QuickActionBtn:focus-visible {
  box-shadow: 0 0 0 3px var(--tertiary-color-blue-fade);
  outline: none;
}

._root-module-scss-module__QF53oW__VPSoverviewGrid3Blocks {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  display: grid;
}

._root-module-scss-module__QF53oW__VPSoverviewGrid3Blocks ._root-module-scss-module__QF53oW__VPSoverviewCard {
  background: var(--primary-color-white);
  border-radius: var(--border-radius-md);
  text-align: center;
  border: 1px solid #e5e7eb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

._root-module-scss-module__QF53oW__VPSoverviewGrid3Blocks ._root-module-scss-module__QF53oW__VPSoverviewCard label {
  color: #888;
  margin-bottom: 8px;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__VPSoverviewGrid3Blocks ._root-module-scss-module__QF53oW__VPSoverviewCard span {
  color: #111827;
  font-size: 18px;
  font-weight: 700;
  display: block;
}

._root-module-scss-module__QF53oW__VPSoverviewTwoColumns {
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  display: grid;
}

._root-module-scss-module__QF53oW__VPSoverviewDetailsCard {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

._root-module-scss-module__QF53oW__VPSoverviewDetailsCard h3 {
  color: #111827;
  border-bottom: 1px solid #f3f4f6;
  padding: 16px 20px;
  font-size: 1rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__VPSoverviewDetailsCard ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

._root-module-scss-module__QF53oW__VPSoverviewDetailsCard ul li {
  border-bottom: 1px solid #f3f4f6;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  display: flex;
}

._root-module-scss-module__QF53oW__VPSoverviewDetailsCard ul li:last-child {
  border-bottom: none;
}

._root-module-scss-module__QF53oW__VPSoverviewDetailsCard ul li label {
  color: #6b7280;
  font-size: .875rem;
}

._root-module-scss-module__QF53oW__VPSoverviewDetailsCard ul li span {
  color: #111827;
  font-size: .875rem;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__VPSoverviewDetailsCard ul li span a {
  color: var(--primary-color-blue);
  margin-left: 4px;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__VPSoverviewDetailsCard ul li span a:hover {
  text-decoration: underline;
}

._root-module-scss-module__QF53oW__Skeleton {
  border-radius: var(--border-radius-md);
  background: linear-gradient(90deg, #f6f7f8 25%, #edeef1 37%, #f6f7f8 63%) 0 0 / 400% 100%;
  height: 120px;
  animation: 1.2s infinite _root-module-scss-module__QF53oW__shimmer;
}

@keyframes _root-module-scss-module__QF53oW__shimmer {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

._root-module-scss-module__QF53oW__ErrorBox {
  color: #991b1b;
  background: #fee2e2;
  border: 1px solid #fecaca;
  border-radius: 10px;
  padding: 12px 14px;
}

@media (max-width: 1024px) {
  ._root-module-scss-module__QF53oW__VPSoverviewHeaderTop {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  ._root-module-scss-module__QF53oW__VPSoverviewGrid3x2 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }

  ._root-module-scss-module__QF53oW__VPSoverviewGrid3Blocks, ._root-module-scss-module__QF53oW__VPSoverviewTwoColumns {
    grid-template-columns: 1fr;
  }
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_container_default_width {
  font-family: var(--font-family, "Poppins", sans-serif);
  color: var(--dark-color);
  min-height: 100vh;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_settings_header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_settings_header h1 {
  font-size: 1.5rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_browser_terminal {
  border: 1px solid var(--primary-color-gray);
  background: var(--primary-color-white);
  padding: var(--padding-classic) var(--padding-classic2);
  color: var(--sixqutary-color-gray);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  transition: var(--transitionFast);
  font-size: .75rem;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_browser_terminal:hover {
  border-color: var(--primary-color-blue);
  color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_settings_tabs {
  gap: var(--padding-classic);
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_tab {
  background-color: var(--seventary-color-gray);
  color: var(--sixqutary-color-gray);
  padding: var(--padding-classic);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  transition: var(--transitionFast);
  border: 1px solid rgba(0, 0, 0, 0);
  font-size: .75rem;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_tab_active {
  background-color: var(--primary-color-white);
  border-color: var(--primary-color-blue);
  color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_tab_panel {
  gap: var(--padding-classic4);
  flex-direction: column;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_change_password, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_configurations, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_container, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_emergency_container, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_container {
  background: var(--primary-color-white);
  border: 1px solid var(--quartenary-color-gray);
  border-radius: var(--border-radius-xl);
  padding: var(--padding-classic2);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_change_password h2, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_configurations h2, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers h2, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_header h2, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_emergency_header h2, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_header h2 {
  margin-bottom: var(--padding-classic);
  font-size: 1.125rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_change_password p, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_configurations p, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers p {
  color: var(--sixqutary-color-gray);
  font-size: .75rem;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group {
  gap: var(--padding-classic);
  margin-top: var(--padding-classic2);
  flex-direction: row;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group input, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group textarea {
  border: 1px solid var(--primary-color-gray);
  padding: var(--padding-classic);
  border-radius: var(--border-radius-md);
  outline: none;
  flex: 1;
  font-size: .75rem;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group input:focus, ._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group textarea:focus {
  border-color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn {
  background-color: var(--primary-color-blue);
  color: var(--primary-color-white);
  border-radius: var(--border-radius-md);
  padding: var(--padding-classic);
  cursor: pointer;
  border: none;
  font-size: .75rem;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn:hover {
  background-color: var(--secondary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_outline {
  background: var(--primary-color-white);
  border: 1px solid var(--primary-color-gray);
  color: var(--sixqutary-color-gray);
  border-radius: var(--border-radius-md);
  padding: var(--padding-classic);
  cursor: pointer;
  font-size: .75rem;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_outline:hover {
  border-color: var(--primary-color-blue);
  color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_config_list {
  margin-top: var(--padding-classic2);
  flex-direction: column;
  gap: 1rem;
  padding: 0;
  list-style: none;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_config_list li {
  border-top: 1px solid var(--seventary-color-gray);
  justify-content: space-between;
  align-items: center;
  padding-top: .5rem;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_config_list li ._root-module-scss-module__QF53oW__NetvoloVpsSetting_icon {
  border: 1px solid var(--primary-color-gray);
  background-color: #f8f8f8;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_config_list li ._root-module-scss-module__QF53oW__NetvoloVpsSetting_icon img {
  width: 24px;
  height: 24px;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_config_list li ._root-module-scss-module__QF53oW__NetvoloVpsSetting_text {
  margin-left: 1rem;
  margin-right: auto;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_config_list li ._root-module-scss-module__QF53oW__NetvoloVpsSetting_text h3 {
  margin-bottom: .25rem;
  font-size: .875rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_config_list li:first-child {
  border-top: none;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_radio_group {
  margin-top: var(--padding-classic2);
  gap: calc(var(--padding-classic2) / 2);
  flex-direction: column;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_radio_group label {
  align-items: center;
  gap: var(--padding-classic);
  font-size: .75rem;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_save {
  background-color: var(--primary-color-green);
  color: var(--primary-color-white);
  border-radius: var(--border-radius-md);
  padding: var(--padding-classic);
  border: none;
  align-self: flex-start;
  font-size: .75rem;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_save:hover {
  background-color: #059669;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_emergency_action {
  margin-top: var(--padding-classic2);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_emergency {
  background-color: var(--warning-color);
  color: var(--primary-color-white);
  padding: var(--padding-classic);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  border: none;
  font-size: .75rem;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_emergency:hover {
  background-color: #d97706;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_notice {
  margin-top: var(--padding-classic);
  color: var(--warning-color);
  font-size: .75rem;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_list {
  margin-top: var(--padding-classic2);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_card {
  border: 1px solid var(--quartenary-color-gray);
  background: var(--tertiary-color-white);
  border-radius: var(--border-radius-md);
  padding: var(--padding-classic2);
  margin-bottom: var(--padding-classic2);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_info {
  flex-direction: column;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_info strong {
  margin-bottom: var(--padding-classic);
  font-size: .75rem;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_info code {
  background: var(--seventary-color-gray);
  border-radius: var(--border-radius-sm);
  padding: .25rem .5rem;
  font-size: .625rem;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_delete {
  background-color: var(--primary-color-white);
  border: 1px solid var(--secondary-color-red);
  color: var(--secondary-color-red);
  border-radius: var(--border-radius-md);
  padding: var(--padding-classic);
  font-size: .725rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_delete:hover {
  cursor: pointer;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_add h3 {
  margin-bottom: var(--padding-classic2);
  border: 1px solid var(--primary-color-blue);
  font-size: .875rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_add ._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group {
  gap: var(--padding-classic);
  flex-direction: column;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_add {
  margin-top: var(--padding-classic2);
  background-color: var(--tertiary-color-blue);
  color: var(--primary-color-white);
  padding: var(--padding-classic);
  border-radius: var(--border-radius-md);
  border: none;
  font-size: .75rem;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group {
  margin-top: var(--padding-classic2);
  align-items: stretch;
  gap: 0;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group input {
  height: 44px;
  padding: 0 var(--padding-classic2);
  color: var(--dark-color);
  border: 1px solid var(--primary-color-gray);
  border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
  background-color: var(--primary-color-white);
  border-right: 0;
  outline: none;
  flex: 1;
  font-size: .75rem;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group input::placeholder {
  color: var(--sixqutary-color-gray);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group input:focus {
  border-color: var(--primary-color-blue);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .1);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group ._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_icon {
  background: var(--primary-color-white);
  width: 44px;
  height: 44px;
  color: var(--primary-color-blue);
  border: 1px solid var(--primary-color-gray);
  cursor: pointer;
  transition: var(--transitionFast);
  border-left: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group ._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_icon:hover {
  background: var(--seventary-color-gray);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group ._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_icon svg {
  width: 18px;
  height: 18px;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group ._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn {
  height: 44px;
  padding: 0 var(--padding-classic2);
  border: 1px solid var(--primary-color-blue);
  background-color: var(--primary-color-blue);
  color: var(--primary-color-white);
  border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
  cursor: pointer;
  transition: var(--transitionFast);
  font-size: .75rem;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group ._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn:hover {
  background-color: var(--secondary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_input_group ._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_strength {
  align-items: center;
  gap: var(--padding-classic);
  margin: var(--padding-classic) 0;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_strength_bar {
  border-radius: var(--border-radius-xl);
  background: var(--seventary-color-gray);
  flex: 1;
  height: 6px;
  position: relative;
  overflow: hidden;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_strength_bar:after {
  content: "";
  background-color: var(--primary-color-red);
  width: 0%;
  transition: width .2s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_strength_bar._root-module-scss-module__QF53oW__s0:after {
  background-color: var(--primary-color-red);
  width: 10%;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_strength_bar._root-module-scss-module__QF53oW__s1:after {
  background-color: var(--warning-color);
  width: 25%;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_strength_bar._root-module-scss-module__QF53oW__s2:after {
  background-color: var(--tertiary-color-orange);
  width: 50%;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_strength_bar._root-module-scss-module__QF53oW__s3:after {
  background-color: var(--primary-color-green);
  width: 75%;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_strength_bar._root-module-scss-module__QF53oW__s4:after {
  background-color: var(--primary-color-green);
  width: 100%;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_strength_label {
  color: var(--sixqutary-color-gray);
  text-align: right;
  min-width: 64px;
  font-size: .75rem;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_checklist {
  gap: var(--padding-classic) var(--padding-classic2);
  margin-top: var(--padding-classic);
  grid-template-columns: 1fr 1fr;
  padding: 0;
  list-style: none;
  display: grid;
}

@media (max-width: 600px) {
  ._root-module-scss-module__QF53oW__NetvoloVpsSetting_checklist {
    grid-template-columns: 1fr;
  }
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_check {
  align-items: center;
  gap: var(--padding-classic);
  color: var(--dark-color);
  font-size: .25rem;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_check._root-module-scss-module__QF53oW__ko {
  opacity: .8;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_check_icon {
  width: 16px;
  height: 16px;
  color: var(--primary-color-green);
  background-color: rgba(16, 185, 129, .1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_checklist {
  color: var(--dark-color);
  cursor: pointer;
  font-weight: 500;
  font-size: .75rem !important;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers {
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 20px;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers h2 {
  margin-bottom: 4px;
  font-size: 18px;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers p {
  color: #666;
  margin-bottom: 16px;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers ._root-module-scss-module__QF53oW__NetvoloVpsSetting_radio_group {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers ._root-module-scss-module__QF53oW__NetvoloVpsSetting_radio_group label {
  cursor: pointer;
  color: #333;
  align-items: center;
  font-size: 14px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers ._root-module-scss-module__QF53oW__NetvoloVpsSetting_radio_group label input {
  margin-right: 8px;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers ._root-module-scss-module__QF53oW__NetvoloVpsSetting_dns_inputs {
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers ._root-module-scss-module__QF53oW__NetvoloVpsSetting_dns_inputs label {
  color: #444;
  margin-bottom: 4px;
  font-size: 13px;
  display: block;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers ._root-module-scss-module__QF53oW__NetvoloVpsSetting_dns_inputs input {
  border: 1px solid #ccc;
  border-radius: 6px;
  outline: none;
  width: 100%;
  padding: 8px 10px;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers ._root-module-scss-module__QF53oW__NetvoloVpsSetting_dns_inputs input:focus {
  border-color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers ._root-module-scss-module__QF53oW__NetvoloVpsSetting_dns_inputs p {
  color: #777;
  margin-top: 4px;
  font-size: 12px;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers ._root-module-scss-module__QF53oW__NetvoloVpsSetting_save_btn {
  background: var(--primary-color-blue);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 14px;
  transition: background .2s;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_card_dns_resolvers ._root-module-scss-module__QF53oW__NetvoloVpsSetting_save_btn:hover {
  background: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloTabs_tab {
  color: var(--color-dark-gray);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  padding-bottom: 4px;
  text-decoration: none;
}

._root-module-scss-module__QF53oW__NetvoloTabs_tab[aria-selected="true"], ._root-module-scss-module__QF53oW__NetvoloTabs_tab[data-selected="true"] {
  color: var(--primary-color-blue);
  border-bottom-color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_table_wrap {
  width: 100%;
  overflow-x: auto;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_table {
  border-collapse: separate;
  border-spacing: 0;
  background: var(--primary-color-white);
  border: 1px solid var(--quartenary-color-gray);
  border-radius: var(--border-radius-xl);
  width: 100%;
  font-size: .75rem;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_table thead th {
  text-align: left;
  color: var(--secondary-color-gray);
  border-bottom: 1px solid var(--quartenary-color-gray);
  padding: 12px 14px;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_table thead th:first-child {
  border-top-left-radius: var(--border-radius-xl);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_table thead th:last-child {
  border-top-right-radius: var(--border-radius-xl);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_table tbody td {
  border-bottom: 1px solid var(--quartenary-color-gray);
  vertical-align: middle;
  padding: 14px;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_table tbody tr:last-child td {
  border-bottom: 0;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_code {
  background: var(--tertiary-color-white);
  border: 1px solid var(--primary-color-gray);
  border-radius: var(--border-radius-sm);
  color: var(--dark-color);
  padding: 2px 6px;
  font-size: .72rem;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_rdns {
  color: var(--dark-color);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_actions_col {
  white-space: nowrap;
  width: 1%;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_actions {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_actions ._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_outline {
  width: 10rem;
  padding: 8px 22px;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_actions ._root-module-scss-module__QF53oW__NetvoloVpsSetting_btn_delete {
  width: 10rem;
  padding: 8px 12px;
}

@media (max-width: 720px) {
  ._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_table thead {
    display: none;
  }

  ._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_table tbody tr {
    border-bottom: 1px solid var(--quartenary-color-gray);
    grid-template-columns: 1fr;
    row-gap: 8px;
    padding: 12px 14px;
    display: grid;
  }

  ._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_table tbody tr:last-child {
    border-bottom: 0;
  }

  ._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_table tbody td {
    border: 0;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    display: flex;
  }

  ._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_table tbody td:before {
    content: attr(data-label);
    color: var(--sixqutary-color-gray);
    margin-right: 12px;
    font-weight: 600;
  }

  ._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_actions {
    justify-content: flex-end;
    gap: 6px;
  }

  ._root-module-scss-module__QF53oW__NetvoloVpsSetting_ip_actions button {
    padding: 6px 10px;
    font-size: .7rem;
  }
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_container {
  background: #fff;
  border-radius: 16px;
  width: 820px;
  max-width: calc(100vw - 32px);
  padding: 20px 20px 16px;
  position: relative;
}

._root-module-scss-module__QF53oW__NetvoloModal_body {
  background: #fff;
  border-radius: 12px;
  padding: 10px 12px;
}

._root-module-scss-module__QF53oW__NetvoloModal_checkboxRow input {
  width: 18px;
  height: 18px;
  accent-color: var(--primary-color-blue);
  margin-top: 2px;
}

._root-module-scss-module__QF53oW__NetvoloModal_btnDanger {
  background: var(--primary-color-blue);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  padding: 10px 16px;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloModal_checkboxRow {
  color: #7a271a;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloModal_checkboxRow input[type="checkbox"] {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

._root-module-scss-module__QF53oW__NetvoloModal_checkboxCustom {
  background: #fff;
  border: 2px solid #fa8a82;
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition: background .2s, border-color .2s;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloModal_checkboxIcon {
  color: #fff;
  width: 14px;
  height: 14px;
}

._root-module-scss-module__QF53oW__NetvoloModal_checkboxRow input[type="checkbox"]:checked + ._root-module-scss-module__QF53oW__NetvoloModal_checkboxCustom {
  background: #fa8a82;
  border-color: #fa8a82;
}

._root-module-scss-module__QF53oW__NetvoloModal_checkboxLabel {
  line-height: 1.4;
}

._root-module-scss-module__QF53oW__NetvoloModal_header h2 {
  color: #101828;
  margin: 0 24px 6px 0;
  font-size: 18px;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloModal_subtitle {
  color: #667085;
  margin: 0 0 16px;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__NetvoloModal_field {
  margin-bottom: 8px;
}

._root-module-scss-module__QF53oW__NetvoloModal_input {
  border: 1.5px solid #e4e7ec;
  border-radius: 10px;
  outline: none;
  width: 100%;
  padding: 12px 14px;
  font-size: 14px;
  transition: border-color .15s, box-shadow .15s;
}

._root-module-scss-module__QF53oW__NetvoloModal_input:focus {
  border-color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__isError {
  border-color: #f04438;
}

._root-module-scss-module__QF53oW__NetvoloModal_hintError {
  color: #f04438;
  margin-top: 6px;
  font-size: 12px;
}

._root-module-scss-module__QF53oW__NetvoloModal_tips {
  color: #667085;
  gap: 28px;
  margin: 12px 0 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloModal_tips li {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__NetvoloModal_tipDot {
  background: #d0d5dd;
  border-radius: 999px;
  width: 8px;
  height: 8px;
}

._root-module-scss-module__QF53oW__NetvoloModal_footer {
  justify-content: flex-end;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloModal_btnCancel {
  color: var(--primary-color-blue);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 10px 12px;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__NetvoloModal_btnPrimary {
  background: var(--primary-color-blue);
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  padding: 10px 16px;
  font-weight: 600;
  transition: opacity .2s;
}

._root-module-scss-module__QF53oW__NetvoloModal_close {
  color: #667085;
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 20px;
  position: absolute;
  top: 10px;
  right: 12px;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_empty_state {
  padding: var(--padding-classic4) var(--padding-classic2);
  background: var(--primary-color-white);
  border: 1px solid var(--quartenary-color-gray);
  border-radius: var(--border-radius-xl);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 320px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_empty_state ._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_icon {
  background: var(--seventary-color-gray);
  width: 80px;
  height: 80px;
  margin-bottom: var(--padding-classic2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_empty_state ._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_icon img {
  opacity: .8;
  width: 36px;
  height: 36px;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_empty_state h2 {
  margin-bottom: var(--padding-classic);
  color: var(--dark-color);
  font-size: 1.125rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_empty_state p {
  color: var(--sixqutary-color-gray);
  margin-bottom: var(--padding-classic2);
  max-width: 380px;
  font-size: .85rem;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_empty_state ._root-module-scss-module__QF53oW__NetvoloVpsSetting_save_btn {
  background-color: var(--primary-color-blue);
  color: var(--primary-color-white);
  border-radius: var(--border-radius-md);
  padding: var(--padding-classic) var(--padding-classic2);
  cursor: pointer;
  transition: background-color var(--transitionFast);
  border: none;
  font-size: .85rem;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_empty_state ._root-module-scss-module__QF53oW__NetvoloVpsSetting_save_btn:hover {
  background-color: var(--secondary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_empty_state ._root-module-scss-module__QF53oW__NetvoloVpsSetting_link_help {
  margin-top: var(--padding-classic);
  color: var(--primary-color-blue);
  font-size: .75rem;
  text-decoration: none;
  display: inline-block;
}

._root-module-scss-module__QF53oW__NetvoloVpsSetting_ssh_empty_state ._root-module-scss-module__QF53oW__NetvoloVpsSetting_link_help:hover {
  text-decoration: underline;
}

._root-module-scss-module__QF53oW__NetvoloSSHModal {
  width: 1100px;
  max-width: calc(100vw - 32px);
}

._root-module-scss-module__QF53oW__NetvoloSSHModal_content {
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  min-height: 360px;
  margin-top: 8px;
  display: grid;
}

@media (max-width: 720px) {
  ._root-module-scss-module__QF53oW__NetvoloSSHModal_content {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

._root-module-scss-module__QF53oW__NetvoloSSHModal_left {
  flex-direction: column;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloSSHModal_left ._root-module-scss-module__QF53oW__NetvoloModal_header h2 {
  margin-bottom: 6px;
}

._root-module-scss-module__QF53oW__NetvoloSSHModal_left ._root-module-scss-module__QF53oW__NetvoloModal_subtitle {
  margin-bottom: 14px;
}

._root-module-scss-module__QF53oW__NetvoloSSHModal_left ._root-module-scss-module__QF53oW__NetvoloModal_field + ._root-module-scss-module__QF53oW__NetvoloModal_field {
  margin-top: 10px;
}

._root-module-scss-module__QF53oW__NetvoloSSHModal_left textarea._root-module-scss-module__QF53oW__NetvoloModal_input {
  resize: vertical;
  white-space: pre-wrap;
  min-height: 120px;
  line-height: 1.45;
}

._root-module-scss-module__QF53oW__NetvoloSSHModal_right {
  border-left: 1px solid var(--quartenary-color-gray);
  color: var(--sixqutary-color-gray);
  max-height: 420px;
  padding-left: 20px;
  overflow: auto;
}

@media (max-width: 720px) {
  ._root-module-scss-module__QF53oW__NetvoloSSHModal_right {
    border-left: 0;
    border-top: 1px solid var(--quartenary-color-gray);
    max-height: none;
    padding-top: 16px;
    padding-left: 0;
    overflow: visible;
  }
}

._root-module-scss-module__QF53oW__NetvoloSSHModal_right h3 {
  color: var(--dark-color);
  margin: 0 0 6px;
  font-size: 1rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloSSHModal_right h4 {
  color: var(--dark-color);
  margin: 16px 0 6px;
  font-size: .95rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloSSHModal_right p {
  margin: 0 0 12px;
  line-height: 1.5;
}

._root-module-scss-module__QF53oW__NetvoloStepList {
  gap: 14px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

._root-module-scss-module__QF53oW__NetvoloStepItem {
  grid-template-columns: 28px 1fr;
  align-items: start;
  gap: 10px;
  display: grid;
}

._root-module-scss-module__QF53oW__NetvoloStepIndex {
  width: 24px;
  height: 24px;
  color: var(--primary-color-blue);
  background: rgba(37, 99, 235, .12);
  border: 1px solid rgba(37, 99, 235, .18);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__NetvoloStepBody {
  color: var(--dark-color);
  font-size: .9rem;
}

._root-module-scss-module__QF53oW__NetvoloStepBody p {
  margin: 0 0 10px;
}

._root-module-scss-module__QF53oW__NetvoloStepBody strong {
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloStepBody em {
  font-style: italic;
}

._root-module-scss-module__QF53oW__NetvoloStepBody code {
  background: var(--seventary-color-gray);
  border: 1px solid var(--quartenary-color-gray);
  border-radius: 4px;
  padding: 0 4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

._root-module-scss-module__QF53oW__NetvoloCodeBlock {
  background: var(--seventary-color-gray);
  border: 1px solid var(--quartenary-color-gray);
  border-radius: 8px;
  margin: 8px 0 10px;
  padding: 10px 42px 10px 12px;
  display: block;
  position: relative;
}

._root-module-scss-module__QF53oW__NetvoloCode {
  color: var(--dark-color);
  white-space: nowrap;
  font-size: .82rem;
  display: block;
  overflow-x: auto;
}

._root-module-scss-module__QF53oW__NetvoloCopyBtn {
  border: 1px solid var(--primary-color-gray);
  background: var(--primary-color-white);
  cursor: pointer;
  width: 32px;
  height: 32px;
  transition: var(--transitionFast);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: 6px;
  right: 6px;
}

._root-module-scss-module__QF53oW__NetvoloCopyBtn svg {
  fill: var(--sixqutary-color-gray);
}

._root-module-scss-module__QF53oW__NetvoloCopyBtn:hover {
  border-color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloCopyBtn:hover svg {
  fill: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloCopyBtn:focus-visible {
  outline-offset: 2px;
  outline: 3px solid rgba(37, 99, 235, .25);
}

._root-module-scss-module__QF53oW__NetvoloCopyToast {
  background: var(--primary-color-blue);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: .72rem;
  transition: opacity .15s, transform .15s;
  position: absolute;
  top: 8px;
  right: 44px;
  transform: translateY(-4px);
}

._root-module-scss-module__QF53oW__NetvoloCopyToast[aria-hidden="false"] {
  opacity: 1;
  transform: translateY(0);
}

._root-module-scss-module__QF53oW__NetvoloSSHModal_right::-webkit-scrollbar {
  width: 2px;
}

._root-module-scss-module__QF53oW__NetvoloSSHModal_right::-webkit-scrollbar-thumb {
  background: var(--primary-color-gray);
  border-radius: 8px;
}

._root-module-scss-module__QF53oW__NetvoloSSHModal_right::-webkit-scrollbar-track {
  background: none;
}

._root-module-scss-module__QF53oW__EmailOverviewWrapper {
  font-family: var(--font-family);
  color: var(--secondary-color-gray);
  flex-direction: column;
  gap: 32px;
  display: flex;
}

._root-module-scss-module__QF53oW__EmailOverviewHeader {
  background: var(--primary-color-white);
  border-radius: var(--border-radius-lg);
  border: 1px solid #e5e7eb;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  display: flex;
}

._root-module-scss-module__QF53oW__EmailOverviewHeaderTop {
  grid-template-columns: 1fr 2fr auto;
  align-items: center;
  gap: 24px;
  display: grid;
}

._root-module-scss-module__QF53oW__EmailOverviewHeaderLeft {
  align-items: center;
  gap: 8px;
  display: flex;
}

._root-module-scss-module__QF53oW__EmailOverviewHeaderLeft ._root-module-scss-module__QF53oW__EmailIcon {
  width: 60px;
  height: 60px;
  color: var(--primary-color-blue);
  background: linear-gradient(135deg, #f0f7ff, #fff);
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-right: .5rem;
  padding: 12px;
  display: flex;
}

._root-module-scss-module__QF53oW__EmailOverviewHeaderLeft h2 {
  color: #111827;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__EmailOverviewHeaderLeft p {
  color: #6b7280;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 14px;
  display: flex;
}

._root-module-scss-module__QF53oW__EmailOverviewStatus {
  color: #15803d;
  background-color: #dcfce7;
  border-radius: 5px;
  margin-top: 2px;
  padding: 2px 12px;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
}

._root-module-scss-module__QF53oW__EmailOverviewStatusDisabled {
  color: #991b1b;
  background-color: #fee2e2;
}

._root-module-scss-module__QF53oW__EmailOverviewStatusPending {
  color: #92400e;
  background-color: #fef3c7;
}

._root-module-scss-module__QF53oW__EmailOverviewHeaderCenter {
  font-size: 14px;
}

._root-module-scss-module__QF53oW__EmailOverviewHeaderCenter label {
  color: #444;
  margin-bottom: 2px;
  font-size: 14px;
  display: block;
}

._root-module-scss-module__QF53oW__EmailOverviewHeaderCenter ._root-module-scss-module__QF53oW__CodeRow {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__EmailOverviewHeaderCenter code {
  color: #111;
  border-radius: 6px;
  margin: 4px 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 600;
  display: inline-block;
}

._root-module-scss-module__QF53oW__CopyBtn {
  cursor: pointer;
  color: var(--primary-color-blue);
  background: #f8f8f8;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 14px;
  transition: all .2s;
}

._root-module-scss-module__QF53oW__CopyBtn:hover {
  background: #e5e7eb;
}

._root-module-scss-module__QF53oW__EmailOverviewHeaderRight {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

._root-module-scss-module__QF53oW__EmailMetricsGrid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  display: grid;
}

._root-module-scss-module__QF53oW__EmailMetricCard {
  background: var(--primary-color-white);
  border-radius: var(--border-radius-lg);
  border: 1px solid #e5e7eb;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  display: flex;
}

._root-module-scss-module__QF53oW__MetricLabel {
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__MetricValue {
  color: #111827;
  align-items: baseline;
  gap: .5rem;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}

._root-module-scss-module__QF53oW__MetricLimit {
  color: #9ca3af;
  font-size: 15px;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__MetricFooter {
  color: #6b7280;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

._root-module-scss-module__QF53oW__MetricIcon {
  color: var(--primary-color-blue);
  align-items: center;
  display: flex;
}

._root-module-scss-module__QF53oW__RingContainer {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

._root-module-scss-module__QF53oW__Ring {
  background: conic-gradient(from 0deg, currentColor 0%, currentColor calc(var(--ring-percent) * 1%), #e5e7eb calc(var(--ring-percent) * 1%), #e5e7eb 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  position: relative;
}

._root-module-scss-module__QF53oW__RingInner {
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
}

._root-module-scss-module__QF53oW__RingOk {
  color: #10b981;
}

._root-module-scss-module__QF53oW__RingWarn {
  color: #f59e0b;
}

._root-module-scss-module__QF53oW__RingBad {
  color: #ef4444;
}

._root-module-scss-module__QF53oW__EmailDetailsGrid {
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 24px;
  display: grid;
}

._root-module-scss-module__QF53oW__EmailDetailsCard {
  background: var(--primary-color-white);
  border-radius: var(--border-radius-lg);
  border: 1px solid #e5e7eb;
  padding: 24px;
}

._root-module-scss-module__QF53oW__EmailDetailsCard h3 {
  color: #111827;
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__DetailsList {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

._root-module-scss-module__QF53oW__DetailRow {
  border-bottom: 1px solid #f3f4f6;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  display: flex;
}

._root-module-scss-module__QF53oW__DetailRow:last-child {
  border-bottom: none;
}

._root-module-scss-module__QF53oW__DetailLabel {
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__DetailValue {
  color: #111827;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__skel {
  background: #f3f4f6;
  position: relative;
  overflow: hidden;
}

._root-module-scss-module__QF53oW__skel:after {
  content: "";
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .65) 50%, rgba(255, 255, 255, 0) 100%) -100% 0 / 200% 100%;
  animation: 1.1s ease-in-out infinite _root-module-scss-module__QF53oW__skelShimmer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

._root-module-scss-module__QF53oW__skelLine {
  border-radius: 6px;
  height: 14px;
}

._root-module-scss-module__QF53oW__skelLineSm {
  border-radius: 6px;
  height: 10px;
}

._root-module-scss-module__QF53oW__skelBox {
  border-radius: 10px;
  height: 60px;
}

._root-module-scss-module__QF53oW__skelCard {
  border-radius: 12px;
  height: 120px;
}

._root-module-scss-module__QF53oW__EmailStatsControls {
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 24px;
  display: flex;
}

._root-module-scss-module__QF53oW__EmailStatsControl {
  flex: 300px;
  min-width: 200px;
}

._root-module-scss-module__QF53oW__EmailStatsLabel {
  color: #374151;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--font-family);
  margin-bottom: 8px;
  display: block;
}

._root-module-scss-module__QF53oW__EmailStatsSelect {
  width: 100%;
  font-size: 14px;
  font-family: var(--font-family);
  cursor: pointer;
  color: #111827;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 10px 14px;
  transition: all .2s;
}

._root-module-scss-module__QF53oW__EmailStatsSelect:hover {
  border-color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__EmailStatsSelect:focus {
  border-color: var(--primary-color-blue);
  box-shadow: 0 0 0 3px var(--tertiary-color-blue-fade);
  outline: none;
}

._root-module-scss-module__QF53oW__EmailStatsDateWrapper {
  position: relative;
}

._root-module-scss-module__QF53oW__EmailStatsDateInput {
  width: 100%;
  font-size: 14px;
  font-family: var(--font-family);
  cursor: pointer;
  color: #111827;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 10px 14px;
  transition: all .2s;
}

._root-module-scss-module__QF53oW__EmailStatsDateInput:hover {
  border-color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__EmailStatsDateInput:focus {
  border-color: var(--primary-color-blue);
  box-shadow: 0 0 0 3px var(--tertiary-color-blue-fade);
  outline: none;
}

._root-module-scss-module__QF53oW__EmailStatsDateInput::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
  width: 40px;
  height: 100%;
  position: absolute;
  right: 0;
}

._root-module-scss-module__QF53oW__EmailStatsDateInput::-webkit-inner-spin-button {
  display: none;
}

._root-module-scss-module__QF53oW__EmailStatsDateInput::-webkit-clear-button {
  display: none;
}

._root-module-scss-module__QF53oW__EmailStatsDateIcon {
  color: #6b7280;
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}

._root-module-scss-module__QF53oW__EmailStatsProgress {
  margin-top: 12px;
}

._root-module-scss-module__QF53oW__EmailStatsProgressInfo {
  color: #6b7280;
  font-size: 11px;
  font-family: var(--font-family);
  justify-content: space-between;
  margin-bottom: 6px;
  display: flex;
}

._root-module-scss-module__QF53oW__EmailStatsProgressBar {
  background: #f3f4f6;
  border-radius: 999px;
  width: 100%;
  height: 6px;
  overflow: hidden;
}

._root-module-scss-module__QF53oW__EmailStatsProgressFill {
  border-radius: 999px;
  height: 100%;
  transition: width .3s;
}

._root-module-scss-module__QF53oW__EmailStatsTableWrapper {
  overflow-x: auto;
}

._root-module-scss-module__QF53oW__EmailStatsTable {
  border-collapse: collapse;
  width: 100%;
  font-family: var(--font-family);
}

._root-module-scss-module__QF53oW__EmailStatsTable thead {
  background: #f9fafb;
}

._root-module-scss-module__QF53oW__EmailStatsTable thead tr {
  border-bottom: 1px solid #e5e7eb;
}

._root-module-scss-module__QF53oW__EmailStatsTable thead th {
  text-align: left;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--font-family);
  padding: 16px 20px;
}

._root-module-scss-module__QF53oW__EmailStatsTable tbody tr {
  border-bottom: 1px solid #f3f4f6;
  transition: background .2s;
}

._root-module-scss-module__QF53oW__EmailStatsTable tbody tr:last-child {
  border-bottom: none;
}

._root-module-scss-module__QF53oW__EmailStatsTable tbody tr:hover {
  background: #f9fafb;
}

._root-module-scss-module__QF53oW__EmailStatsTable tbody td {
  color: #374151;
  font-size: 14px;
  font-family: var(--font-family);
  padding: 16px 20px;
}

._root-module-scss-module__QF53oW__EmailStatsBadge {
  font-size: 11px;
  font-weight: 500;
  font-family: var(--font-family);
  border-radius: 4px;
  padding: 4px 8px;
  display: inline-block;
}

._root-module-scss-module__QF53oW__EmailStatsBadgeSuccess {
  color: #065f46;
  background: #d1fae5;
}

._root-module-scss-module__QF53oW__EmailStatsBadgeError {
  color: #991b1b;
  background: #fee2e2;
}

._root-module-scss-module__QF53oW__EmailStatsEmpty {
  text-align: center;
  font-family: var(--font-family);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 48px 24px;
}

._root-module-scss-module__QF53oW__EmailStatsEmpty h3 {
  color: #374151;
  margin: 16px 0 8px;
  font-size: 18px;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__EmailStatsEmpty p {
  color: #6b7280;
  margin: 0;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__EmailStatsEmptyIcon {
  color: #d1d5db;
  margin-bottom: 16px;
}

._root-module-scss-module__QF53oW__ErrorBox {
  color: #991b1b;
  font-family: var(--font-family);
  background: #fef2f2;
  border: 1px solid #fee2e2;
  border-radius: 8px;
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
  font-size: 14px;
}

@media (max-width: 1024px) {
  ._root-module-scss-module__QF53oW__EmailOverviewHeaderTop, ._root-module-scss-module__QF53oW__EmailMetricsGrid, ._root-module-scss-module__QF53oW__EmailDetailsGrid {
    grid-template-columns: 1fr;
  }

  ._root-module-scss-module__QF53oW__EmailStatsControls {
    flex-direction: column;
  }

  ._root-module-scss-module__QF53oW__EmailStatsControl {
    flex: auto;
    min-width: 100%;
  }
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_container {
  background: var(--primary-color-white);
  border: 1px solid var(--quartenary-color-gray);
  border-radius: var(--border-radius-xl);
  padding: .5rem;
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_header {
  justify-content: space-between;
  align-items: center;
  gap: var(--padding-classic);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  text-align: left;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
  width: 100%;
  padding: 10px 12px;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_title {
  color: var(--dark-color);
  font-size: .95rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_chevron {
  transition: transform var(--transitionFast);
  font-size: 1rem;
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_chevron[data-open="true"] {
  transform: rotate(180deg);
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_grid {
  margin-top: var(--padding-classic2);
  gap: var(--padding-classic2);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: .5rem;
  display: grid;
}

@media (max-width: 1024px) {
  ._root-module-scss-module__QF53oW__NetvoloResourceGrid_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  ._root-module-scss-module__QF53oW__NetvoloResourceGrid_grid {
    grid-template-columns: 1fr;
  }
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_card {
  background: var(--primary-color-white);
  border: 1px solid var(--quartenary-color-gray);
  border-radius: var(--border-radius-xl);
  grid-template-columns: 48px 1fr;
  align-items: center;
  gap: 12px;
  padding: 14px;
  display: grid;
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_iconWrap {
  border: 1px solid var(--primary-color-gray);
  background: #f5f3ff;
  border-radius: 12px;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_iconWrap img {
  width: 22px;
  height: 22px;
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_iconFallback {
  font-size: 18px;
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_cardTitle {
  color: var(--dark-color);
  margin: 0;
  font-size: .75rem;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_link {
  color: inherit;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  display: inline-flex;
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_link:hover {
  color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__NetvoloResourceGrid_extIcon {
  opacity: .9;
  width: 36px;
  color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__row {
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__justify-start {
  justify-content: flex-start;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__justify-center {
  justify-content: center;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__justify-end {
  justify-content: flex-end;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__justifyBetween {
  justify-content: space-between;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__justify-around {
  justify-content: space-around;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__justify-evenly {
  justify-content: space-evenly;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__align-start {
  align-items: flex-start;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__alignCenter {
  align-items: center;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__align-end {
  align-items: flex-end;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__align-stretch {
  align-items: stretch;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__align-baseline {
  align-items: baseline;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__alignSpacebetween {
  align-content: space-between;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__row-reverse {
  flex-direction: row-reverse;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__column {
  flex-direction: column;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__column-reverse {
  flex-direction: column-reverse;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__no-wrap {
  flex-wrap: nowrap;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__wrap-reverse {
  flex-wrap: wrap-reverse;
}

._root-module-scss-module__QF53oW__col-42 {
  flex: 0 0 42%;
  max-width: 42%;
}

._root-module-scss-module__QF53oW__col-58 {
  flex: 0 0 58%;
  max-width: 58%;
}

@media screen and (max-width: 768px) {
  ._root-module-scss-module__QF53oW__col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  ._root-module-scss-module__QF53oW__col-sm-2 {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }

  ._root-module-scss-module__QF53oW__col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  ._root-module-scss-module__QF53oW__col-sm-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  ._root-module-scss-module__QF53oW__col-sm-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }

  ._root-module-scss-module__QF53oW__col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  ._root-module-scss-module__QF53oW__col-sm-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }

  ._root-module-scss-module__QF53oW__col-sm-8 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }

  ._root-module-scss-module__QF53oW__col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  ._root-module-scss-module__QF53oW__col-sm-10 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }

  ._root-module-scss-module__QF53oW__col-sm-11 {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }

  ._root-module-scss-module__QF53oW__col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  ._root-module-scss-module__QF53oW__col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  ._root-module-scss-module__QF53oW__col-md-2 {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }

  ._root-module-scss-module__QF53oW__col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  ._root-module-scss-module__QF53oW__col-md-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  ._root-module-scss-module__QF53oW__col-md-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }

  ._root-module-scss-module__QF53oW__col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  ._root-module-scss-module__QF53oW__col-md-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }

  ._root-module-scss-module__QF53oW__col-md-8 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }

  ._root-module-scss-module__QF53oW__col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  ._root-module-scss-module__QF53oW__col-md-10 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }

  ._root-module-scss-module__QF53oW__col-md-11 {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }

  ._root-module-scss-module__QF53oW__col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 1280px) {
  ._root-module-scss-module__QF53oW__col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  ._root-module-scss-module__QF53oW__col-lg-2 {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }

  ._root-module-scss-module__QF53oW__col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  ._root-module-scss-module__QF53oW__col-lg-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  ._root-module-scss-module__QF53oW__col-lg-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }

  ._root-module-scss-module__QF53oW__col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  ._root-module-scss-module__QF53oW__col-lg-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }

  ._root-module-scss-module__QF53oW__col-lg-8 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }

  ._root-module-scss-module__QF53oW__col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  ._root-module-scss-module__QF53oW__col-lg-10 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }

  ._root-module-scss-module__QF53oW__col-lg-11 {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }

  ._root-module-scss-module__QF53oW__col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@keyframes _root-module-scss-module__QF53oW__fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes _root-module-scss-module__QF53oW__fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes _root-module-scss-module__QF53oW__fade-down {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes _root-module-scss-module__QF53oW__fade-left {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes _root-module-scss-module__QF53oW__fade-right {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

._root-module-scss-module__QF53oW__fadeIn {
  animation: .6s ease-out forwards _root-module-scss-module__QF53oW__fade-in;
}

._root-module-scss-module__QF53oW__fade-up {
  animation: .6s ease-out forwards _root-module-scss-module__QF53oW__fade-up;
}

._root-module-scss-module__QF53oW__fadeDown {
  animation: .6s ease-out forwards _root-module-scss-module__QF53oW__fade-down;
}

._root-module-scss-module__QF53oW__fadeLeft {
  animation: .6s ease-out forwards _root-module-scss-module__QF53oW__fade-left;
}

._root-module-scss-module__QF53oW__fade-right {
  animation: .6s ease-out forwards _root-module-scss-module__QF53oW__fade-right;
}

._root-module-scss-module__QF53oW__duration-sm {
  animation-duration: .3s !important;
}

._root-module-scss-module__QF53oW__duration-md {
  animation-duration: .6s !important;
}

._root-module-scss-module__QF53oW__duration-lg {
  animation-duration: 1s !important;
}

._root-module-scss-module__QF53oW__duration-xl {
  animation-duration: 1.5s !important;
}

._root-module-scss-module__QF53oW__delay-1 {
  animation-delay: .1s !important;
}

._root-module-scss-module__QF53oW__delay-2 {
  animation-delay: .2s !important;
}

._root-module-scss-module__QF53oW__delay-3 {
  animation-delay: .3s !important;
}

._root-module-scss-module__QF53oW__delay-4 {
  animation-delay: .4s !important;
}

._root-module-scss-module__QF53oW__delay-5 {
  animation-delay: .5s !important;
}

._root-module-scss-module__QF53oW__delay-6 {
  animation-delay: .6s !important;
}

._root-module-scss-module__QF53oW__delay-7 {
  animation-delay: .7s !important;
}

._root-module-scss-module__QF53oW__delay-8 {
  animation-delay: .8s !important;
}

._root-module-scss-module__QF53oW__delay-9 {
  animation-delay: .9s !important;
}

._root-module-scss-module__QF53oW__delay-10 {
  animation-delay: 1s !important;
}

:root {
  --layout-sidebar-width-expanded: 360px;
  --layout-sidebar-width-collapsed: 70px;
  --layout-chat-width: 360px;
  --layout-header-height: 75px;
  --primary-color-blue: #5897fe;
  --secondary-color-blue: #5594fc;
  --tertiary-color-blue: #3371e4;
  --quartenary-color-blue: #2d6ae0;
  --cinquetary-color-blue: #4679cb;
  --primary-color-white: #fff;
  --secondary-color-white: #fcfcfc;
  --tertiary-color-white: #fafafa;
  --primary-color-gray: #dadce0;
  --secondary-color-gray: #414141;
  --tertiary-color-gray: #d9d9d9;
  --quartenary-color-gray: #e3e3e3;
  --cinqutary-color-gray: #dfdfdf;
  --sixqutary-color-gray: #666;
  --seventary-color-gray: #f4f4f4;
  --tertiary-color-orange: rgba(255, 200, 122, .41);
  --tertiary-color-blue-fade: rgba(88, 152, 254, .56);
  --primary-color-trueblack: #000;
  --primary-color-green: #0d9d00;
  --primary-color-red: #ff3b30;
  --secondary-color-red: #ff6e67;
  --warning-color: #ffc107;
  --info-color: #17a2b8;
  --light-color: #f8f9fa;
  --dark-color: #343a40;
  --border-radius-sm: 4px;
  --border-radius-md: 9px;
  --border-radius-lg: 12px;
  --border-radius-xl: 16px;
  --border-radius-xxl: 24px;
  --border-radius-circle: 50%;
  --padding-classic: .7rem;
  --padding-classic2: 1.5rem;
  --padding-classic4: 3rem;
  --padding-classic-5: 30px;
  --box-shadow-sm: 0px 2px 4px rgba(0, 0, 0, .1);
  --box-shadow-md: 0px 4px 8px rgba(0, 0, 0, .15);
  --box-shadow-lg: 0px 6px 12px rgba(0, 0, 0, .2);
  --modal-width: 1100px;
  --modal-height: 639px auto;
  --modal-width2: 530px;
  --modal-height2: 390px;
  --font-family: "Poppins", sans-serif;
}

._root-module-scss-module__QF53oW__pinInputField input {
  border-radius: var(--border-radius-md);
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #ccc;
  width: calc(16.6667% - 8.33333px);
  height: 45px;
  padding: .3rem .6rem;
  font-size: 18px;
}

._root-module-scss-module__QF53oW__scaleSm {
  transform-origin: center;
  animation: .6s ease-out _root-module-scss-module__QF53oW__fade-down;
  transform: scale(.9) !important;
}

._root-module-scss-module__QF53oW__scaleXm {
  transform-origin: center;
  animation: .6s ease-out _root-module-scss-module__QF53oW__fade-down;
  transform: scale(.85) !important;
}

._root-module-scss-module__QF53oW__fontRegular, ._root-module-scss-module__QF53oW__testimonialUser ._root-module-scss-module__QF53oW__testimonialName, ._root-module-scss-module__QF53oW__sliderDescription, ._root-module-scss-module__QF53oW__sliderHeader {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

._root-module-scss-module__QF53oW__textxs, ._root-module-scss-module__QF53oW__testimonialUser ._root-module-scss-module__QF53oW__testimonialRole {
  font-size: 10px;
}

._root-module-scss-module__QF53oW__textS, ._root-module-scss-module__QF53oW__testimonialUser ._root-module-scss-module__QF53oW__testimonialName {
  font-size: 11px;
}

._root-module-scss-module__QF53oW__textSm, ._root-module-scss-module__QF53oW__sliderDescription {
  font-size: 14px;
}

._root-module-scss-module__QF53oW__textMd {
  font-size: 15px;
}

._root-module-scss-module__QF53oW__textBase {
  font-size: 16px;
}

._root-module-scss-module__QF53oW__textLg {
  font-size: 18px;
}

._root-module-scss-module__QF53oW__textXl {
  font-size: 20px;
}

._root-module-scss-module__QF53oW__textXxl {
  font-size: 24px;
}

._root-module-scss-module__QF53oW__textXxxl, ._root-module-scss-module__QF53oW__formHeader, ._root-module-scss-module__QF53oW__sliderTypedText {
  font-size: 30px;
}

._root-module-scss-module__QF53oW__colorWhite {
  color: var(--primary-color-white);
}

._root-module-scss-module__QF53oW__colorBlack {
  color: var(--primary-color-trueblack);
}

._root-module-scss-module__QF53oW__colorGray {
  color: var(--primary-color-gray);
}

._root-module-scss-module__QF53oW__colorDarkGray {
  color: var(--secondary-color-gray);
}

._root-module-scss-module__QF53oW__colorBluePrimary {
  color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__colorBlueSecondary {
  color: var(--secondary-color-blue);
}

._root-module-scss-module__QF53oW__colorBlueTertiary {
  color: var(--tertiary-color-blue);
}

._root-module-scss-module__QF53oW__colorBlueQuaternary {
  color: var(--quartenary-color-blue);
}

._root-module-scss-module__QF53oW__colorWarning {
  color: var(--warning-color);
}

._root-module-scss-module__QF53oW__colorInfo {
  color: var(--info-color);
}

._root-module-scss-module__QF53oW__colorLight {
  color: var(--light-color);
}

._root-module-scss-module__QF53oW__colorDark {
  color: var(--dark-color);
}

._root-module-scss-module__QF53oW__bgWhite {
  background-color: var(--primary-color-white);
}

._root-module-scss-module__QF53oW__bgBlack {
  background-color: var(--primary-color-trueblack);
}

._root-module-scss-module__QF53oW__bgGray {
  background-color: var(--primary-color-gray);
}

._root-module-scss-module__QF53oW__bgDarkGray {
  background-color: var(--secondary-color-gray);
}

._root-module-scss-module__QF53oW__bgBluePrimary {
  background-color: var(--primary-color-blue);
}

._root-module-scss-module__QF53oW__bgBlueSecondary {
  background-color: var(--secondary-color-blue);
}

._root-module-scss-module__QF53oW__bgBlueTertiary {
  background-color: var(--tertiary-color-blue);
}

._root-module-scss-module__QF53oW__bgBlueQuaternary {
  background-color: var(--quartenary-color-blue);
}

._root-module-scss-module__QF53oW__bgWarning {
  background-color: var(--warning-color);
}

._root-module-scss-module__QF53oW__bgInfo {
  background-color: var(--info-color);
}

._root-module-scss-module__QF53oW__bgLight {
  background-color: var(--light-color);
}

._root-module-scss-module__QF53oW__bgDark {
  background-color: var(--dark-color);
}

._root-module-scss-module__QF53oW__sepXs {
  margin-top: 4px;
}

._root-module-scss-module__QF53oW__sepSm {
  margin-top: 8px;
}

._root-module-scss-module__QF53oW__sepMd {
  margin-top: 16px;
}

._root-module-scss-module__QF53oW__sepLg {
  margin-top: 24px;
}

._root-module-scss-module__QF53oW__sepXl {
  margin-top: 32px;
}

._root-module-scss-module__QF53oW__sepXxl {
  margin-top: 48px;
}

._root-module-scss-module__QF53oW__sepXxxl {
  margin-top: 65px;
}

._root-module-scss-module__QF53oW__sepXxxxl {
  margin-top: 155px;
}

._root-module-scss-module__QF53oW__sepXxxxxl {
  margin-top: 255px;
}

._root-module-scss-module__QF53oW__radiusSm {
  border-radius: var(--border-radius-sm);
}

._root-module-scss-module__QF53oW__radiusMd {
  border-radius: var(--border-radius-md);
}

._root-module-scss-module__QF53oW__radiusLg {
  border-radius: var(--border-radius-lg);
}

._root-module-scss-module__QF53oW__radiusXl {
  border-radius: var(--border-radius-xl);
}

._root-module-scss-module__QF53oW__radiusXxl {
  border-radius: var(--border-radius-xxl);
}

._root-module-scss-module__QF53oW__radiusCircle {
  border-radius: var(--border-radius-circle);
}

._root-module-scss-module__QF53oW__shadowSm {
  box-shadow: var(--box-shadow-sm);
}

._root-module-scss-module__QF53oW__shadowMd {
  box-shadow: var(--box-shadow-md);
}

._root-module-scss-module__QF53oW__shadowLg {
  box-shadow: var(--box-shadow-lg);
}

._root-module-scss-module__QF53oW__transitionFast {
  transition: all .2s ease-in-out;
}

._root-module-scss-module__QF53oW__transitionMedium {
  transition: all .4s ease-in-out;
}

._root-module-scss-module__QF53oW__transitionSlow {
  transition: all .6s ease-in-out;
}

._root-module-scss-module__QF53oW__bluegradient {
  background: linear-gradient(90deg, #5695fc 0%, #2d6ae0 100%);
}

._root-module-scss-module__QF53oW__rederrorgradient {
  background: linear-gradient(90deg, rgba(224, 45, 48, .18) 0%, rgba(187, 46, 48, .18) 100%);
}

._root-module-scss-module__QF53oW__orangetgradient {
  background: linear-gradient(90deg, rgba(224, 140, 45, .18) 0%, rgba(187, 46, 48, .18) 100%);
}

._root-module-scss-module__QF53oW__greengradient {
  background: linear-gradient(0deg, #d1ffef, #a7fadd);
}

._root-module-scss-module__QF53oW__iconError {
  margin-left: auto;
}

._root-module-scss-module__QF53oW__selectedOnSidebar {
  background: linear-gradient(90deg, #5695fc 0%, #2d6ae0 100%);
  color: #fff !important;
}

._root-module-scss-module__QF53oW__Bactohome {
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
  left: 0;
  border-radius: 0 !important;
}

._root-module-scss-module__QF53oW__Bactohome a {
  color: var(--secondary-color-gray);
  align-items: center;
  gap: .5rem;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

._root-module-scss-module__QF53oW__selectedOnSidebar img {
  filter: brightness(0) saturate() invert();
}

._root-module-scss-module__QF53oW__selectedOnSidebar img, ._root-module-scss-module__QF53oW__rotateCliked {
  translate: 90deg;
}

._root-module-scss-module__QF53oW__alertBox {
  text-align: center;
  border-radius: .5rem;
  margin-bottom: 1rem;
  padding: 1rem;
  font-size: 14px;
  color: #000 !important;
}

._root-module-scss-module__QF53oW__success {
  background-color: #d1fae5;
  color: #000 !important;
}

._root-module-scss-module__QF53oW__warning {
  color: #065f46;
  background-color: #f5fff2;
}

._root-module-scss-module__QF53oW__error {
  color: #991b1b;
  background-color: #fee2e2;
}

._root-module-scss-module__QF53oW__checkboxEnhanced {
  cursor: pointer;
  border: 1px solid #444;
  border-radius: 8px;
  width: 18px;
  height: 18px;
  margin-right: .6rem;
}

._root-module-scss-module__QF53oW__bodyBlur {
  z-index: 1000;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: rgba(252, 252, 252, .51);
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
}

._root-module-scss-module__QF53oW__gap15 {
  gap: 25px;
}

._root-module-scss-module__QF53oW__ContainerMain {
  width: 100%;
  padding: 15px;
}

._root-module-scss-module__QF53oW__container_default {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._root-module-scss-module__QF53oW__container_default_width {
  box-sizing: border-box;
  width: 90%;
  max-width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

._root-module-scss-module__QF53oW__container_default_width::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

._root-module-scss-module__QF53oW__container_default_width::-webkit-scrollbar-track {
  display: none !important;
}

._root-module-scss-module__QF53oW__container_default_width::-webkit-scrollbar-thumb {
  display: none !important;
}

._root-module-scss-module__QF53oW__container_shieldprotection_width {
  box-sizing: border-box;
  width: 95%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  overflow-x: hidden;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

._root-module-scss-module__QF53oW__container_shieldprotection_width::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

._root-module-scss-module__QF53oW__container_shieldprotection_width::-webkit-scrollbar-track {
  display: none !important;
}

._root-module-scss-module__QF53oW__container_shieldprotection_width::-webkit-scrollbar-thumb {
  display: none !important;
}

._root-module-scss-module__QF53oW__container_default_billing {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._root-module-scss-module__QF53oW__container_default_billing_width {
  box-sizing: border-box;
  width: 88%;
  max-width: 100%;
  min-height: 70%;
  overflow-x: hidden;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

._root-module-scss-module__QF53oW__container_default_billing_width::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

._root-module-scss-module__QF53oW__container_default_billing_width::-webkit-scrollbar-track {
  display: none !important;
}

._root-module-scss-module__QF53oW__container_default_billing_width::-webkit-scrollbar-thumb {
  display: none !important;
}

._root-module-scss-module__QF53oW__container_default_dns_records_part {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._root-module-scss-module__QF53oW__container_default_dns_records_part_width {
  box-sizing: border-box;
  width: 92%;
  max-width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

._root-module-scss-module__QF53oW__container_default_dns_records_part_width::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

._root-module-scss-module__QF53oW__container_default_dns_records_part_width::-webkit-scrollbar-track {
  display: none !important;
}

._root-module-scss-module__QF53oW__container_default_dns_records_part_width::-webkit-scrollbar-thumb {
  display: none !important;
}

._root-module-scss-module__QF53oW__droppableActive {
  border: 2px dashed #3498db;
  border-radius: 4px;
}

._root-module-scss-module__QF53oW__disabled {
  opacity: .4;
  cursor: not-allowed;
  pointer-events: none;
}

._root-module-scss-module__QF53oW__overlay {
  justify-content: center;
  align-items: center;
  height: 200px;
  display: flex;
}

._root-module-scss-module__QF53oW__spinner {
  border: 4px solid rgba(0, 0, 0, .1);
  border-left-color: rgba(0, 0, 0, .4);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s linear infinite _root-module-scss-module__QF53oW__spin;
}

._root-module-scss-module__QF53oW__selectorCase {
  border-radius: var(--border-radius-xxl);
  display: flex;
  overflow: hidden;
}

._root-module-scss-module__QF53oW__selectorCase button {
  border-radius: 0;
  flex: 1;
}

._root-module-scss-module__QF53oW__usage_chartBox {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100px;
  margin: 0 12px;
  display: flex;
}

@media screen and (max-width: 1600px) {
  ._root-module-scss-module__QF53oW__hideLeftOnLarge {
    display: none !important;
  }

  ._root-module-scss-module__QF53oW__hundreadonresponsive {
    width: 100% !important;
  }

  ._root-module-scss-module__QF53oW__LoginAuthModal {
    justify-content: center;
    width: 100%;
    display: flex;
  }
}

@media screen and (max-width: 650px) {
  ._root-module-scss-module__QF53oW__hundreadonresponsive2 {
    width: 100% !important;
  }

  ._root-module-scss-module__QF53oW__container {
    box-shadow: none !important;
  }

  ._root-module-scss-module__QF53oW__rightContainer {
    max-width: 100%;
    padding: var(--padding-classic2);
    flex-basis: 100%;
  }

  ._root-module-scss-module__QF53oW__modal {
    width: var(--modal-width);
    height: var(--modal-height);
    background-color: var(--primary-color-white);
    border-radius: var(--border-radius-xl);
    box-shadow: var(--box-shadow-sm);
    margin: 2rem auto;
    overflow: hidden;
  }

  ._root-module-scss-module__QF53oW__hundreadonresponsive, ._root-module-scss-module__QF53oW__hundreadonresponsive2, ._root-module-scss-module__QF53oW__centeronresponsive {
    width: 100% !important;
  }

  ._root-module-scss-module__QF53oW__container {
    padding: 0 1rem;
  }

  ._root-module-scss-module__QF53oW__reducepading {
    padding: 4px !important;
  }

  ._root-module-scss-module__QF53oW__centeronresponsive {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    display: flex !important;
  }

  ._root-module-scss-module__QF53oW__container {
    padding: 0 1rem;
    max-width: 100% !important;
  }

  :root {
    --modal-width: 100%;
    --modal-height: auto;
  }
}

@media (max-width: 1200px) {
  ._root-module-scss-module__QF53oW__container_default_width, ._root-module-scss-module__QF53oW__container_default_billing_width {
    padding: 1rem;
    width: 100% !important;
  }

  ._root-module-scss-module__QF53oW__container_default_width {
    padding: 1rem;
    width: 100% !important;
    height: 100% !important;
  }

  ._root-module-scss-module__QF53oW__homepage_service_icon {
    display: none !important;
  }

  ._root-module-scss-module__QF53oW__footerSelector {
    margin-bottom: 3rem;
  }

  ._root-module-scss-module__QF53oW__billing_inv_tableWrapper {
    padding: .5rem;
    overflow-x: auto;
  }

  ._root-module-scss-module__QF53oW__billing_inv_table {
    min-width: 600px;
  }

  ._root-module-scss-module__QF53oW__actionList select {
    width: 100%;
  }

  ._root-module-scss-module__QF53oW__inputList {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  ._root-module-scss-module__QF53oW__searchWrapper, ._root-module-scss-module__QF53oW__actionList {
    width: 100%;
  }

  ._root-module-scss-module__QF53oW__actionList {
    flex-direction: column;
    gap: .5rem;
  }

  ._root-module-scss-module__QF53oW__actionList button {
    width: 100%;
  }

  ._root-module-scss-module__QF53oW__footerSelector {
    align-items: center;
    gap: .75rem;
    display: flex;
  }

  ._root-module-scss-module__QF53oW__footerSelector span, ._root-module-scss-module__QF53oW__billing_inv_table thead {
    display: none;
  }

  ._root-module-scss-module__QF53oW__billing_inv_table tbody tr {
    border: 1px solid var(--primary-color-gray);
    background: #fff;
    border-radius: 12px;
    flex-direction: column;
    margin-bottom: 1rem;
    display: flex;
    overflow: hidden;
  }

  ._root-module-scss-module__QF53oW__billing_inv_table tbody td {
    border-bottom: 1px solid var(--primary-color-gray);
    justify-content: space-between;
    padding: .75rem 1rem;
    font-size: 14px;
    display: flex;
  }

  ._root-module-scss-module__QF53oW__billing_inv_table tbody td:last-child {
    border-bottom: none;
  }

  ._root-module-scss-module__QF53oW__actionCellWrapper {
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  ._root-module-scss-module__QF53oW__renewBtn {
    text-align: center;
    flex-grow: 1;
  }
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Thin.5d555e0c.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-ThinItalic.62fe3ca0.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-ExtraLight.fd33a315.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-ExtraLightItalic.f9c0e16b.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Light.85c3ba51.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-LightItalic.826efc74.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Regular.59d7d3d1.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Italic.f2fba6e9.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Medium.692047cf.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-MediumItalic.a99a9f36.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-SemiBold.5acf1f0e.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-SemiBoldItalic.23ee4c98.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Bold.af020122.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-BoldItalic.bf767c8d.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-ExtraBold.5100d422.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-ExtraBoldItalic.1dd7b088.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-Black.d669f5b5.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: Poppins;
  src: url("../media/Poppins-BlackItalic.e3a9c1f8.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

._root-module-scss-module__QF53oW__fontThin {
  font-family: Poppins, sans-serif;
  font-weight: 100;
}

._root-module-scss-module__QF53oW__fontExtraLight {
  font-family: Poppins, sans-serif;
  font-weight: 200;
}

._root-module-scss-module__QF53oW__fontLight {
  font-family: Poppins, sans-serif;
  font-weight: 300;
}

._root-module-scss-module__QF53oW__fontRegular, ._root-module-scss-module__QF53oW__testimonialUser ._root-module-scss-module__QF53oW__testimonialName, ._root-module-scss-module__QF53oW__sliderDescription, ._root-module-scss-module__QF53oW__sliderHeader {
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

._root-module-scss-module__QF53oW__fontMedium, ._root-module-scss-module__QF53oW__formHeader, ._root-module-scss-module__QF53oW__formTitle, ._root-module-scss-module__QF53oW__sliderTypedText {
  font-family: Poppins, sans-serif;
  font-weight: 500;
}

._root-module-scss-module__QF53oW__fontSemiBold {
  font-family: Poppins, sans-serif;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__fontBold {
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

._root-module-scss-module__QF53oW__fontExtraBold {
  font-family: Poppins, sans-serif;
  font-weight: 800;
}

._root-module-scss-module__QF53oW__fontBlack {
  font-family: Poppins, sans-serif;
  font-weight: 900;
}

._root-module-scss-module__QF53oW__fontItalic {
  font-style: italic;
}

._root-module-scss-module__QF53oW__container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

._root-module-scss-module__QF53oW__flex {
  display: flex;
}

._root-module-scss-module__QF53oW__row, ._root-module-scss-module__QF53oW__modalLayout {
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__justify-start, ._root-module-scss-module__QF53oW__justify-start._root-module-scss-module__QF53oW__modalLayout {
  justify-content: flex-start;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__justify-center, ._root-module-scss-module__QF53oW__justify-center._root-module-scss-module__QF53oW__modalLayout {
  justify-content: center;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__justify-end, ._root-module-scss-module__QF53oW__justify-end._root-module-scss-module__QF53oW__modalLayout {
  justify-content: flex-end;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__justifyBetween, ._root-module-scss-module__QF53oW__justifyBetween._root-module-scss-module__QF53oW__modalLayout {
  justify-content: space-between;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__justify-around, ._root-module-scss-module__QF53oW__justify-around._root-module-scss-module__QF53oW__modalLayout {
  justify-content: space-around;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__justify-evenly, ._root-module-scss-module__QF53oW__justify-evenly._root-module-scss-module__QF53oW__modalLayout {
  justify-content: space-evenly;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__align-start, ._root-module-scss-module__QF53oW__align-start._root-module-scss-module__QF53oW__modalLayout {
  align-items: flex-start;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__alignCenter, ._root-module-scss-module__QF53oW__alignCenter._root-module-scss-module__QF53oW__modalLayout {
  align-items: center;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__align-end, ._root-module-scss-module__QF53oW__align-end._root-module-scss-module__QF53oW__modalLayout {
  align-items: flex-end;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__align-stretch, ._root-module-scss-module__QF53oW__modalLayout {
  align-items: stretch;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__align-baseline, ._root-module-scss-module__QF53oW__align-baseline._root-module-scss-module__QF53oW__modalLayout {
  align-items: baseline;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__alignSpacebetween, ._root-module-scss-module__QF53oW__alignSpacebetween._root-module-scss-module__QF53oW__modalLayout {
  align-content: space-between;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__row-reverse, ._root-module-scss-module__QF53oW__row-reverse._root-module-scss-module__QF53oW__modalLayout {
  flex-direction: row-reverse;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__column, ._root-module-scss-module__QF53oW__column._root-module-scss-module__QF53oW__modalLayout {
  flex-direction: column;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__column-reverse, ._root-module-scss-module__QF53oW__column-reverse._root-module-scss-module__QF53oW__modalLayout {
  flex-direction: column-reverse;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__no-wrap, ._root-module-scss-module__QF53oW__no-wrap._root-module-scss-module__QF53oW__modalLayout {
  flex-wrap: nowrap;
}

._root-module-scss-module__QF53oW__row._root-module-scss-module__QF53oW__wrap-reverse, ._root-module-scss-module__QF53oW__wrap-reverse._root-module-scss-module__QF53oW__modalLayout {
  flex-wrap: wrap-reverse;
}

._root-module-scss-module__QF53oW__col {
  padding: 0;
}

._root-module-scss-module__QF53oW__col-1 {
  flex: 0 0 1%;
  max-width: 1%;
}

._root-module-scss-module__QF53oW__col-2 {
  flex: 0 0 2%;
  max-width: 2%;
}

._root-module-scss-module__QF53oW__col-3 {
  flex: 0 0 3%;
  max-width: 3%;
}

._root-module-scss-module__QF53oW__col-4 {
  flex: 0 0 4%;
  max-width: 4%;
}

._root-module-scss-module__QF53oW__col-5 {
  flex: 0 0 5%;
  max-width: 5%;
}

._root-module-scss-module__QF53oW__col-6 {
  flex: 0 0 6%;
  max-width: 6%;
}

._root-module-scss-module__QF53oW__col-7 {
  flex: 0 0 7%;
  max-width: 7%;
}

._root-module-scss-module__QF53oW__col-8 {
  flex: 0 0 8%;
  max-width: 8%;
}

._root-module-scss-module__QF53oW__col-9 {
  flex: 0 0 9%;
  max-width: 9%;
}

._root-module-scss-module__QF53oW__col-10 {
  flex: 0 0 10%;
  max-width: 10%;
}

._root-module-scss-module__QF53oW__col-11 {
  flex: 0 0 11%;
  max-width: 11%;
}

._root-module-scss-module__QF53oW__col-12 {
  flex: 0 0 12%;
  max-width: 12%;
}

._root-module-scss-module__QF53oW__col-13 {
  flex: 0 0 13%;
  max-width: 13%;
}

._root-module-scss-module__QF53oW__col-14 {
  flex: 0 0 14%;
  max-width: 14%;
}

._root-module-scss-module__QF53oW__col-15 {
  flex: 0 0 15%;
  max-width: 15%;
}

._root-module-scss-module__QF53oW__col-16 {
  flex: 0 0 16%;
  max-width: 16%;
}

._root-module-scss-module__QF53oW__col-17 {
  flex: 0 0 17%;
  max-width: 17%;
}

._root-module-scss-module__QF53oW__col-18 {
  flex: 0 0 18%;
  max-width: 18%;
}

._root-module-scss-module__QF53oW__col-19 {
  flex: 0 0 19%;
  max-width: 19%;
}

._root-module-scss-module__QF53oW__col-20 {
  flex: 0 0 20%;
  max-width: 20%;
}

._root-module-scss-module__QF53oW__col-21 {
  flex: 0 0 21%;
  max-width: 21%;
}

._root-module-scss-module__QF53oW__col-22 {
  flex: 0 0 22%;
  max-width: 22%;
}

._root-module-scss-module__QF53oW__col-23 {
  flex: 0 0 23%;
  max-width: 23%;
}

._root-module-scss-module__QF53oW__col-24 {
  flex: 0 0 24%;
  max-width: 24%;
}

._root-module-scss-module__QF53oW__col-25 {
  flex: 0 0 25%;
  max-width: 25%;
}

._root-module-scss-module__QF53oW__col-26 {
  flex: 0 0 26%;
  max-width: 26%;
}

._root-module-scss-module__QF53oW__col-27 {
  flex: 0 0 27%;
  max-width: 27%;
}

._root-module-scss-module__QF53oW__col-28 {
  flex: 0 0 28%;
  max-width: 28%;
}

._root-module-scss-module__QF53oW__col-29 {
  flex: 0 0 29%;
  max-width: 29%;
}

._root-module-scss-module__QF53oW__col-30 {
  flex: 0 0 30%;
  max-width: 30%;
}

._root-module-scss-module__QF53oW__col-31 {
  flex: 0 0 31%;
  max-width: 31%;
}

._root-module-scss-module__QF53oW__col-32 {
  flex: 0 0 32%;
  max-width: 32%;
}

._root-module-scss-module__QF53oW__col-33 {
  flex: 0 0 33%;
  max-width: 33%;
}

._root-module-scss-module__QF53oW__col-34 {
  flex: 0 0 34%;
  max-width: 34%;
}

._root-module-scss-module__QF53oW__col-35 {
  flex: 0 0 35%;
  max-width: 35%;
}

._root-module-scss-module__QF53oW__col-36 {
  flex: 0 0 36%;
  max-width: 36%;
}

._root-module-scss-module__QF53oW__col-37 {
  flex: 0 0 37%;
  max-width: 37%;
}

._root-module-scss-module__QF53oW__col-38 {
  flex: 0 0 38%;
  max-width: 38%;
}

._root-module-scss-module__QF53oW__col-39 {
  flex: 0 0 39%;
  max-width: 39%;
}

._root-module-scss-module__QF53oW__col-40 {
  flex: 0 0 40%;
  max-width: 40%;
}

._root-module-scss-module__QF53oW__col-41 {
  flex: 0 0 41%;
  max-width: 41%;
}

._root-module-scss-module__QF53oW__col-42, ._root-module-scss-module__QF53oW__modalLeft {
  flex: 0 0 42%;
  max-width: 42%;
}

._root-module-scss-module__QF53oW__col-43 {
  flex: 0 0 43%;
  max-width: 43%;
}

._root-module-scss-module__QF53oW__col-44 {
  flex: 0 0 44%;
  max-width: 44%;
}

._root-module-scss-module__QF53oW__col-45 {
  flex: 0 0 45%;
  max-width: 45%;
}

._root-module-scss-module__QF53oW__col-46 {
  flex: 0 0 46%;
  max-width: 46%;
}

._root-module-scss-module__QF53oW__col-47 {
  flex: 0 0 47%;
  max-width: 47%;
}

._root-module-scss-module__QF53oW__col-48 {
  flex: 0 0 48%;
  max-width: 48%;
}

._root-module-scss-module__QF53oW__col-49 {
  flex: 0 0 49%;
  max-width: 49%;
}

._root-module-scss-module__QF53oW__col-50 {
  flex: 0 0 50%;
  max-width: 50%;
}

._root-module-scss-module__QF53oW__col-51 {
  flex: 0 0 51%;
  max-width: 51%;
}

._root-module-scss-module__QF53oW__col-52 {
  flex: 0 0 52%;
  max-width: 52%;
}

._root-module-scss-module__QF53oW__col-53 {
  flex: 0 0 53%;
  max-width: 53%;
}

._root-module-scss-module__QF53oW__col-54 {
  flex: 0 0 54%;
  max-width: 54%;
}

._root-module-scss-module__QF53oW__col-55 {
  flex: 0 0 55%;
  max-width: 55%;
}

._root-module-scss-module__QF53oW__col-56 {
  flex: 0 0 56%;
  max-width: 56%;
}

._root-module-scss-module__QF53oW__col-57 {
  flex: 0 0 57%;
  max-width: 57%;
}

._root-module-scss-module__QF53oW__col-58, ._root-module-scss-module__QF53oW__modalRight {
  flex: 0 0 58%;
  max-width: 58%;
}

._root-module-scss-module__QF53oW__col-59 {
  flex: 0 0 59%;
  max-width: 59%;
}

._root-module-scss-module__QF53oW__col-60 {
  flex: 0 0 60%;
  max-width: 60%;
}

._root-module-scss-module__QF53oW__col-61 {
  flex: 0 0 61%;
  max-width: 61%;
}

._root-module-scss-module__QF53oW__col-62 {
  flex: 0 0 62%;
  max-width: 62%;
}

._root-module-scss-module__QF53oW__col-63 {
  flex: 0 0 63%;
  max-width: 63%;
}

._root-module-scss-module__QF53oW__col-64 {
  flex: 0 0 64%;
  max-width: 64%;
}

._root-module-scss-module__QF53oW__col-65 {
  flex: 0 0 65%;
  max-width: 65%;
}

._root-module-scss-module__QF53oW__col-66 {
  flex: 0 0 66%;
  max-width: 66%;
}

._root-module-scss-module__QF53oW__col-67 {
  flex: 0 0 67%;
  max-width: 67%;
}

._root-module-scss-module__QF53oW__col-68 {
  flex: 0 0 68%;
  max-width: 68%;
}

._root-module-scss-module__QF53oW__col-69 {
  flex: 0 0 69%;
  max-width: 69%;
}

._root-module-scss-module__QF53oW__col-70 {
  flex: 0 0 70%;
  max-width: 70%;
}

._root-module-scss-module__QF53oW__col-71 {
  flex: 0 0 71%;
  max-width: 71%;
}

._root-module-scss-module__QF53oW__col-72 {
  flex: 0 0 72%;
  max-width: 72%;
}

._root-module-scss-module__QF53oW__col-73 {
  flex: 0 0 73%;
  max-width: 73%;
}

._root-module-scss-module__QF53oW__col-74 {
  flex: 0 0 74%;
  max-width: 74%;
}

._root-module-scss-module__QF53oW__col-75 {
  flex: 0 0 75%;
  max-width: 75%;
}

._root-module-scss-module__QF53oW__col-76 {
  flex: 0 0 76%;
  max-width: 76%;
}

._root-module-scss-module__QF53oW__col-77 {
  flex: 0 0 77%;
  max-width: 77%;
}

._root-module-scss-module__QF53oW__col-78 {
  flex: 0 0 78%;
  max-width: 78%;
}

._root-module-scss-module__QF53oW__col-79 {
  flex: 0 0 79%;
  max-width: 79%;
}

._root-module-scss-module__QF53oW__col-80 {
  flex: 0 0 80%;
  max-width: 80%;
}

._root-module-scss-module__QF53oW__col-81 {
  flex: 0 0 81%;
  max-width: 81%;
}

._root-module-scss-module__QF53oW__col-82 {
  flex: 0 0 82%;
  max-width: 82%;
}

._root-module-scss-module__QF53oW__col-83 {
  flex: 0 0 83%;
  max-width: 83%;
}

._root-module-scss-module__QF53oW__col-84 {
  flex: 0 0 84%;
  max-width: 84%;
}

._root-module-scss-module__QF53oW__col-85 {
  flex: 0 0 85%;
  max-width: 85%;
}

._root-module-scss-module__QF53oW__col-86 {
  flex: 0 0 86%;
  max-width: 86%;
}

._root-module-scss-module__QF53oW__col-87 {
  flex: 0 0 87%;
  max-width: 87%;
}

._root-module-scss-module__QF53oW__col-88 {
  flex: 0 0 88%;
  max-width: 88%;
}

._root-module-scss-module__QF53oW__col-89 {
  flex: 0 0 89%;
  max-width: 89%;
}

._root-module-scss-module__QF53oW__col-90 {
  flex: 0 0 90%;
  max-width: 90%;
}

._root-module-scss-module__QF53oW__col-91 {
  flex: 0 0 91%;
  max-width: 91%;
}

._root-module-scss-module__QF53oW__col-92 {
  flex: 0 0 92%;
  max-width: 92%;
}

._root-module-scss-module__QF53oW__col-93 {
  flex: 0 0 93%;
  max-width: 93%;
}

._root-module-scss-module__QF53oW__col-94 {
  flex: 0 0 94%;
  max-width: 94%;
}

._root-module-scss-module__QF53oW__col-95 {
  flex: 0 0 95%;
  max-width: 95%;
}

._root-module-scss-module__QF53oW__col-96 {
  flex: 0 0 96%;
  max-width: 96%;
}

._root-module-scss-module__QF53oW__col-97 {
  flex: 0 0 97%;
  max-width: 97%;
}

._root-module-scss-module__QF53oW__col-98 {
  flex: 0 0 98%;
  max-width: 98%;
}

._root-module-scss-module__QF53oW__col-99 {
  flex: 0 0 99%;
  max-width: 99%;
}

._root-module-scss-module__QF53oW__col-100 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  ._root-module-scss-module__QF53oW__col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  ._root-module-scss-module__QF53oW__col-sm-2 {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }

  ._root-module-scss-module__QF53oW__col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  ._root-module-scss-module__QF53oW__col-sm-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  ._root-module-scss-module__QF53oW__col-sm-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }

  ._root-module-scss-module__QF53oW__col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  ._root-module-scss-module__QF53oW__col-sm-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }

  ._root-module-scss-module__QF53oW__col-sm-8 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }

  ._root-module-scss-module__QF53oW__col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  ._root-module-scss-module__QF53oW__col-sm-10 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }

  ._root-module-scss-module__QF53oW__col-sm-11 {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }

  ._root-module-scss-module__QF53oW__col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  ._root-module-scss-module__QF53oW__col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  ._root-module-scss-module__QF53oW__col-md-2 {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }

  ._root-module-scss-module__QF53oW__col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  ._root-module-scss-module__QF53oW__col-md-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  ._root-module-scss-module__QF53oW__col-md-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }

  ._root-module-scss-module__QF53oW__col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  ._root-module-scss-module__QF53oW__col-md-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }

  ._root-module-scss-module__QF53oW__col-md-8 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }

  ._root-module-scss-module__QF53oW__col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  ._root-module-scss-module__QF53oW__col-md-10 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }

  ._root-module-scss-module__QF53oW__col-md-11 {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }

  ._root-module-scss-module__QF53oW__col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 1280px) {
  ._root-module-scss-module__QF53oW__col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  ._root-module-scss-module__QF53oW__col-lg-2 {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }

  ._root-module-scss-module__QF53oW__col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  ._root-module-scss-module__QF53oW__col-lg-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }

  ._root-module-scss-module__QF53oW__col-lg-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
  }

  ._root-module-scss-module__QF53oW__col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  ._root-module-scss-module__QF53oW__col-lg-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
  }

  ._root-module-scss-module__QF53oW__col-lg-8 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }

  ._root-module-scss-module__QF53oW__col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  ._root-module-scss-module__QF53oW__col-lg-10 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }

  ._root-module-scss-module__QF53oW__col-lg-11 {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
  }

  ._root-module-scss-module__QF53oW__col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

._root-module-scss-module__QF53oW__modalContainer {
  background-color: var(--secondary-color-white);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 2rem;
  display: flex;
}

._root-module-scss-module__QF53oW__modalContentWrapper {
  width: var(--modal-width);
  background: var(--primary-color-white);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--box-shadow-sm);
  overflow: hidden;
}

._root-module-scss-module__QF53oW__modalLeft {
  background-color: var(--primary-color-blue);
  color: var(--primary-color-white);
  padding: var(--padding-classic2);
  border-radius: var(--border-radius-xl);
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 2.5rem;
  display: flex;
}

._root-module-scss-module__QF53oW__sliderHeader {
  font-size: 14px;
}

._root-module-scss-module__QF53oW__sliderTypedText {
  margin-top: 24px;
  line-height: 1.3;
}

._root-module-scss-module__QF53oW__sliderDescription {
  margin-top: 8px;
}

._root-module-scss-module__QF53oW__sliderTestimonial {
  background-color: var(--cinquetary-color-blue);
  border-radius: var(--border-radius-md);
  padding: var(--padding-classic);
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  margin-top: 48px;
  display: flex;
}

._root-module-scss-module__QF53oW__testimonialUser {
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

._root-module-scss-module__QF53oW__testimonialUser ._root-module-scss-module__QF53oW__avatarCircle {
  background-color: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

._root-module-scss-module__QF53oW__testimonialUser ._root-module-scss-module__QF53oW__infoBlock {
  flex-direction: column;
  display: flex;
}

._root-module-scss-module__QF53oW__testimonialUser ._root-module-scss-module__QF53oW__testimonialName, ._root-module-scss-module__QF53oW__testimonialUser ._root-module-scss-module__QF53oW__testimonialRole {
  color: var(--primary-color-white);
}

._root-module-scss-module__QF53oW__sliderDots {
  justify-content: center;
  margin-top: 1rem;
  display: flex;
}

._root-module-scss-module__QF53oW__sliderDots ._root-module-scss-module__QF53oW__sliderDot {
  cursor: pointer;
  background-color: #9bc1fe;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin: 0 4px;
}

._root-module-scss-module__QF53oW__sliderDots ._root-module-scss-module__QF53oW__sliderDot._root-module-scss-module__QF53oW__activeDot {
  background-color: var(--primary-color-white);
}

._root-module-scss-module__QF53oW__modalRight {
  padding: var(--padding-classic2);
  background-color: var(--primary-color-white);
  border-radius: var(--border-radius-xl);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

._root-module-scss-module__QF53oW__formTitle {
  font-size: 13px;
}

._root-module-scss-module__QF53oW__formHeader {
  margin-bottom: 24px;
}

._root-module-scss-module__QF53oW__socialLoginContainer {
  justify-content: space-between;
  gap: 1rem;
  margin: 1.5rem 0;
  display: flex;
}

._root-module-scss-module__QF53oW__socialIcon {
  border: .5px solid var(--primary-color-gray);
  border-radius: var(--border-radius-md);
  background-color: var(--primary-color-white);
  flex-basis: 23%;
  justify-content: center;
  align-items: center;
  max-width: 23%;
  height: 80px;
  display: flex;
}

._root-module-scss-module__QF53oW__socialIcon._root-module-scss-module__QF53oW__socialDark {
  background-color: var(--secondary-color-gray);
}

._root-module-scss-module__QF53oW__formDivider {
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 2rem 0;
  display: flex;
}

._root-module-scss-module__QF53oW__formDivider hr {
  background-color: var(--primary-color-gray);
  border: none;
  flex: 1;
  height: 1px;
}

._root-module-scss-module__QF53oW__formDivider span {
  color: var(--primary-color-gray);
  font-size: 14px;
}

._root-module-scss-module__QF53oW__alertBox {
  border-radius: var(--border-radius-md);
  color: #fff;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
  padding: .6rem 1rem;
  font-size: 14px;
  display: flex;
}

._root-module-scss-module__QF53oW__alertBox a {
  color: #fff;
  margin-left: auto;
  font-size: 12px;
  text-decoration: underline;
}

._root-module-scss-module__QF53oW__formContainer {
  flex-direction: column;
  display: flex;
}

._root-module-scss-module__QF53oW__inputField {
  border: 1px solid var(--primary-color-gray);
  border-radius: var(--border-radius-md);
  box-sizing: border-box;
  outline: none;
  width: 100%;
  height: 45px;
  margin-bottom: 1rem;
  padding: .3rem .6rem;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__formOptions {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  font-size: 14px;
  display: flex;
}

._root-module-scss-module__QF53oW__formOptions label {
  cursor: pointer;
  align-items: center;
  gap: .4rem;
  display: flex;
}

._root-module-scss-module__QF53oW__formOptions a {
  color: var(--primary-color-blue);
  font-size: 14px;
  text-decoration: none;
}

._root-module-scss-module__QF53oW__submitButton {
  background: var(--primary-color-blue);
  color: #fff;
  border-radius: var(--border-radius-md);
  cursor: pointer;
  border: none;
  width: 40%;
  height: 45px;
  margin: 0 auto;
  font-size: 14px;
  display: block;
}

._root-module-scss-module__QF53oW__registerPrompt {
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  font-size: 14px;
  display: flex;
}

._root-module-scss-module__QF53oW__registerPrompt a {
  color: var(--primary-color-blue);
  margin-left: .4rem;
  font-weight: 500;
  text-decoration: none;
}

._root-module-scss-module__QF53oW__pin-input-field {
  border-radius: var(--border-radius-md);
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #ccc;
  width: calc(16.6667% - 8.33333px);
  height: 45px;
  padding: .3rem .6rem;
  font-size: 18px;
}

._root-module-scss-module__QF53oW__netvolowebbuuilder_class_itemContainer, ._root-module-scss-module__QF53oW__subSection {
  transition: background .2s, opacity .2s;
}

._root-module-scss-module__QF53oW__dragging {
  opacity: .6 !important;
}

._root-module-scss-module__QF53oW__over {
  background: rgba(0, 0, 0, .05) !important;
}

._root-module-scss-module__QF53oW__dragParent {
  background-color: rgba(0, 0, 0, .05);
}

._root-module-scss-module__QF53oW__dragParentOver {
  background-color: rgba(0, 0, 0, .15);
}

._root-module-scss-module__QF53oW__smoothDragItem {
  transform: scale(1.02);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

._root-module-scss-module__QF53oW__dragItemOver {
  background-color: rgba(0, 0, 0, .1);
}

._root-module-scss-module__QF53oW__tooltipContent {
  color: #000;
  z-index: 9999;
  background: #fff;
  border-radius: 6px;
  align-items: center;
  gap: .5em;
  padding: 6px 12px;
  font-family: poppins, sans-serif;
  font-size: 14px;
  display: flex;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
}

._root-module-scss-module__QF53oW__tooltipArrow {
  fill: #fff;
}

._root-module-scss-module__QF53oW__tooltipContent kbd {
  color: #000;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: monospace;
  font-size: 12px;
}

._root-module-scss-module__QF53oW__dashboardMain {
  box-sizing: border-box;
  background-color: #f8faff;
  flex-direction: column;
  display: flex;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

._root-module-scss-module__QF53oW__dashboardMain::-webkit-scrollbar {
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

._root-module-scss-module__QF53oW__dashboardMain::-webkit-scrollbar-track {
  display: none !important;
}

._root-module-scss-module__QF53oW__dashboardMain::-webkit-scrollbar-thumb {
  display: none !important;
}

._root-module-scss-module__QF53oW__dashboardMain > * {
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: hidden;
}

._root-module-scss-module__QF53oW__dashboardMain * {
  box-sizing: border-box;
}

._root-module-scss-module__QF53oW__breadcrumbs {
  align-items: center;
  gap: .5rem;
  display: flex;
}

._root-module-scss-module__QF53oW__breadcrumbLink {
  color: var(--primary-color-blue);
  text-decoration: none;
}

._root-module-scss-module__QF53oW__breadcrumbLink:hover {
  text-decoration: underline;
}

._root-module-scss-module__QF53oW__breadcrumbSeparator {
  color: #6b7280;
}

._root-module-scss-module__QF53oW__NetvoloTabs_list {
  border-bottom: 1px solid var(--border-color, #e2e8f0);
  margin-bottom: 1.5rem;
  position: relative;
}

._root-module-scss-module__QF53oW__NetvoloTabs_tab {
  cursor: pointer;
  color: var(--text-color-secondary, #718096);
  background: none;
  border: none;
  padding: .75rem 0;
  text-decoration: none;
  transition: color .2s;
  position: relative;
}

._root-module-scss-module__QF53oW__NetvoloTabs_tab:hover {
  color: var(--text-color-primary, #1a202c);
}

._root-module-scss-module__QF53oW__NetvoloTabs_tab[aria-selected="true"], ._root-module-scss-module__QF53oW__NetvoloTabs_tab[data-active="true"], ._root-module-scss-module__QF53oW__NetvoloTabs_tab[data-selected="true"] {
  color: var(--primary-color-blue, #3b82f6);
  font-weight: 500;
}

._root-module-scss-module__QF53oW__NetvoloTabs_tab:focus-visible {
  outline: 2px solid var(--primary-color-blue, #3b82f6);
  outline-offset: 2px;
  border-radius: .25rem;
}

._root-module-scss-module__QF53oW__NetvoloTabs_indicator {
  background-color: var(--primary-color-blue);
  pointer-events: none;
  will-change: transform, width;
  border-radius: 2px 2px 0 0;
  height: 2px;
  position: absolute;
  bottom: -2px;
}

._root-module-scss-module__QF53oW__modalOverlay {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  z-index: 9999;
  background: rgba(0, 0, 0, .35);
  justify-content: center;
  align-items: center;
  padding: 20px;
  animation: .2s _root-module-scss-module__QF53oW__fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes _root-module-scss-module__QF53oW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes _root-module-scss-module__QF53oW__slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._root-module-scss-module__QF53oW__NetvoloDNSModal_container {
  background: var(--primary-color-white);
  border-radius: 16px;
  flex-direction: column;
  width: 100%;
  max-width: 560px;
  max-height: 85vh;
  font-family: Poppins, sans-serif;
  animation: .3s _root-module-scss-module__QF53oW__slideUp;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 48px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .08);
}

._root-module-scss-module__QF53oW__NetvoloModal_close {
  color: var(--secondary-color-gray);
  cursor: pointer;
  z-index: 10;
  background: rgba(0, 0, 0, .04);
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
}

._root-module-scss-module__QF53oW__NetvoloModal_close:hover {
  color: var(--primary-color-black);
  background: rgba(0, 0, 0, .08);
  transform: scale(1.05);
}

._root-module-scss-module__QF53oW__NetvoloModal_close:active {
  transform: scale(.95);
}

._root-module-scss-module__QF53oW__NetvoloModal_header {
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  flex-shrink: 0;
  padding: 32px 32px 20px;
  font-family: Poppins, sans-serif;
}

._root-module-scss-module__QF53oW__NetvoloModal_header h2 {
  color: var(--primary-color-black);
  margin: 0;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

._root-module-scss-module__QF53oW__NetvoloModal_subtitle {
  color: var(--secondary-color-gray);
  margin: 10px 0 0;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

._root-module-scss-module__QF53oW__NetvoloModal_body {
  flex: 1;
  padding: 28px 32px;
  font-family: Poppins, sans-serif;
  overflow-y: auto;
}

._root-module-scss-module__QF53oW__NetvoloModal_body::-webkit-scrollbar {
  width: 6px;
}

._root-module-scss-module__QF53oW__NetvoloModal_body::-webkit-scrollbar-track {
  background: none;
}

._root-module-scss-module__QF53oW__NetvoloModal_body::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .1);
  border-radius: 3px;
}

._root-module-scss-module__QF53oW__NetvoloModal_body::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, .15);
}

._root-module-scss-module__QF53oW__NetvoloModal_footer {
  border-top: 1px solid rgba(0, 0, 0, .06);
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 32px 28px;
  font-family: Poppins, sans-serif;
  display: flex;
}

._root-module-scss-module__QF53oW__NetvoloModal_btnPrimary {
  background: var(--primary-color-blue);
  color: var(--primary-color-white);
  cursor: pointer;
  border: none;
  border-radius: 10px;
  padding: 12px 24px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  box-shadow: 0 2px 8px rgba(88, 151, 254, .2);
}

._root-module-scss-module__QF53oW__NetvoloModal_btnPrimary:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(88, 151, 254, .3);
}

._root-module-scss-module__QF53oW__NetvoloModal_btnPrimary:active:not(:disabled) {
  transform: translateY(0);
}

._root-module-scss-module__QF53oW__NetvoloModal_btnPrimary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

._root-module-scss-module__QF53oW__NetvoloModal_btnCancel {
  color: var(--secondary-color-gray);
  cursor: pointer;
  background: none;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 10px;
  padding: 12px 24px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

._root-module-scss-module__QF53oW__NetvoloModal_btnCancel:hover {
  color: var(--primary-color-black);
  background: rgba(0, 0, 0, .04);
  border-color: rgba(0, 0, 0, .15);
}

._root-module-scss-module__QF53oW__NetvoloModal_btnCancel:active {
  transform: scale(.98);
}

@media (max-width: 780px) {
  ._root-module-scss-module__QF53oW__modalOverlay {
    padding: 16px;
  }

  ._root-module-scss-module__QF53oW__NetvoloDNSModal_container {
    border-radius: 12px;
    max-width: 100%;
    max-height: 90vh;
  }

  ._root-module-scss-module__QF53oW__NetvoloModal_header {
    padding: 24px 20px 16px;
  }

  ._root-module-scss-module__QF53oW__NetvoloModal_header h2 {
    font-size: 18px;
  }

  ._root-module-scss-module__QF53oW__NetvoloModal_body {
    padding: 20px;
  }

  ._root-module-scss-module__QF53oW__NetvoloModal_footer {
    flex-direction: column-reverse;
    padding: 16px 20px 20px;
  }

  ._root-module-scss-module__QF53oW__NetvoloModal_footer button {
    justify-content: center;
    width: 100%;
  }

  ._root-module-scss-module__QF53oW__NetvoloModal_close {
    width: 32px;
    height: 32px;
    font-size: 18px;
    top: 16px;
    right: 16px;
  }
}

._root-module-scss-module__QF53oW__VpsConsoleWrapper {
  background: var(--primary-color-white);
  border-radius: 16px;
  flex-direction: column;
  width: 100%;
  height: calc(100vh - 120px);
  font-family: Poppins, sans-serif;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

._root-module-scss-module__QF53oW__VpsConsoleHeader {
  background: var(--primary-color-white);
  border-bottom: 1px solid rgba(0, 0, 0, .06);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  display: flex;
}

._root-module-scss-module__QF53oW__VpsConsoleHeaderLeft {
  align-items: center;
  gap: 16px;
  display: flex;
}

._root-module-scss-module__QF53oW__VpsConsoleHeaderLeft h2 {
  color: var(--primary-color-black);
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__VpsConsoleStatus {
  color: var(--secondary-color-gray);
  background: rgba(88, 151, 254, .08);
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 13px;
  display: flex;
}

._root-module-scss-module__QF53oW__VpsConsoleStatusDot {
  background: #10b981;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  animation: 2s infinite _root-module-scss-module__QF53oW__pulse;
  box-shadow: 0 0 8px rgba(16, 185, 129, .5);
}

@keyframes _root-module-scss-module__QF53oW__pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }
}

._root-module-scss-module__QF53oW__VpsConsoleHeaderRight {
  gap: 12px;
  display: flex;
}

._root-module-scss-module__QF53oW__VpsConsoleBtn {
  background: var(--primary-color-white);
  color: var(--primary-color-black);
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

._root-module-scss-module__QF53oW__VpsConsoleBtn svg {
  font-size: 14px;
}

._root-module-scss-module__QF53oW__VpsConsoleBtn:hover {
  background: rgba(0, 0, 0, .04);
  border-color: rgba(0, 0, 0, .15);
  transform: translateY(-2px);
}

._root-module-scss-module__QF53oW__VpsConsoleBtn:active {
  transform: translateY(0);
}

._root-module-scss-module__QF53oW__VpsConsoleViewport {
  background: #1a1a1a;
  flex: 1;
  position: relative;
  overflow: hidden;
}

._root-module-scss-module__QF53oW__VpsConsoleIframe {
  border: none;
  width: 100%;
  height: 100%;
  display: block;
}

._root-module-scss-module__QF53oW__VpsConsoleLoading {
  color: var(--primary-color-white);
  background: #1a1a1a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

._root-module-scss-module__QF53oW__VpsConsoleLoading p {
  color: rgba(255, 255, 255, .7);
  margin: 0;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__spinner {
  border: 3px solid rgba(255, 255, 255, .1);
  border-top-color: var(--primary-color-blue);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s linear infinite _root-module-scss-module__QF53oW__spin;
}

._root-module-scss-module__QF53oW__VpsConsoleError {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  height: 400px;
  padding: 32px;
  display: flex;
}

._root-module-scss-module__QF53oW__VpsConsoleError h3 {
  color: var(--primary-color-black);
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

._root-module-scss-module__QF53oW__VpsConsoleError p {
  color: var(--secondary-color-gray);
  max-width: 400px;
  margin: 0;
  font-size: 14px;
}

._root-module-scss-module__QF53oW__VpsConsoleError button {
  margin-top: 8px;
}

._root-module-scss-module__QF53oW__VpsConsoleFooter {
  background: var(--primary-color-white);
  border-top: 1px solid rgba(0, 0, 0, .06);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
}

._root-module-scss-module__QF53oW__VpsConsoleFooter p {
  color: var(--secondary-color-gray);
  margin: 0;
  font-size: 13px;
}

._root-module-scss-module__QF53oW__VpsConsoleFooter p strong {
  color: var(--primary-color-black);
  font-weight: 600;
}

._root-module-scss-module__QF53oW__VpsConsoleHint {
  color: rgba(0, 0, 0, .4) !important;
  font-size: 12px !important;
}

@media (max-width: 780px) {
  ._root-module-scss-module__QF53oW__VpsConsoleWrapper {
    border-radius: 12px;
    height: calc(100vh - 80px);
  }

  ._root-module-scss-module__QF53oW__VpsConsoleHeader {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 16px;
  }

  ._root-module-scss-module__QF53oW__VpsConsoleHeaderLeft {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  ._root-module-scss-module__QF53oW__VpsConsoleHeaderRight {
    width: 100%;
  }

  ._root-module-scss-module__QF53oW__VpsConsoleHeaderRight button {
    flex: 1;
    justify-content: center;
  }

  ._root-module-scss-module__QF53oW__VpsConsoleFooter {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
  }
}

/*# sourceMappingURL=src_assets_styles_9a8b1216._.css.map*/