.device-order-dialog{box-sizing:border-box;width:min(660px,calc(100vw - 32px));max-height:90vh;max-height:90svh;padding:0;border:1px solid #e6d5d6;border-radius:16px;color:#352728;background:#faf7f5;box-shadow:0 24px 90px #29191b35;overflow:auto;font:16px/1.5 Arial,Helvetica,sans-serif}
.device-order-dialog::backdrop{background:#29191b82;backdrop-filter:blur(4px)}
.device-order-dialog *{box-sizing:border-box}
.device-order-head{display:flex;align-items:flex-start;gap:16px;padding:28px 30px 20px;border-bottom:1px solid #e6d5d6}
.device-order-head h2{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:27px;font-weight:600;line-height:1.2;letter-spacing:-.6px;margin:7px 0 9px}
.device-order-kicker{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#b82332}
.device-order-head p{font-size:14px;line-height:1.6;color:#806b6c;margin:0}
.device-order-close{flex-shrink:0;margin-left:auto;width:36px;height:36px;border:1px solid #e6d5d6;border-radius:50%;background:white;color:#5c4245;display:grid;place-items:center;cursor:pointer}
.device-order-close svg{width:18px;height:18px}
.device-order-form{padding:24px 30px 28px}
.device-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.device-order-field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}
.device-order-field.full{grid-column:1/-1}
.device-order-field input,.device-order-field select,.device-order-field textarea{width:100%;min-width:0;border:1px solid #d9c7c9;border-radius:7px;padding:11px 12px;background:white;color:#352728;font:16px/1.4 Arial,Helvetica,sans-serif}
.device-order-field textarea{min-height:85px;resize:vertical}
.device-order-dialog :focus-visible{outline:3px solid #b8233260;outline-offset:3px}
.device-order-field input:focus,.device-order-field select:focus,.device-order-field textarea:focus{border-color:#b82332}
.device-order-privacy{font-size:11px;line-height:1.65;color:#806b6c;margin:19px 0}
.device-order-privacy a{text-decoration:underline;text-underline-offset:2px}
.device-order-submit,.device-order-done{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:7px;padding:14px 20px;color:white;background:#b82332;font:600 15px/1.4 Arial,Helvetica,sans-serif;cursor:pointer}
.device-order-submit:disabled{opacity:.65;cursor:wait}
.device-order-submit svg{width:19px;height:19px}
.device-order-status{font-size:13px;line-height:1.65;padding:13px 15px;border-radius:7px;background:#f5e3e4;color:#87313c;margin:0 0 17px}
.device-order-status[data-state="activation"]{background:#fff0d6;color:#6e501d;border:1px solid #ead4ab}
.device-order-status[data-state="pending"],.device-order-status[data-state="unconfirmed"]{background:#f2eee8;color:#605349;border:1px solid #ddd4c9}
.device-order-submit[data-awaiting-confirmation]{cursor:default}
.device-order-fallback{display:block;width:fit-content;color:#9e1e2b;text-decoration:underline;text-underline-offset:3px;margin-top:7px}
.device-order-success{padding:32px 30px}
.device-order-success h3{font:600 24px/1.3 system-ui,sans-serif;margin:0 0 13px}
.device-order-success p{font-size:15px;margin:0 0 25px}
.device-order-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.device-order-dialog [hidden]{display:none!important}
@media(max-width:540px){.device-order-dialog{width:calc(100vw - 20px);max-height:94svh;border-radius:12px}.device-order-head{padding:22px 20px 18px}.device-order-head h2{font-size:24px}.device-order-form,.device-order-success{padding:20px}.device-order-grid{grid-template-columns:1fr;gap:15px}.device-order-field.full{grid-column:auto}}

.device-order-privacy{font-size:13px;color:#655457;line-height:1.65}.device-order-privacy p{margin:0 0 12px;color:inherit;font-size:inherit;line-height:inherit}.device-order-privacy p:last-child{margin-bottom:0}.device-order-privacy a{color:#92202d}

/* Give the title and instructions the full width on narrow phones. */
@media(max-width:540px){
  .device-order-head{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px 12px}
  .device-order-head>div{display:contents}
  .device-order-kicker{grid-column:1;align-self:center}
  .device-order-head h2,.device-order-head p{grid-column:1/-1;margin:0}
  .device-order-close{grid-column:2;grid-row:1;width:44px;height:44px}
}