.account-ticket{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--field);display:grid;gap:8px;margin-bottom:14px;font-size:14px}
.account-ticket-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.account-ticket p{margin:0}.account-ticket button,.account-ticket-sizing select{padding:6px 10px;min-height:36px}
.account-ticket-assets{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:12px;line-height:1.35}
.account-ticket-assets__label{margin-right:2px}
.account-ticket-assets__item{border:1px solid var(--line);border-radius:999px;padding:3px 7px;color:var(--text);font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--card) 70%,transparent)}
.account-ticket-assets__item[data-settlement="true"]{border-color:var(--accent);color:var(--accent)}
.account-ticket-sizing{display:flex;gap:10px;margin:8px 0}.account-ticket-sizing input{min-width:0;width:120px}
.okx-cust-order-col input[type=range]{width:100%;height:32px;padding:0;accent-color:var(--positive);cursor:pointer}
.okx-cust-order-col input[type=range]:disabled{opacity:.35;cursor:default}
.okx-cust-pill-selects>select{flex:1;min-width:0;height:44px;padding:8px 12px}
.okx-cust-stepper-wrap>select{max-width:100px;min-width:75px;border:0;background:transparent;padding:8px;color:var(--text);opacity:1;-webkit-text-fill-color:var(--text)}
.okx-cust-slider-labels button{padding:4px 0;background:none;border:0;color:var(--muted);font-size:12px;min-height:32px}
#okxCustAccountBar[hidden],#okxCustUnitTag[hidden],.account-ticket-sizing input[hidden]{display:none!important}

/* What to do when the contract settles in a currency the account does not hold. */
.account-ticket-help {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 6px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--line));
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}
.account-ticket-help__title { margin: 0; font-size: 13px; line-height: 1.45; color: var(--text); }
.account-ticket-help__switch {
  align-self: flex-start;
  min-height: 40px;
  white-space: normal;
  text-align: left;
}
.account-ticket-help__hint { margin: 0; line-height: 1.45; }