/* Surrender: tokens and base rules for the order, help centre and ambassador pages (ported from Calcuera) */
:root{
  --cx-chalk:#EDEAE4;
  --cx-paper:#F6F4EF;
  --cx-ink:#2B2D25;
  --cx-pista:#3E4135;
  --cx-pista-2:#5C6350;
  --cx-sol:#C9A74E;
  --cx-cream:#F4E2A8;
  --cx-mute:#676C5B;
  --cx-line:#DAD6CC;
  --cx-tile:#E4E1D8;
  --cx-tile-2:#D3D0C4;
  --cx-display:"Fraunces",Georgia,"Times New Roman",serif;
  --cx-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --cx-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --cx-gl:max(16px, env(safe-area-inset-left,0px));
  --cx-gr:max(16px, env(safe-area-inset-right,0px));
  --cx-max:1360px;
}
body.cx-body{margin:0;background:var(--cx-paper);color:var(--cx-ink);font-family:var(--cx-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.cx,.cx *{box-sizing:border-box}
.cx{font-family:var(--cx-body);color:var(--cx-ink);line-height:1.55}
.cx a{color:inherit;text-decoration:none}
.cx button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;margin:0;box-shadow:none;min-height:0;letter-spacing:inherit;text-transform:none}
.cx img{max-width:100%;display:block}
.cx :focus-visible{outline:2px solid var(--cx-pista);outline-offset:3px}
.cx .wrap{max-width:var(--cx-max);margin-inline:auto;padding-left:var(--cx-gl);padding-right:var(--cx-gr)}
.cx h1,.cx h2,.cx h3,.cx h4{font-family:var(--cx-display);font-weight:400;text-wrap:balance;margin:0;letter-spacing:-.01em;color:inherit;font-variation-settings:"SOFT" 100}
.cx p{margin:0}
.cx{background:var(--cx-chalk)}
.cx .coll-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:68px;padding-block:.9rem;margin-bottom:1.5rem;border-bottom:1px solid var(--cx-line)}
.cx .coll-top h1{font-family:var(--cx-display);font-weight:400;font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.015em;line-height:1.1;margin:0}
.cx .coll-titles{display:grid;gap:.3rem;min-width:0}
.cx .coll-crumbs{display:flex;gap:.4rem;align-items:center;font-size:.78rem;color:var(--cx-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx .coll-crumbs a{color:inherit;text-decoration:none}
.cx .coll-crumbs a:hover{color:var(--cx-ink);text-decoration:underline;text-underline-offset:3px}
.cx .coll-crumbs [aria-current]{color:var(--cx-ink)}
.cx .trk-btn,.cx .hc-btn,.cx .om-btn,.cx .om-carrier,.cx .hc-route,.cx .am-btn{border-radius:999px!important}
.cx .trk-f input,.cx .trk-f textarea,.cx .hc-select,.cx .hc-pane select,.cx .om-f input,.cx .om-f textarea,.cx .om-select,.cx .om select,.cx .am-f input,.cx .am-f select,.cx .am-f textarea{border-radius:10px!important}
.cx .hc-input{border-radius:999px!important}
.cx .hc-card,.cx .hc-order,.cx .om-act,.cx .om-alert,.cx .om-countdown,.cx .am-card{border-radius:14px}