.tpp-notebook.svelte-1qfz9qc{--nb-cover:var(--o-plum);--nb-cover-deep:var(--o-plum-deep);--nb-paper:color-mix(in oklab, var(--o-paper) 88%, white);--nb-rule:color-mix(in oklab, var(--o-plum) 16%, transparent);--nb-ribbon:var(--o-lime);--nb-pad:18px;isolation:isolate;padding-bottom:26px;display:block;position:relative}.ribbon-peach.svelte-1qfz9qc{--nb-ribbon:var(--o-peach)}.ribbon-plum.svelte-1qfz9qc{--nb-ribbon:var(--o-plum-light)}.tpp-notebook-floor.svelte-1qfz9qc{background:radial-gradient(closest-side, var(--o-shadow), transparent);pointer-events:none;z-index:-2;border-radius:50%;height:46px;position:absolute;bottom:0;left:3%;right:3%}.tpp-notebook-cover.svelte-1qfz9qc{padding:var(--nb-pad);background:radial-gradient(90% 60% at 12% 0%, #ffffff4d, transparent 60%), linear-gradient(160deg, color-mix(in oklab, var(--nb-cover) 82%, white), var(--nb-cover) 34%, var(--nb-cover) 70%, color-mix(in oklab, var(--nb-cover) 80%, black));box-shadow:0 12px 0 var(--nb-cover-deep), 0 34px 40px -24px color-mix(in oklab, var(--o-ink) 55%, transparent), inset 0 2px 1px #ffffff6b;border-radius:30px;position:relative}@supports (color:lab(0% 0 0)){.tpp-notebook-cover.svelte-1qfz9qc{background:radial-gradient(90% 60% at 12% 0%, lab(100% -.0000298023 .0000119209/.3), transparent 60%), linear-gradient(160deg, color-mix(in oklab, var(--nb-cover) 82%, white), var(--nb-cover) 34%, var(--nb-cover) 70%, color-mix(in oklab, var(--nb-cover) 80%, black));box-shadow:0 12px 0 var(--nb-cover-deep), 0 34px 40px -24px color-mix(in oklab, var(--o-ink) 55%, transparent), inset 0 2px 1px lab(100% -.0000298023 .0000119209/.42)}}.tpp-notebook-block.svelte-1qfz9qc{box-shadow:0 3px 0 -1px color-mix(in oklab, var(--nb-paper) 86%, var(--o-plum)), 0 6px 0 -2px var(--nb-paper), 0 9px 0 -3px color-mix(in oklab, var(--nb-paper) 84%, var(--o-plum)), 0 12px 0 -4px var(--nb-paper), 0 14px 10px -6px #0000004d;border-radius:12px;grid-template-columns:1fr 1fr;display:grid;position:relative}@supports (color:lab(0% 0 0)){.tpp-notebook-block.svelte-1qfz9qc{box-shadow:0 3px 0 -1px color-mix(in oklab, var(--nb-paper) 86%, var(--o-plum)), 0 6px 0 -2px var(--nb-paper), 0 9px 0 -3px color-mix(in oklab, var(--nb-paper) 84%, var(--o-plum)), 0 12px 0 -4px var(--nb-paper), 0 14px 10px -6px lab(0% 0 0/.3)}}.is-single.svelte-1qfz9qc .tpp-notebook-block:where(.svelte-1qfz9qc){grid-template-columns:1fr}.tpp-notebook-page.svelte-1qfz9qc{background-color:var(--nb-paper);min-width:0;padding:34px 32px 38px;position:relative}.has-lines.svelte-1qfz9qc .tpp-notebook-page:where(.svelte-1qfz9qc){background-image:repeating-linear-gradient(to bottom, transparent 0 calc(var(--nb-gap) - 1px), var(--nb-rule) calc(var(--nb-gap) - 1px) var(--nb-gap));background-position:0 calc(var(--nb-gap) * 2 + 6px);background-size:100% calc(100% - var(--nb-gap) * 3);background-repeat:repeat-x}.tpp-notebook-left.svelte-1qfz9qc{background-image:linear-gradient(to left, color-mix(in oklab, var(--o-plum) 18%, transparent), transparent 38px), linear-gradient(170deg, #ffffff8c, transparent 40%);background-position:0 0;background-repeat:no-repeat;background-size:auto;border-radius:12px 4px 4px 12px}@supports (color:lab(0% 0 0)){.tpp-notebook-left.svelte-1qfz9qc{background-image:linear-gradient(to left, color-mix(in oklab, var(--o-plum) 18%, transparent), transparent 38px), linear-gradient(170deg, lab(100% -.0000298023 .0000119209/.55), transparent 40%)}}.has-lines.svelte-1qfz9qc .tpp-notebook-left:where(.svelte-1qfz9qc){background-image:linear-gradient(to left, color-mix(in oklab, var(--o-plum) 18%, transparent), transparent 38px), repeating-linear-gradient(to bottom, transparent 0 calc(var(--nb-gap) - 1px), var(--nb-rule) calc(var(--nb-gap) - 1px) var(--nb-gap));background-position:0 0, 0 calc(var(--nb-gap) * 2 + 6px);background-size:100% 100%, 100% calc(100% - var(--nb-gap) * 3);background-repeat:no-repeat,repeat-x}.tpp-notebook-right.svelte-1qfz9qc{box-shadow:inset 26px 0 26px -26px color-mix(in oklab, var(--o-plum) 40%, transparent);border-radius:4px 12px 12px 4px}.is-single.svelte-1qfz9qc .tpp-notebook-right:where(.svelte-1qfz9qc){box-shadow:inset 10px 0 12px -10px color-mix(in oklab, var(--o-plum) 42%, transparent);border-radius:6px 12px 12px 6px}.has-tabs.svelte-1qfz9qc .tpp-notebook-cover:where(.svelte-1qfz9qc){margin-top:46px}.tpp-notebook-tabs.svelte-1qfz9qc{right:18px;bottom:calc(100% + var(--nb-pad) - 4px);z-index:-1;justify-content:flex-end;gap:6px;display:flex;position:absolute}.tpp-notebook-tabs.svelte-1qfz9qc .tpp-notebook-tab{background:color-mix(in oklab, var(--o-lilac) 70%, var(--nb-paper));min-height:50px;color:var(--o-ink);font:500 15px / 1.1 var(--home-body-font,Outfit, Arial, sans-serif);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;box-shadow:inset 0 2px 0 #fff9, inset 0 -8px 10px -8px color-mix(in oklab, var(--o-plum) 30%, transparent);border:0;border-radius:14px 14px 0 0;flex:0 auto;padding:12px 18px 20px;transition:transform .25s cubic-bezier(.3,1.5,.5,1),background .2s;position:relative;transform:translateY(8px)}@supports (color:lab(0% 0 0)){.tpp-notebook-tabs.svelte-1qfz9qc .tpp-notebook-tab{box-shadow:inset 0 2px 0 lab(100% -.0000298023 .0000119209/.6), inset 0 -8px 10px -8px color-mix(in oklab, var(--o-plum) 30%, transparent)}}.tpp-notebook-tabs.svelte-1qfz9qc .tpp-notebook-tab:nth-child(2){background:color-mix(in oklab, var(--o-peach) 70%, var(--nb-paper))}.tpp-notebook-tabs.svelte-1qfz9qc .tpp-notebook-tab:nth-child(3){background:color-mix(in oklab, var(--o-lime) 64%, var(--nb-paper))}.tpp-notebook-tabs.svelte-1qfz9qc .tpp-notebook-tab:hover{transform:translateY(2px)}.tpp-notebook-tabs.svelte-1qfz9qc .tpp-notebook-tab[aria-selected=true]{background:var(--nb-paper);color:var(--o-plum);z-index:2;transform:translateY(0)}.tpp-notebook-tabs.svelte-1qfz9qc .tpp-notebook-tab:focus-visible{outline:2px solid var(--o-plum);outline-offset:2px}.tpp-notebook-ribbon.svelte-1qfz9qc{background:linear-gradient(90deg, color-mix(in oklab, var(--nb-ribbon) 80%, black) 0 3px, var(--nb-ribbon) 3px 13px, color-mix(in oklab, var(--nb-ribbon) 72%, white) 13px);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 10px),0 100%);width:18px;height:calc(100% + 18px);box-shadow:0 4px 6px var(--o-shadow);pointer-events:none;opacity:.96;position:absolute;top:4px;left:calc(50% - 9px)}.is-single.svelte-1qfz9qc .tpp-notebook-ribbon:where(.svelte-1qfz9qc){left:calc(var(--nb-pad) - 4px)}.tpp-notebook-turn.svelte-1qfz9qc{background:linear-gradient(90deg, color-mix(in oklab, var(--nb-paper) 80%, var(--o-plum)), var(--nb-paper) 30%);transform-origin:0;pointer-events:none;z-index:3;width:50%;box-shadow:-10px 0 20px -10px var(--o-shadow);border-radius:4px 12px 12px 4px;animation:.62s cubic-bezier(.45,.05,.3,1) both svelte-1qfz9qc-tpp-nb-turn;position:absolute;top:0;bottom:0;left:50%}.is-single.svelte-1qfz9qc .tpp-notebook-turn:where(.svelte-1qfz9qc){width:100%;left:0}@keyframes svelte-1qfz9qc-tpp-nb-turn{0%{opacity:1;transform:perspective(1400px)rotateY(0)}70%{opacity:1}to{opacity:0;transform:perspective(1400px)rotateY(-178deg)}}@media (max-width:760px){.tpp-notebook.svelte-1qfz9qc{--nb-pad:12px}.tpp-notebook-cover.svelte-1qfz9qc{border-radius:24px}.tpp-notebook-page.svelte-1qfz9qc{padding:26px 20px 30px}.tpp-notebook-tabs.svelte-1qfz9qc{gap:4px;left:14px;right:10px}.tpp-notebook-tabs.svelte-1qfz9qc .tpp-notebook-tab{padding:11px 12px 19px;font-size:14px}}[data-motion=off] .tpp-notebook-turn.svelte-1qfz9qc{display:none}@media (prefers-reduced-motion:reduce){.tpp-notebook-turn.svelte-1qfz9qc{display:none}.tpp-notebook-tabs.svelte-1qfz9qc .tpp-notebook-tab{transition:none}}