/* Glisse interaction adaptation; upstream MIT notice in ./LICENSE.glisse.txt. */
:root {
  --tm-liquid-interaction-tint: var(--accent-soft, color-mix(in srgb, var(--text) 13%, transparent));
  --tm-liquid-interaction-line: var(--border, color-mix(in srgb, var(--text) 14%, transparent));
  --tm-liquid-lens-fill: color-mix(in srgb, var(--glass-bg) 75%, transparent);
  --tm-liquid-interaction-shadow: color-mix(in srgb, var(--text) 6%, transparent);
}
.tm-liquid-press {
  -webkit-tap-highlight-color: transparent;
  transition: background-color 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}
.tm-liquid-press[data-tm-liquid-deform="true"] {
  scale: var(--tm-liquid-scale-x, 1) var(--tm-liquid-scale-y, 1);
  translate: var(--tm-liquid-press-x, 0px) var(--tm-liquid-press-y, 0px);
}
@media (hover: hover) and (pointer: fine) {
  .tm-liquid-press:where(:hover):not(:disabled):not([aria-disabled="true"]) {
    box-shadow: inset 0 0 0 1px var(--tm-liquid-interaction-line), 0 3px 12px var(--tm-liquid-interaction-shadow);
  }
}
.tm-liquid-press[data-tm-liquid-pressed="true"] {
  box-shadow: inset 0 0 0 1px var(--tm-liquid-interaction-line), 0 2px 8px var(--tm-liquid-interaction-shadow);
}
.tm-liquid-press:is(.btn-accent,.btn-primary,[data-tm-liquid-filled="true"])[data-tm-liquid-pressed="true"] {
  background-color: var(--accent-strong, var(--accent)) !important;
  color: var(--accent-ink, var(--text)) !important;
}
.tm-liquid-selection { isolation: isolate; }
.tm-liquid-selection[data-tm-liquid-positioned="true"] { position: relative; }
.tm-liquid-selection[data-tm-liquid-draggable="true"][data-tm-liquid-axis="x"] { touch-action: pan-y pinch-zoom; }
.tm-liquid-selection[data-tm-liquid-draggable="true"][data-tm-liquid-axis="y"] { touch-action: pan-x pinch-zoom; }
:where(.tm-liquid-selection__item) { position: relative; z-index: 1; }
.tm-liquid-selection[data-tm-liquid-dragging="true"] { user-select: none; -webkit-user-select: none; }
.tm-liquid-selection__lens {
  position: absolute;
  display: block;
  inset: 0 auto auto 0;
  z-index: 0;
  box-sizing: border-box;
  pointer-events: none;
  border: 1px solid var(--tm-liquid-interaction-line);
  /* The group is a layout container and may be square; the lens is a pill. */
  border-radius: var(--tm-liquid-lens-radius, 9999px);
  background: var(--tm-liquid-lens-fill);
  box-shadow: 0 3px 12px var(--tm-liquid-interaction-shadow), inset 0 1px 1px var(--tm-liquid-interaction-line);
  scale: calc(1 + var(--tm-liquid-lens-lift, 0) * .035) calc(1 + var(--tm-liquid-lens-lift, 0) * .06);
  transform-origin: center;
  contain: layout style;
}
.tm-liquid-menu[data-tm-liquid-menu-deform="true"][data-tm-liquid-menu-open="true"] {
  translate: var(--tm-liquid-menu-x, 0px) var(--tm-liquid-menu-y, 0px);
  scale: var(--tm-liquid-menu-sx, 1) var(--tm-liquid-menu-sy, 1);
  transform-origin: var(--tm-liquid-menu-origin-x, 50%) var(--tm-liquid-menu-origin-y, 0%);
}
.tm-liquid-menu[data-tm-liquid-menu-open="true"] .tm-liquid-selection__item:not(:disabled):not([aria-disabled="true"]) {
  opacity: calc(.45 + var(--tm-liquid-menu-content, 1) * .55);
}
.tm-liquid-menu__plate { border-radius: 10px; background: var(--tm-liquid-interaction-tint); }
.tm-liquid-range__thumb[data-tm-liquid-range-deform="true"] {
  translate: 0 calc(-1 * var(--tm-liquid-range-lift, 0px));
  scale: var(--tm-liquid-range-scale, 1);
}
input.tm-liquid-range[type="range"]::-webkit-slider-thumb {
  translate: 0 calc(-1 * var(--tm-liquid-range-lift, 0px));
  scale: var(--tm-liquid-range-scale, 1);
}
input.tm-liquid-range[type="range"]::-moz-range-thumb {
  translate: 0 calc(-1 * var(--tm-liquid-range-lift, 0px));
  scale: var(--tm-liquid-range-scale, 1);
}
.tm-liquid-switch { touch-action: pan-y pinch-zoom; }
.tm-liquid-switch__track[data-tm-liquid-switch-positioned="true"] { position: relative; }
.tm-liquid-switch[data-tm-liquid-switch-dragging="true"] { user-select: none; -webkit-user-select: none; }
.tm-liquid-switch__thumb {
  pointer-events: none;
  translate: var(--tm-liquid-switch-x, 0px) 0;
  scale: calc(1 + var(--tm-liquid-switch-lift, 0) * .15);
  transform-origin: center;
}
.tm-liquid-switch__thumb[data-tm-liquid-switch-created="true"] {
  position: absolute;
  display: block;
  inset-inline-start: var(--tm-liquid-switch-inset, 4px);
  top: calc(50% - var(--tm-liquid-switch-thumb-size, 24px) / 2);
  width: var(--tm-liquid-switch-thumb-size, 24px);
  height: var(--tm-liquid-switch-thumb-size, 24px);
  border: 1px solid var(--tm-liquid-interaction-line);
  border-radius: inherit;
  background: var(--glass-bg);
  box-shadow: 0 2px 6px var(--tm-liquid-interaction-shadow);
}
@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  .tm-liquid-press { transition: none; }
  .tm-liquid-press[data-tm-liquid-deform="true"],
  .tm-liquid-menu[data-tm-liquid-menu-deform="true"][data-tm-liquid-menu-open="true"],
  .tm-liquid-range__thumb[data-tm-liquid-range-deform="true"] { scale: 1; translate: none; }
  /* Lens placement is inline; reduced motion keeps its position, without scaling. */
  .tm-liquid-selection__lens,.tm-liquid-switch__thumb { scale: 1; }
  .tm-liquid-menu[data-tm-liquid-menu-open="true"] .tm-liquid-selection__item:not(:disabled):not([aria-disabled="true"]) { opacity: 1; }
  input.tm-liquid-range[type="range"]::-webkit-slider-thumb { scale: 1; translate: none; }
  input.tm-liquid-range[type="range"]::-moz-range-thumb { scale: 1; translate: none; }
}
:is(html, body)[data-app-lite]:not([data-app-lite="false"]):not([data-app-lite="0"]) .tm-liquid-press { transition: none; }
:is(html, body)[data-app-lite]:not([data-app-lite="false"]):not([data-app-lite="0"]) .tm-liquid-press[data-tm-liquid-deform="true"],
:is(html, body)[data-app-lite]:not([data-app-lite="false"]):not([data-app-lite="0"]) .tm-liquid-range__thumb[data-tm-liquid-range-deform="true"],
:is(html, body)[data-app-lite]:not([data-app-lite="false"]):not([data-app-lite="0"]) .tm-liquid-menu[data-tm-liquid-menu-deform="true"][data-tm-liquid-menu-open="true"] { scale: 1; translate: none; }
:is(html, body)[data-app-lite]:not([data-app-lite="false"]):not([data-app-lite="0"]) :is(.tm-liquid-selection__lens,.tm-liquid-switch__thumb) { scale: 1; }
@media (forced-colors: active) {
  .tm-liquid-selection__lens { background: transparent; border: 2px solid Highlight; box-shadow: none; }
  .tm-liquid-press[data-tm-liquid-pressed="true"] { outline: 1px solid Highlight; outline-offset: -2px; }
}