.tpp-mp.svelte-18ig1u3{--mp-red:oklch(from var(--peach,#efc5aa) calc(l - .23) calc(c + .11) calc(h - 22));--mp-green:oklch(from var(--lime,#d6ec90) calc(l - .4) calc(c - .01) calc(h + 18));--mp-sheet:color-mix(in oklab, var(--o-paper) 90%, white);--mp-print:color-mix(in oklab, var(--o-ink) 16%, transparent);width:420px;color:var(--o-ink);font-family:var(--home-body-font,Outfit, Arial, sans-serif);display:block;position:relative;container-type:inline-size}.tone-lilac.svelte-18ig1u3{--mp-sheet:color-mix(in oklab, var(--o-lilac) 22%, color-mix(in oklab, var(--o-paper) 90%, white))}.tone-peach.svelte-18ig1u3{--mp-sheet:color-mix(in oklab, var(--o-peach) 20%, color-mix(in oklab, var(--o-paper) 90%, white))}.tpp-mp-under.svelte-18ig1u3{background:color-mix(in oklab, var(--o-paper) 80%, var(--o-lilac));box-shadow:0 18px 30px -18px var(--o-shadow);border-radius:12px;position:absolute;inset:10px -8px -10px 8px;rotate:3deg}.tpp-mp-sheet.svelte-18ig1u3{background:linear-gradient(170deg, white, transparent 38%), var(--mp-sheet);box-shadow:inset 0 1px 0 white, 0 3px 0 color-mix(in oklab, var(--mp-sheet) 78%, var(--o-ink)), 0 26px 36px -22px color-mix(in oklab, var(--o-ink) 42%, transparent), 0 2px 4px color-mix(in oklab, var(--o-ink) 10%, transparent);border-radius:12px;padding:9cqw 7cqw 7cqw 13cqw;position:relative}.tpp-mp-staple.svelte-18ig1u3{background:linear-gradient(180deg, white, color-mix(in oklab, var(--o-ink) 34%, white));width:9cqw;height:5px;box-shadow:0 1px 1px color-mix(in oklab, var(--o-ink) 35%, transparent);border-radius:3px;position:absolute;top:4cqw;left:5cqw;rotate:-38deg}.tpp-mp-margin.svelte-18ig1u3{background:color-mix(in oklab, var(--mp-red) 38%, transparent);width:1.5px;position:absolute;top:0;bottom:0;left:10cqw}.tpp-mp-head.svelte-18ig1u3{justify-content:space-between;align-items:flex-start;gap:4cqw;margin-bottom:5cqw;display:flex}.tpp-mp-heading.svelte-18ig1u3{gap:6px;min-width:0;display:grid}.tpp-mp-kicker.svelte-18ig1u3{letter-spacing:0;word-spacing:.12em;text-transform:none;color:var(--o-plum);font-size:13px;font-weight:600}.tpp-mp-title.svelte-18ig1u3{font-family:var(--home-display-font,Georgia, serif);letter-spacing:-.03em;font-size:clamp(17px,5.4cqw,26px);line-height:1.1}.tpp-mp-name.svelte-18ig1u3{gap:5px;margin-top:4px;display:grid}.tpp-mp-name.svelte-18ig1u3 i:where(.svelte-18ig1u3){background:var(--mp-print);border-radius:3px;width:24cqw;height:6px;display:block}.tpp-mp-name.svelte-18ig1u3 i:where(.svelte-18ig1u3)+i:where(.svelte-18ig1u3){width:15cqw}.tpp-mp-mark.svelte-18ig1u3{color:var(--mp-red);font-family:var(--home-body-font,Outfit, Arial, sans-serif);font-variant-numeric:lining-nums;flex:none;align-items:baseline;gap:2px;padding:1.5cqw 3cqw;display:inline-flex;position:relative;rotate:-4deg}.tpp-mp-mark.svelte-18ig1u3 b:where(.svelte-18ig1u3){letter-spacing:-.05em;font-size:clamp(34px,13cqw,68px);font-weight:500;line-height:1}.tpp-mp-mark.svelte-18ig1u3 small:where(.svelte-18ig1u3){letter-spacing:-.02em;font-size:clamp(14px,4.4cqw,22px)}.tpp-mp-mark.svelte-18ig1u3 .tpp-mp-circle{width:128%;height:144%;position:absolute;top:-22%;left:-14%}.tpp-mp-rows.svelte-18ig1u3{gap:clamp(8px,2.6cqw,14px);margin:0;padding:0;list-style:none;display:grid}.tpp-mp-row.svelte-18ig1u3{grid-template-columns:5cqw minmax(0,1fr) 11cqw;align-items:center;gap:3cqw;min-height:clamp(24px,8cqw,40px);transition:opacity .4s;display:grid;position:relative}.tpp-mp-num.svelte-18ig1u3{color:var(--o-muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.tpp-mp-lines.svelte-18ig1u3{gap:6px;display:grid}.tpp-mp-lines.svelte-18ig1u3 i:where(.svelte-18ig1u3){background:var(--mp-print);border-radius:3px;height:6px;display:block}.tpp-mp-pen.svelte-18ig1u3{place-items:center;height:100%;display:grid;position:relative}.tpp-mp-pen.svelte-18ig1u3:before{content:"";aspect-ratio:1;background:var(--o-lime);opacity:0;width:11cqw;transition:scale .45s cubic-bezier(.3, 1.6, .5, 1) calc(var(--mp-i) * .14s), opacity .3s calc(var(--mp-i) * .14s);border-radius:50%;position:absolute;scale:0}.is-lit.svelte-18ig1u3 .tpp-mp-pen:where(.svelte-18ig1u3):before{opacity:1;scale:1}.tpp-mp-pen.svelte-18ig1u3 svg:where(.svelte-18ig1u3){fill:none;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;width:8cqw;height:auto;position:relative;overflow:visible}.is-green.svelte-18ig1u3{stroke:var(--mp-green)}.is-red.svelte-18ig1u3{stroke:var(--mp-red)}.is-cross.svelte-18ig1u3 .tpp-mp-pen:where(.svelte-18ig1u3) svg:where(.svelte-18ig1u3){width:7cqw}.is-focus.svelte-18ig1u3 .tpp-mp-row:where(.svelte-18ig1u3):not(.is-focused),.is-focus.svelte-18ig1u3 .tpp-mp-head:where(.svelte-18ig1u3){opacity:.36}.is-focused.svelte-18ig1u3{background:color-mix(in oklab, var(--o-peach) 34%, transparent);box-shadow:0 0 0 6px color-mix(in oklab, var(--o-peach) 34%, transparent);border-radius:8px}.tpp-mp-head.svelte-18ig1u3{transition:opacity .4s}.is-drawing.svelte-18ig1u3 .tpp-mp-pen:where(.svelte-18ig1u3) path:where(.svelte-18ig1u3){stroke-dasharray:100 100;stroke-dashoffset:100px;animation:.5s cubic-bezier(.6,.1,.3,1) forwards svelte-18ig1u3-tpp-mp-draw;animation-delay:calc(.25s + var(--mp-i) * 80ms)}@keyframes svelte-18ig1u3-tpp-mp-draw{to{stroke-dashoffset:0}}[data-motion=off] .tpp-mp.svelte-18ig1u3 .tpp-mp-pen:where(.svelte-18ig1u3) path:where(.svelte-18ig1u3){stroke-dashoffset:0;animation:none}[data-motion=off] .tpp-mp.svelte-18ig1u3 .tpp-mp-pen:where(.svelte-18ig1u3):before,[data-motion=off] .tpp-mp.svelte-18ig1u3 .tpp-mp-row:where(.svelte-18ig1u3){transition:none}@media (prefers-reduced-motion:reduce){.is-drawing.svelte-18ig1u3 .tpp-mp-pen:where(.svelte-18ig1u3) path:where(.svelte-18ig1u3){stroke-dashoffset:0;animation:none}.tpp-mp-pen.svelte-18ig1u3:before,.tpp-mp-row.svelte-18ig1u3{transition:none}}
