.ds-pointer-practice-layout.svelte-1cdgqpq{min-width:0}.pp-split.svelte-1cdgqpq{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--ds-space-24);align-items:start}.pp-split.svelte-1cdgqpq .ds-pointer-practice:where(.svelte-1cdgqpq){margin:0}.pp-title.svelte-1cdgqpq{display:flex;align-items:center;gap:var(--ds-space-12)}.pp-progress.svelte-1cdgqpq{display:grid;gap:var(--ds-space-8)}.pp-progress-label.svelte-1cdgqpq{display:flex;justify-content:space-between;font-size:var(--ds-font-size-label);font-weight:var(--ds-font-weight-semibold);font-variant-numeric:tabular-nums}.pp-progress-track.svelte-1cdgqpq{display:block;block-size:var(--ds-space-8);border-radius:var(--ds-radius-16);background:color-mix(in srgb,var(--ds-color-primary) 12%,transparent);overflow:hidden}.pp-progress-track.svelte-1cdgqpq>span:where(.svelte-1cdgqpq){display:block;block-size:100%;border-radius:inherit;background:var(--ds-color-primary);transition:inline-size var(--ds-duration-normal) var(--ds-ease-out)}.pp-tip.svelte-1cdgqpq{display:flex;align-items:center;gap:var(--ds-space-12);margin:0;padding:var(--ds-space-12);border-radius:var(--ds-radius-16);background:color-mix(in srgb,var(--ds-color-primary) 6%,transparent);font-size:var(--ds-font-size-label)}.pp-tip.svelte-1cdgqpq strong:where(.svelte-1cdgqpq){color:var(--ds-color-primary)}@media (max-width: 1023px){.pp-split.svelte-1cdgqpq{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){.pp-progress-track.svelte-1cdgqpq>span:where(.svelte-1cdgqpq){transition:none}}.ds-pointer-practice.svelte-1cdgqpq{display:grid;gap:var(--ds-space-16);margin-block:var(--ds-space-32) var(--ds-space-40);padding:var(--ds-space-24);scroll-margin-block-start:var(--ds-space-96)}.ds-pointer-practice.svelte-1cdgqpq:not(.learn-glass){border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-24);background:var(--ds-color-surface)}.pp-head.svelte-1cdgqpq{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ds-space-12)}.pp-head.svelte-1cdgqpq h2:where(.svelte-1cdgqpq){margin:0}.pp-steps.svelte-1cdgqpq{display:flex;flex-wrap:wrap;gap:var(--ds-space-8);margin:0;padding:0;list-style:none}.pp-steps.svelte-1cdgqpq li:where(.svelte-1cdgqpq){display:inline-flex;align-items:center;gap:var(--ds-space-8);padding:var(--ds-space-4) var(--ds-space-12) var(--ds-space-4) var(--ds-space-4);border-radius:var(--ds-radius-24);color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-label)}.pp-steps.svelte-1cdgqpq li[data-state=current]:where(.svelte-1cdgqpq){color:var(--ds-color-text);background:color-mix(in srgb,var(--ds-color-primary) 12%,transparent);font-weight:var(--ds-font-weight-semibold)}.pp-step-number.svelte-1cdgqpq{display:inline-grid;place-items:center;inline-size:var(--ds-space-24);block-size:var(--ds-space-24);border-radius:var(--ds-radius-12);border:1px solid var(--ds-color-border);font-variant-numeric:tabular-nums}.pp-steps.svelte-1cdgqpq li[data-state=current]:where(.svelte-1cdgqpq) .pp-step-number:where(.svelte-1cdgqpq),.pp-steps.svelte-1cdgqpq li[data-state=done]:where(.svelte-1cdgqpq) .pp-step-number:where(.svelte-1cdgqpq){border-color:var(--ds-color-primary);background:var(--ds-color-primary);color:var(--ds-color-surface)}.pp-hint.svelte-1cdgqpq{margin:0;font-size:var(--ds-font-size-body);color:var(--ds-color-text)}.pp-hint.svelte-1cdgqpq span:where(.svelte-1cdgqpq){display:block;margin-block-start:var(--ds-space-4);color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-label)}.pp-table.svelte-1cdgqpq{display:grid;place-items:center;min-block-size:calc(var(--pp-card) * 1.43 + var(--ds-space-64));padding:var(--ds-space-24);border-radius:var(--ds-radius-16);background:color-mix(in srgb,var(--ds-color-primary) 6%,var(--ds-color-paper));--pp-card: clamp(104px, 22vw, 160px)}.pp-card.svelte-1cdgqpq{display:block;inline-size:var(--pp-card);aspect-ratio:480 / 688;padding:0;border:0;border-radius:var(--ds-radius-12);background:transparent;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;box-shadow:var(--ds-shadow-floating)}.pp-card.svelte-1cdgqpq img:where(.svelte-1cdgqpq){display:block;inline-size:100%;block-size:100%;border-radius:inherit;pointer-events:none}.pp-card.svelte-1cdgqpq:focus-visible{outline:3px solid var(--ds-color-primary);outline-offset:4px}.pp-moves.svelte-1cdgqpq{transition:transform var(--ds-duration-slow) var(--ds-ease-out)}.pp-draggable.svelte-1cdgqpq{touch-action:none;cursor:grab;position:relative;z-index:1}.pp-draggable[data-held].svelte-1cdgqpq{transition:none;cursor:grabbing}.pp-double.svelte-1cdgqpq{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(var(--ds-space-24),12vw,var(--ds-space-96))}.pp-slot.svelte-1cdgqpq{inline-size:var(--pp-card);aspect-ratio:480 / 688;border:2px dashed var(--ds-color-border);border-radius:var(--ds-radius-12)}.pp-drag.svelte-1cdgqpq{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:clamp(var(--ds-space-24),12vw,var(--ds-space-96))}.pp-target.svelte-1cdgqpq{cursor:default}.pp-status.svelte-1cdgqpq{min-block-size:1.5em;margin:0;color:var(--ds-color-text);font-weight:var(--ds-font-weight-semibold)}.pp-actions.svelte-1cdgqpq{display:flex;flex-wrap:wrap;gap:var(--ds-space-12)}.pp-finish.svelte-1cdgqpq{display:grid;gap:var(--ds-space-16)}.pp-finish-title.svelte-1cdgqpq{margin:0;font-size:var(--ds-font-size-body);font-weight:var(--ds-font-weight-semibold)}@media (prefers-reduced-motion: reduce){.pp-moves.svelte-1cdgqpq{transition:none}}@media (forced-colors: active){.pp-slot.svelte-1cdgqpq{border-color:CanvasText}.pp-card.svelte-1cdgqpq:focus-visible{outline-color:Highlight}}