.ExtraActions_extraActionsContainer__YUWZk {
  display: inline-block;
}
.Phoenix--Button + .ExtraActions_extraActionsContainer__YUWZk {
    margin-left: 0.33333rem;
  }

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

.Backups_plan__biOB3 {
  position: relative;
}

.Backups_loading__keWXF {
  padding: 1rem;
  text-align: center;
}

.Backups_noStorages__dt5Rn {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 3rem;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.9);
}

.Backups_noStorages__dt5Rn a {
  margin-left: 3px;
  display: inline-block;
}

.BackupsHistory_backupsHistory__WBVrR {
  margin-top: 2rem;
}

.BackupsHistory_backupsHistory__WBVrR .Phoenix__CardHead {
  border-top: 0;
}

.BackupsHistory_content__fePl7 .Phoenix__CardContent {
  padding: 0;
}

.BackupsHistory_empty__PR8dJ {
  text-align: center;
  padding: 2rem;
}

.BackupsHistoryActions_backupActions__8aM7_ {
  padding: 2rem;
  padding-top: 1rem;
}

.BackupsHistoryActions_count__JCcPy {
  color: var(--text-light);
  font-size: 0.8rem;
  margin-bottom: 0.6666666rem;
}

.BackupsHistoryActions_buttons__9cbAC {
  box-sizing: border-box;
  display: flex;
  width: 100%;
}

.BackupsHistoryActions_buttons__9cbAC .Phoenix--Button:first-of-type {
  margin-right: 1rem;
}

.BackupsHistoryActions_buttons__9cbAC .Phoenix--Button:disabled {
  color: var(--text-light);
}

.BackupsHistoryList_backupHistory__S9GjW .Phoenix__GenericTable__Cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.BackupsHistoryList_backupHistory__S9GjW .Phoenix__GenericTable__Cell:nth-child(3n + 2) {
  overflow: visible;
}

.BackupsHistoryList_backupCreated__Vwns0,
.BackupsHistoryList_backupOrigin__UmTCD {
  text-overflow: ellipsis;
  overflow: hidden;
}

.BackupsHistoryList_backupActions__zYDe7 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

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

.EditFlexibleBackup_actions__LbfzZ {
  display: flex;
  margin-right: 1.3333333rem;
}

.EditFlexibleBackup_options__fog4C {
  width: 100%;
  display: flex;
}

.EditFlexibleBackup_options__fog4C .Phoenix__Input {
  margin-left: 0.6666666rem;
  margin-right: 0.6666666rem;
}

.EditMultipleFlexibleBackups_editBackups__aLmdJ {
  position: relative;
}

.EditMultipleFlexibleBackups_options__nIaw1 {
  width: 100%;
  display: flex;
  margin-bottom: 1.3333333rem;
}

.EditMultipleFlexibleBackups_options__nIaw1 .Phoenix__Input {
  margin-left: 0.6666666rem;
  margin-right: 0.6666666rem;
}

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

.EditMultipleFlexibleBackups_loader__iDLBk {
  margin-left: 0.6666666rem;
}

.EditMultipleFlexibleBackups_actions__MVtvy .Phoenix--Button {
  margin-right: 0.6666666rem;
}

.FlexibleBackup_flexibleBackup__1699b {
  position: relative;
}

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

.FlexibleBackup_progressBar__huS7X {
  margin-top: -0.6666666rem;
}

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

.FlexibleBackup_schedule__fAduX {
  margin-left: 1.3333333rem;
}

.FlexibleBackup_noSchedule__3MY6i {
  color: var(--text-light);
}

.FlexibleBackup_loading__LAu4l {
  margin: 3rem;
  text-align: center;
}

.SimpleBackups_backupOptions__V2aPT {
  margin-top: 2rem;
  margin-bottom: 1.3333333rem;
}

.SimpleBackups_backupsSummary__OCq__ {
  display: flex;
  align-items: center;
  margin-top: 1.3333333rem;
}

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

.SimpleBackups_actions__t1Nt1 .Phoenix--Button:first-of-type {
  margin-right: 0.6666666rem;
}

.SimpleBackups_backupsFooter__meo6J {
  margin-bottom: 0.6666666rem;
}

.SimpleBackups_backupsCards__RhV1O {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 1.3333333rem;
  gap: 1.3333333rem;
}

.SimpleBackups_backupCard__x2E4D {
  display: flex;
  flex-direction: column;
}

.SimpleBackups_backupCard__x2E4D .Phoenix__RadioCard {
  flex: 1;
}

.SimpleBackups_backupCard__x2E4D .Phoenix--Radio__glyph {
  position: absolute;
  top: auto;
}

.SimpleBackups_backupCardContent__XPrwS {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem 0;
}

.SimpleBackups_backupCardContent__XPrwS > div {
  text-align: center;
}

.SimpleBackups_backupCardContent__XPrwS > div + div {
  margin-top: 2rem;
}

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

.SimpleBackups_backupExtra__BvyeT {
  color: var(--text-grey);
}

.SimpleBackups_backupExtraPrice__6ORbx {
  display: block;
}

.SimpleBackups_backupFeature__FKsBd {
  padding: 0;
  list-style: none;
  font-size: 0.9333333rem;
  line-height: 1.6;
  color: var(--text-grey);
}

.SimpleBackups_backupFeature__FKsBd span {
  font-weight: 700;
}

.SimpleBackups_backupPrice__oOyiK {
  font-weight: 600;
}

.SimpleBackups_backupPriceAmount__0rG2o {
  font-size: 2.8rem;
  line-height: 1.2;
}

@media (min-width: 1500px) {
  .SimpleBackups_backupPriceAmount__0rG2o {
    font-size: 3.3333333rem;
  }
}

.SimpleBackups_backupCardSelected__zZPna .SimpleBackups_backupFeature__FKsBd,
.SimpleBackups_backupCardSelected__zZPna .SimpleBackups_backupExtra__BvyeT {
  color: var(--text-body);
}

.SimpleBackups_backupCardSelected__zZPna .SimpleBackups_backupPrice__oOyiK {
  color: var(--primary);
}

/* Compact variant — used inside the smaller create-server backups card. */
.SimpleBackups_backupCard__x2E4D.SimpleBackups_compact__HaUfj .Phoenix--Radio {
  padding: 0.6666666rem;
}

.SimpleBackups_backupCard__x2E4D.SimpleBackups_compact__HaUfj {
  font-size: 0.8666666rem;
}

.SimpleBackups_backupCard__x2E4D.SimpleBackups_compact__HaUfj .SimpleBackups_backupPriceAmount__0rG2o {
  font-size: 2.1333333rem;
}

.SimpleBackups_backupCard__x2E4D.SimpleBackups_compact__HaUfj .SimpleBackups_backupCardContent__XPrwS > div + div {
  margin-top: 0.6666666rem;
}

.SimpleBackups_backupCard__x2E4D.SimpleBackups_compact__HaUfj .SimpleBackups_backupFeature__FKsBd {
  font-size: 0.8rem;
}

.TakeBackup_takeBackups__bpyYM {
  margin-top: 2rem;
}

.TakeBackup_takeBackups__bpyYM .Phoenix__GenericTable__Cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.TakeBackup_takeBackups__bpyYM .Phoenix__CardContent {
  padding: 0;
}

.TakeBackup_hasNoStorages__4mob9 {
  padding: 2rem;
  text-align: center;
}

.TakeBackup_actions__4U5TJ {
  margin: 2rem;
  margin-top: 0.6666666rem;
}

.TakeBackup_title__VxqXl {
  overflow: hidden;
  text-overflow: ellipsis;
}

.Connection_contentWrapper__fprY_ {
  display: flex;
  padding: 2rem 2.4rem 3rem 2rem;
}

.Connection_leftCol__13Sqv {
  flex: 3;
}

.Connection_instructions__pG_HS {
  letter-spacing: 0.06rem;
  line-height: 1.38;
  padding-bottom: 3rem;
}

.Connection_imageWrapper__ZL99_ {
  flex: 2;
  padding-left: 3.2rem;
}

.Connection_helpText__rm_Xm {
  color: var(--text-grey);
}

.Console_cardWrapper__T8NRU + .Console_cardWrapper__T8NRU {
  margin-top: 3rem;
}

.Console_cardWrapper__T8NRU.Console_toastsActive__eBReJ {
  margin-top: 0;
}

.Console_errorWrapper___eeeR,
.Console_successWrapper__Z5OWb {
  background-color: #fff;
  border-left: 1px solid var(--card-border);
  border-right: 1px solid var(--card-border);
  margin: 1.33rem 0;
}

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

.VncSettings_contentWrapper__l_Q5D {
  padding: 2rem 1.66rem;
  position: relative;
}

@keyframes VncSettings_loaderBackgroundColorChange__8W16M {
  0% {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
  }
  19% {
    opacity: 0;
  }
  20% {
    background-color: rgba(255, 255, 255, 0);
    opacity: 1;
  }
  100% {
    background-color: rgba(255, 255, 255, 0.8);
  }
}

.VncSettings_loaderWrapper__9yWEP {
  align-items: center;
  animation-duration: 1.2s;
  animation-name: VncSettings_loaderBackgroundColorChange__8W16M;
  animation-timing-function: ease-in;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  height: 100%;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.VncSettings_loader__Ekjpd {
  margin: auto;
  max-height: 20rem;
  max-width: 20rem;
}

.VncSettings_fieldsWrapper__bN7SY {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.VncSettings_buttonsWrapper__jNbRe {
  padding: 0.4rem 0 0.6rem 0;
}

.VncSettings_field__zD5_g {
  margin-bottom: 1.8rem;
  width: 48%;
}

.VncSettings_field__zD5_g .VncSettings_label__PEHjO,
.VncSettings_field__zD5_g label {
  color: var(--text-warm-grey);
  display: block;
  font-size: 0.933rem;
  letter-spacing: 0.02rem;
  line-height: 1.43;
  margin-bottom: -0.66rem;
  margin-top: unset;
}

.VncSettings_field__zD5_g .VncSettings_value__c9T8a {
  line-height: 1.25;
  padding-top: 1.4rem;
  margin-block: unset;
}

.styles_addressLabel__aBda7 {
  display: inline-flex;
  font-size: 0.9333333rem;
  color: rgb(98, 95, 102);
}
.styles_editRow__CUtTP {
  /* .Table__Cell .Phoenix__Input has top: 0.35rem */
  padding-bottom: 0.35rem;
  display: block;
}
.styles_editRow__CUtTP .styles_errorHelpText__Rm_je {
    height: 0.9333333rem;
  }
:is(.styles_editRow__CUtTP .styles_errorHelpText__Rm_je) .Phoenix__InputHelpText {
      font-size: 0.8666666rem;
    }
.styles_editRow__CUtTP .styles_addButton__KLC82 {
    position: absolute;
    top: -1rem;
    left: -2rem;
    margin: auto;
    z-index: 1;
    color: var(--uikit-primary);
    width: calc(100% + 2rem);
    height: 0.1333333rem;
  }
:is(.styles_editRow__CUtTP .styles_addButton__KLC82) ::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 2rem;
      height: 4rem;
      z-index: -1;
    }
:is(.styles_editRow__CUtTP .styles_addButton__KLC82) button {
      background-color: var(--uikit-primary);
    }
:is(.styles_editRow__CUtTP .styles_addButton__KLC82) .styles_addButtonLine__mEOW7 {
      display: block;
      margin-left: 2rem;
      margin-top: -1rem;
      background: linear-gradient(1deg, var(--uikit-grey) 0%, transparent 60%);
      z-index: auto;
      height: 1px;
      width: calc(100% - 2rem);
    }
:is(.styles_editRow__CUtTP .styles_rowCompact__B5Qfq) .Phoenix__GenericTable__Row {
      padding: 0.3333333rem 0;
    }
.styles_editRow__CUtTP .Phoenix__Select__Select__menu {
    z-index: 3;
  }
.styles_editRow__CUtTP .styles_addressLabel__aBda7 {
    width: 3.3333333rem;
  }
:is(.styles_editRow__CUtTP .styles_optionsButton__M3HlR) button {
      background: none;
      border: none;
      padding: 0.4rem;
      margin: 0;
      cursor: pointer;
      border-radius: 0.2666666rem;
    }

.styles_ruleRow__mrhuf .Phoenix__GenericTable__Row {
    border-top: 1px solid var(--uikit-progressbar-bg);
  }

.styles_defaultRule__4TJEU {
  border-top: 1px solid var(--uikit-progressbar-bg);
  display: block;
}

.styles_tabSubtitle__hUY3P {
  opacity: 0.6;
  font-size: 0.8666666rem;
}
.styles_tabSubtext__JPxMX {
  opacity: 0.8;
  font-size: 0.8666666rem;
  margin-left: -0.6666666rem;
}
.styles_tabBadge__UJ31p {
  position: absolute;
  right: -1rem;
  top: -1.0666666rem;
}
.styles_tabIndicator__Zp8sd {
  width: calc(50% - 0.4rem);
  height: calc(100% - 0.4rem);
  background: var(--uikit-white);
  position: absolute;
  margin: 0;
  top: 0.2rem;
  left: 0.2rem;
  box-shadow: 0 0 0.1rem 0.1rem var(--box-shadow);
}
.styles_tabIndicator__Zp8sd.styles_left__JmvsY {
    margin-left: 0;
  }
.styles_tabIndicator__Zp8sd.styles_right__3Jc2k {
    margin-left: 50%;
  }
.styles_tabIndicator__Zp8sd {
  transition: margin 0.5s ease;
}

.styles_firewallTabs__vueM0 {
  padding: 0.2rem;
  background: var(--uikit-progressbar-bg);
  border: 1px solid var(--uikit-grey-card-border);
  border-radius: 0.2rem;
  display: flex;
  position: relative;
  width: 75%;
}

:is(.styles_firewallTabs__vueM0 .styles_selected__A7CRG) .styles_tabTitle__Ec6Di {
      font-weight: 600;
    }

.styles_firewallTabs__vueM0 button {
    flex: 1;
    flex-direction: column;
    align-items: center;
    gap: 0.1333333rem;
    justify-content: center;
    display: flex;
    letter-spacing: 0.04rem;
    padding: 0.6666666rem 2rem;
    background: none;
    border: none;
    margin: 0;
    cursor: pointer;
    border-radius: 0.2rem;
  }

@keyframes styles_flash__Tbu6u {
  0% {
    background: var(--highlight-soft);
  }
  100% {
    background: rgba(255, 238, 0, 0);
  }
}

.styles_highlightRow__c0M8L {
  animation: styles_flash__Tbu6u 2s ease-out;
}

.styles_highlight__S2i4E .Phoenix__Select,.styles_highlight__S2i4E .Phoenix__Input {
    animation: styles_flash__Tbu6u 2s ease-out;
  }

.styles_ruleErrorMsg__9bZiy {
  color: var(--uikit-destructive);
  font-size: 0.8rem;
}

.styles_cell-wrapper__wcJWY {
  flex: 1 1 0%;
  border-left: 1px solid var(--uikit-grey-card-border);
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.6rem 1.4666666rem;
}

.styles_cell-wrapper__wcJWY .styles_cell-dropdown-label__divM9 {
    top: 1.6rem;
    color: rgb(157, 157, 157);
    font-size: 0.7333333rem;
    font-weight: bold;
    letter-spacing: 0.04rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
  }

.styles_cell-wrapper__wcJWY .styles_cell-dropdown-wrapper__BNB7W {
    display: flex;
    gap: 1em;
    align-items: center;
    width: 100%;
  }

:is(.styles_cell-wrapper__wcJWY .styles_cell-dropdown-wrapper__BNB7W) .Phoenix__Select {
      padding-top: 0;
    }

.styles_cell-wrapper__wcJWY .styles_cell-actions__Bh4EU {
    display: inline-flex;
    flex: 1 1 0%;
    align-items: center;
  }

.styles_cell-wrapper__wcJWY .styles_cell-value-wrapper__SOzkp {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
  }

:is(.styles_cell-wrapper__wcJWY .styles_cell-value-wrapper__SOzkp) .styles_cell-name-value__4R1Pt {
      color: rgb(0, 0, 0);
      font-size: 1.6666666rem;
      font-weight: 600;
      letter-spacing: 0.09333rem;
    }

:is(.styles_cell-wrapper__wcJWY .styles_cell-value-wrapper__SOzkp) .styles_cell-name-actions__0bVvG {
      display: inline-flex;
      align-items: center;
      margin-bottom: 0.0666666rem;
    }

.styles_dragButton__e4Evz {
  border: none;
  cursor: -webkit-grab;
  cursor: grab;
  align-items: center;
  background-color: transparent;
  border-radius: 0;
  border-style: none;
  color: inherit;
  display: inline-flex;
  justify-content: center;
  padding: 0;
  -webkit-appearance: none;
  padding: 0.4rem;
}

.styles_dragButton__e4Evz:focus {
  outline: none;
}

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

.Autosuggest_suggestionsList__jFQO9 {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0.1333333rem 0 0 0;
  background-color: white;
  width: 100%;
  border-radius: 0 0 0.4666666rem 0.4666666rem;
  max-height: 200px;
  overflow-y: auto;
  display: block;
  box-shadow: 0 6px 12px 0 var(--uikit-popover-shadow);
  z-index: 3;
}

.Autosuggest_suggestionsList__jFQO9 li {
  list-style: none;
  padding: 0.6666666rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border-bottom: 1px solid var(--border-light-grey);
}

.Autosuggest_suggestionsList__jFQO9 li:hover,
.Autosuggest_suggestionsList__jFQO9 li.Autosuggest_selected__r8jU0 {
  background: var(--border-light-grey);
}

.styles_footer__xsmhn {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  z-index: 2;
}

.styles_stickyCardHead__83A4Q {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  display: block;
  background-color: var(--uikit-white);
  border-bottom: 1px solid var(--uikit-grey-card-border);
}

.styles_previewRulesImport__vKQ5t {
  border: 1px solid var(--uikit-progressbar-bg);
  max-height: 600px;
  overflow: auto;
  padding-top: 1.0666666rem;
}

.styles_dnsToggler__VSJhu {
  display: flex;
}

.styles_checkboxWrapper__MT77o {
  box-sizing: content-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 0.9333333rem;
  letter-spacing: 0.02rem;
  flex-basis: calc(50% - 3.66rem - 2px);
  transition:
    border-color 75ms,
    opacity 75ms;
  border: none;
  padding: 0;
  background-color: transparent;
}

.styles_checkboxWrapper__MT77o:hover {
    border-color: var(--uikit-primary);
  }

.styles_checkboxWrapper__MT77o:hover .styles_checkbox__9Y8DW {
      border-color: var(--uikit-primary);
    }

.styles_checkboxWrapper__MT77o .styles_checkbox__9Y8DW {
    border: 1px solid var(--uikit-grey-card-border);
    height: calc(1.2rem - 2px);
    position: relative;
    transition:
      border-color 75ms,
      opacity 75ms;
    width: calc(1.2rem - 2px);
  }

:is(.styles_checkboxWrapper__MT77o .styles_checkbox__9Y8DW):not(.styles_selected__EE7T1) > .styles_icon__cpvYF {
      opacity: 0;
    }

.styles_selected__EE7T1:is(.styles_checkboxWrapper__MT77o .styles_checkbox__9Y8DW) {
      background-color: var(--uikit-primary);
      border-color: var(--uikit-primary);
    }

.styles_checkboxWrapper__MT77o .styles_icon__cpvYF {
    left: 50%;
    position: absolute;
    opacity: 1;
    top: 50%;
    transform: translate(-50%, -50%);
  }

.Network_errorWrapper__xAv_e {
  background-color: #fff;
  margin-bottom: 1.33rem;
  margin-top: -1rem;
}

.Network_errorWrapper__xAv_e .Phoenix__Toast {
  box-shadow: 0 0.066667rem 0.666666rem rgba(0, 0, 0, 0.12);
}

.ModalWithoutPadding_wrapper__XZW75 .Phoenix__CardContent {
  padding-left: 0;
  padding-right: 0;
}

.ModalWithoutPadding_wrapper__XZW75 .Phoenix__CardFooter {
  padding-left: 2rem;
  padding-right: 2rem;
}


  .EffectiveRoutes_table__cG7R6 .Phoenix__GenericTable__Head .Phoenix__GenericTable__Cell {
    overflow: visible;
  }
.EffectiveRoutes_wrapper___r9GX .Phoenix__CardDataRow__Cell__content {
    overflow: visible;
  }
.EffectiveRoutes_wrapper___r9GX .EffectiveRoutes_popover__pr217 {
    font-size: initial;
    font-weight: initial;
    color: var(--text-body);
    letter-spacing: normal;
  }


  .EffectiveRoutesModal_wrapper__yPz9I .Phoenix__CardContent {
    padding-top: 0;
  }
.EffectiveRoutesModal_wrapper__yPz9I .Phoenix__CardContent .Phoenix__CardSection {
    margin-top: 0;
    padding-top: 0;
  }
.EffectiveRoutesModal_wrapper__yPz9I .Phoenix__CardDataRow__Cell {
    padding: to-rem();
  }
.EffectiveRoutesModal_wrapper__yPz9I .Phoenix__CardDataRow__Cell__main {
    display: flex;
    justify-content: space-between;
  }
:is(.EffectiveRoutesModal_wrapper__yPz9I .Phoenix__CardDataRow__Cell__main) .Phoenix__CardDataRow__Cell__label {
      font-size: 1rem;
      text-transform: none;
      margin-bottom: 0;
      font-weight: bold;
      color: var(--text-body);
      letter-spacing: initial;
      margin-right: 0.6666666rem;
    }
:is(.EffectiveRoutesModal_wrapper__yPz9I .Phoenix__CardDataRow__Cell__main) .Phoenix__CardDataRow__Cell__content {
      font-size: 1rem;
      font-weight: normal;
      text-transform: none;
      color: var(--text-body);
      letter-spacing: initial;
    }
.EffectiveRoutesModal_wrapper__yPz9I .Phoenix__GenericTable__Body {
    max-height: 400px;
    overflow-y: auto;
  }
.EffectiveRoutesModal_wrapper__yPz9I .Phoenix__GenericTable__Cell {
    overflow-x: hidden;
  }
:is(.EffectiveRoutesModal_wrapper__yPz9I .Phoenix__GenericTable__Cell) strong {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

.AssignIpAddressModal_container__1D1Z1 {
  background-color: var(--uikit-grey-bg);
  border: 1px solid var(--uikit-grey-border);
  border-radius: 0.2666666rem;
  margin-top: 1rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
}

.AssignIpAddressModal_container__1D1Z1 a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.AssignIpAddressModal_networkName__gU3Hz {
  display: flex;
  gap: 4px;
}

.AttachNetworkModal_label__4DPI8 {
  color: var(--text-semi-dark);
  display: block;
  font-size: 0.8rem;
  margin-bottom: 0.3333333rem;
}

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

.AttachNetworkModal_radioRow__5Gc1L + .AttachNetworkModal_radioRow__5Gc1L {
  margin-top: 0.3333333rem;
}

.AttachNetworkModal_helpHover__u2eRz {
  cursor: help;
  -webkit-text-decoration: underline dotted var(--uikit-primary);
          text-decoration: underline dotted var(--uikit-primary);
  text-underline-offset: 0.3333333rem;
}

.AttachNetworkModal_tooltipContainer__nwQCn {
  position: relative;
}

.AttachNetworkModal_infoboxWrapper__jvY00 {
  display: block;
  left: 0;
  padding-top: 0.6666666rem;
  position: absolute;
  top: 100%;
  width: 20rem;
  z-index: 1;
}

.AttachNetworkModal_switchRow__3R66g {
  padding-top: 2rem;
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.DeleteNetworkInterfaceModal_keepRow__Rc_Lt {
  font-weight: 500;
  width: 200px;
}

.DeleteNetworkInterfaceModal_releaseRow__XPsXk {
  color: var(--text-error);
  font-weight: 600;
  width: 200px;
}

.DeleteNetworkInterfaceModal_tableHeader__GKsox {
  font-weight: 600;
  text-transform: uppercase;
  color: var(--text-semi-dark);
  width: 200px;
}

.DeleteNetworkInterfaceModal_headerContainer__W0Uyr {
  padding-bottom: 0.5333333rem;
  border-bottom: 1px solid var(--card-border);
  justify-content: space-between;
  display: flex;
}

.DeleteNetworkInterfaceModal_ipRow__6VoHU {
  display: flex;
  justify-content: space-between;
}

.EditNetworkInterfaceModal_indexInputContainer__jw3xN .Phoenix__InputHelpText {
  width: 31.3333333rem;
}

.EditNetworkInterfaceModal_indexInputContainer__jw3xN .Phoenix__Input__Input {
  width: 8rem;
}

.NetworkCard_networkInterfacesContainer__QDfRd {
  display: flex;
  flex-direction: column;
}

.NetworkCard_networkInterfaceCard__j4qjd {
  background: var(--white);
  overflow: hidden;
  position: relative;
}

.NetworkCard_networkInterfaceHeader__ZGER_ {
  padding: 1rem 1.9333333rem;
  border-bottom: 0.0666666rem solid var(--card-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--background-body);
}

/* Add border-top to every .networkInterfaceHeader except the first one */
.NetworkCard_networkInterfaceCard__j4qjd:not(:first-child) {
  border-top: 0.0666666rem solid var(--card-border);
}

.NetworkCard_networkInterfaceLeft___2GWh {
  display: flex;
  align-items: center;
  gap: 0.9333333rem;
}

.NetworkCard_networkInterfaceMetadata___7u_N {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-top: 0.4rem;
  flex-wrap: nowrap;
}

.NetworkCard_metadataItem__85DSW {
  color: var(--uikit-grey);
  font-size: 0.8666666rem;
  white-space: nowrap;
  display: flex;
  align-items: baseline;
  gap: 0.2666666rem;
  line-height: 1.2;
  margin-top: 0.0666666rem;
}

.NetworkCard_indexItem__rOrca {
  color: var(--uikit-grey);
  font-size: 0.9333333rem;
  white-space: nowrap;
  display: flex;
  align-items: baseline;
  gap: 0.2666666rem;
  line-height: 1.2;
}

.NetworkCard_macAddress__nf_Va {
  font-family: monospace;
  font-size: 0.8666666rem;
  white-space: nowrap;
}

.NetworkCard_networkInterfaceName__TBWbJ {
  display: flex;
  flex-direction: column;
}

.NetworkCard_networkInterfaceTitle__h1MFd {
  font-weight: 600;
  color: var(--text-body);
  font-size: 1rem;
}

.NetworkCard_networkInterfaceSubtitle__b7zQp {
  color: var(--text-grey);
  font-size: 0.9333333rem;
  font-style: italic;
}

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

.NetworkCard_networkInterfaceMac__A68x_ .Phoenix__Tooltip {
  font-family: 'Source Sans Pro', 'system-ui', 'sans-serif';
}

.NetworkCard_networkLinkButton__7YFeU {
  background: none;
  border: none;
  color: var(--uikit-primary);
  cursor: pointer;
  font-size: 1.0666666rem;
  font-weight: 500;
  padding: 0;
  text-decoration: underline;
}

.NetworkCard_networkInterfaceActions__xMik_ {
  display: flex;
  gap: 0.2666666rem;
}

.NetworkCard_networkInterfaceBody__h1Mfk {
  padding: 0.4666666rem 1.8666666rem 0.4666666rem 2.8rem;
}

.NetworkCard_ipAddressBlock__IMvZC {
  border-bottom: 0.0666666rem solid var(--border-light-grey);
  padding: 0.7333333rem 0;
}

.NetworkCard_ipAddressBlock__IMvZC:last-child {
  border-bottom: none;
}

.NetworkCard_ipAddressLine__lC1rj {
  display: flex;
  align-items: center;
  gap: 0.5333333rem;
}

.NetworkCard_ipAddressText__ZZPlT {
  font-family: monospace;
  font-size: 0.8rem;
  color: var(--text-body);
}

.NetworkCard_floatingIpBadge__H1Bci {
  background: var(--highlight-soft);
  color: var(--primary);
  padding: 0.1333333rem 0.4666666rem;
  border-radius: 0.8rem;
  font-size: 0.7333333rem;
  font-weight: 500;
}

.NetworkCard_hostnameLine__MkDWn {
  color: var(--text-grey);
  font-size: 0.8rem;
  margin-left: 0;
}

.NetworkCard_ipActions__9ri4E {
  display: flex;
  gap: 0.25rem;
  margin-left: auto;
}

.NetworkCard_loaderContainer__zVz82 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.8666666rem;
}

.NetworkCard_emptyStateContainer____LDm {
  padding: 2.8666666rem;
}

.NetworkCard_intro__WOZhq {
  font-size: 1.0666666rem;
  letter-spacing: 0.04rem;
  line-height: 1.9333333rem;
  margin-top: 0;
}

.CardLayout_wrapper__Gl77Q .Phoenix__Card {
  margin-bottom: 1rem;
}

/*
 * NOTE — there used to be a second rule here:
 *
 *   .wrapper :global(.Phoenix__Card) > *:last-child { margin-bottom: 3rem; }
 *
 * It was a literal port of the styled-jsx version that lived in CardLayout
 * before this refactor. In the styled-jsx world the rule was silently dead:
 * styled-jsx auto-scoped the `*` selector to `.jsx-XYZ` (i.e. only matched
 * elements rendered by CardLayout's own JSX), and the direct children of
 * `.Phoenix__Card` are rendered by the UI Kit, never by us. So the 3rem
 * was never applied on master — nobody noticed it was supposed to.
 *
 * Porting the rule to a CSS module dropped the auto-scoping, which made
 * the rule actually start matching, adding 3rem (= 42px at the UI Kit's
 * 14px root font-size) of bottom margin to every Phoenix__Card on every
 * CardLayout consumer. On /server/{uuid}/overview that's 7 cards × 42px =
 * 294 CSS-px of extra vertical space, breaking the page layout.
 *
 * Since the rule has been ineffectual on master for an unknown amount of
 * time without anyone missing it, the safe resolution is to remove it
 * rather than to "preserve" something that was never actually doing what
 * the source code claimed.
 */

.GpuDeviceList_gpuDevice__0qZ3T {
  --color-1: var(--primary);
  --color-2: #7ffffa;
  --color-3: #7ebffc;
  --angle: 0turn;
  padding: 1.5rem;
  font-size: 0.9333333rem;
  margin-top: 1em;
  border: 0.0666666rem solid;
  border-image-slice: 1;
  border-image-source: conic-gradient(
    from var(--angle) at 50% 50%,
    var(--color-1),
    var(--color-2),
    var(--color-3),
    var(--color-1)
  );
}

.GpuDeviceList_label__Qt3Cx {
  text-transform: uppercase;
}

.GpuDeviceList_modelName__QuEIA {
  font-size: 1.0666666rem;
}

.GpuDeviceList_specs__wVA6H {
  flex: 1;
}

.GpuDeviceList_gpuDeviceLabel__RB_mK {
  display: block;
  cursor: pointer;
}

.GpuDeviceList_gpuDeviceDisabled__gnksi {
  opacity: 0.5;
  pointer-events: none;
}

.GpuDeviceList_inUseBadge__KpWrP {
  font-size: 0.8rem;
  color: var(--subdued);
  font-style: italic;
}

.Configuration_footerWrapper__dh_0i {
  border-top: 1px solid var(--card-border);
  padding: 1.3333333rem 1.6666666rem;
}

.Configuration_wrapper__UZkvT {
  display: flex;
  position: relative;
}

.Configuration_wrapperPrice__5TwPl {
  margin-right: 0.6666666rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
}

.ConnectionInstructions_content__qyXY2 {
  margin-top: 2rem;
  padding: 0 2rem;
}

.ConnectionInstructions_exception__GZYSl {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 150px;
  justify-content: center;
  padding: 30px 50px;
}

.ConnectionInstructionsList_list__Sq5zo {
  padding-left: 1rem;
}

.ConnectionInstructionsList_listItem__2jPzR {
  margin: 2rem 0;
}

.ScreenShotExample_img__AYHPW {
  border: 1px solid var(--borderGrey);
  border-radius: 4px;
}

.Time_button__Zy0bb {
  cursor: help;
}
.Time_button__Zy0bb:focus-visible {
    outline: 0;
    border-bottom: 2px solid var(--uikit-primary);
    margin-bottom: -2px;
  }

.LatestEvents_wrapper__jB2v6 {
  padding-bottom: 3rem;
  position: relative;
}

.LatestEvents_wrapper__jB2v6:before {
  content: '';
  background: var(--card-border);
  position: absolute;
  left: 1rem;
  top: 0;
  bottom: 0;
  width: 1px;
}

.LatestEvents_title__Fk3Ts {
  font-size: 1.2rem;
  font-weight: 400;
  height: 100%;
  letter-spacing: 0.04rem;
  line-height: 2.5rem;
  padding-left: 3rem;
  position: relative;
}

.LatestEvents_event__eG045 {
  padding-left: 3rem;
  position: relative;
  margin-top: 3rem;
}

.LatestEvents_event__eG045 .event-icon {
  position: absolute;
  top: 0;
  left: 0;
}

.LatestEvents_title__Fk3Ts .latest-events-title-icon {
  position: absolute;
  left: -0.3333333rem;
}

.LatestEvents_eventHeader__pItNj {
  align-items: center;
  color: var(--text-grey);
  display: flex;
  font-size: 0.7333333rem;
  height: 2rem;
  justify-content: space-between;
  letter-spacing: 0.04rem;
}

.LatestEvents_eventTimestamp__gPsKA {
  flex: 1 0 auto;
  font-weight: 600;
  opacity: 0.5;
  text-align: right;
}

.LatestEvents_eventCreator__fETeM {
  flex: 1 1 auto;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.LatestEvents_eventMessage__7Lgxr {
  font-size: 1.0666666rem;
  font-weight: 600;
}

.Optionals_optionals__dZctc .Phoenix__CardContent {
  padding: 0;
}

.Optionals_wrapper__riptw {
  position: relative;
  padding: 1.33334rem 2rem;
}

.Optionals_metadata__lLdR1 {
  padding: 1.33334rem 2rem;
  border-bottom: 1px solid var(--card-border);
}

.Optionals_metadata__lLdR1 .switch-row {
  width: 100%;
}

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

.Optionals_row__ce6JA + .Optionals_row__ce6JA {
  margin-top: 1.23rem;
}

.Optionals_label___H0E9 {
  padding-right: 1rem;
  padding-top: 0.5rem;
  width: 12rem;
}

.Optionals_dropdownContainer__hjjMT {
  flex-grow: 1;
}

.Optionals_dropdownContainer__hjjMT .Phoenix--Dropdown {
  max-width: 100%;
  width: 100%;
}

.Optionals_dropdownContainer__hjjMT
  .Phoenix--Dropdown .Select .Select-control .Select-value {
  font-weight: 600;
}

.Optionals_pendingChange__iw_gK
  .Optionals_dropdownContainer__hjjMT
  .Phoenix--Dropdown .Select .Select-control .Select-value span {
  color: var(--primary);
  font-weight: 400;
}

.Optionals_actionButton__IieG2 {
  margin-top: 1rem;
}

.Optionals_actionButton__IieG2:first-of-type {
  margin-right: 0.5rem;
}

.Optionals_bootOrderDropdown__FfvZt {
  flex: 1 1 30%;
}

.Overview_wrapper__a_KEp {
  display: flex;
  flex-direction: row;
}

.Overview_mainWrapper__mPZ0c {
  flex: 1 1 auto;
  min-width: 0;
}

.Overview_asideWrapper__DH3Cu {
  flex: 0 0 auto;
  padding-left: 2rem;
  width: 18rem;
}

.Overview_serverActions__SVCC4 {
  margin-bottom: 2rem;
}

.OverviewCard_cellEmptyText__lGZx7 {
  letter-spacing: 0;
  font-weight: 400;
  font-size: 1.0666666rem;
}

.OverviewCard_cardSection___qOJo + .OverviewCard_cardSection___qOJo {
  border-top: 1px solid var(--card-border);
}

.OverviewCard_serverState__MOonW {
  align-items: baseline;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}

.OverviewCard_serverState__MOonW .server-state-indicator {
  margin-right: 0.3333333rem;
  position: relative;
  top: -2.5px;
}

.OverviewCard_serverStateLabel___2Tdh {
  color: var(--text-light);
  font-size: 0.8666666rem;
  font-weight: 700;
  letter-spacing: 0.0466666rem;
  margin-right: 1rem;
  text-transform: uppercase;
}

.OverviewCard_serverStateValue__vPb_P {
  color: #000;
  font-size: 1.0666666rem;
  font-weight: 600;
}

.ServerHostChangeModal_hosts__Kjuv6 .Phoenix__SortableTable__Body {
  cursor: pointer;
}

.ServerHostChangeModal_hosts__Kjuv6
  .Phoenix__SortableTable__Row:hover
      input:not(:checked)
      + .Phoenix--Radio__glyph:after {
  box-shadow: inset 0 0 0 0.13333rem color(grey);
}

.Statistics_chartWrapper__nl3wL {
  height: 33rem;
  margin: 1rem auto 0;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 55rem;
}

.Statistics_emptyChartWrapper__Pjydk,
.Statistics_loaderWrapper__9_Ky1 {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.StatisticsTypeSelector_mainWrapper__LdMmL {
  display: flex;
  width: 100%;
}

.StatisticsTypeSelector_popupWrapper__u_1uM {
  cursor: pointer;
  margin-left: auto;
  position: relative;
}

.StatisticsTypeSelector_selectorWrapper__zqLfD {
  padding: 0.5rem 1.8rem;
  padding-right: 0;
}

.StatisticsTypeSelector_selectorWrapper__zqLfD:first-of-type {
  font-weight: bold;
}

.StatisticsTypeSelector_selectorTitle__pKzvT {
  font-size: 0.8rem;
  letter-spacing: 0.046rem;
  padding-right: 0.5rem;
  text-transform: uppercase;
}

.StatisticsTypeSelector_selectorListWrapper__t9PO2 {
  display: none;
  position: absolute;
  top: 0;
  z-index: 1;
}

.StatisticsTypeSelector_selectorListWrapper__t9PO2.StatisticsTypeSelector_active__s2f0H {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.09);
  display: block;
}

.StatisticsTypeSelector_selectorListWrapper__t9PO2 .StatisticsTypeSelector_selectorWrapper__zqLfD {
  background-color: #fff;
  width: 100%;
  border: none;
  text-align: start;
  cursor: pointer;
  line-height: unset;
}

.StatisticsTypeSelector_selectorListWrapper__t9PO2 .StatisticsTypeSelector_selectorWrapper__zqLfD:hover {
  background-color: var(--card-border);
}

.StatisticsTypeSelector_icon__i1B7p {
  display: inline-block;
  padding-left: 0.33rem;
}

.TagInput_tagWrapper__y8UQR {
  margin-right: 0.3rem;
  height: auto;
  display: flex;
}

.TagInput_autocompleteTagWrapper__zRbPY .Phoenix__Tag {
  overflow: initial;
  min-width: 84px;
  max-width: 32ch;
}

.TagInput_autocompleteTagWrapper__zRbPY .Phoenix__Select__Select__indicators {
  display: none !important;
}

.TagInput_autocompleteTagWrapper__zRbPY .Phoenix__Select {
  padding-top: 0;
  height: 100%;
}

.TagInput_autocompleteTagWrapper__zRbPY .Phoenix__Select__Select {
  height: 100%;
}

.TagInput_autocompleteTagWrapper__zRbPY .Phoenix__Select__Select__control {
  height: 100%;
}

.TagInput_autocompleteTagWrapper__zRbPY .Phoenix__Select__Select__value-container {
  height: 100%;
}

.TagInput_autocompleteTagWrapper__zRbPY .Phoenix__Select__Select__menu {
  width: 39ch;
}

.TagInput_autocompleteTagWrapper__zRbPY .Phoenix__Select__Select__placeholder {
  font-family: inherit;
  font-size: 0.8666666rem !important;
  font-weight: 600;
}

.TagInput_autocompleteTagWrapper__zRbPY .Phoenix__Select__Select__input {
  font-family: inherit;
  font-size: 0.8666666rem !important;
  font-weight: 600;
  max-width: 32ch;
}

.TagInput_input__BNva7 {
  border: 0;
  background: none;
  outline: none;
}

.TagInput_tooltipContent__AC_OV > * {
  margin-bottom: -0.6rem;
}

.Tags_headerWrapper__Abx4M {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  top: 0.4666666rem;
  width: 100%;
  align-items: center;
}

.Tags_tags__JtZqg {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  min-width: 0;
}

.Tags_cardContent__48Uxe {
  padding: 1rem;
}

.CustomConfiguration_trialNotice__3RnBf {
  color: #000;
  margin: 0 1.33rem;
  padding: 2rem 1.66rem 0;
}

.CustomConfiguration_customWrapper__Vu0el.CustomConfiguration_disabled__mAy9W {
  opacity: 0.5;
}

.CustomConfiguration_sliderWrapper__h5fM6 {
  border-bottom: 1px solid var(--card-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 1.33rem;
  padding: 3rem 1.66rem;
}

.CustomConfiguration_sliderWrapper__h5fM6:last-of-type {
  border-bottom: none;
}

.CustomConfiguration_slider__THySn {
  flex: 8 0;
}

.CustomConfiguration_sliderLabel__Lqx64 {
  flex: 1 0;
  font-weight: 600;
  letter-spacing: 0.033rem;
  font-size: 1.066rem;
}

@media (max-width: 767px) {
  .CustomConfiguration_sliderWrapper__h5fM6 {
    margin: 0;
    padding: 2rem 1rem;
  }
  .CustomConfiguration_slider__THySn {
    flex-grow: 4;
  }
  .CustomConfiguration_sliderLabel__Lqx64 {
    flex-grow: 1;
  }
}

.Plan_resizeWrapper__F39Hb {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.Plan_resizeWrapperFooter__FyFT6 {
  border-top: 1px solid var(--card-border);
  padding: 2rem;
}

.Plan_actionsWrapper__gp5lM {
  display: flex;
  padding: 1.6rem 1.9rem 2rem 1.9rem;
}

.Plan_actionButton___W3zT {
  margin-right: 1.8rem;
}

.Plan_resizeInfo__p9foW {
  align-items: center;
  color: var(--text-light);
  display: flex;
  font-size: 0.733rem;
  font-weight: 700;
  letter-spacing: 0.04rem;
}

.Plan_resizeInfoPrice__H0m3X {
  color: #000;
  font-size: 1.2rem;
  padding-inline: 0.5rem;
}

.Plan_errorWrapper__GgfaO {
  background-color: #fff;
  margin-bottom: 1.33rem;
  margin-top: -1rem;
}

.Plan_errorWrapper__GgfaO .Phoenix__Toast {
  box-shadow: 0 0.066667rem 0.666666rem rgba(0, 0, 0, 0.12);
}

.Plan_newMonthlyCostWrapper__Ld85c {
  padding-block: 2.6rem;
  padding-inline: 1.9rem;
}

.Plan_newMonthlyPrice__pOQgw {
  color: #000;
  font-size: 2.13rem;
  padding-inline: 1.4rem;
}

@media (max-width: 767px) {
  .Plan_actionsWrapper__gp5lM {
    background-color: #000;
    bottom: 0;
    left: 0;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 1;
  }
  .Plan_actionButton___W3zT {
    margin: 0;
    width: 50%;
  }
  .Plan_resizeWrapper__F39Hb {
    padding: 0;
  }
}

.ServerDetails_serverDetailsWrapper__dJh42 {
  margin-top: 3.5rem;
  position: relative;
}

.ServerDetails_serverHeading__wmDId {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

.ServerDetails_serverHeadingActions__orfD6 {
  display: flex;
  flex-shrink: 0;
}

.ServerDetails_serverTitle__XY2hH {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  overflow-wrap: anywhere;
}

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

.ServerDetails_serverSubtitleDetails__mn_S9 {
  align-items: center;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ServerDetails_serverSubtitleDetails__mn_S9 li {
  align-items: center;
  display: flex;
  padding: 0;
}

.ServerDetails_serverSubtitleDetails__mn_S9 li + li:before {
  content: '•';
  margin: 0 0.4rem;
}

.ServerDetails_fixedLoader___y4HE {
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ServerDetails_errorWrapper__d1ZTd {
  margin-top: 2rem;
  margin-bottom: -1rem;
}

.ServerDetails_errorWrapper__d1ZTd .Phoenix__Toast {
  box-shadow: 0 0.066667rem 0.666666rem rgba(0, 0, 0, 0.12);
}

.ServerDetails_password__drnr6 {
  margin-top: 2rem;
  margin-bottom: -1rem;
}

.ServerDetails_password__drnr6 .Phoenix__Toast {
  box-shadow: 0 0.066667rem 0.666666rem rgba(0, 0, 0, 0.12);
}

.DiskSpaceModal_wrapper__TIaif
  .Phoenix--Dropdown .Select .Select-control .Select-value-label {
  font-size: 1.07rem;
  font-weight: 600;
}

.DiskSpaceModal_label__g6GYy {
  color: var(--text-semi-dark);
  display: block;
  font-size: 1.06667rem;
  margin-bottom: -1.5rem;
  width: 100%;
  margin-top: 1.33333rem;
  transform-origin: top left;
  transform: scale(0.75);
  letter-spacing: 0.03333rem;
  line-height: 1.46667rem;
}

.DiskSpaceModal_diskSpaceConfigurator__E3KWB {
  padding-top: 1.25rem;
}

.DiskSpaceModal_loaderContainer__IQbjy {
  display: flex;
  justify-content: center;
  align-items: center;
}

.DiskSpaceModal_dropdown__lltXp {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
}

.DiskSpaceModal_dropdown__lltXp:hover * {
  color: var(--primary);
}

.DiskSpaceModal_dropdownLabel__tjIEH {
  font-size: 15px;
  color: var(--text-body);
}

.DiskSpaceModal_dropdownId__b532f {
  font-size: 14px;
  color: var(--text-light);
}

.styles_checkboxWrapper__pMykb .Phoenix__Checkbox {
  align-items: center;
}

.Storage_wrapper__X0qBg {
  margin-top: 3rem;
}

.Storage_wrapper__X0qBg .Phoenix__CardSection {
  position: relative;
}

.Storage_actionsWrapper__bBl7N {
  display: flex;
  padding: 1.6rem 1.9rem 2rem 1.9rem;
}

.Storage_actionButton__yA7De {
  margin-right: 1.8rem;
}

.Storage_errorWrapper__Ss5Hi {
  margin-bottom: 2rem;
  margin-top: -1rem;
}

.Storage_errorWrapper__Ss5Hi .Phoenix__Toast {
  box-shadow: 0 0.066667rem 0.666666rem rgba(0, 0, 0, 0.12);
}

.Storage_currentPriceLabel__9EaIe {
  color: var(--text-light);
  font-size: 0.7333333rem;
  font-weight: 700;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
}

.Storage_currentPrice__lEK5x {
  font-size: 1.2rem;
  padding-inline: 0.5333333rem;
  font-weight: 700;
}

.Storage_newMonthlyCost__Vk50G {
  align-items: center;
  display: flex;
  font-weight: 700;
  margin-top: 2.6666666rem;
  margin-left: 2rem;
}

.Storage_newMonthlyCostLabel__Z1uvU {
  font-size: 0.7333333rem;
  color: var(--text-light);
  text-transform: uppercase;
}

.Storage_newMonthlyCostValue__eIkee {
  font-size: 2.1333333rem;
  margin-left: 1.3333333rem;
}

.Storage_lh1__VDGKI {
  line-height: 1;
}

.Storage_priceContainer__fSy8z {
  display: flex;
  align-items: center;
  letter-spacing: 0.04rem;
}

.Storage_diskConfigWrapper__IOA_c {
  font-size: 1.07rem;
}

.Storage_diskConfigWrapper__IOA_c .infobox {
  overflow-y: scroll;
  overflow-wrap: break-word;
  max-height: 30rem;
}

.Storage_diskTierTooltipText__xruXJ {
  cursor: help;
  -webkit-text-decoration: underline dotted var(--primary);
          text-decoration: underline dotted var(--primary);
  text-underline-offset: 0.1333333rem;
}

.Storage_configRow__n_XcI {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 3rem;
  gap: 1rem;
}

.Storage_modalOverlayTitle__2j00l {
  font-size: calc(18 / 15 * 1rem);
  font-weight: 600;
  letter-spacing: 0.04rem;
  -webkit-margin-before: calc(10 / 15 * 1rem);
          margin-block-start: calc(10 / 15 * 1rem);
  -webkit-margin-after: calc(20 / 15 * 1rem);
          margin-block-end: calc(20 / 15 * 1rem);
}

.Storage_modalOverlayDescription__8SbTi {
  color: var(--text-semi-dark);
}

.Storage_storageResizeWrapper__t_GWs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.Storage_resizeInformation__XkUyu {
  margin-top: 1rem;
}

.Storage_formOverlay__9Z3_5 {
  text-align: center;
}

.Storage_formOverlay__9Z3_5 span {
  display: block;
}

.Storage_diskTitle__Teux6 {
  z-index: 2;
  flex: 1;
  min-width: 0;
}

/** Prevent the title textfield & buttons from jumping on toggle: */
.Storage_diskTitle__Teux6 .Phoenix__Input {
  padding-top: 0;
  margin-top: -16px;
}

.Storage_diskTitleName__3z7H4 {
  font-weight: 600;
}

.Storage_diskTitleContainer__ahlGQ {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 0.3333333rem;
}

.Storage_diskTitleButton__Zo1wS {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  font-size: 1.07rem;
  font-weight: 600;
  text-align: left;
  word-break: break-word;
}

.Storage_storageUuid__oLDI_ {
  display: flex;
  margin-top: 0.2rem;
}

.Storage_storageUuid__oLDI_ .Storage_subtitle__6O_5O {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 0.8rem;
  white-space: nowrap;
  color: var(--border-grey);
}

.Storage_diskTitleInput__YFJEG {
  border: 0;
  border-bottom: 1px solid var(--text-grey);
  font-size: 1.07rem;
  outline: 0;
  width: 100%;
}

.Storage_diskActionsWrapper__mzADT {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}

.Storage_errorMessage__INNTZ {
  color: var(--strawberry);
  padding-right: 0.5rem;
}

.Storage_popoverContainer__qnWxt {
  position: absolute;
  right: 6.5rem;
  top: 4.5rem;
  z-index: 10;
}

.Storage_uploadStateWrapper__39AIf {
  flex: 1 2%;
}

.Storage_uploadTitle__xufyw {
  flex: 1;
}

.Storage_uploadTitle__xufyw span {
  font-size: 0.9rem;
  font-weight: 600;
}

.Storage_uploadTitle__xufyw.Storage_clickable__r0K_g span {
  cursor: pointer;
}

.Storage_uploadActionsWrapper__RiX_e {
  margin-left: 1rem;
}

.Storage_uploadFailedDetailsWrapper__w3Jeh {
  position: absolute;
  width: 30rem;
  margin-left: -15rem;
  z-index: 3;
}

.Storage_uploadErrorDetailsButtonWrapper__E9vKQ {
  margin-left: 0.5rem;
  cursor: pointer;
}

.StorageResizeMethodModal_overlayContainer__ZcG0I {
  position: relative;
}

.StorageResizeMethodModal_formOverlay__tRsAj {
  text-align: center;
}

.StorageResizeMethodModal_formOverlay__tRsAj span {
  display: block;
}

.StorageResizeMethodModal_overlayTitle__czKSR {
  font-size: calc(18 / 15 * 1rem);
  font-weight: 600;
  letter-spacing: 0.04rem;
  -webkit-margin-before: calc(10 / 15 * 1rem);
          margin-block-start: calc(10 / 15 * 1rem);
  -webkit-margin-after: calc(20 / 15 * 1rem);
          margin-block-end: calc(20 / 15 * 1rem);
}

.StorageResizeMethodModal_overlayDescription__IjFhu {
  color: var(--uikit-grey);
}

.CreateServerLoginSelections_loginOptions__6XuS_ {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.3333333rem;
  gap: 1.3333333rem;
}
.CreateServerLoginSelections_loginOptions__6XuS_ .Phoenix__RadioCard__label {
    font-size: 1.0666666rem;
  }
.CreateServerLoginSelections_loginOptions__6XuS_ .Phoenix__RadioCard__sublabel {
    font-size: 0.9333333rem;
    font-weight: 400;
    color: var(--text-semi-dark);
    letter-spacing: 0.5px;
    margin-top: 0.5rem;
  }

.CreateServerPasswordSettings_label__P1WLD {
  flex-basis: 25%;
  font-size: 1.0666666rem;
  font-weight: 600;
}

.CreateServerPasswordSettings_deliveryMethodOptions__XwDyV {
  display: flex;
  justify-content: flex-start;
}

.CreateServerPasswordSettings_deliveryMethodOptions__XwDyV .Phoenix--Radio {
  margin-right: 1.5rem;
}

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

.CreateServerPasswordModal_value__RF6xi {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}

.CreateServerPasswordModal_label__SbcrX {
  font-weight: 600;
  margin-right: 2rem;
}

.CreateServerMsLmaModal_content__TuCmu {
  min-height: 500px;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.CreateServerMsLmaModal_contentCentered__mDGv_ {
  justify-content: center;
}

.CreateServerMsLmaModal_modal___q7Nh .Phoenix__Card--rounded {
  max-width: 1280px;
}

.CreateServerMsLmaModal_document__ZRGMl {
  overflow-y: auto;
}

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

.CreateServerSubmit_footer__rlQjp .Phoenix--Loader {
    margin-right: 1rem;
  }

.CreateServerSubmit_footer__rlQjp  > button {
    white-space: nowrap;
    margin-right: 1rem;
  }

.CreateServerSubmit_submitInfo__NCtVg {
  flex: 0 1 auto;
  font-size: 0.8666666rem;
  letter-spacing: 0.02rem;
  line-height: 1.5;
}

.CreateServerSubmit_submitInfo__NCtVg a {
    color: var(--highlight-default);
    text-decoration: none;
  }

:is(.CreateServerSubmit_submitInfo__NCtVg a):hover {
      text-decoration: underline;
    }

.CreateServerSubmit_errorWrapper__Z33_i {
  display: flex;
  align-items: center;
  color: var(--strawberry);
  letter-spacing: 0.02rem;
  font-size: 0.9333333rem;
  line-height: 1.5;
}

.CreateServerSubmit_errorWrapper__Z33_i a {
    color: var(--strawberry);
    text-decoration: underline;
    text-underline-offset: 1px;
  }

.CreateServerSubmit_errorWrapper__Z33_i svg {
    margin-right: 0.3333333rem;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
  }

.CreateServerSubmit_dot__AZWXM {
  font-weight: 700;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.CreateServerTemplate_osSelector__mrsu_ {
  display: grid;
  grid-template-columns: repeat(3, minmax(175px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 1.3333333rem;
  gap: 1.3333333rem;
}

.CreateServerTemplate_osCard__P5Ixp {
  position: relative;
}

.CreateServerTemplate_osCard__P5Ixp .CreateServerTemplate_badge__p_B_P {
  position: absolute;
  top: -0.6666666rem;
  right: -0.3333333rem;
  z-index: 1;
}

.CreateServerTemplate_osCard__P5Ixp .Phoenix--Dropdown .Select .Select-control .Select-value {
  padding-left: 0.8rem;
  padding-right: 3rem !important;
}

.CreateServerTemplate_osCard__P5Ixp .Phoenix__Select__Select__placeholder {
  color: #000;
}

.CreateServerTemplate_osCard__P5Ixp.CreateServerTemplate_gpu__AB8t4 label {
  background-image:
    radial-gradient(at 0% 70%, hsla(189, 100%, 78%, 0.3) 0px, transparent 70%),
    radial-gradient(
      at 0% 100%,
      hsla(268, 100%, 77.1%, 0.3) 0px,
      transparent 70%
    ),
    radial-gradient(at 80% 100%, hsla(242, 100%, 70%, 0.3) 0px, transparent 70%),
    radial-gradient(at 0% 0%, hsla(276, 100%, 76.1%, 0.3) 0px, transparent 70%);
}

.CreateServerTemplate_osCard__P5Ixp.CreateServerTemplate_gpu__AB8t4 svg,
.CreateServerTemplate_osCard__P5Ixp.CreateServerTemplate_gpu__AB8t4 .Phoenix__RadioCard__sublabel {
  color: var(--text-semi-dark);
}

.CreateServerTemplate_disabledInfo__s069P {
  margin-top: 1rem;
  color: #000;
}

.CreateServerTemplate_oneliner__OHMZV {
  display: block;
  white-space: nowrap;
}

.CreateServerTemplate_subtitle__wmK9F {
  color: var(--text-lighter);
  display: block;
}

.CreateServerTemplate_templates__OsRen
  .Phoenix__SortableTable--default .Phoenix__SortableTable__Body {
  cursor: pointer;
}

.CreateServerTemplate_templates__OsRen
  .Phoenix__SortableTable--default .Phoenix__SortableTable__Row td {
  border-color: var(--card-border);
  border-bottom: none;
  border-radius: 0;
}

.CreateServerTemplate_templates__OsRen
  .Phoenix__SortableTable--default .Phoenix__SortableTable__Row:last-child td {
  border-bottom: none;
}

.CreateServerTemplate_templates__OsRen
  .Phoenix__SortableTable--default .Phoenix__SortableTable__Row td:first-child {
  border-left: none;
}

.CreateServerTemplate_templates__OsRen
  .Phoenix__SortableTable--default .Phoenix__SortableTable__Row td:last-child {
  border-right: none;
}

.CreateServerTemplate_templates__OsRen
  .Phoenix__SortableTable--default .Phoenix__SortableTable__Row:hover {
  cursor: pointer;
}

.CreateServerTemplate_templates__OsRen
  .Phoenix__SortableTable--default .Phoenix__SortableTable__Row td.error {
  padding-top: 0;
  border-top: none;
}

.CreateServerTemplate_templates__OsRen
  .Phoenix__SortableTable--default
      .Phoenix__SortableTable__Row:hover
      input:not(:checked):not(:disabled)
      + .Phoenix--Radio__glyph:after {
  box-shadow: inset 0 0 0 0.13333rem var(--primary);
}

.CreateServerTemplate_titleAndSubtitle__1YBeK {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.CreateServerTemplate_titleAndSubtitle__1YBeK > :first-child {
  flex: 1 1 auto;
  width: 0;
}

.CreateServerTemplate_storageBusyIndicator__viNCR {
  display: flex;
  flex: 0 1 auto;
  margin-left: 0.6666666rem;
  white-space: nowrap;
}

.CreateServerTemplate_title__EdQQh {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReinstallOS_wrapper__H8IIu {
  max-width: 825px;
  display: flex;
  flex-direction: column;
}

.ReinstallOS_minidropdown-label__3m_fr {
  margin-bottom: 0.8rem;
}