.tpp-tape.svelte-1fjkdsx{--tm-body:var(--o-plum);--tm-body-light:color-mix(in oklab, var(--o-plum) 55%, white);--tm-body-deep:var(--o-plum-deep);--tm-on-body:var(--o-on-plum);--tm-blade:var(--o-lime);--tm-ink:color-mix(in oklab, var(--o-ink) 88%, transparent);--tm-steel:color-mix(in oklab, var(--o-ink) 30%, var(--o-paper));--tm-fs:13px;height:calc(var(--tm-case) * .92);filter:drop-shadow(0 12px 12px var(--o-shadow));align-items:flex-end;display:inline-flex;position:relative}.tpp-tape.is-right.svelte-1fjkdsx{flex-direction:row-reverse}.tone-lime.svelte-1fjkdsx{--tm-body:var(--o-lime);--tm-body-light:color-mix(in oklab, var(--o-lime) 50%, white);--tm-body-deep:color-mix(in oklab, var(--o-lime) 62%, var(--o-ink));--tm-on-body:var(--o-ink)}.tone-peach.svelte-1fjkdsx{--tm-body:var(--o-peach);--tm-body-light:color-mix(in oklab, var(--o-peach) 50%, white);--tm-body-deep:color-mix(in oklab, var(--o-peach) 62%, var(--o-ink));--tm-on-body:var(--o-ink)}.tone-lilac.svelte-1fjkdsx{--tm-body:var(--o-lilac);--tm-body-light:color-mix(in oklab, var(--o-lilac) 50%, white);--tm-body-deep:color-mix(in oklab, var(--o-lilac) 60%, var(--o-ink));--tm-on-body:var(--o-ink)}.tone-sage.svelte-1fjkdsx{--tm-body:var(--sage,var(--secondary));--tm-body-light:color-mix(in oklab, var(--sage,var(--secondary)) 50%, white);--tm-body-deep:color-mix(in oklab, var(--sage,var(--secondary)) 60%, var(--o-ink));--tm-on-body:var(--o-ink)}.blade-peach.svelte-1fjkdsx{--tm-blade:var(--o-peach)}.blade-paper.svelte-1fjkdsx{--tm-blade:var(--o-paper)}.tpp-tape-blade.svelte-1fjkdsx{width:var(--tm-len);height:calc(var(--tm-case) * .3);margin-bottom:calc(var(--tm-case) * .1);margin-right:calc(var(--tm-case) * -.06);background:linear-gradient(180deg, #ffffff73, transparent 30%, transparent 72%, color-mix(in oklab, var(--o-ink) 14%, transparent)), var(--tm-blade);box-shadow:inset 0 -1px 0 color-mix(in oklab, var(--o-ink) 22%, transparent), 0 2px 0 color-mix(in oklab, var(--tm-blade) 60%, var(--o-ink));border-radius:3px 0 0 3px;flex:none;display:block;position:relative}@supports (color:lab(0% 0 0)){.tpp-tape-blade.svelte-1fjkdsx{background:linear-gradient(180deg, lab(100% -.0000298023 .0000119209/.45), transparent 30%, transparent 72%, color-mix(in oklab, var(--o-ink) 14%, transparent)), var(--tm-blade)}}.is-right.svelte-1fjkdsx .tpp-tape-blade:where(.svelte-1fjkdsx){margin-right:0;margin-left:calc(var(--tm-case) * -.06);border-radius:0 3px 3px 0}.tpp-tape-ticks.svelte-1fjkdsx{left:var(--tm-zero);background:repeating-linear-gradient(90deg, var(--tm-ink) 0 1.6px, transparent 1.6px var(--tm-unit)) 0 0 / 100% 48% no-repeat, repeating-linear-gradient(90deg, color-mix(in oklab, var(--o-ink) 60%, transparent) 0 1px, transparent 1px var(--tm-minor)) 0 0 / 100% 24% no-repeat;height:100%;position:absolute;top:0;right:0}.tpp-tape-num.svelte-1fjkdsx{font-size:var(--tm-fs);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--o-ink);white-space:nowrap;font-weight:700;line-height:1;position:absolute;bottom:9%;translate:-50%}.tpp-tape-num.is-lit.svelte-1fjkdsx{background:var(--o-plum);color:var(--o-on-plum);box-shadow:0 0 0 3px color-mix(in oklab, var(--o-plum) 25%, transparent);border-radius:5px;padding:2px 5px}.tpp-tape-hook.svelte-1fjkdsx{width:var(--tm-hook);background:linear-gradient(90deg, var(--tm-steel), color-mix(in oklab, var(--tm-steel) 50%, white) 45%, var(--tm-steel));box-shadow:inset -1px 0 0 color-mix(in oklab, var(--o-ink) 25%, transparent), 0 2px 0 color-mix(in oklab, var(--tm-steel) 60%, var(--o-ink));border-radius:3px 2px 2px 3px;position:absolute;top:-18%;bottom:-18%;left:0}.is-right.svelte-1fjkdsx .tpp-tape-hook:where(.svelte-1fjkdsx){left:auto;right:0}.tpp-tape-hook.svelte-1fjkdsx i:where(.svelte-1fjkdsx){background:color-mix(in oklab, var(--tm-steel) 60%, var(--o-ink));border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:50%;box-shadow:inset 0 1px #fff6;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.4)}.tpp-tape-case.svelte-1fjkdsx{width:var(--tm-case);height:calc(var(--tm-case) * .92);background:radial-gradient(90% 70% at 30% 18%, #ffffff57, transparent 60%), linear-gradient(160deg, var(--tm-body-light), var(--tm-body) 45%, var(--tm-body-deep));box-shadow:inset 0 2px 0 #ffffff73, inset 0 -3px 0 color-mix(in oklab, var(--tm-body-deep) 70%, black), 0 calc(var(--tm-case) * .05) 0 var(--tm-body-deep);z-index:1;border-radius:26% 30% 22% 22%;flex:none;display:block;position:relative}@supports (color:lab(0% 0 0)){.tpp-tape-case.svelte-1fjkdsx{background:radial-gradient(90% 70% at 30% 18%, lab(100% -.0000298023 .0000119209/.34), transparent 60%), linear-gradient(160deg, var(--tm-body-light), var(--tm-body) 45%, var(--tm-body-deep));box-shadow:inset 0 2px 0 lab(100% -.0000298023 .0000119209/.45), inset 0 -3px 0 color-mix(in oklab, var(--tm-body-deep) 70%, black), 0 calc(var(--tm-case) * .05) 0 var(--tm-body-deep)}}.tpp-tape-lock.svelte-1fjkdsx{background:linear-gradient(180deg, color-mix(in oklab, var(--o-lime) 55%, white), var(--o-lime));width:30%;height:14%;box-shadow:0 2px 0 color-mix(in oklab, var(--o-lime) 55%, var(--o-ink));z-index:-1;border-radius:6px 6px 2px 2px;position:absolute;top:-7%;left:34%}.tone-lime.svelte-1fjkdsx .tpp-tape-lock:where(.svelte-1fjkdsx){background:linear-gradient(180deg, var(--o-plum-light), var(--o-plum));box-shadow:0 2px 0 var(--o-plum-deep)}.tpp-tape-mouth.svelte-1fjkdsx{background:linear-gradient(90deg, color-mix(in oklab, var(--o-ink) 70%, var(--tm-body-deep)), var(--tm-body-deep));border-radius:0 6px 6px 0;width:16%;height:34%;position:absolute;bottom:10%;left:-2%}.is-right.svelte-1fjkdsx .tpp-tape-mouth:where(.svelte-1fjkdsx){border-radius:6px 0 0 6px;left:auto;right:-2%}.tpp-tape-hub.svelte-1fjkdsx{aspect-ratio:1;background:radial-gradient(circle at 36% 30%, #ffffff8c, transparent 55%), var(--o-paper);width:60%;box-shadow:inset 0 -3px 0 color-mix(in oklab, var(--o-paper) 70%, var(--o-ink) 18%), 0 0 0 calc(var(--tm-case) * .035) color-mix(in oklab, var(--tm-body-deep) 60%, transparent), 0 4px 8px -3px color-mix(in oklab, var(--o-ink) 40%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:47%;left:50%;translate:-50% -50%}@supports (color:lab(0% 0 0)){.tpp-tape-hub.svelte-1fjkdsx{background:radial-gradient(circle at 36% 30%, lab(100% -.0000298023 .0000119209/.55), transparent 55%), var(--o-paper)}}.tpp-tape-label.svelte-1fjkdsx{font-size:max(12px, calc(var(--tm-case) * .13));letter-spacing:-.02em;color:var(--o-plum);font-weight:700;line-height:1}.tpp-tape-grip.svelte-1fjkdsx{background:repeating-linear-gradient(180deg, color-mix(in oklab, var(--tm-body-deep) 80%, black) 0 3px, transparent 3px 6px);opacity:.55;border-radius:99px;width:6%;position:absolute;top:26%;bottom:26%;right:7%}.is-right.svelte-1fjkdsx .tpp-tape-grip:where(.svelte-1fjkdsx){left:7%;right:auto}