.ProductMockWhiteboard[data-v-ad10b086]{position:relative;box-sizing:border-box;height:100%;overflow:hidden;background:var(--white)}.ProductMockWhiteboard__toolbar[data-v-ad10b086]{position:absolute;z-index:2;top:var(--spacing-3);left:var(--spacing-3)}.ProductMockWhiteboard__status[data-v-ad10b086]{position:absolute;z-index:2;top:var(--spacing-3);right:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border:var(--border-width-thin) solid var(--color-neutral-40);border-radius:var(--border-radius-pill);background:var(--white);color:var(--color-neutral-80);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.ProductMockWhiteboard__canvas[data-v-ad10b086]{position:absolute;inset:0;overflow:hidden;background-color:var(--white);background-image:radial-gradient(var(--color-neutral-30) 1px,transparent 1px);background-size:var(--spacing-4) var(--spacing-4)}.ProductMockWhiteboard__canvas>p[data-v-ad10b086]{position:absolute;top:22%;left:26%;margin:0;padding:var(--spacing-2) var(--spacing-3);border:var(--border-width-thin) solid var(--color-neutral-90);border-radius:var(--border-radius-small);background:var(--white);font-family:var(--font-family-display);font-size:var(--font-size-large);font-weight:var(--font-weight-semibold);transform:rotate(-1deg)}.ProductMockWhiteboard__note[data-v-ad10b086]{position:absolute;width:11rem;padding:var(--spacing-3);border:var(--border-width-thin) solid var(--color-neutral-90);border-radius:var(--border-radius-small);color:var(--color-neutral-90);font-size:var(--font-size-small);line-height:var(--line-height-small);box-shadow:var(--spacing-1) var(--spacing-1) 0 var(--color-neutral-30)}.ProductMockWhiteboard__note--one[data-v-ad10b086]{top:44%;left:16%;background:var(--color-yellow-20);transform:rotate(-2deg)}.ProductMockWhiteboard__note--two[data-v-ad10b086]{top:40%;left:48%;background:var(--color-green-20);transform:rotate(1deg)}.ProductMockWhiteboard__note--three[data-v-ad10b086]{top:68%;left:35%;background:var(--color-blue-20);transform:rotate(-1deg)}.ProductMockWhiteboard__canvas>svg[data-v-ad10b086]{position:absolute;inset:24% 8% 5%;width:84%;height:70%;overflow:visible;fill:none;stroke:var(--color-neutral-80);stroke-width:var(--spacing-half);stroke-linecap:round}.ProductMockWhiteboard__pointers span[data-v-ad10b086]{position:absolute;display:inline-grid;width:var(--spacing-7);height:var(--spacing-7);place-items:center;border:var(--border-width-thin) solid var(--white);border-radius:var(--border-radius-round);color:var(--white);font-size:var(--font-size-x-small);font-weight:var(--font-weight-bold);box-shadow:var(--box-shadow-xs)}.ProductMockWhiteboard__pointer--one[data-v-ad10b086]{top:54%;left:30%;background:var(--color-blue)}.ProductMockWhiteboard__pointer--two[data-v-ad10b086]{top:50%;left:65%;background:var(--color-orange)}.ProductMockWhiteboard__pointer--three[data-v-ad10b086]{top:75%;left:54%;background:var(--color-decorative-magenta)}.ProductMockWhiteboard__participants[data-v-ad10b086]{position:absolute;right:var(--spacing-3);bottom:var(--spacing-3);display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:var(--border-width-thin) solid var(--color-neutral-40);border-radius:var(--border-radius-pill);background:var(--white);color:var(--color-neutral-80);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);box-shadow:var(--box-shadow-xs)}