/**
 * Laydn guided tour — LAYDR SCREEN.
 *
 * Prefix: .ldr-  Every selector below starts with .ldr- or .lw-scaler, so
 *         nothing reaches the marketing page or another screen.
 *
 * ⚠️ THE APP IS A LIGHT THEME INSIDE A DARK SITE. The marketing body colour is
 *    var(--white) #F2F2F2; inheriting it into a white card is the documented way
 *    to render an invisible screen on this theme. So every colour below is set
 *    explicitly, and every token carries a literal fallback in case this file is
 *    ever loaded without laydn-tour.css's .lw token block above it.
 *
 * ⚠️ VOLT AS TEXT on white must be #4a6b00. Plain #C8F135 on #fff is unreadable
 *    — the live app has that bug on "Verified · …"; the tour does not.
 * ⚠️ FIRE AS TEXT on white must be #c43c16. Brand #ff5c35 is ~3:1 on white, so
 *    it stays on fills and the required-field asterisk only.
 *
 * ⚠️ NO CSS TRANSITIONS. The engine renders a pure function of t: a state snaps
 *    the instant it is set, and reveal / count / pulse write inline styles every
 *    frame. A transition on anything the engine touches keeps moving after
 *    pause, lands a seek mid-ease, and smears a reveal's transform across 180ms
 *    of lag. The one exception is the radar ring — an ambient product signature,
 *    like the load and board screens' own loops — and reduced motion kills it.
 *
 * ⚠️ .lw-hover IS STICKY. The engine adds it to every element the cursor has
 *    reached and never removes it inside a scene, so nothing here styles it (a
 *    visited pill would read as hovered for the rest of the scene). Press
 *    targets get overflow:hidden so the engine's ripple stays inside them.
 *
 * STATE MECHANISM: the film has no class op, only [hidden] toggling. So a
 * selected pill / window / priority row is expressed by an empty <b class="ldr-on">
 * marker inside it, and :has() paints the parent. Same trick warms the bell.
 *
 * ⚠️ The UA's [hidden]{display:none} loses to ANY author display rule, so every
 *    element on this screen that carries both a display value and a data-when-*
 *    attribute has to re-assert it. Miss one and the engine "hides" a card that
 *    stays on screen.
 */
.ldr-toast[hidden], .ldr-flash[hidden], .ldr-card[hidden], .ldr-chip[hidden],
.ldr-list[hidden], .ldr-custom[hidden], .ldr-formshell[hidden], .ldr-empty[hidden],
.ldr-badge[hidden], .ldr-meta-item[hidden], .ldr-pill[hidden], .ldr-tab[hidden],
.ldr-tab .count[hidden], .ldr-status > [hidden]{
  display:none !important;
}

/* ---------------- header card ---------------- */
.ldr-head-in{
  position:relative; z-index:2; display:flex; align-items:flex-start;
  justify-content:space-between; gap:20px;
}
.ldr-head-copy{ min-width:0; }
.ldr-head-side{ display:flex; align-items:center; gap:14px; flex:none; }

.ldr-new.lw-btn-volt{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 16px; font-size:12.5px; line-height:1.2; border-radius:9px;
  background:#C8F135; color:#0a0a0a;
}
.ldr-new.lw-btn-volt i{ color:#0a0a0a; font-size:11px; }

.ldr-bell{
  position:relative; width:42px; height:42px; border-radius:99px; flex:none;
  background:#181818; border:1px solid rgba(255,255,255,.10); color:#F2F2F2;
  display:grid; place-items:center; font-size:15px;
  box-shadow:0 6px 20px rgba(0,0,0,.40);
}
.ldr-bell > i{ color:#F2F2F2; }
.ldr-bell:has(.ldr-badge:not([hidden])){
  border-color:rgba(200,241,53,.55);
  box-shadow:0 6px 20px rgba(0,0,0,.40), 0 0 0 4px rgba(200,241,53,.10);
}
/* two classes: outranks the engine's sticky .lw-hover{position:relative}
   whatever order the stylesheets load in */
.ldr-bell .ldr-badge{
  position:absolute; top:-4px; right:-4px; min-width:18px; height:18px; padding:0 5px;
  border-radius:9px; background:#C8F135; color:#0a0a0a; border:2px solid #0a0a0a;
  font-family:'Anta','Inter',sans-serif; font-size:10px; line-height:14px; text-align:center;
}

/* ---------------- the push: an OS notification over the light page ----------------
 * Drawn in the viewer's own system font, not Anta — that is what makes it read
 * as the phone talking rather than the app. Positioned with top/left/right only
 * (no transform), so the film's reveal / translate ops are free to animate it. */
.ldr-chrome{ position:relative; height:0; z-index:40; }
/* Two classes on purpose: the engine's sticky .lw-hover{position:relative}
   must never drop the card into the flow if the film taps it. */
.ldr-chrome .ldr-toast{
  position:absolute; right:0; top:6px; width:356px;
  display:grid; grid-template-columns:36px minmax(0,1fr); gap:12px; align-items:start;
  padding:12px 14px 13px; border-radius:16px; overflow:hidden;
  background:#1c1c1e; border:1px solid rgba(255,255,255,.10); color:#F2F2F2;
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Inter',sans-serif;
  box-shadow:0 18px 44px rgba(10,12,16,.38), 0 3px 10px rgba(10,12,16,.20);
}
.ldr-toast-icon{
  width:36px; height:36px; border-radius:9px; display:grid; place-items:center;
  background:#0a0a0a; border:1px solid rgba(255,255,255,.12);
}
.ldr-toast-icon svg{ display:block; width:22px; height:22px; fill:#C8F135; }
.ldr-toast-body{ min-width:0; }
.ldr-toast-app{
  display:flex; justify-content:space-between; gap:10px; margin-bottom:3px;
  font-size:11px; line-height:1.3; letter-spacing:.01em; color:rgba(242,242,242,.60);
}
.ldr-toast-when{ color:rgba(242,242,242,.50); }
.ldr-toast-title{ font-size:13.5px; font-weight:600; line-height:1.3; color:#F2F2F2; }
.ldr-toast-text{ margin-top:2px; font-size:12.5px; line-height:1.4; color:rgba(242,242,242,.80); }

/* ---------------- flash ---------------- */
.ldr-flash{
  display:flex; align-items:center; gap:10px; margin-bottom:14px;
  background:rgba(200,241,53,.18); border:1px solid var(--lw-volt,#C8F135);
  color:var(--lw-ink,#0a0a0a); border-radius:9px; padding:11px 14px;
  font-size:13px; line-height:1.45;
}
.ldr-flash > span{ color:var(--lw-ink,#0a0a0a); }
.ldr-flash i{ flex:none; color:var(--lw-volt-ink,#4a6b00); font-size:14px; }

/* ---------------- layout ---------------- */
.ldr-grid{ display:grid; grid-template-columns:minmax(0,1fr); gap:22px; align-items:start; }
/* the live app splits 50/50 the moment the create panel is open */
.ldr-grid:has(.ldr-formshell:not([hidden])){ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.ldr-side{ min-width:0; }

/* ---------------- form panel ---------------- */
.ldr-formshell{
  min-width:0; background:var(--lw-card,#fff); border:1px solid var(--lw-volt,#C8F135);
  border-radius:14px; padding:20px; color:var(--lw-ink,#0a0a0a);
  box-shadow:0 0 0 4px rgba(200,241,53,.10), 0 12px 28px rgba(15,18,22,.08);
}
.ldr-form-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.ldr-form-head h3{
  font-family:'Anta','Inter',sans-serif; font-size:17px; line-height:1.2; color:var(--lw-ink,#0a0a0a);
  margin:0; display:flex; align-items:center; gap:9px;
}
.ldr-form-head h3 i{ font-size:14px; color:var(--lw-volt-ink,#4a6b00); }
.ldr-form-close{
  width:30px; height:30px; padding:0; border-radius:7px; cursor:pointer; overflow:hidden; flex:none;
  background:transparent; border:1px solid #d6dae0; color:var(--lw-body,#5a6068); font-size:12px;
}

.ldr-explainer{
  display:flex; gap:10px; align-items:flex-start;
  background:rgba(200,241,53,.10); border:1px solid rgba(200,241,53,.40);
  color:var(--lw-ink,#0a0a0a); border-radius:9px; padding:11px 13px; margin-bottom:18px;
  font-size:12px; line-height:1.55;
}
.ldr-explainer > div{ color:var(--lw-ink,#0a0a0a); min-width:0; }
.ldr-explainer i{ color:var(--lw-volt-ink,#4a6b00); font-size:13px; margin-top:2px; flex:none; }
.ldr-explainer strong{ color:var(--lw-ink,#0a0a0a); font-weight:600; }

.ldr-field{ margin-bottom:16px; }
.ldr-field > label{
  display:block; font-size:11px; font-weight:600; line-height:1.4; letter-spacing:.08em;
  text-transform:uppercase; color:var(--lw-body,#5a6068); margin-bottom:7px;
}
.ldr-field .req{ color:var(--lw-fire,#ff5c35); }
.ldr-label-hint{ text-transform:none; letter-spacing:0; font-weight:400; color:var(--lw-faint,#8a909a); }

/* Demo furniture: readonly in the markup, and pointer-inert here, so a stray
   tap on a phone never raises a keyboard or a native select sheet. */
.ldr-input{
  display:block; width:100%; height:40px; margin:0; padding:0 12px; border-radius:8px;
  font:inherit; font-size:13.5px; line-height:normal;
  background:#fff; border:1px solid #d6dae0; color:var(--lw-ink,#0a0a0a);
  pointer-events:none;
}
.ldr-input::placeholder{ color:var(--lw-faint,#8a909a); opacity:1; }
.ldr-select{
  appearance:none; -webkit-appearance:none; padding-right:32px;
  background-image:linear-gradient(45deg,transparent 50%,#8a909a 50%),linear-gradient(135deg,#8a909a 50%,transparent 50%);
  background-position:calc(100% - 16px) 50%, calc(100% - 11px) 50%;
  background-size:5px 5px, 5px 5px; background-repeat:no-repeat;
}

.ldr-status{
  display:block; margin-top:5px; min-height:16px; font-size:11px; line-height:1.4;
  color:var(--lw-body,#5a6068);
}
.ldr-status i{ font-size:10px; margin-right:3px; }
.ldr-status-ok{ color:var(--lw-volt-ink,#4a6b00); font-weight:600; }
.ldr-status-err{ color:#c43c16; }
.ldr-status-checking{ color:var(--lw-body,#5a6068); }

/* ---- pills. .ldr-on is the state marker, never painted itself ---- */
.ldr-on{ display:none; }
.ldr-pills{ display:flex; flex-wrap:wrap; gap:6px; }
.ldr-pill{
  display:inline-block; padding:8px 13px; border-radius:999px; cursor:pointer; overflow:hidden;
  background:#fff; border:1px solid #d6dae0; color:var(--lw-body,#5a6068);
  font-family:'Anta','Inter',sans-serif; font-size:12px; line-height:1.2; white-space:nowrap;
}
.ldr-pill:has(.ldr-on:not([hidden])){
  background:var(--lw-volt,#C8F135); border-color:var(--lw-volt,#C8F135);
  color:#0a0a0a; font-weight:600;
}
.ldr-custom{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:9px; }

/* ---- priority rows ---- */
.ldr-pri-options{ display:grid; gap:7px; }
.ldr-pri{
  display:flex; align-items:center; gap:11px; padding:9px 13px; border-radius:9px; cursor:pointer; overflow:hidden;
  background:#fff; border:1px solid #d6dae0; color:var(--lw-ink,#0a0a0a);
}
.ldr-pri:has(.ldr-on:not([hidden])){ background:rgba(200,241,53,.10); border-color:var(--lw-volt,#C8F135); }
.ldr-radio{
  width:15px; height:15px; flex:none; border-radius:99px; border:1px solid #b8bdc4; background:#fff;
  display:block; position:relative;
}
.ldr-pri:has(.ldr-on:not([hidden])) .ldr-radio{ border-color:var(--lw-volt-ink,#4a6b00); }
.ldr-pri:has(.ldr-on:not([hidden])) .ldr-radio::after{
  content:''; position:absolute; inset:3px; border-radius:99px; background:var(--lw-volt,#C8F135);
  box-shadow:0 0 0 1px rgba(74,107,0,.35);
}
.ldr-pri-text{ display:block; min-width:0; }
.ldr-pri .pri-label{
  display:block; font-family:'Anta','Inter',sans-serif; font-size:13px; line-height:1.3;
  color:var(--lw-ink,#0a0a0a);
}
.ldr-pri:has(.ldr-on:not([hidden])) .pri-label{ color:var(--lw-volt-ink,#4a6b00); }
.ldr-pri .pri-desc{ display:block; font-size:11.5px; line-height:1.35; color:var(--lw-body,#5a6068); margin-top:2px; }

.ldr-form-foot{
  display:flex; justify-content:flex-end; gap:10px;
  border-top:1px solid var(--lw-line,#e3e6ea); padding-top:15px; margin-top:4px;
}
.ldr-btn-ghost{
  background:transparent; border:1px solid #d6dae0; color:var(--lw-body,#5a6068); overflow:hidden;
  font-family:'Anta','Inter',sans-serif; font-size:13px; line-height:1.2; padding:10px 16px; border-radius:8px; cursor:pointer;
}
.ldr-save.lw-btn-volt{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 18px; font-size:13px; line-height:1.2; border-radius:8px; background:#C8F135; color:#0a0a0a;
}
.ldr-save.lw-btn-volt i{ color:#0a0a0a; font-size:12px; }

/* ---------------- tabs ---------------- */
.ldr-tabs{
  display:inline-flex; gap:4px; padding:5px; margin-bottom:14px;
  background:#fff; border:1px solid var(--lw-line,#e3e6ea); border-radius:14px;
  box-shadow:0 1px 2px rgba(15,18,22,.05);
}
.ldr-tab{
  display:inline-flex; align-items:center; gap:8px; padding:8px 13px; border-radius:10px;
  font-size:12.5px; line-height:1.3; color:var(--lw-body,#5a6068); cursor:pointer;
}
.ldr-tab i{ font-size:10px; }
.ldr-tab.is-active{ background:var(--lw-volt,#C8F135); color:#0a0a0a; box-shadow:0 1px 2px rgba(15,18,22,.12); }
.ldr-tab .count{
  font-size:11px; line-height:1.4; padding:1px 7px; border-radius:999px; font-variant-numeric:tabular-nums;
  background:#e9ebef; color:var(--lw-body,#5a6068);
}
.ldr-tab.is-active .count{ background:rgba(0,0,0,.16); color:#0a0a0a; font-weight:700; }

/* ---------------- alert cards ---------------- */
.ldr-list{ display:flex; flex-direction:column; gap:12px; }
.ldr-card{
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:16px; align-items:center;
  background:var(--lw-card,#fff); border:1px solid var(--lw-line,#e3e6ea); border-radius:14px;
  padding:16px 18px; box-shadow:0 1px 2px rgba(15,18,22,.04); color:var(--lw-ink,#0a0a0a);
}
.ldr-card.is-new{ border-color:var(--lw-volt,#C8F135); box-shadow:0 0 0 3px rgba(200,241,53,.12); }

/* the radar disc — solid volt, black glyph, a ring sweeping off it */
.ldr-radar{
  position:relative; width:46px; height:46px; flex:none; border-radius:99px;
  background:var(--lw-volt,#C8F135); color:#0a0a0a; font-size:19px;
  display:grid; place-items:center;
}
.ldr-radar > i{ color:#0a0a0a; }
.ldr-card.is-active .ldr-radar::before{
  content:''; position:absolute; inset:0; border-radius:99px; pointer-events:none;
  border:2px solid var(--lw-volt,#C8F135);
  animation:ldr-pulse 2s ease-out infinite;
}
.ldr-list .ldr-card:nth-child(2) .ldr-radar::before{ animation-delay:.6s; }
.ldr-list .ldr-card:nth-child(3) .ldr-radar::before{ animation-delay:1.2s; }
@keyframes ldr-pulse{
  0%{ transform:scale(1); opacity:.8; }
  100%{ transform:scale(1.6); opacity:0; }
}

.ldr-info{ min-width:0; }
.ldr-card-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:7px; }
.ldr-label{
  font-family:'Anta','Inter',sans-serif; font-size:15.5px; line-height:1.25;
  color:var(--lw-ink,#0a0a0a); overflow-wrap:anywhere; flex:1; min-width:0;
}
.ldr-tag-pri{
  flex:none; background:#f3f4f6; color:var(--lw-ink,#0a0a0a); border:1px solid var(--lw-line,#e3e6ea);
  padding:3px 10px; border-radius:999px; font-size:10.5px; line-height:1.4; font-weight:600;
  text-transform:uppercase; letter-spacing:.04em;
}
.ldr-meta{ display:flex; flex-wrap:wrap; gap:6px 16px; align-items:center; }
.ldr-meta-item{
  display:inline-flex; align-items:center; gap:7px;
  color:var(--lw-body,#5a6068); font-size:12.5px; line-height:1.3;
}
.ldr-meta-item i{ font-size:11px; color:var(--lw-volt-ink,#4a6b00); }
.ldr-chip{
  display:inline-flex; align-items:center; gap:6px; width:fit-content;
  background:var(--lw-volt,#C8F135); color:#0a0a0a; padding:3px 10px; border-radius:999px;
  font-size:11.5px; line-height:1.4; font-weight:600;
}
.ldr-chip i{ font-size:10px; color:#0a0a0a; }
.ldr-chip b{ font-weight:600; color:#0a0a0a; font-variant-numeric:tabular-nums; }

.ldr-actions{ display:flex; gap:8px; align-self:center; }
.ldr-act{
  width:34px; height:34px; padding:0; border-radius:9px; cursor:pointer; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center; font-size:12px;
  background:#fff; border:1px solid #d6dae0; color:var(--lw-body,#5a6068);
}
.ldr-act.is-danger:hover{ background:rgba(255,92,53,.10); border-color:rgba(255,92,53,.40); color:#c43c16; }

/* ---------------- empty state ---------------- */
.ldr-empty{
  background:var(--lw-card,#fff); border:1px solid var(--lw-line,#e3e6ea); border-radius:14px;
  box-shadow:0 1px 2px rgba(15,18,22,.04); text-align:center; padding:44px 20px;
  color:var(--lw-body,#5a6068);
}
/* A volt glyph on white is ~1.3:1, and FA 7 gives every icon width:1.25em, so
   a display:block icon also sits hard left. Drawn as the cards' own volt disc
   with a black radar instead, centred with auto margins. */
.ldr-empty > i{
  display:grid; place-items:center; width:64px; height:64px; margin:0 auto 14px;
  border-radius:99px; background:#C8F135; color:#0a0a0a; font-size:26px;
}
.ldr-empty h2{ font-family:'Anta','Inter',sans-serif; font-size:18px; line-height:1.2; color:var(--lw-ink,#0a0a0a); margin:0 0 6px; }
.ldr-empty p{ font-size:13px; color:var(--lw-body,#5a6068); line-height:1.55; max-width:380px; margin:0 auto 18px; }

.ldr-disclaimer{
  font-size:11px; color:#6a6f78; line-height:1.5; max-width:70ch; margin:14px 0 0;
}

/* ---------------- motion ---------------- */
@media (prefers-reduced-motion: reduce){
  .ldr-card.is-active .ldr-radar::before{ animation:none; opacity:0; }
}

/* =====================================================================
 * NARROW DESIGN SPACE — 420px wide, engine class .is-hand on the scaler.
 *
 * ⚠️ Never @media here: the scaler is a fixed-pixel, transform-scaled box
 *    that always reports its design width. These are the real app's own
 *    ≤900px / ≤600px layouts, played at ~1:1. Content width is 392px.
 * ⚠️ On touch devices style.css forces font-size:16px !important on every
 *    input and select; the 42px controls below are sized to hold that.
 * ===================================================================== */

/* header: copy on top, then New alert (left) and the bell (right) */
.lw-scaler.is-hand .ldr-head-in{ flex-direction:column; align-items:stretch; gap:12px; }
.lw-scaler.is-hand .ldr-head-side{ flex-direction:row-reverse; justify-content:space-between; }
.lw-scaler.is-hand .ldr-bell{ width:38px; height:38px; font-size:14px; }
.lw-scaler.is-hand .ldr-new.lw-btn-volt{ padding:10px 15px; }

/* the push: a full-width banner, the way a phone draws one */
.lw-scaler.is-hand .ldr-chrome .ldr-toast{
  left:0; right:0; top:0; width:auto; border-radius:18px;
  padding:11px 12px 12px; grid-template-columns:34px minmax(0,1fr); gap:11px;
}
.lw-scaler.is-hand .ldr-toast-icon{ width:34px; height:34px; }
.lw-scaler.is-hand .ldr-toast-icon svg{ width:20px; height:20px; }
.lw-scaler.is-hand .ldr-toast-title{ font-size:13px; }
.lw-scaler.is-hand .ldr-toast-text{ font-size:12px; }

/* flash */
.lw-scaler.is-hand .ldr-flash{ align-items:flex-start; padding:10px 12px; font-size:12.5px; }
.lw-scaler.is-hand .ldr-flash i{ margin-top:2px; }

/* one column, form above list, whatever the form is doing */
.lw-scaler.is-hand .ldr-grid,
.lw-scaler.is-hand .ldr-grid:has(.ldr-formshell:not([hidden])){ grid-template-columns:minmax(0,1fr); gap:16px; }

/* form */
.lw-scaler.is-hand .ldr-formshell{ padding:15px 14px; }
.lw-scaler.is-hand .ldr-form-head{ margin-bottom:13px; }
.lw-scaler.is-hand .ldr-form-head h3{ font-size:16px; }
.lw-scaler.is-hand .ldr-explainer{ padding:10px 12px; margin-bottom:15px; font-size:11.5px; }
.lw-scaler.is-hand .ldr-field{ margin-bottom:14px; }
.lw-scaler.is-hand .ldr-input{ height:42px; font-size:14px; }
.lw-scaler.is-hand .ldr-status{ font-size:12px; }
.lw-scaler.is-hand .ldr-status i{ font-size:11px; }
.lw-scaler.is-hand .ldr-pill{ padding:8px 11px; }
/* radius reads as a four-way segmented control on a phone */
.lw-scaler.is-hand .ldr-pills-radius{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.lw-scaler.is-hand .ldr-pills-radius .ldr-pill{ padding:9px 4px; text-align:center; }
.lw-scaler.is-hand .ldr-custom{ grid-template-columns:minmax(0,1fr); gap:8px; }
.lw-scaler.is-hand .ldr-pri{ padding:9px 12px; gap:10px; }
.lw-scaler.is-hand .ldr-form-foot{ gap:8px; }
.lw-scaler.is-hand .ldr-save.lw-btn-volt{ flex:1; justify-content:center; }

/* tabs: a full-width segmented control */
.lw-scaler.is-hand .ldr-tabs{ display:flex; width:100%; margin-bottom:12px; }
.lw-scaler.is-hand .ldr-tab{ flex:1 1 0; justify-content:center; padding:8px 10px; font-size:12px; }

/* cards: the app's own ≤600px card — actions drop to a full-width row */
.lw-scaler.is-hand .ldr-list{ gap:10px; }
.lw-scaler.is-hand .ldr-card{ grid-template-columns:auto minmax(0,1fr); gap:10px 12px; padding:14px; }
.lw-scaler.is-hand .ldr-radar{ width:40px; height:40px; font-size:16px; }
.lw-scaler.is-hand .ldr-card-top{ gap:8px; margin-bottom:6px; }
.lw-scaler.is-hand .ldr-label{ font-size:14.5px; }
.lw-scaler.is-hand .ldr-meta{ gap:5px 12px; }
.lw-scaler.is-hand .ldr-meta-item{ font-size:12px; }
.lw-scaler.is-hand .ldr-chip{ font-size:11px; }
.lw-scaler.is-hand .ldr-actions{ grid-column:1 / -1; }
.lw-scaler.is-hand .ldr-act{ flex:1 1 0; width:auto; height:32px; }

/* empty state */
.lw-scaler.is-hand .ldr-empty{ padding:30px 18px; }
.lw-scaler.is-hand .ldr-empty > i{ width:56px; height:56px; font-size:22px; margin-bottom:12px; }
.lw-scaler.is-hand .ldr-empty h2{ font-size:16px; }
.lw-scaler.is-hand .ldr-empty p{ font-size:12.5px; }

.lw-scaler.is-hand .ldr-disclaimer{ margin-top:12px; }