.macsdk-ord-order{
  --ac-primary: #B8501E;
  --ac-accent: #F0A868;
  --ac-bg: #090807;
  --ac-card: #1D1B19;
  --ac-ink: #121110;
  --ac-on-primary: #ffffff;
  --ac-primary-text: color-mix(in srgb, var(--ac-primary) 42%, var(--ac-ink));
  --ac-ok: #4ade80;
  --ac-warn: #fbbf24;
  --ac-danger: #f87171;
  --ac-shadow: #000000;
  --ac-r: 16px;
  --ac-font-head: "Sora", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Outfit", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
width:min(calc(100% - var(--gutter)*2),var(--wrap));
margin-inline:auto;
padding-block:var(--hero-top) var(--space-close);
color:var(--txt);
font-family:var(--f-body);
font-variant-numeric:tabular-nums;
overflow-x:clip;
}
.macsdk-ord-order [hidden]{display:none!important}
.macsdk-ord-order *{min-width:0}
.macsdk-ord-opening{
display:grid;
gap:var(--space-2);
margin-bottom:var(--space-5);
}
.macsdk-ord-page-title{
max-width:100%;
font-size:clamp(2rem,4vw,3.2rem);
line-height:var(--lh-heading);
font-weight:var(--weight-heavy);
color:var(--txt);
letter-spacing:-.035em;
}
.macsdk-ord-opening-copy{
max-width:48rem;
color:var(--mute);
font-size:var(--text-base);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.macsdk-ord-rental-docket{
display:grid;
gap:var(--space-3);
}
.macsdk-ord-dispatch-pair{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:var(--space-3);
align-items:stretch;
}
.macsdk-ord-destination{
display:flex;
flex-direction:column;
gap:var(--space-3);
padding:var(--space-4);
border-radius:var(--r-card);
background:var(--fog);
color:#1A2230;
--local-muted:#4A5568;
--local-line:rgba(26,34,48,.14);
}
.macsdk-ord-rental-window{
display:flex;
flex-direction:column;
gap:var(--space-3);
padding:var(--space-4);
border-radius:var(--r-card);
background:var(--sage);
color:#1E2A1C;
--local-muted:#4C5A49;
--local-line:rgba(30,42,28,.14);
}
.macsdk-ord-field-heading{
display:flex;
align-items:center;
gap:var(--space-2);
}
.macsdk-ord-field-icon{
display:block;
width:var(--space-3);
height:var(--space-3);
flex:none;
}
.macsdk-ord-field-title{
font-size:var(--text-lg);
font-weight:var(--weight-bold);
line-height:var(--lh-heading);
letter-spacing:-.025em;
overflow-wrap:break-word;
}
.macsdk-ord-destination-options{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-1);
align-items:stretch;
margin-top:auto;
}
.macsdk-ord-rental-options{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-1);
align-items:stretch;
margin-top:auto;
}
.macsdk-ord-region{
display:flex;
align-items:center;
justify-content:center;
gap:var(--space-1);
width:100%;
min-height:var(--control-height);
padding:var(--space-2) var(--space-3);
border:1px solid transparent;
border-radius:var(--r-in);
background:var(--surface-icon);
color:#1A2230;
font-family:var(--f-body);
font-size:var(--text-sm);
line-height:1.4;
text-align:center;
white-space:normal;
overflow-wrap:break-word;
transition:background var(--duration),box-shadow var(--duration);
}
.macsdk-ord-region:hover{
background:var(--surface-white);
color:#1A2230;
}
.macsdk-ord-region.is-on,
.macsdk-ord-region[aria-checked="true"]{
background:var(--ink-2);
color:#F3EFEA;
box-shadow:inset 0 0 0 2px var(--ember);
}
.macsdk-ord-region.is-on:hover,
.macsdk-ord-region[aria-checked="true"]:hover{
background:var(--ink-3);
color:#F3EFEA;
}
.macsdk-ord-seg-btn{
display:flex;
align-items:center;
justify-content:center;
gap:var(--space-1);
width:100%;
min-height:var(--control-height);
padding:var(--space-2) var(--space-3);
border:1px solid transparent;
border-radius:var(--r-in);
background:var(--surface-node);
color:#1E2A1C;
font-family:var(--f-body);
font-size:var(--text-sm);
line-height:1.4;
text-align:center;
white-space:normal;
overflow-wrap:break-word;
transition:background var(--duration),box-shadow var(--duration);
}
.macsdk-ord-seg-btn:hover{
background:var(--paper);
color:#121110;
}
.macsdk-ord-seg-btn.is-on,
.macsdk-ord-seg-btn[aria-checked="true"],
.macsdk-ord-seg-btn[aria-selected="true"]{
background:var(--ink-2);
color:#F3EFEA;
box-shadow:inset 0 0 0 2px var(--ember);
}
.macsdk-ord-seg-btn.is-on:hover,
.macsdk-ord-seg-btn[aria-checked="true"]:hover,
.macsdk-ord-seg-btn[aria-selected="true"]:hover{
background:var(--ink-3);
color:#F3EFEA;
}
.macsdk-ord-packing-sheet{
background:var(--paper);
color:#121110;
border-radius:var(--r-card);
overflow:hidden;
--local-muted:#6B645D;
--local-line:rgba(18,17,16,.12);
}
.macsdk-ord-expansion-desk{
display:grid;
grid-template-columns:minmax(12rem,.65fr) minmax(0,1.7fr);
align-items:start;
gap:var(--space-4);
padding:var(--space-4);
background:var(--surface-cell-paper);
color:#121110;
--local-muted:#6B645D;
--local-line:rgba(18,17,16,.12);
}
.macsdk-ord-expansion-heading{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-3);
}
.macsdk-ord-storage-symbol{
display:block;
width:var(--space-5);
height:var(--space-5);
color:#6B645D;
}
.macsdk-ord-expansion-controls{
display:grid;
gap:var(--space-3);
}
.macsdk-ord-storage-options{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));
gap:var(--space-1);
align-items:stretch;
}
.macsdk-ord-storage-options .macsdk-ord-seg-btn{
background:var(--paper);
color:#121110;
}
.macsdk-ord-storage-options .macsdk-ord-seg-btn:hover{
background:var(--surface-white);
color:#121110;
}
.macsdk-ord-storage-options .macsdk-ord-seg-btn.is-on,
.macsdk-ord-storage-options .macsdk-ord-seg-btn[aria-checked="true"],
.macsdk-ord-storage-options .macsdk-ord-seg-btn[aria-selected="true"]{
background:var(--ink-2);
color:#F3EFEA;
box-shadow:inset 0 0 0 2px var(--ember);
}
.macsdk-ord-interconnect{
display:grid;
grid-template-columns:1.25rem minmax(0,1fr) auto;
align-items:start;
gap:var(--space-2);
padding:var(--space-3);
border-radius:var(--r-in);
background:var(--paper);
color:#121110;
cursor:pointer;
}
.macsdk-ord-interconnect:has(.macsdk-ord-check:checked){
background:var(--surface-white);
color:#121110;
box-shadow:inset 0 0 0 2px var(--ember);
}
.macsdk-ord-check{
appearance:none;
display:grid;
place-items:center;
width:1.25rem;
height:1.25rem;
margin-top:.15rem;
border:1px solid var(--input-line);
border-radius:.375rem;
background:var(--surface-white);
color:#FFFFFF;
cursor:pointer;
}
.macsdk-ord-check::after{
content:"";
width:.625rem;
height:.375rem;
border-left:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:translateY(-.0625rem) rotate(-45deg) scale(0);
}
.macsdk-ord-check:checked{
background:var(--ember);
color:#FFFFFF;
border-color:var(--ember);
}
.macsdk-ord-check:checked::after{
transform:translateY(-.0625rem) rotate(-45deg) scale(1);
}
.macsdk-ord-interconnect-copy{
display:grid;
gap:var(--space-1);
}
.macsdk-ord-interconnect-title{
font-size:var(--text-sm);
font-weight:var(--weight-medium);
line-height:var(--lh-body);
}
.macsdk-ord-interconnect-hint{
font-size:var(--text-xs);
line-height:var(--lh-body);
color:#6B645D;
overflow-wrap:break-word;
}
.macsdk-ord-addon-amount{
font-family:var(--f-mono);
font-size:var(--text-sm);
font-style:normal;
line-height:var(--lh-body);
color:#121110;
overflow-wrap:break-word;
}
.macsdk-ord-machine-receipt{
display:grid;
background:var(--paper);
color:#121110;
}
.macsdk-ord-machine-selection{
display:grid;
gap:var(--space-3);
padding:var(--space-4);
}
.macsdk-ord-machine-heading{
display:flex;
align-items:center;
gap:var(--space-2);
}
.macsdk-ord-receipt-symbol{
display:block;
width:var(--space-4);
height:var(--space-4);
color:#6B645D;
}
.macsdk-ord-machine-options{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
gap:var(--space-3);
align-items:stretch;
}
.macsdk-ord-plan{
position:relative;
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
width:100%;
height:100%;
padding:var(--space-4);
border:2px solid transparent;
border-radius:var(--r-card);
background:var(--surface-cell-paper);
color:#121110;
text-align:left;
font-family:var(--f-body);
white-space:normal;
overflow-wrap:break-word;
transition:background var(--duration),border-color var(--duration);
}
.macsdk-ord-plan:hover{
background:var(--surface-white);
color:#121110;
}
.macsdk-ord-plan.is-on,
.macsdk-ord-plan[aria-checked="true"]{
background:var(--fog);
color:#1A2230;
border-color:var(--ember);
}
.macsdk-ord-plan.is-on:hover,
.macsdk-ord-plan[aria-checked="true"]:hover{
background:var(--fog);
color:#1A2230;
}
.macsdk-ord-plan-chip{
display:inline-flex;
align-items:center;
justify-content:center;
align-self:flex-start;
gap:.4em;
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--r-pill);
background:var(--ink-2);
color:#F3EFEA;
font-family:var(--f-mono);
font-size:var(--text-xs);
line-height:1;
font-weight:var(--weight-medium);
}
.macsdk-ord-plan-name{
display:block;
font-family:var(--f-head);
font-size:var(--text-lg);
line-height:var(--lh-heading);
font-weight:var(--weight-heavy);
letter-spacing:-.025em;
overflow-wrap:break-word;
}
.macsdk-ord-plan-spec{
display:block;
width:100%;
font-family:var(--f-mono);
font-size:var(--text-sm);
line-height:var(--lh-body);
color:#6B645D;
overflow-wrap:break-word;
}
.macsdk-ord-plan.is-on .macsdk-ord-plan-spec,
.macsdk-ord-plan[aria-checked="true"] .macsdk-ord-plan-spec{
color:#4A5568;
}
.macsdk-ord-plan-price{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-1);
margin-top:auto;
font-family:var(--f-mono);
font-size:clamp(1.5rem,2.6vw,2.5rem);
font-weight:var(--weight-medium);
line-height:var(--lh-heading);
letter-spacing:-.035em;
}
.macsdk-ord-plan-price em{
font-family:var(--f-body);
font-style:normal;
font-size:var(--text-sm);
font-weight:var(--weight-normal);
line-height:var(--lh-body);
letter-spacing:0;
}
.macsdk-ord-approval{
display:grid;
gap:var(--space-3);
padding:var(--space-4);
background:var(--ink-2);
color:#F3EFEA;
--local-muted:#9A938B;
--local-line:rgba(243,239,234,.14);
}
.macsdk-ord-approval-heading{
display:flex;
align-items:center;
gap:var(--space-2);
}
.macsdk-ord-receipt-details{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:var(--space-4);
align-items:start;
}
.macsdk-ord-manifest{
display:grid;
gap:var(--space-2);
}
.macsdk-ord-manifest-title{
font-size:var(--text-sm);
font-weight:var(--weight-medium);
line-height:var(--lh-heading);
color:#9A938B;
}
.macsdk-ord-manifest-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
gap:var(--space-3);
}
.macsdk-ord-manifest-cell{
display:grid;
grid-template-columns:minmax(5rem,.7fr) minmax(0,1.3fr);
align-items:baseline;
gap:var(--space-2);
padding:var(--space-2);
border-radius:var(--r-in);
background:var(--ink-3);
color:#F3EFEA;
}
.macsdk-ord-manifest-label{
font-size:var(--text-sm);
line-height:var(--lh-body);
color:#9A938B;
overflow-wrap:break-word;
}
.macsdk-ord-manifest-value{
margin:0;
font-size:var(--text-sm);
font-weight:var(--weight-medium);
line-height:var(--lh-body);
color:#F3EFEA;
overflow-wrap:break-word;
}
.macsdk-ord-settlement{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-3);
padding-top:var(--space-3);
border-top:1px solid var(--line-dark);
}
.macsdk-ord-settlement-actions{margin-left:auto}
.macsdk-ord-total-label{
color:#9A938B;
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.macsdk-ord-total-figure{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-1);
}
.macsdk-ord-total-number{
font-family:var(--f-mono);
font-size:clamp(1.75rem,3vw,2.75rem);
font-weight:var(--weight-medium);
line-height:var(--lh-heading);
letter-spacing:-.04em;
color:#F3EFEA;
overflow-wrap:break-word;
}
.macsdk-ord-total-unit{
font-family:var(--f-body);
font-size:var(--text-sm);
font-style:normal;
color:#9A938B;
overflow-wrap:break-word;
}
.macsdk-ord-settlement-actions{
display:flex;
flex-wrap:wrap;
gap:var(--space-2);
justify-content:flex-start;
margin-top:var(--space-3);
}
.macsdk-ord-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-1);
max-width:100%;
min-height:var(--control-height);
padding:.75rem var(--space-3);
border:1px solid transparent;
border-radius:var(--r-pill);
font-family:var(--f-body);
font-size:var(--text-sm);
font-weight:var(--weight-medium);
line-height:1.4;
text-align:center;
white-space:normal;
overflow-wrap:break-word;
text-decoration:none;
transition:background var(--duration),border-color var(--duration),opacity var(--duration);
}
.macsdk-ord-btn-primary{
background:var(--ac-primary);
color:var(--ac-on-primary);
}
.macsdk-ord-btn-primary:hover{
background:var(--ember-hi);
color:var(--ac-on-primary);
}
.macsdk-ord-btn-dark{
background:var(--ink-1);
color:#F3EFEA;
}
.macsdk-ord-btn-dark:hover{
background:var(--ink-3);
color:#F3EFEA;
}
.macsdk-ord-btn-outline{
background:transparent;
color:#F3EFEA;
border-color:color-mix(in srgb,currentColor 45%,transparent);
}
.macsdk-ord-btn-outline:hover{
background:var(--ink-3);
color:#F3EFEA;
border-color:color-mix(in srgb,currentColor 65%,transparent);
}
.macsdk-ord-btn:disabled,
.macsdk-ord-plan:disabled,
.macsdk-ord-seg-btn:disabled,
.macsdk-ord-region:disabled{
opacity:.55;
cursor:wait;
}
.macsdk-ord-order-feedback,
.macsdk-ord-auth-feedback{
padding:var(--space-3);
border-radius:var(--r-in);
background:var(--paper);
color:var(--ac-danger);
font-size:var(--text-sm);
line-height:var(--lh-body);
font-weight:var(--weight-medium);
overflow-wrap:break-word;
}
.macsdk-ord-order-feedback.is-ok,
.macsdk-ord-auth-feedback.is-ok{
background:var(--sage);
color:#1E2A1C;
}
.macsdk-ord-binding{
display:grid;
gap:var(--space-3);
padding:var(--space-4);
border-radius:var(--r-card);
background:var(--fog);
color:#1A2230;
--local-muted:#4A5568;
--local-line:rgba(26,34,48,.14);
}
.macsdk-ord-binding-lead{
color:#1A2230;
font-size:var(--text-base);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.macsdk-ord-binding-row{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:end;
gap:var(--space-2);
}
.macsdk-ord-input-field{
display:grid;
align-content:start;
gap:var(--control-gap);
}
.macsdk-ord-input-label{
color:#1A2230;
font-size:var(--text-sm);
font-weight:var(--weight-medium);
line-height:var(--lh-body);
}
.macsdk-ord-input{
width:100%;
min-height:var(--control-height);
padding:.75rem var(--space-2);
border:1px solid var(--input-line);
border-radius:var(--r-in);
background:var(--surface-white);
color:#121110;
font-family:var(--f-body);
font-size:var(--text-base);
line-height:var(--lh-body);
}
.macsdk-ord-input:focus{
border-color:var(--ember);
outline:2px solid var(--ember);
outline-offset:2px;
}
.macsdk-ord-input[aria-invalid="true"]{
border-color:var(--ac-danger);
}
.macsdk-ord-code-input{
font-family:var(--f-mono);
letter-spacing:.2em;
}
.macsdk-ord-auth-feedback{
background:var(--paper);
color:var(--ac-danger);
}
.macsdk-ord-gateway{
display:grid;
gap:var(--space-3);
padding:var(--space-4);
border-radius:var(--r-card);
background:var(--paper);
color:#121110;
--local-muted:#6B645D;
--local-line:rgba(18,17,16,.12);
}
.macsdk-ord-gateway-title{
color:#121110;
font-size:var(--text-lg);
line-height:var(--lh-heading);
}
.macsdk-ord-gateway-options{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
gap:var(--space-2);
align-items:stretch;
}
.macsdk-ord-gw-item{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:var(--space-1);
width:100%;
min-height:4.5rem;
height:100%;
padding:var(--space-3);
border:1px solid var(--input-line);
border-radius:var(--r-in);
background:var(--surface-cell-paper);
color:#121110;
font-family:var(--f-body);
text-align:left;
white-space:normal;
overflow-wrap:break-word;
transition:background var(--duration),border-color var(--duration),opacity var(--duration);
}
.macsdk-ord-gw-item strong{
display:block;
font-size:var(--text-base);
line-height:var(--lh-body);
font-weight:var(--weight-bold);
}
.macsdk-ord-gw-item small{
display:block;
font-family:var(--f-mono);
font-size:var(--text-xs);
line-height:var(--lh-body);
color:#6B645D;
}
.macsdk-ord-gw-item:hover{
background:var(--fog);
color:#1A2230;
border-color:var(--ember);
}
.macsdk-ord-gw-item:hover small{
color:#4A5568;
}
.macsdk-ord-gw-item:disabled{
opacity:.55;
cursor:wait;
}
.macsdk-ord-gw-item.is-on,
.macsdk-ord-gw-item[aria-checked="true"]{
background:var(--fog);
color:#1A2230;
border-color:var(--ember);
box-shadow:inset 0 0 0 1px var(--ember);
}
.macsdk-ord-gateway-actions{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
gap:var(--space-2);
margin-top:var(--space-1);
}
.macsdk-ord-gateway .macsdk-ord-btn-outline{
background:transparent;
color:#121110;
border-color:color-mix(in srgb,currentColor 45%,transparent);
}
.macsdk-ord-gateway .macsdk-ord-btn-outline:hover{
background:var(--surface-cell-paper);
color:#121110;
}
.macsdk-ord-payment-footnote{
display:grid;
gap:var(--space-1);
margin-top:var(--space-4);
}
.macsdk-ord-payment-methods{
color:#F3EFEA;
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.macsdk-ord-payment-security{
color:#9A938B;
font-size:var(--text-sm);
line-height:var(--lh-body);
}
.macsdk-ord-dialog{
position:fixed;
inset:0;
z-index:300;
display:grid;
place-items:center;
padding:var(--gutter);
isolation:isolate;
}
.macsdk-ord-dialog-backdrop{
position:absolute;
inset:0;
z-index:-1;
background:rgba(9,8,7,.78);
color:#F3EFEA;
}
.macsdk-ord-dialog-panel{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
width:min(100%,32rem);
max-height:calc(100dvh - var(--gutter)*2);
overflow-y:auto;
overscroll-behavior:contain;
padding:var(--space-5);
border-radius:var(--r-card);
background:var(--paper);
color:#121110;
text-align:center;
--local-muted:#6B645D;
--local-line:rgba(18,17,16,.12);
}
.macsdk-ord-dialog-seal{
display:block;
width:3rem;
height:3rem;
margin-bottom:var(--space-3);
color:#1E2A1C;
flex:none;
}
.macsdk-ord-dialog-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.4em;
width:fit-content;
max-width:100%;
padding:.4em .9em;
margin-inline:auto;
margin-bottom:var(--space-3);
border-radius:var(--r-pill);
background:var(--sage);
color:#1E2A1C;
font-size:var(--text-xs);
line-height:1;
}
.macsdk-ord-dialog-title{
color:#121110;
font-family:var(--f-head);
font-size:var(--text-lg);
font-weight:var(--weight-heavy);
line-height:var(--lh-heading);
overflow-wrap:break-word;
}
.macsdk-ord-dialog-body{
margin-top:var(--space-2);
color:#6B645D;
font-size:var(--text-base);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.macsdk-ord-dialog-actions{
display:flex;
flex-wrap:wrap;
gap:var(--space-2);
justify-content:flex-start;
width:100%;
margin-top:var(--space-3);
}
.macsdk-ord-dialog-panel .macsdk-ord-dialog-actions{
justify-content:center;
}
.macsdk-ord-dialog-panel .macsdk-ord-btn-primary{
background:var(--ink-1);
color:#FFFFFF;
}
.macsdk-ord-dialog-panel .macsdk-ord-btn-primary:hover{
background:var(--ink-3);
color:#FFFFFF;
}
.macsdk-ord-dialog-panel .macsdk-ord-btn-outline{
background:transparent;
color:#121110;
border-color:color-mix(in srgb,currentColor 45%,transparent);
}
.macsdk-ord-dialog-panel .macsdk-ord-btn-outline:hover{
background:var(--surface-cell-paper);
color:#121110;
}
.macsdk-ord-binding.is-open,
.macsdk-ord-gateway.is-open{
box-shadow:inset 0 0 0 2px var(--ember);
}
.macsdk-ord-order .is-mine{
box-shadow:inset .25rem 0 0 var(--ember);
}
.macsdk-ord-order :is(.macsdk-ord-btn,.macsdk-ord-plan,.macsdk-ord-region,.macsdk-ord-seg-btn,.macsdk-ord-gw-item,.macsdk-ord-check):focus-visible{
outline:2px solid var(--focus);
outline-offset:4px;
}
.macsdk-ord-order[aria-busy="true"] .macsdk-ord-checkout{
opacity:.65;
cursor:wait;
}
@media(max-width:1000px){
.macsdk-ord-expansion-desk{
grid-template-columns:minmax(10rem,.6fr) minmax(0,1.4fr);
gap:var(--space-3);
}
.macsdk-ord-destination,
.macsdk-ord-rental-window,
.macsdk-ord-machine-selection,
.macsdk-ord-approval,
.macsdk-ord-expansion-desk{
padding:var(--space-3);
}
.macsdk-ord-receipt-details{
gap:var(--space-3);
grid-template-columns:minmax(0,1fr);
}
.macsdk-ord-plan{
padding:var(--space-3);
}
}
@media(max-width:760px){
.macsdk-ord-opening{
margin-bottom:var(--space-3);
}
.macsdk-ord-dispatch-pair{
grid-template-columns:minmax(0,1fr);
gap:var(--space-3);
}
.macsdk-ord-destination,
.macsdk-ord-rental-window{
gap:var(--space-2);
}
.macsdk-ord-expansion-desk{
grid-template-columns:minmax(0,1fr);
gap:var(--space-3);
}
.macsdk-ord-expansion-heading{
flex-direction:row;
align-items:center;
justify-content:space-between;
}
.macsdk-ord-storage-symbol{
width:var(--space-4);
height:var(--space-4);
}
.macsdk-ord-storage-options{
grid-template-columns:minmax(0,1fr);
}
.macsdk-ord-interconnect{
grid-template-columns:1.25rem minmax(0,1fr);
}
.macsdk-ord-addon-amount{
grid-column:2;
}
.macsdk-ord-machine-options{
grid-template-columns:minmax(0,1fr);
}
.macsdk-ord-receipt-details{
grid-template-columns:minmax(0,1fr);
gap:var(--space-4);
}
.macsdk-ord-manifest-cell{
grid-template-columns:minmax(5rem,.8fr) minmax(0,1.2fr);
}
.macsdk-ord-settlement-actions{
display:grid;
grid-template-columns:minmax(0,1fr);
}
.macsdk-ord-settlement-actions .macsdk-ord-btn{
width:100%;
}
.macsdk-ord-binding,
.macsdk-ord-gateway{
padding:var(--space-3);
}
.macsdk-ord-binding-row{
grid-template-columns:minmax(0,1fr);
gap:var(--space-2);
}
.macsdk-ord-binding-row .macsdk-ord-btn{
width:100%;
}
.macsdk-ord-gateway-options{
grid-template-columns:minmax(0,1fr);
}
.macsdk-ord-gw-item{
min-height:4.5rem;
}
.macsdk-ord-dialog-panel{
padding:var(--space-3);
}
.macsdk-ord-dialog-actions{
flex-direction:column;
align-items:stretch;
}
.macsdk-ord-dialog-panel .macsdk-ord-dialog-actions{
align-items:stretch;
}
.macsdk-ord-dialog-actions .macsdk-ord-btn{
width:100%;
}
.macsdk-ord-total-number{
font-size:var(--text-section);
}
.macsdk-ord-plan-price{
font-size:var(--text-xl);
}
}
@media(max-width:360px){
.macsdk-ord-destination-options,
.macsdk-ord-rental-options{
grid-template-columns:minmax(0,1fr);
}
.macsdk-ord-manifest-cell{
grid-template-columns:minmax(4rem,.7fr) minmax(0,1.3fr);
gap:var(--space-1);
}
.macsdk-ord-plan{
padding:var(--space-3);
}
.macsdk-ord-region,
.macsdk-ord-seg-btn{
padding-inline:var(--space-3);
}
}
@media(prefers-reduced-motion:reduce){
.macsdk-ord-btn,
.macsdk-ord-plan,
.macsdk-ord-region,
.macsdk-ord-seg-btn,
.macsdk-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}