.Container_container__PtMYv {
  box-sizing: border-box;
  margin-inline: auto;
  padding-inline: 0.5rem;
  width: 100%;
}

@media (min-width: 720px) {
  .Container_container__PtMYv {
    padding-inline: 1rem;
  }
}

.Container_extraLarge__u6vXI,
.Container_default__DbaP1 {
  max-width: 76rem;
}

.Container_large__Ga1H8 {
  max-width: 55rem;
}

.Container_medium__Dbj_A {
  max-width: 49rem;
}

.Container_small__sIHzC {
  max-width: 25rem;
}

.Container_center__myMWp {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.Heading_heading__wnAWm {
  align-items: center;
  display: flex;
  width: 100%;
}

.Heading_icon__C5tix {
  margin-right: 0.6666666rem;
}

.Heading_titleContainer__uiw9M {
  align-items: baseline;
  display: flex;
}

.Heading_title__CMpgy {
  font-size: 1.4666666rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}

.Heading_titleSuffix__F_f6L {
  color: var(--text-light);
  font-weight: 600;
  margin-left: 1rem;
  text-transform: uppercase;
}

.Heading_subtitle__VQSA8 {
  color: var(--text-grey);
  font-size: 0.8666666rem;
  letter-spacing: 0.02rem;
  margin-top: 0.2rem;
}

.Heading_actions__h_uN2 {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
  margin-left: 1rem;
}

.Overlay_overlay__1tVYX {
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.Overlay_fadeIn__x75nb {
  animation: Overlay_fade-in__zH5Go 100ms;
  animation-delay: 0.1s;
  animation-fill-mode: both;
}

@keyframes Overlay_fade-in__zH5Go {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.SearchRow_wrapper__Dx0p4 {
  align-items: baseline;
  justify-content: space-between;
  display: flex;
  flex-grow: 1;
  padding-left: 0.2rem;
}

.SearchRow_icon__wnH2F {
  flex: 0 0 auto;
  width: 2rem;
}

.SearchRow_input__QL9Z8 {
  flex: 1 1 auto;
}

.styles_filter__gmarc {
  padding: 0.3333333rem 0.6666666rem 0.3333333rem 1rem;
  border-radius: 0.2rem;
  background-color: var(--white);
  cursor: pointer;
  border: 1px solid var(--card-border);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.styles_filter__gmarc:focus {
    outline: none;
  }

.styles_filter__gmarc:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
  }

.styles_filter__gmarc .styles_label__pDD4v {
    font-weight: 600;
    color: inherit;
    font-size: 12px;
    text-transform: uppercase;
  }

.styles_filter__gmarc .styles_arrow__gPp9r {
    pointer-events: none;
  }

.styles_filterClear__I8_ga {
  padding: 0.3333333rem 0.6666666rem 0.3333333rem 0.3333333rem;
  background-color: transparent;
  border: none;
}

.styles_filterClear__I8_ga:not(:disabled):hover {
    color: var(--primary);
  }

.styles_filterClear__I8_ga:focus {
    outline: 2px solid var(--primary);
  }

.styles_filterClear__I8_ga:disabled {
    cursor: default;
  }

.styles_filterContainer__e3wr5 {
  cursor: pointer;
  display: inline-block;
}

:is(.styles_filterContainer__e3wr5 .styles_popover__CnKR_) .Phoenix--Radio,:is(.styles_filterContainer__e3wr5 .styles_popover__CnKR_) .Phoenix__Checkbox {
      display: flex;
      gap: 0.6666666rem;
    }

.styles_filterRow__mFFYv {
  margin-top: 1rem;
  padding: 1rem 0.1333333rem;
}

.StateIndicator_stateIndicator__BuxLz {
  background: var(--green);
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 0.4rem;
  width: 0.4rem;
}

.StateIndicator_big__2fsMq {
  height: 0.6666666rem;
  width: 0.6666666rem;
}

.StateIndicator_gray__dcEci {
  background: var(--borderGrey);
}

.StateIndicator_green___C3l_ {
  background: var(--green);
}

.StateIndicator_red__Nbed2 {
  background: var(--strawberry);
}

.StateIndicator_lightRed__Bf8Eo {
  background: #ff7c87;
}

.StateIndicator_yellow__nZCKV {
  background: var(--yellow);
}

.StateIndicator_breathe__bNA_C {
  animation: StateIndicator_breathe__bNA_C 1s ease 0s infinite;
}

@keyframes StateIndicator_breathe__bNA_C {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 1;
  }
}

.ServerStateIndicator_container__crkZU {
  align-items: center;
  display: flex;
  height: 1rem;
  justify-content: center;
  position: relative;
  width: 1rem;
}

.ServerMultiSelectModal_list__sp9u4 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 1rem 0;
}

.ServerMultiSelectModal_item__e2Scd {
  flex-grow: 1;
  font-weight: 600;
  line-height: 2rem;
}

.ServerMultiSelectModal_item__e2Scd .Phoenix__Checkbox__label {
  overflow-wrap: anywhere;
  flex: auto;
}

.ActionList_actionList__fTGA_ {
  position: -webkit-sticky;
  position: sticky;
  top: 110px; /* magic number to make list float starting from the top of a table's edge */
}

.ActionList_actionList__fTGA_.ActionList_show__98fDe {
  animation: fadeInFromRight 200ms;
  pointer-events: auto;
}

.ActionList_actionList__fTGA_.ActionList_hide__BG57J {
  opacity: 0;
  pointer-events: none;
}

.ActionList_actionListLabel__KeAjs {
  color: var(--text-light);
  font-size: 1rem;
  margin-bottom: 1rem;
  text-align: center;
}

.ActionList_actionListBox__istXa {
  border: 2px solid var(--primary);
  border-radius: 2px;
  box-sizing: border-box;
  width: 100%;
}

.ActionList_actionListBox__istXa > button {
  color: var(--primary);
  display: flex;
  font-size: 0.9333333rem;
  font-weight: 600;
  height: 3.3333333rem;
  justify-content: flex-start;
  line-height: 1.3333333rem;
  padding: 0 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}

.ActionList_actionListBox__istXa > button:hover {
  text-decoration: none;
}

.ActionList_actionListBox__istXa > button:hover .ActionList_actionListIcon__vVt5D {
  transform: scale(1.2);
}

.ActionList_actionListBox__istXa > button:active .ActionList_actionListIcon__vVt5D {
  transform: scale(1.4);
}

.ActionList_actionListBox__istXa > button:first-child {
  height: calc(3.3333333rem - 2px);
}

.ActionList_actionListBox__istXa > button + button {
  border-top: 2px solid var(--primary);
}

.ActionList_actionListIcon__vVt5D {
  margin-right: 0.8rem;
}

.Hero_hero__CmEyW {
  display: flex;
  flex-direction: row-reverse;
}

.Hero_icon__KZvN3 {
  color: #dfdfe9;
  flex: 0 0 40%;
  margin-top: -2rem;
  text-align: center;
  width: 40%;
}

.Hero_icon__KZvN3 .Phoenix--Icon {
  height: auto;
  width: 100%;
}

.Hero_heading__CfDU7 {
  font-size: 3.2rem;
  line-height: 1.2;
  letter-spacing: 0.6;
  margin: 4rem 0 2rem;
}

.Hero_lead__i7jni {
  font-size: 1rem;
  letter-spacing: 0.6;
  line-height: 2rem;
  margin: 0 0 2rem;
}

.Hero_lead__i7jni p {
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
}

.Hero_actions__18OEX {
  align-items: center;
  display: flex;
}

.Hero_actions__18OEX > * + * {
  margin-left: 1rem;
}

.ChunkBox_container__3dEfR {
  display: block;
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
}

.ChunkBox_inputHidden__dbrjW {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
}

.ChunkBox_inputHidden__dbrjW:not(:disabled) {
  cursor: pointer;
}

.ChunkBox_inputHidden__dbrjW:not(:disabled):hover + .ChunkBox_chunkbox__hrDWU:before {
  opacity: 1;
}

.ChunkBox_inputHidden__dbrjW:not(:disabled):hover + .ChunkBox_chunkbox__hrDWU.ChunkBox_mixed__t4FoU:after {
  opacity: 1;
}

.ChunkBox_inputHidden__dbrjW:disabled + .ChunkBox_chunkbox__hrDWU:before {
  border-color: #9d9d9d;
}

.ChunkBox_inputHidden__dbrjW:disabled + .ChunkBox_chunkbox__hrDWU.ChunkBox_checked__lQUnE {
  background: #9d9d9d; /* Disabled color of the UI kits checkbox */
}

.ChunkBox_inputHidden__dbrjW:focus-visible + .ChunkBox_chunkbox__hrDWU {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

.ChunkBox_chunkbox__hrDWU {
  pointer-events: none;
  background: transparent;
  display: block;
  height: 1.2rem;
  position: relative;
  transition: background 0.1s linear;
  width: 1.2rem;
}

.ChunkBox_chunkbox__hrDWU:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid var(--black);
  transition:
    border-width 0.1s ease-in,
    opacity 0.1s ease-in;
  opacity: 0.3;
}

.ChunkBox_chunkbox__hrDWU:after {
  background: transparent;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  content: '';
  display: block;
  height: 0.4rem;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateX(50%) translateY(-50%) translateY(-0.08rem) rotate(90deg);
  transition:
    transform 0.1s linear,
    opacity 0.1s ease-in;
  width: 0.6rem;
}

.ChunkBox_chunkbox__hrDWU.ChunkBox_mixed__t4FoU:after {
  border-left: 0;
  border-bottom: 2px solid var(--black);
  opacity: 0.3;
  transform: translateX(50%) translateY(-100%) translateY(1px);
}

.ChunkBox_chunkbox__hrDWU.ChunkBox_checked__lQUnE {
  background: var(--primary);
}

.ChunkBox_chunkbox__hrDWU.ChunkBox_checked__lQUnE:before {
  border-width: 0;
}

.ChunkBox_chunkbox__hrDWU.ChunkBox_checked__lQUnE:after {
  opacity: 1;
  transform: translateX(50%) translateY(-50%) translateY(-0.08rem)
    rotate(-45deg);
}

.ChunkBox_chunkbox__hrDWU.ChunkBox_disabled__2wCCm {
  cursor: auto;
}

.ChunkBox_chunkbox__hrDWU.ChunkBox_disabled__2wCCm.ChunkBox_checked__lQUnE {
  background: #9d9d9d; /* Disabled color of the UI kits checkbox */
}

.styles_serverListItem__kGofm {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  margin: 1rem auto 0;
  position: relative;
  text-decoration: none;
}

.styles_serverListItem__kGofm .styles_checkbox__XUIBe {
    position: absolute;
    top: 50%;
    transform: translate(-2rem, -50%);
  }

.styles_row__g34Sk {
  display: flex;
  align-items: center;
  flex: 1;
}
.styles_column__SKqAJ {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.styles_serverListItemCard__BIeoY {
  background: var(--white);
  border-radius: 2px;
  border: 1px solid var(--border-grey);
  display: flex;
  padding: 1rem 0;
  width: 100%;
  transition: border-color 0.1s ease 0s;
  min-height: 100px;
  padding-left: 0.8rem;
  color: var(--text-body);
}

.styles_serverListItemCard__BIeoY:hover {
    text-decoration: none;
    border-color: var(--primary);
  }

.styles_serverListItemCard__BIeoY:focus {
    outline: none;
    color: var(--text-body);
  }

.styles_serverListItemCard__BIeoY:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
  }

.styles_serverListItemCard__BIeoY:active {
    color: var(--text-body);
  }

.styles_serverListItemCard__BIeoY .styles_cell__5orpm {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: left;
    padding: 0 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    /* don't multiply paddings with inner children */
  }

:is(.styles_serverListItemCard__BIeoY .styles_cell__5orpm) .styles_cell__5orpm {
      padding: 0;
    }

.styles_serverListItemCard__BIeoY .styles_titleRow__c_M2P {
    font-weight: 600;
    word-break: break-all;
    padding-bottom: 5px;
  }

.styles_serverListItemCard__BIeoY .styles_osCell__VUsZ4,.styles_serverListItemCard__BIeoY .styles_ipCell__QtysP {
    color: var(--text-light);
    font-size: 0.8666666rem;
  }

.styles_serverListItemCard__BIeoY .styles_ipCell__QtysP {
    position: relative;
    max-width: 7.3333333rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.styles_serverListItemCard__BIeoY .styles_ipCellEmpty__d5agH {
    margin-right: 1.5rem;
  }

.styles_serverListItemCard__BIeoY .styles_osCell__VUsZ4 {
    align-items: center;
    display: flex;
    width: calc(100% - 20ch);
  }

:is(.styles_serverListItemCard__BIeoY .styles_osCell__VUsZ4) .styles_icon__XDu2h {
      padding: 0;
    }

:is(.styles_serverListItemCard__BIeoY .styles_osCell__VUsZ4) .styles_name__YThyT {
      line-height: 1.2rem;
      max-height: 2.4rem;
      overflow: hidden;
      text-overflow: ellipsis;
    }

.styles_serverListItemCard__BIeoY .styles_unit__tEc_a {
    color: var(--text-light);
    padding-left: 0.5ch;
  }

.styles_serverListItemCard__BIeoY .styles_state__NWTRY {
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
  }

.styles_serverListItemCard__BIeoY .styles_navigation__HSdaI {
    display: grid;
    place-items: center;
    width: 2.6666666rem;
    height: 2.6666666rem;
  }

:is(.styles_serverListItemCard__BIeoY .styles_navigation__HSdaI) button {
      padding: 0.3333333rem;
      border-radius: 2px;
      border: none;
      background-color: transparent;
      cursor: pointer;
    }

:is(:is(.styles_serverListItemCard__BIeoY .styles_navigation__HSdaI) button):focus {
        outline: 0;
      }

:is(:is(.styles_serverListItemCard__BIeoY .styles_navigation__HSdaI) button):focus-visible {
        outline: 2px solid var(--primary);
        outline-offset: 0;
      }

:is(:is(.styles_serverListItemCard__BIeoY .styles_navigation__HSdaI) button):hover svg {
          transform: translate(0.25rem, 0);
        }

:is(:is(.styles_serverListItemCard__BIeoY .styles_navigation__HSdaI) button) svg {
        transform: translate(0, 0);
        transition: transform 0.2s ease-in;
      }

.styles_serverListTable__MB91b {
  flex: 1 1 auto;
  padding-left: 2.4rem;
  padding-top: 0.2rem;
  position: relative;
}

.styles_serverListActions__k_FeR {
  flex: 0 1 11rem;
  max-width: 11rem;
  position: relative;
}

.styles_serverListActionsInner__ajm3O {
  height: 100%;
  margin-left: 1rem;
  width: 10rem;
}

@media (min-width: 1500px) {
  .styles_serverListActions__k_FeR {
    flex: 0 1 auto;
    width: calc(1500px * 0.5 + 10rem - 100vw * 0.5);
  }

  .styles_serverListActionsInner__ajm3O {
    position: absolute;
    left: 0;
  }
}

.styles_selectionMsg__pPTZH {
  align-items: center;
  background-color: var(--uikit-grey-lighter);
  display: flex;
  height: 3.3333333rem;
  justify-content: center;
  margin: 1rem 0 1rem;
}

.styles_serverListHead__0GD2m {
  display: flex;
  align-items: center;
  flex-direction: row;
  position: relative;
  width: 100%;
  padding-right: 40px;
}

.styles_itemCell__rHL4P {
  box-sizing: border-box;
  color: var(--text-light);
  display: flex;
  flex-direction: row;
  font-size: 0.86rem;
  font-weight: 700;
  height: 100%;
  letter-spacing: 0.07rem;
  padding: 0 1rem;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: none;
  background-color: transparent;
  align-items: center;
}

.styles_cell__5orpm {
  box-sizing: border-box;
}

.styles_cellTitle___SKmk {
  padding-left: 1.9rem;
  flex: 5;
}

.styles_cellCores__LWLU8,
.styles_cellSize__SBqeP,
.styles_cellMemory__xbOSI,
.styles_cellZone__pwRrT {
  flex: 1;
}

.styles_cellGpu__Nh6y0 {
  flex: 1.5;
}

.styles_cellType__nUWXR {
  flex: 1.25;
}

.styles_selectAllColumn__ZoW0X {
  left: 0;
  position: absolute;
  top: calc(50% + 1px);
  transform: translate(-2rem, -50%);
}

.styles_sortable__94AN_ {
  cursor: pointer;
}

.styles_sortable__94AN_:after {
  border: 0.33rem solid transparent;
  border-top-color: var(--border-grey);
  bottom: 0;
  box-sizing: border-box;
  content: '';
  display: inline-block;
  height: 0.66rem;
  position: relative;
  transform: translate(0.8rem, 0.26rem);
  transition:
    border-color 0.2s ease,
    transform 0.2s ease;
  width: 0.66rem;
}

.styles_sortable__94AN_.styles_sortDesc__h7vUr:after {
  border-top-color: var(--uikit-primary);
  transform: translate(0.8rem, 0.26rem);
}

.styles_sortable__94AN_.styles_sortAsc___q7_D:after {
  border-bottom-color: var(--uikit-primary);
  border-top-color: transparent;
  transform: translate(0.8rem, -0.1rem);
}

.CopyToClipboard_copyToClipboardContainerOuter__WpTr1 {
  max-width: 100%;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.CopyToClipboard_copyToClipboardContainerOuter__WpTr1 .CopyToClipboard_hiddenLabel__Ia6j0 {
    display: none;
  }
.CopyToClipboard_copyToClipboardContainerOuter__WpTr1 .CopyToClipboard_copyToClipboardContainer__XGEmc {
    cursor: pointer;
    position: relative;
  }
:is(.CopyToClipboard_copyToClipboardContainerOuter__WpTr1 .CopyToClipboard_copyToClipboardContainer__XGEmc)  > .Phoenix--Icon {
      margin-top: -0.2rem;
    }
:is(:is(.CopyToClipboard_copyToClipboardContainerOuter__WpTr1 .CopyToClipboard_copyToClipboardContainer__XGEmc) > .Phoenix--Icon):first-child {
        margin-right: 0.25em;
      }
:is(:is(.CopyToClipboard_copyToClipboardContainerOuter__WpTr1 .CopyToClipboard_copyToClipboardContainer__XGEmc) > .Phoenix--Icon):last-child {
        margin-left: 0.25em;
      }
.CopyToClipboard_copyToClipboardContainerOuter__WpTr1.CopyToClipboard_flex__qcINe {
    display: flex;
  }
.CopyToClipboard_copyToClipboardContainerOuter__WpTr1.CopyToClipboard_flex__qcINe.CopyToClipboard_fullWidth__kjz_6 .CopyToClipboard_copyToClipboardContainer__XGEmc {
        width: 100%;
      }
.CopyToClipboard_copyToClipboardContainerOuter__WpTr1.CopyToClipboard_flex__qcINe .CopyToClipboard_copyToClipboardContainer__XGEmc {
      max-width: 100%;
      display: flex;
      flex: 0 1 auto;
      align-items: center;
    }
:is(.CopyToClipboard_copyToClipboardContainerOuter__WpTr1.CopyToClipboard_flex__qcINe .CopyToClipboard_copyToClipboardContainer__XGEmc)  > .Phoenix--Icon {
        flex: 0 0 auto;
      }
.CopyToClipboard_copyToClipboardContainerOuter__WpTr1.CopyToClipboard_ellipsis__fagWU .CopyToClipboard_copyToClipboardContainer__XGEmc {
      display: flex;
      align-items: center;
      min-width: 0;
    }
:is(.CopyToClipboard_copyToClipboardContainerOuter__WpTr1.CopyToClipboard_ellipsis__fagWU .CopyToClipboard_copyToClipboardContainer__XGEmc)  > span:not(.Phoenix--Icon) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
      }
:is(.CopyToClipboard_copyToClipboardContainerOuter__WpTr1.CopyToClipboard_ellipsis__fagWU .CopyToClipboard_copyToClipboardContainer__XGEmc)  > .Phoenix--Icon {
        flex-shrink: 0;
      }