.wipe[data-v-7dc231fc]{border-radius:var(--radius-xl);background:var(--surface-muted);box-shadow:var(--shadow-lg);isolation:isolate;margin:0;position:relative;overflow:hidden}.wipe__img[data-v-7dc231fc]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wipe--compare[data-v-7dc231fc]{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}.wipe__before[data-v-7dc231fc]{clip-path:inset(0 calc(100% - var(--pos)) 0 0);position:absolute;inset:0}.wipe__label[data-v-7dc231fc]{border-radius:var(--radius-pill);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 12px;font-weight:600;position:absolute;bottom:14px}.wipe__label--before[data-v-7dc231fc]{color:#fff;background:#0000008c;left:14px}.wipe__label--after[data-v-7dc231fc]{color:var(--brand);background:#ffffffe6;right:14px}.wipe__handle[data-v-7dc231fc]{top:0;bottom:0;left:var(--pos);background:#fff;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 0 1px #00000026}.wipe__knob[data-v-7dc231fc]{width:46px;height:46px;color:var(--brand);box-shadow:var(--shadow-md);cursor:ew-resize;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wipe__sweep[data-v-7dc231fc]{mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff0 20%,#ffffff61 50%,#fff0 80%,#0000 100%);width:34%;position:absolute;top:0;bottom:0;left:0;transform:translate(-110%)}.is-played .wipe__sweep[data-v-7dc231fc]{animation:sweep-7dc231fc 1.7s var(--ease-in-out) forwards}@keyframes sweep-7dc231fc{to{transform:translate(310%)}}.marker[data-v-7dc231fc]{opacity:0;pointer-events:none;align-items:center;gap:8px;display:inline-flex;position:absolute;transform:translate(-12px,-50%)}.is-played .marker[data-v-7dc231fc]{animation:marker-in-7dc231fc .52s var(--ease-out) forwards;animation-delay:var(--marker-delay)}@keyframes marker-in-7dc231fc{0%{opacity:0;transform:translate(-12px,calc(8px - 50%))}to{opacity:1;transform:translate(-12px,-50%)}}.marker--flip[data-v-7dc231fc]{flex-direction:row-reverse;transform:translate(calc(12px - 100%),-50%)}.is-played .marker--flip[data-v-7dc231fc]{animation-name:marker-in-flip-7dc231fc}@keyframes marker-in-flip-7dc231fc{0%{opacity:0;transform:translate(calc(12px - 100%),calc(8px - 50%))}to{opacity:1;transform:translate(calc(12px - 100%),-50%)}}.marker__dot[data-v-7dc231fc]{border:3px solid #fff;border-radius:50%;flex:none;width:14px;height:14px;position:relative;box-shadow:0 2px 8px #0000004d}.marker__dot[data-v-7dc231fc]:after{content:"";opacity:0;border:2px solid;border-radius:50%;position:absolute;inset:-8px}.is-played .marker__dot[data-v-7dc231fc]:after{animation:2.4s ease-out infinite ping-7dc231fc;animation-delay:calc(var(--marker-delay) + .4s)}@keyframes ping-7dc231fc{0%{opacity:.9;transform:scale(.6)}70%,to{opacity:0;transform:scale(1.6)}}.marker--before[data-v-7dc231fc]{color:#fff}.marker--before .marker__dot[data-v-7dc231fc]{background:#6b6b6b}.marker--after[data-v-7dc231fc]{color:var(--gold)}.marker--after .marker__dot[data-v-7dc231fc]{background:var(--brand)}.marker__label[data-v-7dc231fc]{border-radius:var(--radius-pill);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 12px;font-weight:600}.marker--before .marker__label[data-v-7dc231fc]{color:#fff;background:#0009}.marker--after .marker__label[data-v-7dc231fc]{color:var(--brand);background:#ffffffeb}@media (prefers-reduced-motion:reduce){.wipe__sweep[data-v-7dc231fc]{display:none}.marker[data-v-7dc231fc],.is-played .marker[data-v-7dc231fc]{opacity:1;animation:none}.is-played .marker__dot[data-v-7dc231fc]:after{animation:none}}