/* GENERATED — do not edit. Source: tools/compile_tokens.py */
:root {
  --slipway-color-bg: var(--wp--preset--color--paper);
  --slipway-color-surface: var(--wp--preset--color--white);
  --slipway-color-text: var(--wp--preset--color--ink);
  --slipway-color-accent: var(--wp--preset--color--signal);
  --slipway-color-danger: var(--wp--preset--color--danger);
  --slipway-color-success: var(--wp--preset--color--success);
  --slipway-radius: var(--wp--custom--radius);
  --slipway-motion-duration: 180ms;
  --slipway-motion-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
}
.slipway-keel { border-inline-start: var(--wp--preset--spacing--20) solid var(--slipway-color-accent); padding-inline-start: var(--wp--preset--spacing--40); }
.slipway-surface { background: var(--slipway-color-surface); border-radius: var(--slipway-radius); }
.slipway-card { height: 100%; box-sizing: border-box; transition: transform var(--slipway-motion-duration) var(--slipway-motion-easing); }
.slipway-logo { filter: grayscale(1); opacity: .78; transition: filter var(--slipway-motion-duration) var(--slipway-motion-easing), opacity var(--slipway-motion-duration) var(--slipway-motion-easing); }
.slipway-logo:hover { filter: grayscale(0); opacity: 1; }
.slipway-stat { font-variant-numeric: tabular-nums; }
.slipway-demo > * { margin-block-start: 0; }
@media (max-width: 48rem) { .slipway-mobile-stack { flex-direction: column; } .slipway-mobile-stack > * { width: 100%; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; } }