.wipe[data-astro-cid-5fuxxmdb]{--wipe:50;margin:0}.wipe__frame[data-astro-cid-5fuxxmdb]{aspect-ratio:var(--wipe-ratio,3 / 2);border-radius:var(--radius-card);max-width:100%;box-shadow:var(--shadow-2);background:var(--line);position:relative;overflow:hidden}@media (width>=56em){.wipe__frame[data-astro-cid-5fuxxmdb]{aspect-ratio:var(--wipe-ratio-wide,4 / 3)}}.wipe--shaped[data-astro-cid-5fuxxmdb]{max-width:22.5rem;margin-inline:auto}.wipe__img[data-astro-cid-5fuxxmdb]{object-fit:cover;width:100%;height:100%;display:block}.wipe__frame[data-astro-cid-5fuxxmdb]>.wipe__img[data-astro-cid-5fuxxmdb],.wipe__slide[data-astro-cid-5fuxxmdb],.wipe__reveal[data-astro-cid-5fuxxmdb],.wipe__hold[data-astro-cid-5fuxxmdb],.wipe__counter[data-astro-cid-5fuxxmdb],.wipe__track[data-astro-cid-5fuxxmdb]{position:absolute;inset:0}.wipe__reveal[data-astro-cid-5fuxxmdb]{transform:translateX(calc(var(--wipe) * 1%));overflow:hidden}.wipe__hold[data-astro-cid-5fuxxmdb]{transform:translateX(calc(var(--wipe) * -1%))}.wipe__track[data-astro-cid-5fuxxmdb]{pointer-events:none;transform:translateX(calc(var(--wipe) * 1%))}.wipe__line[data-astro-cid-5fuxxmdb]{background:var(--ink);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0}.wipe__knob[data-astro-cid-5fuxxmdb]{width:var(--tap);height:var(--tap);margin:calc(var(--tap) / -2) 0 0 calc(var(--tap) / -2);border:4px solid var(--surface);background:var(--ink);color:var(--surface);transition:transform var(--dur-press) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%}.wipe__frame[data-astro-cid-5fuxxmdb]:hover .wipe__knob[data-astro-cid-5fuxxmdb]{transform:scale(1.06)}.wipe__frame[data-astro-cid-5fuxxmdb]:has(.wipe__input:active) .wipe__knob[data-astro-cid-5fuxxmdb]{transform:scale(.94)}.wipe__input[data-astro-cid-5fuxxmdb]{top:0;bottom:0;left:calc(var(--tap) / -2);z-index:3;width:calc(100% + var(--tap));-webkit-appearance:none;appearance:none;pointer-events:none;touch-action:pan-y;background:0 0;border:0;height:100%;margin:0;padding:0;position:absolute}.wipe__input[data-astro-cid-5fuxxmdb]::-webkit-slider-runnable-track{background:0 0;border:0;height:100%}.wipe__input[data-astro-cid-5fuxxmdb]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--tap);pointer-events:auto;cursor:ew-resize;background:0 0;border:0;height:100%}.wipe__input[data-astro-cid-5fuxxmdb]::-moz-range-track{background:0 0;border:0;height:100%}.wipe__input[data-astro-cid-5fuxxmdb]::-moz-range-thumb{width:var(--tap);pointer-events:auto;cursor:ew-resize;background:0 0;border:0;height:100%}.wipe__input[data-astro-cid-5fuxxmdb]:focus-visible{outline-offset:0;outline:2px solid #0000}.wipe__frame[data-astro-cid-5fuxxmdb]:has(.wipe__input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.wipe__tag[data-astro-cid-5fuxxmdb],.wipe__label[data-astro-cid-5fuxxmdb]{z-index:2;pointer-events:none;position:absolute}.wipe__tag[data-astro-cid-5fuxxmdb]{top:var(--space-8);padding:var(--space-4) var(--space-8);border-radius:var(--radius-tag);font-size:var(--text-14);font-weight:var(--weight-ui);line-height:1.2}.wipe__tag--left[data-astro-cid-5fuxxmdb]{left:var(--space-8);border:1px solid var(--line);background:var(--paper);color:var(--ink)}.wipe__tag--right[data-astro-cid-5fuxxmdb]{right:var(--space-8);background:var(--ink);color:var(--surface)}.wipe__label[data-astro-cid-5fuxxmdb]{left:var(--space-8);bottom:var(--space-8)}.wipe__caption[data-astro-cid-5fuxxmdb]{margin-top:var(--space-8);color:var(--grey);font-size:var(--text-14);line-height:1.45}.motion .wipe[data-astro-cid-5fuxxmdb]{--wipe:24}.motion .wipe[data-astro-cid-5fuxxmdb]:not(.is-playing) .wipe__slide[data-astro-cid-5fuxxmdb]{transform:translate(72%)}.motion .wipe[data-astro-cid-5fuxxmdb]:not(.is-playing) .wipe__counter[data-astro-cid-5fuxxmdb]{transform:translate(-72%)}.motion .wipe[data-astro-cid-5fuxxmdb].is-playing .wipe__slide[data-astro-cid-5fuxxmdb]{animation:wipe-in var(--dur-wipe) var(--ease-in-out) both}.motion .wipe[data-astro-cid-5fuxxmdb].is-playing .wipe__counter[data-astro-cid-5fuxxmdb]{animation:wipe-back var(--dur-wipe) var(--ease-in-out) both}@keyframes wipe-in{0%{transform:translate(72%)}to{transform:translate(0)}}@keyframes wipe-back{0%{transform:translate(-72%)}to{transform:translate(0)}}