.armvnc-ord-order{
  --ac-primary: #5A1CF0;
  --ac-accent: #D9468F;
  --ac-bg: #FFFFFF;
  --ac-card: #FFFFFF;
  --ac-ink: #10111A;
  --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: #10111A;
  --ac-r: 18px;
  --ac-font-head: "Inter", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Inter", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
width:calc(100% - var(--gutter)*2);
max-width:var(--width-standard);
margin-inline:auto;
padding-block:var(--hero-top) var(--space-close);
color:var(--ink);
font-family:var(--sans);
font-size:var(--text-base);
line-height:var(--lh-body);
font-variant-numeric:tabular-nums;
overflow-x:clip;
}
.armvnc-ord-order [hidden]{display:none!important}
.armvnc-ord-order :where(*){
min-width:0;
}
.armvnc-ord-drawing-caption{
display:grid;
gap:var(--space-3);
padding-bottom:var(--space-7);
}
.armvnc-ord-drawing-index{
font:var(--weight-body) var(--text-xs)/1.5 var(--mono);
letter-spacing:var(--tracking-label);
color:var(--mut);
}
.armvnc-ord-drawing-heading{
font:var(--weight-display) var(--text-section)/var(--lh-tight) var(--heading);
letter-spacing:var(--tracking-heading);
color:var(--ink);
}
.armvnc-ord-drawing-intro{
max-width:var(--width-narrow);
font-size:var(--text-base);
line-height:var(--lh-body);
color:var(--mut);
}
.armvnc-ord-machine-sheet,
.armvnc-ord-location-sheet,
.armvnc-ord-term-sheet,
.armvnc-ord-expansion-sheet,
.armvnc-ord-signoff-sheet{
margin:0;
padding:var(--space-5) 0 0;
border:0;
border-top:1px solid var(--line2);
min-inline-size:0;
}
.armvnc-ord-sheet-legend{
width:auto;
max-width:100%;
padding:0 var(--space-4) 0 0;
}
.armvnc-ord-coordinate{
display:inline-block;
margin-inline-end:var(--space-3);
padding:var(--space-2);
background:var(--s1);
color:var(--i1);
font:var(--weight-body) var(--text-xs)/1 var(--mono);
vertical-align:middle;
}
.armvnc-ord-sheet-heading{
display:inline;
font:var(--weight-title) var(--text-lg)/1.4 var(--heading);
letter-spacing:var(--tracking-heading);
color:var(--ink);
vertical-align:middle;
}
.armvnc-ord-machine-matrix{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));
gap:var(--space-4);
align-items:stretch;
}
.armvnc-ord-plan{
position:relative;
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
height:100%;
padding:var(--space-5);
border:1px solid var(--line2);
border-radius:var(--ac-r);
background:var(--paper);
color:var(--ink);
text-align:left;
font-family:var(--sans);
transition:border-color var(--transition),background var(--transition);
}
.armvnc-ord-plan:hover{
background:var(--s1);
color:var(--i1);
border-color:var(--input-line);
}
.armvnc-ord-plan.is-on,
.armvnc-ord-plan[aria-checked="true"]{
background:var(--paper);
color:var(--ink);
border-color:var(--pri);
box-shadow:inset 0 3px 0 var(--pri);
}
.armvnc-ord-plan-chip{
display:inline-flex;
align-items:center;
justify-content:center;
align-self:flex-start;
gap:var(--space-2);
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--ac-r);
background:var(--s1);
color:var(--i1);
font:var(--weight-body) var(--text-xs)/1.4 var(--mono);
overflow-wrap:break-word;
}
.armvnc-ord-plan.is-on .armvnc-ord-plan-chip,
.armvnc-ord-plan[aria-checked="true"] .armvnc-ord-plan-chip{
background:var(--pri);
color:var(--ac-on-primary);
}
.armvnc-ord-plan-name{
display:block;
font:var(--weight-title) var(--text-lg)/1.35 var(--heading);
letter-spacing:var(--tracking-heading);
overflow-wrap:break-word;
}
.armvnc-ord-plan-chip + .armvnc-ord-plan-name{
margin-top:var(--space-1);
}
.armvnc-ord-plan-spec{
display:block;
width:100%;
font:var(--weight-body) var(--text-sm)/1.6 var(--mono);
color:var(--mut);
overflow-wrap:break-word;
}
.armvnc-ord-plan-spec:has(>span){
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-2);
}
.armvnc-ord-plan-spec>span{
padding:var(--space-3);
background:var(--s1);
color:var(--i1);
border-radius:var(--ac-r);
}
.armvnc-ord-plan-price{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-2);
margin-top:auto;
padding-top:var(--space-3);
font:var(--weight-title) var(--text-reading)/1.35 var(--mono);
color:var(--ink);
}
.armvnc-ord-plan-price em{
font:var(--weight-body) var(--text-sm)/1.5 var(--sans);
color:var(--mut);
}
.armvnc-ord-deployment-strip{
display:grid;
grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
align-items:start;
gap:var(--space-7);
margin-block:var(--space-7);
padding-block:var(--space-4);
}
.armvnc-ord-location-matrix{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));
gap:var(--space-2);
align-items:stretch;
}
.armvnc-ord-region{
display:flex;
flex-direction:column;
justify-content:center;
gap:var(--space-2);
height:100%;
min-height:var(--button-small);
padding:var(--space-4);
background:var(--s4);
color:var(--i4);
border:1px solid transparent;
border-radius:var(--ac-r);
font:var(--weight-body) var(--text-sm)/1.5 var(--sans);
text-align:left;
transition:background var(--transition),border-color var(--transition);
}
.armvnc-ord-region:hover{
background:var(--paper);
color:var(--i4);
border-color:var(--input-line);
}
.armvnc-ord-region.is-on,
.armvnc-ord-region[aria-checked="true"]{
background:var(--paper);
color:var(--pri-hover);
border-color:var(--pri);
box-shadow:inset 3px 0 0 var(--pri);
}
.armvnc-ord-region strong{
font-size:var(--text-base);
line-height:1.4;
font-weight:var(--weight-strong);
}
.armvnc-ord-region small{
font-size:var(--text-xs);
line-height:1.5;
}
.armvnc-ord-term-matrix,
.armvnc-ord-disk-matrix{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-2);
align-items:stretch;
}
.armvnc-ord-seg-btn{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:var(--space-2);
height:100%;
min-height:var(--button-small);
padding:var(--space-3) var(--space-4);
border:1px solid var(--line2);
border-radius:var(--ac-r);
background:var(--paper);
color:var(--ink);
font:var(--weight-body) var(--text-sm)/1.5 var(--sans);
text-align:center;
transition:background var(--transition),border-color var(--transition);
}
.armvnc-ord-seg-btn:hover{
background:var(--s1);
color:var(--i1);
border-color:var(--input-line);
}
.armvnc-ord-seg-btn.is-on,
.armvnc-ord-seg-btn[aria-checked="true"],
.armvnc-ord-seg-btn[aria-selected="true"]{
background:var(--pri);
color:var(--ac-on-primary);
border-color:var(--pri);
}
.armvnc-ord-seg-btn.is-on:hover,
.armvnc-ord-seg-btn[aria-checked="true"]:hover{
background:var(--pri-hover);
color:var(--ac-on-primary);
border-color:var(--pri-hover);
}
.armvnc-ord-seg-btn em{
font:inherit;
}
.armvnc-ord-disk-matrix{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.armvnc-ord-release-document{
display:flex;
flex-direction:column;
gap:var(--space-7);
}
.armvnc-ord-release-document>.armvnc-ord-signoff-sheet{width:100%;position:static}
.armvnc-ord-expansion-sheet{
padding-bottom:var(--space-4);
}
.armvnc-ord-interconnect{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:start;
gap:var(--space-3);
margin-top:var(--space-4);
padding:var(--space-4);
border-radius:var(--ac-r);
background:var(--s1);
color:var(--i1);
cursor:pointer;
}
.armvnc-ord-interconnect:has(.armvnc-ord-interconnect-check:checked){
background:var(--s2);
color:var(--i2);
box-shadow:inset 3px 0 0 var(--ok);
}
.armvnc-ord-interconnect-check{
appearance:none;
display:grid;
place-content:center;
width:1.25rem;
height:1.25rem;
margin:var(--space-1) 0 0;
border:1px solid var(--input-line);
border-radius:var(--radius-chip);
background:var(--paper);
color:var(--ink);
cursor:pointer;
}
.armvnc-ord-interconnect-check:checked{
background:var(--pri);
color:var(--ac-on-primary);
border-color:var(--pri);
}
.armvnc-ord-interconnect-check:checked::before{
content:"";
width:.6rem;
height:.35rem;
border-left:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:translateY(-.08rem) rotate(-45deg);
}
.armvnc-ord-interconnect-copy{
display:grid;
gap:var(--field-gap);
}
.armvnc-ord-interconnect-name{
font-size:var(--text-base);
font-weight:var(--weight-strong);
line-height:1.5;
}
.armvnc-ord-interconnect-hint{
font-size:var(--text-xs);
line-height:1.6;
color:var(--m1);
}
.armvnc-ord-interconnect-price{
font:var(--weight-body) var(--text-sm)/1.6 var(--mono);
text-align:right;
}
.armvnc-ord-signoff-sheet{
display:grid;
gap:var(--space-4);
}
.armvnc-ord-schedule-figure{
margin:0;
background:var(--s1);
color:var(--i1);
border-radius:var(--ac-r);
}
.armvnc-ord-schedule-caption{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:baseline;
gap:var(--space-3);
padding:var(--space-4);
border-bottom:1px solid var(--line);
}
.armvnc-ord-schedule-heading{
font:var(--weight-strong) var(--text-md)/1.4 var(--heading);
}
.armvnc-ord-schedule-reference{
font:var(--weight-body) var(--text-xs)/1.5 var(--mono);
color:var(--m1);
}
.armvnc-ord-schedule-entries{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:var(--space-6);
margin:0;
padding:0 var(--space-4) var(--space-3);
}
.armvnc-ord-schedule-entry{
display:grid;
grid-template-columns:minmax(8rem,.7fr) minmax(12rem,1fr);
align-items:start;
gap:var(--space-3);
padding-block:var(--space-3);
border-bottom:1px solid var(--line);
}
.armvnc-ord-schedule-key{
margin:0;
color:var(--m1);
font:var(--weight-body) var(--text-sm)/1.6 var(--sans);
}
.armvnc-ord-schedule-value{
margin:0;
color:var(--i1);
font:var(--weight-body) var(--text-sm)/1.6 var(--mono);
overflow-wrap:break-word;
}
.armvnc-ord-schedule-extra{
grid-column:1/-1;
grid-template-columns:minmax(8rem,.7fr) minmax(12rem,1fr);
background:var(--s2);
color:var(--i2);
padding-inline:var(--space-3);
border-bottom-color:var(--line);
border-radius:var(--ac-r);
}
.armvnc-ord-schedule-extra .armvnc-ord-schedule-key{
color:var(--m2);
}
.armvnc-ord-schedule-extra .armvnc-ord-schedule-value{
color:var(--i2);
}
.armvnc-ord-authorization{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--space-4);
padding-block:var(--space-3);
}
.armvnc-ord-amount{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-3);
}
.armvnc-ord-amount-label{
font-size:var(--text-sm);
line-height:1.5;
color:var(--mut);
}
.armvnc-ord-amount-number{
font:var(--weight-title) var(--text-reading)/1.3 var(--mono);
color:var(--ink);
}
.armvnc-ord-amount-period{
font:var(--weight-body) var(--text-sm)/1.5 var(--sans);
color:var(--mut);
}
.armvnc-ord-authorization-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-3);
list-style:none;
margin:0;
padding:0;
}
.armvnc-ord-action-slot{
display:contents;
}
.armvnc-ord-button{
display:inline-flex;
justify-content:center;
align-items:center;
gap:var(--space-2);
min-height:var(--button-small);
max-width:100%;
padding:var(--space-3) var(--space-4);
border:1px solid var(--input-line);
border-radius:var(--ac-r);
font:var(--weight-body) var(--text-sm)/1.45 var(--sans);
text-align:center;
text-decoration:none;
white-space:normal;
overflow-wrap:break-word;
transition:background var(--transition),border-color var(--transition),opacity var(--transition);
}
.armvnc-ord-button-primary{
background:var(--pri);
color:var(--ac-on-primary);
border-color:var(--pri);
}
.armvnc-ord-button-primary:hover{
background:var(--pri-hover);
color:var(--ac-on-primary);
border-color:var(--pri-hover);
}
.armvnc-ord-button-outline{
background:var(--paper);
color:var(--ink);
border-color:color-mix(in srgb,var(--ink) 35%,transparent);
}
.armvnc-ord-button-outline:hover{
background:var(--s1);
color:var(--i1);
border-color:var(--input-line);
}
.armvnc-ord-button-small{
min-height:2.75rem;
padding:var(--space-2) var(--space-4);
}
.armvnc-ord-button:disabled,
.armvnc-ord-gw-item:disabled,
.armvnc-ord-plan:disabled,
.armvnc-ord-seg-btn:disabled,
.armvnc-ord-region:disabled{
opacity:.55;
cursor:not-allowed;
}
.armvnc-ord-result{
padding:var(--space-4);
border-inline-start:3px solid var(--ac-danger);
border-radius:var(--ac-r);
background:var(--paper);
color:var(--ac-danger);
font-size:var(--text-sm);
line-height:1.6;
overflow-wrap:break-word;
}
.armvnc-ord-result.is-ok{
background:var(--s2);
color:var(--i2);
border-inline-start-color:var(--ok);
}
.armvnc-ord-binding-sheet{
display:grid;
gap:var(--space-4);
padding:var(--space-4);
background:var(--s4);
color:var(--i4);
border:1px solid var(--line2);
border-radius:var(--ac-r);
}
.armvnc-ord-binding-intro{
font-size:var(--text-base);
line-height:1.6;
color:var(--i4);
}
.armvnc-ord-binding-controls{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(10rem,auto);
align-items:end;
gap:var(--space-3);
}
.armvnc-ord-binding-field{
display:grid;
align-content:start;
gap:var(--field-gap);
}
.armvnc-ord-field-label{
font-size:var(--text-sm);
line-height:1.5;
color:var(--i4);
}
.armvnc-ord-text-input{
width:100%;
min-height:var(--button-small);
padding:var(--space-3);
border:1px solid var(--input-line);
border-radius:var(--ac-r);
background:var(--paper);
color:var(--ink);
font:var(--weight-body) var(--text-base)/1.5 var(--sans);
}
.armvnc-ord-text-input[aria-invalid="true"]{
border-color:var(--ac-danger);
}
.armvnc-ord-code-input{
font-family:var(--mono);
letter-spacing:var(--tracking-label);
}
.armvnc-ord-gateway-sheet{
display:grid;
gap:var(--space-4);
padding:var(--space-4);
border-radius:var(--ac-r);
background:var(--s3);
color:var(--i3);
}
.armvnc-ord-gateway-heading{
font:var(--weight-strong) var(--text-md)/1.4 var(--heading);
color:var(--i3);
}
.armvnc-ord-gateway-matrix{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
gap:var(--space-3);
align-items:stretch;
}
.armvnc-ord-gw-item{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:var(--space-2);
min-height:var(--button-height);
padding:var(--space-4);
border:1px solid var(--input-line);
border-radius:var(--ac-r);
background:var(--paper);
color:var(--ink);
text-align:left;
transition:background var(--transition),border-color var(--transition);
}
.armvnc-ord-gw-item strong{
font-size:var(--text-base);
line-height:1.5;
font-weight:var(--weight-strong);
}
.armvnc-ord-gw-item small{
font:var(--weight-body) var(--text-xs)/1.5 var(--mono);
color:var(--mut);
}
.armvnc-ord-gw-item:hover{
background:var(--s1);
color:var(--i1);
border-color:var(--pri);
}
.armvnc-ord-gw-item.is-on,
.armvnc-ord-gw-item[aria-checked="true"]{
background:var(--paper);
color:var(--pri-hover);
border-color:var(--pri);
box-shadow:inset 3px 0 0 var(--pri);
}
.armvnc-ord-gateway-actions{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
gap:var(--space-2);
margin-top:var(--space-3);
}
.armvnc-ord-payment-footnotes{
display:grid;
gap:var(--space-2);
margin-top:var(--space-4);
padding-top:var(--space-4);
border-top:1px solid var(--line);
}
.armvnc-ord-payment-line{
font-size:var(--text-sm);
line-height:1.6;
color:var(--ink2);
}
.armvnc-ord-security-line{
font-size:var(--text-xs);
line-height:1.6;
color:var(--mut);
}
.armvnc-ord-binding-sheet.is-open,
.armvnc-ord-gateway-sheet.is-open{
outline:1px solid var(--pri);
outline-offset:var(--space-1);
}
.armvnc-ord-result.is-mine{
background:var(--s4);
color:var(--i4);
border-inline-start-color:var(--pri);
}
.armvnc-ord-dialog{
position:fixed;
inset:0;
z-index:calc(var(--overlay-z) + 10);
display:grid;
place-items:center;
padding:var(--gutter);
isolation:isolate;
}
.armvnc-ord-dialog-backdrop{
position:absolute;
inset:0;
background:color-mix(in srgb,var(--dark) 70%,transparent);
color:var(--on-dark);
}
.armvnc-ord-dialog-panel{
position:relative;
display:grid;
gap:var(--space-4);
width:100%;
max-width:34rem;
max-height:calc(100dvh - var(--gutter)*2);
overflow-y:auto;
overscroll-behavior:contain;
padding:var(--space-6);
border-radius:var(--ac-r);
background:var(--paper);
color:var(--ink);
text-align:center;
}
.armvnc-ord-dialog-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-2);
width:fit-content;
max-width:100%;
margin-inline:auto;
padding:.4em .9em;
border-radius:var(--ac-r);
background:var(--s2);
color:var(--i2);
font:var(--weight-body) var(--text-xs)/1.4 var(--mono);
}
.armvnc-ord-dialog-heading{
font:var(--weight-strong) var(--text-lg)/1.4 var(--heading);
color:var(--ink);
}
.armvnc-ord-dialog-copy{
font-size:var(--text-base);
line-height:1.6;
color:var(--mut);
}
.armvnc-ord-dialog-actions{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
gap:var(--space-3);
margin-top:var(--space-3);
}
.armvnc-ord-dialog-panel .armvnc-ord-dialog-actions{
justify-content:center;
}
.armvnc-ord-dialog-panel .armvnc-ord-button-primary:hover{
background:var(--pri-hover);
color:var(--ac-on-primary);
border-color:var(--pri-hover);
}
.armvnc-ord-dialog-panel .armvnc-ord-button-outline:hover{
background:var(--s1);
color:var(--i1);
border-color:var(--input-line);
}
@media(max-width:1100px){
.armvnc-ord-deployment-strip{
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:var(--space-5);
}
.armvnc-ord-schedule-entries{
grid-template-columns:minmax(0,1fr);
}
.armvnc-ord-schedule-entry,
.armvnc-ord-schedule-extra{
grid-template-columns:minmax(8rem,.5fr) minmax(12rem,1fr);
}
}
@media(max-width:760px){
.armvnc-ord-drawing-caption{
padding-bottom:var(--space-5);
}
.armvnc-ord-machine-matrix,
.armvnc-ord-deployment-strip{
grid-template-columns:minmax(0,1fr);
}
.armvnc-ord-deployment-strip{
margin-block:var(--space-6);
gap:var(--space-6);
padding-block:0;
}
.armvnc-ord-plan{
padding:var(--space-4);
}
.armvnc-ord-location-matrix{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.armvnc-ord-region{
padding:var(--space-4);
}
.armvnc-ord-disk-matrix{
grid-template-columns:minmax(0,1fr);
}
.armvnc-ord-interconnect{
grid-template-columns:auto minmax(0,1fr);
}
.armvnc-ord-interconnect-price{
grid-column:2;
text-align:left;
}
.armvnc-ord-schedule-entries{
padding-inline:var(--space-3);
}
.armvnc-ord-schedule-entry,
.armvnc-ord-schedule-extra{
grid-template-columns:minmax(0,.7fr) minmax(0,1fr);
column-gap:var(--space-3);
}
.armvnc-ord-schedule-key,
.armvnc-ord-schedule-value{
font-size:var(--text-xs);
line-height:1.6;
align-self:start;
}
.armvnc-ord-schedule-extra{
padding-inline:0;
}
.armvnc-ord-authorization{
align-items:flex-start;
gap:var(--space-4);
}
.armvnc-ord-authorization-actions{
width:100%;
}
.armvnc-ord-authorization-actions .armvnc-ord-button{
width:100%;
}
.armvnc-ord-binding-controls{
grid-template-columns:minmax(0,1fr);
}
.armvnc-ord-binding-controls .armvnc-ord-button{
width:100%;
}
.armvnc-ord-gateway-matrix{
grid-template-columns:minmax(0,1fr);
}
.armvnc-ord-gw-item{
width:100%;
}
.armvnc-ord-dialog-panel{
padding:var(--space-4);
}
.armvnc-ord-dialog-panel .armvnc-ord-dialog-actions{
flex-direction:column;
align-items:stretch;
}
.armvnc-ord-drawing-intro{
font-size:var(--text-sm);
}
}
@media(prefers-reduced-motion:reduce){
.armvnc-ord-button,
.armvnc-ord-plan,
.armvnc-ord-region,
.armvnc-ord-seg-btn,
.armvnc-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}