[data-mesh-shop],.mesh-viewer-dialog{--mesh-grey:#7d807d;--mesh-galvanised:#9aa1a8;--mesh-dark:var(--color-ink-700);--mesh-shadow:color-mix(in srgb, var(--color-ink-950) 22%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mesh-viewer-dialog{--mesh-grey:#8c8f8c;--mesh-galvanised:#c6ccd2;--mesh-dark:var(--color-ink-300);--mesh-shadow:color-mix(in srgb, var(--color-black) 45%, transparent)}}:root[data-theme=dark] .mesh-viewer-dialog{--mesh-grey:#8c8f8c;--mesh-galvanised:#c6ccd2;--mesh-dark:var(--color-ink-300);--mesh-shadow:color-mix(in srgb, var(--color-black) 45%, transparent)}html:not(.js) .mesh-js,.js .mesh-nojs{display:none!important}[data-mesh-card]:has([data-mesh-finish][value=galvanised]:checked) [data-for=grey],[data-mesh-card]:has([data-mesh-finish][value=grey]:checked) [data-for=galvanised]{display:none}@supports not selector(:has(*)){[data-mesh-card][data-finish=galvanised] [data-for=grey],[data-mesh-card]:not([data-finish=galvanised]) [data-for=galvanised]{display:none}}.mesh-figure canvas{opacity:0;transition:opacity .5s var(--ease-out-quint)}.mesh-figure canvas[data-mesh-state=ready]{opacity:1}.mesh-figure:has(canvas[data-mesh-state=ready]) .mesh-poster{visibility:hidden;transition:visibility 0s linear .5s}.mesh-figure canvas:focus-visible{outline-offset:-3px}@media (prefers-reduced-motion:reduce){.mesh-figure canvas,.mesh-figure:has(canvas[data-mesh-state=ready]) .mesh-poster{transition:none}}.mesh-sheet{width:100%;max-width:none;max-height:min(88svh,52rem);padding:0 0 env(safe-area-inset-bottom);overscroll-behavior:contain;margin:0;position:fixed;inset:auto 0 0;overflow-y:auto}.mesh-sheet::backdrop{background:color-mix(in srgb, var(--color-ink-950) 60%, transparent)}.mesh-sheet[open]{animation:mesh-sheet-in .45s var(--ease-out-expo)}@keyframes mesh-sheet-in{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.mesh-sheet[open]{animation:none}}@media (width>=64rem){[data-mesh-order-foot]{z-index:1;position:sticky;bottom:0}}.mesh-sheet [data-mesh-order-foot]{z-index:1;position:sticky;bottom:0}html:has(dialog:modal) [data-mesh-bar]{display:none!important}.mesh-viewer-dialog{overscroll-behavior:contain;border:0;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:0;overflow:hidden}@media (width>=40rem) and (height>=34rem){.mesh-viewer-dialog{width:min(100vw - 3rem,88rem);height:min(100svh - 3rem,60rem);box-shadow:0 24px 64px -24px color-mix(in srgb, var(--color-ink-950) 45%, transparent);margin:auto}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mesh-viewer-dialog{box-shadow:0 0 0 1px var(--color-ink-800)}}:root[data-theme=dark] .mesh-viewer-dialog{box-shadow:0 0 0 1px var(--color-ink-800)}}.mesh-viewer-stage{inset:0 clamp(.75rem,4vw,2.5rem)}.mesh-viewer-stage canvas{mask-image:linear-gradient(90deg,#0000,#000 .75rem calc(100% - .75rem),#0000)}.mesh-viewer-dialog::backdrop{background:color-mix(in srgb, var(--color-ink-950) 60%, transparent)}.mesh-viewer-dialog[open]{flex-direction:column;display:flex}.mesh-viewer-dialog{--mesh-sheet:var(--color-paper)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mesh-viewer-dialog{--mesh-sheet:var(--color-ink-950)}}:root[data-theme=dark] .mesh-viewer-dialog{--mesh-sheet:var(--color-ink-950)}.mesh-viewer-words{text-shadow:0 0 1px var(--mesh-sheet), 0 0 2px var(--mesh-sheet), 0 0 4px var(--mesh-sheet), 0 0 10px var(--mesh-sheet), 0 0 18px var(--mesh-sheet)}.mesh-viewer-dialog{--mesh-dim-line:color-mix(in srgb, var(--color-ink-500) 45%, transparent);--mesh-dim-text:var(--color-ink-600);--mesh-dim-pill:color-mix(in srgb, var(--mesh-sheet) 90%, transparent);--mesh-dim-pill-edge:color-mix(in srgb, var(--color-ink-500) 16%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mesh-viewer-dialog{--mesh-dim-line:color-mix(in srgb, var(--color-ink-300) 38%, transparent);--mesh-dim-text:var(--color-ink-200);--mesh-dim-pill:color-mix(in srgb, var(--color-ink-900) 88%, transparent);--mesh-dim-pill-edge:color-mix(in srgb, var(--color-ink-300) 18%, transparent)}}:root[data-theme=dark] .mesh-viewer-dialog{--mesh-dim-line:color-mix(in srgb, var(--color-ink-300) 38%, transparent);--mesh-dim-text:var(--color-ink-200);--mesh-dim-pill:color-mix(in srgb, var(--color-ink-900) 88%, transparent);--mesh-dim-pill-edge:color-mix(in srgb, var(--color-ink-300) 18%, transparent)}.mesh-viewer-dims{opacity:0;transition:opacity .4s var(--ease-out-quint);overflow:visible}.mesh-viewer-stage canvas[data-mesh-state=ready]~.mesh-viewer-dims{opacity:1}.mesh-dim{opacity:1;transition:opacity .3s ease-in-out}@starting-style{.mesh-dim{opacity:0}}.mesh-dim[data-out]{opacity:0}.mesh-dim path{fill:none;stroke:var(--mesh-dim-line);stroke-width:.75px;stroke-linecap:round}.mesh-dim circle{fill:var(--mesh-dim-text);opacity:.55}.mesh-dim-label rect{fill:var(--mesh-dim-pill);stroke:var(--mesh-dim-pill-edge);stroke-width:.75px}.mesh-dim-label text{font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:.04em;fill:var(--mesh-dim-text);text-anchor:middle;dominant-baseline:central;font-weight:500}.mesh-viewer-stage canvas:focus-visible{outline:none}.mesh-viewer-dialog:has(.mesh-viewer-stage canvas:focus-visible){outline:2px solid var(--color-brand-700);outline-offset:-2px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mesh-viewer-dialog:has(.mesh-viewer-stage canvas:focus-visible){outline-color:var(--color-brand-300)}}:root[data-theme=dark] .mesh-viewer-dialog:has(.mesh-viewer-stage canvas:focus-visible){outline-color:var(--color-brand-300)}.mesh-viewer-dialog[open]{opacity:1;transition:opacity .25s var(--ease-out-quint), translate .35s var(--ease-out-quint);translate:0}@starting-style{.mesh-viewer-dialog[open]{opacity:0;translate:0 .5rem}}.mesh-viewer-stage canvas{opacity:0;transition:opacity .4s var(--ease-out-quint)}.mesh-viewer-stage canvas[data-mesh-state=ready]{opacity:1}.mesh-hint-touch{display:none}@media (pointer:coarse){.mesh-hint-fine{display:none}.mesh-hint-touch{display:inline}}.mesh-viewer-hint{transition:opacity .4s var(--ease-out-quint)}[data-mesh-touched] .mesh-viewer-hint{opacity:0}@media (prefers-reduced-motion:reduce){.mesh-viewer-dialog[open],.mesh-viewer-stage canvas,.mesh-viewer-dims,.mesh-dim,.mesh-viewer-hint{transition:none}}