.tp[data-astro-cid-w5hierqa]{flex-direction:column;align-items:center;gap:clamp(1.6rem,3.5vw,2.2rem);width:100%;display:flex}.tp[data-astro-cid-w5hierqa][data-appearance=light]{--tp-bg:#fff;--tp-chrome:#f2f2f0;--tp-text:#1c1c1e;--tp-muted:#1c1c1e85}.tp[data-astro-cid-w5hierqa][data-appearance=dark]{--tp-bg:#1c1c1e;--tp-chrome:#2a2a2c;--tp-text:#fff;--tp-muted:#ebebf599}.tp[data-astro-cid-w5hierqa][data-appearance=tinted]{--tp-bg:linear-gradient(155deg, #e3edfb, #c2d7f3);--tp-chrome:#c9d9ee;--tp-text:#24405f;--tp-muted:#24405f94}.tp[data-astro-cid-w5hierqa][data-appearance=classic]{--tp-bg:#ecead8;--tp-chrome:#e6e4d0;--tp-text:#2c2a1d;--tp-muted:#2c2a1d8a}.tp[data-astro-cid-w5hierqa][data-appearance=paper]{--tp-bg:#fafaf8;--tp-chrome:#f4f4f2;--tp-text:#0e0e0d;--tp-muted:#0e0e0d80}.tp__stage[data-astro-cid-w5hierqa]{justify-content:center;width:100%;display:flex}.tp__stage--phone[data-astro-cid-w5hierqa]{--phone-size:clamp(190px, 38vw, 220px)}.tp__stage--phone[data-astro-cid-w5hierqa] .phone__screen{background:var(--tp-bg);transition:background .3s}.tp__win[data-astro-cid-w5hierqa]{border-radius:calc(var(--radius) + 4px);background:var(--tp-bg);width:100%;max-width:440px;box-shadow:0 1px 2px color-mix(in srgb, var(--text) 5%, transparent), 0 22px 50px -28px var(--demo-shadow);transition:background .3s;overflow:hidden}.tp__bar[data-astro-cid-w5hierqa]{background:var(--tp-chrome);align-items:center;padding:11px 14px;transition:background .3s;display:flex}.tp__dots[data-astro-cid-w5hierqa]{gap:6px;display:inline-flex}.tp__dots[data-astro-cid-w5hierqa] span[data-astro-cid-w5hierqa]{background:color-mix(in srgb, var(--tp-text) 20%, transparent);border-radius:50%;width:9px;height:9px;transition:background .3s}.tp__win[data-astro-cid-w5hierqa] .tp__note[data-astro-cid-w5hierqa]{padding:clamp(18px,4vw,26px) clamp(18px,4vw,28px) clamp(22px,5vw,30px)}.tp__note[data-astro-cid-w5hierqa]{color:var(--tp-text);flex-direction:column;gap:9px;transition:color .3s;display:flex}.tp__title[data-astro-cid-w5hierqa]{font-family:var(--font-serif);letter-spacing:-.01em;font-size:clamp(15px,3vw,19px);font-weight:600}.tp__p[data-astro-cid-w5hierqa]{font-family:var(--font-serif);font-size:clamp(12px,2.6vw,14.5px);line-height:1.5}.tp__list[data-astro-cid-w5hierqa]{flex-direction:column;gap:7px;margin:4px 0 0;padding:0;list-style:none;display:flex}.tp__task[data-astro-cid-w5hierqa]{font-family:var(--font-sans);align-items:center;gap:8px;font-size:clamp(10.5px,2.2vw,13px);display:flex}.tp__task--done[data-astro-cid-w5hierqa]{color:var(--tp-muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb, currentColor 55%, transparent)}.tp__box[data-astro-cid-w5hierqa]{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:4px;flex:none;justify-content:center;align-items:center;width:13px;height:13px;display:inline-flex}.tp__box--done[data-astro-cid-w5hierqa]{background:#1f9d57}.tp__box--done[data-astro-cid-w5hierqa] svg[data-astro-cid-w5hierqa]{color:#fff;width:9px;height:9px}.tp__row[data-astro-cid-w5hierqa]{flex-wrap:wrap;justify-content:center;gap:clamp(.8rem,1.8vw,1.2rem);display:flex}.tp__opt[data-astro-cid-w5hierqa]{appearance:none;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.5rem;padding:0;display:flex}.tp__swatch[data-astro-cid-w5hierqa]{aspect-ratio:4/3;width:clamp(76px,15vw,96px);box-shadow:0 10px 24px -16px var(--demo-shadow);border-radius:11px;flex-direction:column;gap:6px;padding:10px;transition:transform .18s,box-shadow .18s;display:flex}.tp__opt[data-astro-cid-w5hierqa][aria-pressed=true] .tp__swatch[data-astro-cid-w5hierqa]{box-shadow:0 0 0 2px var(--accent), 0 12px 26px -14px var(--demo-shadow)}.tp__opt[data-astro-cid-w5hierqa][aria-pressed=false]:hover .tp__swatch[data-astro-cid-w5hierqa]{transform:translateY(-2px)}.tp__opt[data-astro-cid-w5hierqa]:focus-visible{outline:none}.tp__opt[data-astro-cid-w5hierqa]:focus-visible .tp__swatch[data-astro-cid-w5hierqa]{box-shadow:0 0 0 2px var(--accent), 0 0 0 5px color-mix(in srgb, var(--accent) 25%, transparent), 0 12px 26px -14px var(--demo-shadow)}.tp__sw-bar[data-astro-cid-w5hierqa]{border-radius:3px;width:38%;height:5px}.tp__sw-line[data-astro-cid-w5hierqa]{border-radius:3px;width:86%;height:5px}.tp__sw-line--short[data-astro-cid-w5hierqa]{width:58%}.tp__swatch--light[data-astro-cid-w5hierqa]{background:#fff}.tp__swatch--light[data-astro-cid-w5hierqa] .tp__sw-bar[data-astro-cid-w5hierqa]{background:#1c1c1e9e}.tp__swatch--light[data-astro-cid-w5hierqa] .tp__sw-line[data-astro-cid-w5hierqa]{background:#1c1c1e29}.tp__swatch--dark[data-astro-cid-w5hierqa]{background:#1c1c1e}.tp__swatch--dark[data-astro-cid-w5hierqa] .tp__sw-bar[data-astro-cid-w5hierqa]{background:#ecead8c7}.tp__swatch--dark[data-astro-cid-w5hierqa] .tp__sw-line[data-astro-cid-w5hierqa]{background:#ebebf54d}.tp__swatch--tinted[data-astro-cid-w5hierqa]{background:linear-gradient(150% 120% at 20% 0%, #dce9fb, #b9d3f4)}.tp__swatch--tinted[data-astro-cid-w5hierqa] .tp__sw-bar[data-astro-cid-w5hierqa]{background:#2a5c9ebf}.tp__swatch--tinted[data-astro-cid-w5hierqa] .tp__sw-line[data-astro-cid-w5hierqa]{background:#2a5c9e4d}.tp__swatch--classic[data-astro-cid-w5hierqa]{background:#ecead8}.tp__swatch--classic[data-astro-cid-w5hierqa] .tp__sw-bar[data-astro-cid-w5hierqa]{background:#2c2a1db3}.tp__swatch--classic[data-astro-cid-w5hierqa] .tp__sw-line[data-astro-cid-w5hierqa]{background:#2c2a1d3d}.tp__swatch--paper[data-astro-cid-w5hierqa]{background:#fafaf8}.tp__swatch--paper[data-astro-cid-w5hierqa] .tp__sw-bar[data-astro-cid-w5hierqa]{background:#0e0e0dad}.tp__swatch--paper[data-astro-cid-w5hierqa] .tp__sw-line[data-astro-cid-w5hierqa]{background:#0e0e0d29}.tp__label[data-astro-cid-w5hierqa]{font-family:var(--font-sans);color:var(--text-muted);font-size:12.5px;font-weight:550;transition:color .18s}.tp__opt[data-astro-cid-w5hierqa][aria-pressed=true] .tp__label[data-astro-cid-w5hierqa]{color:var(--text)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.tp[data-astro-cid-w5hierqa]{animation:linear both demo-rise view();animation-range:entry 5% entry 55%}@keyframes demo-rise{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}}}@media (prefers-reduced-motion:reduce){.tp__win[data-astro-cid-w5hierqa],.tp__bar[data-astro-cid-w5hierqa],.tp__dots[data-astro-cid-w5hierqa] span[data-astro-cid-w5hierqa],.tp__note[data-astro-cid-w5hierqa],.tp__stage--phone[data-astro-cid-w5hierqa] .phone__screen{transition:none}}.wgs[data-astro-cid-jez4e5eu]{grid-template-columns:1fr 1fr;gap:clamp(12px,2.4vw,18px);width:100%;max-width:400px;display:grid}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.wgs[data-astro-cid-jez4e5eu]{animation:linear both demo-rise view();animation-range:entry 5% entry 55%}@keyframes demo-rise{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}}}.wg[data-astro-cid-jez4e5eu]{background:var(--wg-bg);box-shadow:0 1px 2px color-mix(in srgb, var(--text) 5%, transparent), 0 18px 40px -26px var(--demo-shadow);border-radius:clamp(20px,5vw,26px);flex-direction:column;padding:clamp(14px,3vw,18px);display:flex}.wg--med[data-astro-cid-jez4e5eu]{aspect-ratio:2.15;grid-column:1/-1}.wg--sm[data-astro-cid-jez4e5eu]{aspect-ratio:1}.wg--classic[data-astro-cid-jez4e5eu]{--wg-bg:#ecead8;--wg-title:#232214;--wg-muted:#2c2a1d85;--wg-accent:#1c1c1ec7}.wg--paper[data-astro-cid-jez4e5eu]{--wg-bg:#fafaf8;--wg-title:#0e0e0d;--wg-muted:#0e0e0d75;--wg-accent:#1c1c1ec7}.wg--dark[data-astro-cid-jez4e5eu]{--wg-bg:#1c1c1e;--wg-title:#fff;--wg-muted:#ebebf599;--wg-accent:#ecead8d9}.wg__top[data-astro-cid-jez4e5eu]{justify-content:space-between;align-items:center;gap:10px;display:flex}.wg__mark[data-astro-cid-jez4e5eu]{color:var(--wg-accent);font-size:clamp(17px,3.6vw,21px);display:inline-flex}.wg__open[data-astro-cid-jez4e5eu]{font-family:var(--font-sans);color:var(--wg-muted);font-size:12px;font-weight:550}.wg__arr[data-astro-cid-jez4e5eu]{font-size:11px}.wg__rows[data-astro-cid-jez4e5eu]{flex-direction:column;flex:1;justify-content:space-evenly;margin:0;padding:0;list-style:none;display:flex}.wg__rows[data-astro-cid-jez4e5eu] li[data-astro-cid-jez4e5eu]{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.wg__title[data-astro-cid-jez4e5eu]{font-family:var(--font-sans);color:var(--wg-title);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(12.5px,2.6vw,14px);font-weight:620;overflow:hidden}.wg__meta[data-astro-cid-jez4e5eu]{font-family:var(--font-sans);color:var(--wg-muted);flex:none;font-size:clamp(11px,2.2vw,12.5px)}.wg--sm[data-astro-cid-jez4e5eu] .wg__foot[data-astro-cid-jez4e5eu]{flex-direction:column;gap:2px;min-width:0;margin-top:auto;display:flex}