/*
 * A small sheet for this offline copy of pwpl.in.
 *
 * The pages were saved after the builder's scripts had finished, so almost nothing needs changing.
 * These rules cover only what the builder did in code rather than in CSS.
 */

/* The track is moved by portable.js. It must not wrap, and the viewport must clip it. */
.carousel-track { will-change: transform; white-space: nowrap; }
.carousel-viewport { overflow: hidden; }
.carousel-slide { transition: opacity 300ms ease; vertical-align: top; }

/* A thumbnail is a control here, so it behaves like one. */
[class*="thumb"] img { transition: opacity 180ms ease; }
[class*="thumb"] img:hover { opacity: 1 !important; }

/* The line the form writes after handing the message to the mail app. */
.puro-sent { margin-top: 12px; font-size: 0.95rem; line-height: 1.5; opacity: 0.9; }

/* Nothing in this copy may push the page sideways. */
html, body { overflow-x: hidden; }