/* _content/PleskDash/Components/Account/Pages/Register.razor.rz.scp.css */
.container[b-bxd0aoe58e] {
    display: flex;
    flex-flow: row;
    gap: 32px;

    .overflow > div {
        overflow: hidden;
        white-space: nowrap;
    }
}
/* _content/PleskDash/Components/Layout/MainLayout.razor.rz.scp.css */
main[b-wb97my65b7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
    min-height: calc(100vh - 64px);  /* Have to hack around the MudAppBar height */
}
/* _content/PleskDash/Components/Plesk/Pages/Servers.razor.rz.scp.css */
.servers[b-q4sv2eam39] {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 32px;
    padding: 24px;
}

.fab-animate[b-q4sv2eam39] {
    opacity: 0;
    transform: rotate(0deg);
    animation: showAndRotate-b-q4sv2eam39 1s ease forwards;
    animation-delay: 0.5s;
}

@keyframes showAndRotate-b-q4sv2eam39 {
    0% {
        opacity: 0;
        transform: rotate(0deg) scale(0);
    }
    100% {
        opacity: 1;
        transform: rotate(360deg) scale(1);
    }
}
/* _content/PleskDash/Components/Plesk/Shared/ServerDetailsDialog.razor.rz.scp.css */
.tab-content[b-bqdotudfpl] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 34px;
  background-color: white;

  .stats {
    display: flex;
    margin: 0 100px 0 0;
  }

  .charts[b-bqdotudfpl] {
    display: flex;
    flex-flow: column;
    align-items: center;

    h6 {
      margin: 0;
    }

    h4[b-bqdotudfpl] {
      font-weight: 900;
    }
  }
}
/* _content/PleskDash/Components/Plesk/Shared/ServerItem.razor.rz.scp.css */
.container[b-wayvx0uvcc] {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    align-items: center;
    background-color: white;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: fit-content;
    max-width: 450px;
    min-width: 450px;
    box-shadow: var(--g-box-shadow);
    transition: transform 0.25s, box-shadow 0.25s;

    .stats {
        display: flex;
        flex-direction: row;
        padding: 16px;
        width: 100%;
        cursor: default;
        gap: 16px;

        .text {
            display: flex;
            flex-flow: column;
            flex: 1;
            justify-content: center;
            align-items: center;
            min-width: 125px;

            h6 {
                font-size: 1.0rem;
            }

            h4[b-wayvx0uvcc] {
                font-size: 1.4rem;
            }
        }
    }

    .buttons[b-wayvx0uvcc] {
        display: flex;
        flex-flow: row;
        width: 100%;

        button {
            display: flex;
            gap: 8px;
            flex: 1;
            height: 52px;
            color: white;
            font-size: 1rem;
            font-weight: 600;
            transition: filter 0.25s;
        }

        button:first-child[b-wayvx0uvcc] {
            background-color: #ff010d;
        }

        button:last-child[b-wayvx0uvcc] {
            background-color: #2196f3;
        }

        button:hover[b-wayvx0uvcc] {
            filter: brightness(90%);
        }
    }
}

.container:hover[b-wayvx0uvcc] {
    box-shadow: var(--g-box-shadow-hover);
    transform: scale(1.02);
}

.row[b-wayvx0uvcc] {
    display: flex;
    flex-direction: row;
}

@media (max-width: 999px) {
    .container[b-wayvx0uvcc] {
        min-width: 360px;
    }
}
/* _content/PleskDash/Components/Plesk/Shared/ServerStats.razor.rz.scp.css */
.tab-content[b-verzoy7hk7] {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 34px;
  background-color: white;

  .stats {
    display: flex;
    margin: 0 100px 0 0;
  }

  .charts[b-verzoy7hk7] {
    display: flex;
    flex-flow: column;
    align-items: center;

    h6 {
      font-size: 1.0rem;
      margin: 0;
    }

    h4[b-verzoy7hk7] {
      font-size: 1.4rem;
      font-weight: 900;
    }
  }
}

.server-stats[b-verzoy7hk7] {
  display: flex;
  gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  flex: 1;
  max-width: 375px;
  margin: 0 0 24px 0;

  span {
    font-weight: 500;
  }

  .batch[b-verzoy7hk7] {
    display: flex;
    flex-flow: column;
    gap: 16px;

    h6 {
      font-size: 1.0rem;
    }

    .stat[b-verzoy7hk7] {
      display: flex;
      align-items: center;

      img {
        height: 30px;
        width: 30px;
        margin-right: 8px;
      }

      #cpu[b-verzoy7hk7] {
        max-width: 450px;
      }

      #release[b-verzoy7hk7] {
        max-width: 200px;
      }

      .key[b-verzoy7hk7],
      .value[b-verzoy7hk7] {
        flex: 1 0 auto;
        overflow: hidden;
        white-space: nowrap;
      }

      .dots[b-verzoy7hk7] {
        flex: 1 1 auto;
        /*Allows too long content to be hidden.*/
        overflow: hidden;
      }

      .dots[b-verzoy7hk7]::before {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: clip;
        margin: 0 5px;
        content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . "
          ". . . . . . . . . . . . . . . . . . . . ";
      }
    }
  }
}

/* IP list (Plesk IPs) */
.ip-grid[b-verzoy7hk7] {
  list-style: none;
  margin: 0;
  padding: 0;

  display: grid;
  grid-template-columns: 1fr; /* Address · Type · Netmask */
  gap: 6px 12px; /* row / column gaps */
}

.ip-row[b-verzoy7hk7] {
  display: contents; /* each <li>’s children occupy the grid cells */
}

.ip-addr[b-verzoy7hk7] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* ellipsis if the address column gets tight */
}

.badge[b-verzoy7hk7] {
  display: inline-block;
  padding: 4px 8px 4px 8px;
  border-radius: 999px;
  font-size: .75rem;
  text-transform: uppercase;
  background: #eef2f7;
}

.mono[b-verzoy7hk7] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.muted[b-verzoy7hk7] {
  color: rgba(0, 0, 0, 0.6);
}

.empty[b-verzoy7hk7] {
  color: rgba(0, 0, 0, 0.6);
}

/* Stack the columns on narrow screens */
@media (max-width: 900px) {
  .ip-grid[b-verzoy7hk7] { grid-template-columns: 1fr; }
}