::selection { background: var(--lt-selection); color: var(--lt-on-selection); }
html { caret-color: var(--lt-text); scrollbar-color: var(--lt-muted) transparent; }
.lt-ink,
.lt-page {                                  
  background: var(--lt-bg);
  color: var(--lt-text);
}
@media (prefers-color-scheme: dark) {
  :where(:root:not([data-lt-scheme="light"])) .lt-ink { border-block: 1px solid var(--lt-border); }
}
.lt-lift {
  background: var(--lt-bg);
  color: var(--lt-text);
  border: var(--lt-hairline) solid var(--lt-border);
  border-radius: var(--lt-radius-s);
}
[data-lt-scheme="light"] :is(.lt-icon, .lt-btn-icon, .lt-wa-icon, .lt-row-icon, .lt-row-chevron) {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lt-btn,
.lt-wa {
  --btn-bg: var(--lt-action);
  --btn-fg: var(--lt-on-action);
  --btn-press: var(--lt-action-press);
  --btn-line: transparent;
  --btn-hl: rgba(255, 255, 255, .14);     
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  inline-size: 100%;
  min-block-size: 56px;
  margin: 0;
  padding: 12px 24px;
  border: 1px solid var(--btn-line);       
  border-radius: var(--lt-radius-m);
  background: var(--btn-bg);
  color: var(--btn-fg);
  font-family: inherit;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: var(--btn-hl);
}
.lt-btn[hidden],
.lt-wa[hidden] { display: none; }          
.lt-btn:active,
.lt-wa:active { background: var(--btn-press); }
@media (hover: hover) {
  .lt-btn:hover,
  .lt-wa:hover { background: var(--btn-press); }
}
.lt-btn:focus-visible,
.lt-wa:focus-visible {
  outline: 3px solid var(--lt-focus);
  outline-offset: 3px;
}
.lt-btn-icon,
.lt-wa-icon {
  inline-size: 20px;
  block-size: 20px;
  flex: none;
}
.lt-btn:not(.lt-btn--compact) + .lt-btn:not(.lt-btn--compact),
.lt-wa + .lt-wa { margin-block-start: 12px; }  
.lt-btn--shop {
  --btn-bg: var(--shop, var(--lt-action));
  --btn-fg: var(--on-shop, var(--lt-on-action));
  --btn-press: var(--shop-press, var(--lt-action-press));
  --btn-hl: var(--shop-hl, rgba(255, 255, 255, .14));
}
.lt-btn--secondary,
.lt-wa--quiet {
  --btn-bg: var(--lt-surface);
  --btn-fg: var(--lt-text);
  --btn-press: var(--lt-surface-2);
  --btn-line: var(--lt-border);
  --btn-hl: rgba(0, 0, 0, .06);
}
.lt-btn--on-band {
  --btn-bg: var(--lt-inverse);
  --btn-fg: var(--lt-on-inverse);
  --btn-press: var(--lt-inverse-press);
  --btn-hl: rgba(0, 0, 0, .08);
}
.lt-btn--on-band:focus-visible { outline-color: var(--lt-focus-on-band); }
.lt-btn--on-bar {
  --btn-bg: var(--lt-on-action);
  --btn-fg: var(--lt-action);
  --btn-press: var(--lt-on-action-press);
  --btn-hl: rgba(0, 0, 0, .08);
}
.lt-btn--on-bar:focus-visible { outline-color: var(--lt-on-action); }
.lt-btn--compact {
  display: inline-flex;
  inline-size: auto;
  min-block-size: 48px;
  padding: 8px 18px;
  font-size: 15px;
}
.lt-btn--compact .lt-btn-icon,
.lt-btn--compact .lt-wa-icon {
  inline-size: 18px;
  block-size: 18px;
}
@media (min-width: 1024px) {
  .lt-btn--fit {
    display: inline-flex;
    inline-size: auto;
    min-inline-size: 240px;
  }
}
.lt-link {
  display: inline-flex;
  align-items: center;
  min-block-size: 48px;
  color: var(--lt-link);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .3em;
  text-decoration-skip-ink: auto;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, .06);
}
@media (hover: hover) {
  .lt-link:hover { color: var(--lt-text); }
}
.lt-link:active { color: var(--lt-text); }
.lt-link:focus-visible {
  outline: 3px solid var(--lt-focus);
  outline-offset: 3px;
  border-radius: var(--lt-radius-s);
}
.lt-link-icon { display: none; }            
.lt-panel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: hidden;                         
  background: var(--lt-surface);
  border: 1px solid var(--lt-border);
  border-radius: var(--lt-radius-m);
}
.lt-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  inline-size: 100%;
  min-block-size: 56px;
  margin: 0;
  padding: 14px 16px;
  border: 0;
  background: transparent;
  color: var(--lt-text);
  font-family: inherit;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: start;
  text-decoration: none;
}
.lt-row:not([hidden]) ~ .lt-row::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 16px 0;
  border-block-start: 1px solid var(--lt-border);
}
a.lt-row,
button.lt-row {
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, .06);
}
a.lt-row:active,
button.lt-row:active { background: var(--lt-surface-2); }
@media (hover: hover) {
  a.lt-row:hover,
  button.lt-row:hover { background: var(--lt-surface-2); }
}
.lt-row:focus-visible {
  outline: 3px solid var(--lt-focus);
  outline-offset: -3px;                     
}
.lt-panel > .lt-row:first-child {           
  border-start-start-radius: calc(var(--lt-radius-m) - 1px);
  border-start-end-radius: calc(var(--lt-radius-m) - 1px);
}
.lt-panel > .lt-row:last-child {
  border-end-start-radius: calc(var(--lt-radius-m) - 1px);
  border-end-end-radius: calc(var(--lt-radius-m) - 1px);
}
.lt-row[hidden],
.lt-panel[hidden] { display: none; }
.lt-row-icon {
  inline-size: 20px;
  block-size: 20px;
  flex: none;
  color: var(--lt-muted);
}
.lt-row-body {
  flex: 1;
  min-inline-size: 0;
}
.lt-row-title { display: block; }
.lt-row-sub {
  display: block;
  margin-block-start: 2px;
  color: var(--lt-muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}
.lt-row-end {
  flex: none;
  color: var(--lt-muted);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.lt-row-end--value {
  min-inline-size: 4.5em;
  color: var(--lt-text);
  font-weight: 600;
  text-align: end;
  unicode-bidi: isolate;
}
.lt-row-chevron {
  inline-size: 16px;
  block-size: 16px;
  flex: none;
  color: var(--lt-muted);
}
.lt-by[hidden] { display: none; }
.lt-by {
  margin: 40px 0 0;
  color: var(--lt-muted);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
.lt-by img,
.lt-by svg { display: none; }              
.lt-ink .lt-btn,
.lt-ink .lt-wa { --btn-hl: rgba(0, 0, 0, .14); }
.lt-ink .lt-btn--secondary,
.lt-ink .lt-wa--quiet { --btn-hl: rgba(255, 255, 255, .08); }
.lt-ink .lt-link { -webkit-tap-highlight-color: rgba(255, 255, 255, .08); }
@media (prefers-color-scheme: dark) {
  :where(:root:not([data-lt-scheme="light"])) .lt-btn,
  :where(:root:not([data-lt-scheme="light"])) .lt-wa { --btn-hl: rgba(0, 0, 0, .14); }
  :where(:root:not([data-lt-scheme="light"])) .lt-btn--shop { --btn-hl: var(--shop-hl, rgba(0, 0, 0, .14)); }
  :where(:root:not([data-lt-scheme="light"])) .lt-btn--secondary,
  :where(:root:not([data-lt-scheme="light"])) .lt-wa--quiet { --btn-hl: rgba(255, 255, 255, .08); }
  :where(:root:not([data-lt-scheme="light"])) .lt-btn--on-band { --btn-hl: rgba(0, 0, 0, .08); }
  :where(:root:not([data-lt-scheme="light"])) .lt-btn--on-bar { --btn-hl: rgba(255, 255, 255, .10); }
  :where(:root:not([data-lt-scheme="light"])) .lt-link,
  :where(:root:not([data-lt-scheme="light"])) a.lt-row,
  :where(:root:not([data-lt-scheme="light"])) button.lt-row { -webkit-tap-highlight-color: rgba(255, 255, 255, .08); }
}