.metalvnc-ord-order{
    --ac-primary: #5E0F57;
  --ac-accent: #E0457B;
  --ac-bg: #FBFAFD;
  --ac-card: #FFFFFF;
  --ac-ink: #1B1030;
  --ac-on-primary: #ffffff;
  --ac-primary-text: color-mix(in srgb, var(--ac-primary) 42%, var(--ac-ink));
  --ac-ok: #1e8e5a;
  --ac-warn: #9a6b0f;
  --ac-danger: #c53939;
  --ac-shadow: #1B1030;
  --ac-r: 16px;
  --ac-font-head: "Inter", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Manrope", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  width:min(var(--container),calc(100% - var(--gutter)*2));
  margin-inline:auto;
  padding-block:var(--hero-pad) var(--space-close);
  font-family:var(--fb);
  font-variant-numeric:tabular-nums;
  color:var(--ink);
  overflow-x:clip;
}
.metalvnc-ord-order [hidden]{display:none!important}
.metalvnc-ord-order *{min-width:0}
.metalvnc-ord-brief{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(20rem,.85fr);
  align-items:start;
  gap:var(--space-6);
  margin-bottom:var(--space-6);
}
.metalvnc-ord-brief-copy{
  display:grid;
  align-content:start;
  gap:var(--space-3);
}
.metalvnc-ord-title{
  margin:0;
  font-family:var(--fh);
  font-size:clamp(2rem,3vw,3rem);
  line-height:var(--lh-title);
  font-weight:500;
  letter-spacing:-.04em;
  overflow-wrap:break-word;
}
.metalvnc-ord-introduction{
  margin:0;
  max-width:42rem;
  font-size:var(--text-base);
  line-height:var(--lh-body);
  color:var(--mute);
  overflow-wrap:break-word;
}
.metalvnc-ord-time-budget{
  border:0;
  padding:0;
  margin:0;
}
.metalvnc-ord-legend{
  float:none;
  padding:var(--space-2) var(--space-3);
  margin-bottom:var(--space-3);
  width:fit-content;
  max-width:100%;
  border-radius:var(--radius-chip);
  background:#FFFFFF;
  color:#1B1030;
}
.metalvnc-ord-field-title{
  margin:0;
  font-family:var(--fh);
  font-size:var(--text-card);
  font-weight:500;
  line-height:var(--lh-title);
  letter-spacing:-.025em;
  overflow-wrap:break-word;
}
.metalvnc-ord-duration-picks{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-2);
  align-items:stretch;
}
.metalvnc-ord-assignment{
  display:grid;
  gap:var(--space-5);
}
.metalvnc-ord-resource-docket{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--space-5);
  padding:var(--space-5);
  border-radius:var(--radius-band);
  background:#E7EFF7;
  color:#1C3A5A;
  --ac-local-muted:#46627F;
  --ac-local-line:#DDD8E7;
}
.metalvnc-ord-destination{
  border:0;
  padding:0;
  margin:0;
  display:grid;
  gap:0;
}
.metalvnc-ord-destination-picks{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:var(--space-2);
}
.metalvnc-ord-equipment{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:var(--space-5);
}
.metalvnc-ord-expansion{
  margin:0;
  padding:var(--space-4);
  border:0;
  border-radius:var(--radius-card);
  background:#F6F0DF;
  color:#5A4210;
  --ac-local-muted:#756032;
  --ac-local-line:#DDD8E7;
}
.metalvnc-ord-expansion>.metalvnc-ord-legend{
  float:left;
  margin-bottom:var(--space-3);
}
.metalvnc-ord-disk-picks{
  clear:both;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:var(--space-2);
}
.metalvnc-ord-machine-catalog{
  display:grid;
  align-content:start;
  gap:var(--space-3);
}
.metalvnc-ord-machine-picks{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  align-items:stretch;
  gap:var(--space-3);
}
.metalvnc-ord-plan{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-3);
  height:100%;
  padding:var(--space-4);
  border:2px solid transparent;
  border-radius:var(--radius-card);
  background:#FFFFFF;
  color:#1B1030;
  --ac-local-muted:#5B5470;
  --ac-local-line:#DDD8E7;
  text-align:start;
  cursor:pointer;
  font-family:var(--fb);
  box-shadow:var(--shadow-small);
  transition:border-color var(--duration),box-shadow var(--duration),transform var(--duration);
}
.metalvnc-ord-plan:hover{
  border-color:var(--control-line);
  box-shadow:var(--shadow-card);
}
.metalvnc-ord-plan.is-on,
.metalvnc-ord-plan[aria-checked="true"]{
  border-color:var(--primary);
  box-shadow:0 0 0 2px var(--primary);
}
.metalvnc-ord-plan.is-on .metalvnc-ord-plan-name,
.metalvnc-ord-plan[aria-checked="true"] .metalvnc-ord-plan-name{
  color:var(--primary);
}
.metalvnc-ord-plan-name{
  display:block;
  font-family:var(--fh);
  font-size:var(--text-card);
  font-weight:600;
  line-height:var(--lh-title);
  overflow-wrap:break-word;
}
.metalvnc-ord-plan-chip{
  position:static;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  gap:var(--space-1);
  width:fit-content;
  max-width:100%;
  padding:.4em .9em;
  border-radius:var(--radius-chip);
  background:#E6F2EC;
  color:#1E4A35;
  font-size:var(--text-xs);
  line-height:1.3;
  font-weight:600;
  overflow-wrap:break-word;
}
.metalvnc-ord-plan-spec{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  gap:var(--space-2);
  color:#5B5470;
  font-family:var(--fm);
  font-size:var(--text-sm);
  line-height:1.5;
  overflow-wrap:break-word;
}
.metalvnc-ord-plan-spec>*{
  display:block;
  padding:var(--space-2);
  border-radius:var(--radius-cell);
  background:#E7EFF7;
  color:#1C3A5A;
  overflow-wrap:break-word;
}
.metalvnc-ord-plan-price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:var(--space-2);
  margin-top:auto;
  padding-top:var(--space-2);
  color:#1B1030;
  font-family:var(--fm);
  font-size:1.75rem;
  font-weight:600;
  line-height:var(--lh-title);
  overflow-wrap:break-word;
}
.metalvnc-ord-plan-price em{
  font-family:var(--fb);
  font-size:var(--text-sm);
  font-weight:400;
  font-style:normal;
  color:#5B5470;
}
.metalvnc-ord-region{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:var(--space-2);
  width:100%;
  height:100%;
  min-height:3.25rem;
  padding:var(--space-3) var(--space-4);
  border:2px solid transparent;
  border-radius:var(--radius-cell);
  background:#FFFFFF;
  color:#1C3A5A;
  font-family:var(--fh);
  font-size:var(--text-sm);
  font-weight:500;
  line-height:1.5;
  text-align:center;
  overflow-wrap:break-word;
  transition:border-color var(--duration),background var(--duration),color var(--duration);
}
.metalvnc-ord-region:hover{border-color:var(--control-line)}
.metalvnc-ord-region.is-on,
.metalvnc-ord-region[aria-checked="true"]{
  background:var(--primary);
  color:#FFFFFF;
  border-color:var(--primary);
}
.metalvnc-ord-region.is-on *,
.metalvnc-ord-region[aria-checked="true"] *{color:#FFFFFF}
.metalvnc-ord-seg-btn{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  width:100%;
  height:100%;
  padding:var(--space-3);
  border:1px solid var(--control-line);
  border-radius:var(--radius-cell);
  background:#FFFFFF;
  color:#1B1030;
  font-family:var(--fh);
  font-size:var(--text-sm);
  font-weight:500;
  line-height:1.5;
  text-align:center;
  overflow-wrap:break-word;
  transition:background var(--duration),color var(--duration),border-color var(--duration);
}
.metalvnc-ord-seg-btn:hover{
  background:#EEECFB;
  color:#2A1F5C;
  border-color:var(--primary);
}
.metalvnc-ord-seg-btn.is-on,
.metalvnc-ord-seg-btn[aria-checked="true"]{
  background:var(--primary);
  color:#FFFFFF;
  border-color:var(--primary);
}
.metalvnc-ord-seg-btn.is-on *,
.metalvnc-ord-seg-btn[aria-checked="true"] *{color:#FFFFFF}
.metalvnc-ord-seg-btn em{
  font-style:normal;
  font-family:var(--fm);
  font-size:var(--text-sm);
}
.metalvnc-ord-link-option{
  display:grid;
  grid-template-columns:1.25rem minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-2) var(--space-3);
  margin-top:var(--space-4);
  padding:var(--space-3) var(--space-4);
  border-radius:var(--radius-cell);
  background:#FFFFFF;
  color:#5A4210;
  cursor:pointer;
}
.metalvnc-ord-link-copy{
  display:grid;
  gap:var(--field-gap);
}
.metalvnc-ord-link-name{
  font-family:var(--fh);
  font-size:var(--text-sm);
  font-weight:600;
  line-height:1.5;
  overflow-wrap:break-word;
}
.metalvnc-ord-link-hint{
  color:#756032;
  font-size:var(--text-xs);
  line-height:1.5;
  overflow-wrap:break-word;
}
.metalvnc-ord-link-price{
  grid-column:3;
  grid-row:1;
  align-self:center;
  font-family:var(--fm);
  font-style:normal;
  font-size:var(--text-sm);
  font-weight:600;
  line-height:1.5;
  color:#5A4210;
  white-space:nowrap;
}
.metalvnc-ord-check{
  appearance:none;
  display:block;
  width:20px;
  height:20px;
  margin-top:0;
  padding:0;
  border:1.5px solid var(--control-line);
  border-radius:var(--space-1);
  background:#FFFFFF;
  color:#1B1030;
  cursor:pointer;
}
.metalvnc-ord-check:checked{
  border-color:var(--primary);
  background-color:var(--primary);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.2 6.4 11l6.1-6.2' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:14px;
}
.metalvnc-ord-link-option:has(.metalvnc-ord-check:checked){
  box-shadow:inset 0 0 0 2px var(--primary);
}
.metalvnc-ord-release{
  display:grid;
  gap:var(--space-4);
  padding:var(--space-5);
  border-radius:var(--radius-band);
  background:#EEECFB;
  color:#2A1F5C;
  --ac-local-muted:#5A5084;
  --ac-local-line:#DDD8E7;
}
.metalvnc-ord-release-title{
  margin:0;
  font-family:var(--fh);
  font-size:var(--text-section);
  line-height:var(--lh-title);
  font-weight:500;
  letter-spacing:-.03em;
}
.metalvnc-ord-configuration{
  display:grid;
  gap:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--radius-card);
  background:#FFFFFF;
  color:#1B1030;
  --ac-local-muted:#5B5470;
  --ac-local-line:#DDD8E7;
}
.metalvnc-ord-record-title{
  margin:0;
  font-family:var(--fh);
  font-size:var(--text-md);
  font-weight:600;
  line-height:var(--lh-title);
}
.metalvnc-ord-record{
  display:grid;
  grid-template-columns:minmax(7rem,.65fr) minmax(12rem,1fr) minmax(7rem,.65fr) minmax(12rem,1fr);
  align-items:baseline;
  gap:var(--space-3);
  margin:0;
}
.metalvnc-ord-record-label{
  margin:0;
  color:#5B5470;
  font-size:var(--text-sm);
  line-height:1.6;
  overflow-wrap:break-word;
}
.metalvnc-ord-record-value{
  margin:0;
  color:#1B1030;
  font-family:var(--fm);
  font-size:var(--text-sm);
  line-height:1.6;
  overflow-wrap:break-word;
}
.metalvnc-ord-record-extra{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(7rem,.65fr) minmax(12rem,1fr);
  align-items:baseline;
  gap:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-cell);
  background:#E6F2EC;
  color:#1E4A35;
}
.metalvnc-ord-record-extra>.metalvnc-ord-record-label{color:#44705B}
.metalvnc-ord-record-extra>.metalvnc-ord-record-value{color:#1E4A35}
.metalvnc-ord-authorization{
  display:grid;
  grid-template-columns:minmax(7rem,auto) minmax(12rem,1fr) auto;
  align-items:center;
  gap:var(--space-3);
}
.metalvnc-ord-total-label{
  margin:0;
  font-family:var(--fh);
  font-size:var(--text-md);
  font-weight:500;
  line-height:var(--lh-title);
}
.metalvnc-ord-total-amount{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:var(--space-2);
  margin:0;
}
.metalvnc-ord-amount{
  font-family:var(--fm);
  font-size:clamp(1.75rem,3vw,2.5rem);
  line-height:var(--lh-title);
  font-weight:600;
  letter-spacing:-.04em;
}
.metalvnc-ord-amount-period{
  font-style:normal;
  font-size:var(--text-sm);
  color:#5A5084;
}
.metalvnc-ord-authorization-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--space-2);
}
.metalvnc-ord-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  min-height:48px;
  max-width:100%;
  padding:var(--space-3) var(--space-4);
  border:1px solid currentColor;
  border-radius:var(--radius-cell);
  font-family:var(--fh);
  font-size:var(--text-sm);
  font-weight:600;
  line-height:1.5;
  text-align:center;
  text-decoration:none;
  overflow-wrap:break-word;
  cursor:pointer;
  transition:background var(--duration),color var(--duration),border-color var(--duration);
}
.metalvnc-ord-button-primary{
  background:var(--ac-primary);
  color:var(--ac-on-primary);
  border-color:var(--ac-primary);
}
.metalvnc-ord-button-primary:hover{
  background:var(--primary-h);
  color:var(--ac-on-primary);
  border-color:var(--primary-h);
}
.metalvnc-ord-button-secondary{
  background:#FFFFFF;
  color:#2A1F5C;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}
.metalvnc-ord-button-secondary:hover{
  background:#E7EFF7;
  color:#1C3A5A;
  border-color:currentColor;
}
.metalvnc-ord-button:disabled,
.metalvnc-ord-gw-item:disabled,
.metalvnc-ord-plan:disabled,
.metalvnc-ord-region:disabled,
.metalvnc-ord-seg-btn:disabled{
  opacity:.55;
  cursor:wait;
}
.metalvnc-ord-settlement-notes{
  display:grid;
  gap:var(--field-gap);
}
.metalvnc-ord-payment-copy,
.metalvnc-ord-security-copy{
  margin:0;
  font-size:var(--text-sm);
  line-height:1.6;
  color:#5A5084;
  overflow-wrap:break-word;
}
.metalvnc-ord-feedback,
.metalvnc-ord-identity-feedback{
  margin:0;
  padding:var(--space-3) var(--space-4);
  border:1px solid var(--ac-danger);
  border-radius:var(--radius-cell);
  background:#FFFFFF;
  color:var(--ac-danger);
  font-size:var(--text-sm);
  line-height:1.6;
  overflow-wrap:break-word;
}
.metalvnc-ord-feedback.is-ok,
.metalvnc-ord-identity-feedback.is-ok{
  border-color:transparent;
  background:#E6F2EC;
  color:#1E4A35;
}
.metalvnc-ord-identity{
  display:grid;
  gap:var(--space-4);
  padding:var(--space-4);
  border:1px solid var(--control-line);
  border-radius:var(--radius-card);
  background:#FFFFFF;
  color:#1B1030;
  --ac-local-muted:#5B5470;
  --ac-local-line:#DDD8E7;
}
.metalvnc-ord-identity.is-open{
  box-shadow:0 0 0 2px var(--primary);
}
.metalvnc-ord-identity-intro{
  margin:0;
  max-width:52rem;
  color:#5B5470;
  font-size:var(--text-base);
  line-height:var(--lh-body);
}
.metalvnc-ord-identity-email,
.metalvnc-ord-identity-code{
  display:grid;
  grid-template-columns:minmax(12rem,1fr) auto;
  align-items:start;
  align-content:start;
  gap:var(--field-gap);
  margin:0;
  padding:0;
  border:0;
}
.metalvnc-ord-input-label{
  grid-column:1/-1;
  font-size:var(--text-sm);
  font-weight:600;
  line-height:1.5;
  color:#1B1030;
}
.metalvnc-ord-input{
  display:block;
  width:100%;
  min-height:54px;
  padding:var(--space-3);
  border:1px solid var(--control-line);
  border-radius:var(--radius-cell);
  background:#FBFAFD;
  color:#1B1030;
  font-family:var(--fb);
  font-size:var(--text-base);
  line-height:1.5;
}
.metalvnc-ord-input::placeholder{color:#676079}
.metalvnc-ord-code-input{
  font-family:var(--fm);
  letter-spacing:.15em;
}
.metalvnc-ord-gateway{
  display:grid;
  gap:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--radius-card);
  background:#F6F0DF;
  color:#5A4210;
  --ac-local-muted:#756032;
  --ac-local-line:#DDD8E7;
}
.metalvnc-ord-gateway-title{
  margin:0;
  font-family:var(--fh);
  font-size:var(--text-card);
  font-weight:500;
  line-height:var(--lh-title);
}
.metalvnc-ord-gateway-picks{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
  align-items:stretch;
  gap:var(--space-3);
}
.metalvnc-ord-gw-item{
  display:grid;
  align-content:center;
  gap:var(--field-gap);
  width:100%;
  min-height:80px;
  padding:var(--space-4);
  border:1px solid var(--control-line);
  border-radius:var(--radius-cell);
  background:#FFFFFF;
  color:#1B1030;
  text-align:start;
  cursor:pointer;
  transition:background var(--duration),border-color var(--duration),box-shadow var(--duration);
}
.metalvnc-ord-gw-item strong{
  display:block;
  font-family:var(--fh);
  font-size:var(--text-base);
  font-weight:600;
  line-height:1.5;
  overflow-wrap:break-word;
}
.metalvnc-ord-gw-item small{
  display:block;
  color:#5B5470;
  font-family:var(--fm);
  font-size:var(--text-xs);
  line-height:1.5;
}
.metalvnc-ord-gw-item:hover{
  background:#EEECFB;
  color:#2A1F5C;
  border-color:var(--primary);
}
.metalvnc-ord-gw-item.is-on,
.metalvnc-ord-gw-item[aria-checked="true"]{
  box-shadow:inset 0 0 0 2px var(--primary);
}
.metalvnc-ord-gateway-cancel{justify-self:start}
.metalvnc-ord-dialog{
  position:fixed;
  inset:0;
  z-index:var(--z-dialog);
  display:grid;
  place-items:center;
  padding:var(--gutter);
  isolation:isolate;
}
.metalvnc-ord-dialog-backdrop{
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(27,16,48,.74);
  color:#FFFFFF;
  cursor:pointer;
}
.metalvnc-ord-dialog-panel{
  position:relative;
  width:min(100%,36rem);
  max-height:calc(100dvh - var(--gutter)*2);
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:var(--space-6);
  border-radius:var(--radius-band);
  background:#FFFFFF;
  color:#1B1030;
  --ac-local-muted:#5B5470;
  --ac-local-line:#DDD8E7;
  box-shadow:var(--shadow-window);
  text-align:center;
}
.metalvnc-ord-dialog-copy{
  display:grid;
  justify-items:center;
  gap:var(--space-3);
}
.metalvnc-ord-dialog-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  max-width:100%;
  margin:0 auto;
  padding:.4em .9em;
  border-radius:var(--radius-chip);
  background:#E6F2EC;
  color:#1E4A35;
  font-size:var(--text-sm);
  font-weight:600;
  line-height:1.3;
}
.metalvnc-ord-dialog-title{
  margin:0;
  font-family:var(--fh);
  font-size:var(--text-card);
  font-weight:600;
  line-height:var(--lh-title);
  letter-spacing:-.025em;
}
.metalvnc-ord-dialog-body{
  margin:0;
  color:#5B5470;
  font-size:var(--text-base);
  line-height:var(--lh-body);
  overflow-wrap:break-word;
}
.metalvnc-ord-dialog-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--space-2);
  margin-top:var(--space-4);
}
.metalvnc-ord-dialog-panel .metalvnc-ord-dialog-actions{justify-content:center}
.metalvnc-ord-dialog-panel .metalvnc-ord-button-primary:hover{
  background:#470B42;
  color:#FFFFFF;
  border-color:#470B42;
}
.metalvnc-ord-dialog-panel .metalvnc-ord-button-secondary:hover{
  background:#EEECFB;
  color:#2A1F5C;
  border-color:var(--control-line);
}
.metalvnc-ord-button:focus-visible,
.metalvnc-ord-plan:focus-visible,
.metalvnc-ord-seg-btn:focus-visible,
.metalvnc-ord-region:focus-visible,
.metalvnc-ord-gw-item:focus-visible,
.metalvnc-ord-input:focus-visible,
.metalvnc-ord-check:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:4px;
}
@media(max-width:1100px){
  .metalvnc-ord-brief{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-4);
  }
  .metalvnc-ord-duration-picks{max-width:40rem}
  .metalvnc-ord-equipment{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-4);
  }
  .metalvnc-ord-machine-picks{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ord-record{
    grid-template-columns:minmax(7rem,.55fr) minmax(12rem,1fr);
  }
  .metalvnc-ord-authorization{
    grid-template-columns:minmax(7rem,auto) minmax(12rem,1fr);
  }
  .metalvnc-ord-authorization-actions{grid-column:1/-1}
}
@media(max-width:760px){
  .metalvnc-ord-order{
    width:calc(100% - var(--gutter)*2);
    padding-top:var(--hero-pad);
  }
  .metalvnc-ord-brief{margin-bottom:var(--space-4)}
  .metalvnc-ord-title{font-size:2rem}
  .metalvnc-ord-resource-docket,
  .metalvnc-ord-release{padding:var(--space-4)}
  .metalvnc-ord-resource-docket{gap:var(--space-4)}
  .metalvnc-ord-equipment{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ord-destination-picks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metalvnc-ord-duration-picks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metalvnc-ord-disk-picks{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ord-link-option{grid-template-columns:1.25rem minmax(0,1fr)}
  .metalvnc-ord-link-price{grid-column:2;grid-row:auto;white-space:normal}
  .metalvnc-ord-machine-picks{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ord-expansion{padding:var(--space-4)}
  .metalvnc-ord-release-title{font-size:1.75rem}
  .metalvnc-ord-record{
    grid-template-columns:minmax(4.5rem,.65fr) minmax(0,1fr);
    gap:var(--space-3) var(--space-2);
  }
  .metalvnc-ord-record-extra{
    grid-template-columns:minmax(4.5rem,.65fr) minmax(0,1fr);
    gap:var(--space-2);
  }
  .metalvnc-ord-authorization{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-2);
  }
  .metalvnc-ord-authorization-actions{
    margin-top:var(--space-2);
    grid-column:auto;
    width:100%;
  }
  .metalvnc-ord-authorization-actions>.metalvnc-ord-button{width:100%}
  .metalvnc-ord-identity-email,
  .metalvnc-ord-identity-code{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ord-input-label{grid-column:auto}
  .metalvnc-ord-identity-email>.metalvnc-ord-button,
  .metalvnc-ord-identity-code>.metalvnc-ord-button{width:100%}
  .metalvnc-ord-gateway-picks{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ord-gw-item{min-height:80px}
  .metalvnc-ord-dialog-panel{padding:var(--space-4)}
  .metalvnc-ord-dialog-actions>.metalvnc-ord-button{width:100%}
  .metalvnc-ord-plan-spec{font-size:var(--text-xs)}
  .metalvnc-ord-plan-spec>*{padding:var(--space-2) var(--space-1)}
}
@media(max-width:380px){
  .metalvnc-ord-destination-picks{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ord-disk-picks{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ord-region{padding:var(--space-3) var(--space-4)}
  .metalvnc-ord-link-option{grid-template-columns:1.25rem minmax(0,1fr)}
  .metalvnc-ord-link-price{grid-column:2;grid-row:auto;white-space:normal}
  .metalvnc-ord-resource-docket,
  .metalvnc-ord-release{
    padding:var(--space-3);
    border-radius:var(--radius-card);
  }
  .metalvnc-ord-configuration,
  .metalvnc-ord-identity,
  .metalvnc-ord-gateway{padding:var(--space-4)}
  .metalvnc-ord-record{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ord-record-label{font-weight:600}
  .metalvnc-ord-record-value{padding-bottom:var(--space-2)}
  .metalvnc-ord-record-extra{grid-template-columns:minmax(0,1fr)}
  .metalvnc-ord-link-option{padding:var(--space-3)}
}
@media(prefers-reduced-motion:reduce){
  .metalvnc-ord-button,
  .metalvnc-ord-plan,
  .metalvnc-ord-region,
  .metalvnc-ord-seg-btn,
  .metalvnc-ord-gw-item{transition:none}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}
