.pv-device{background:#fff;border:1px solid #d9e2de;border-radius:1.5rem;overflow:hidden}.pv-address{color:#10201c;text-align:center;overflow-wrap:anywhere;background:#f3f6f5;border-bottom:1px solid #d9e2de;margin:0;padding:.6rem 1rem;font-size:.8125rem;font-weight:500}.pv-address-host{color:#4a5a55;font-weight:400}@keyframes editor-arrive{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.ed-summary,.ed-card-form,.ed-undo{transition:opacity .14s ease-out,transform .14s ease-out;animation:.14s ease-out editor-arrive}@media (prefers-reduced-motion:reduce){.ed-summary,.ed-card-form,.ed-undo{transition:none;animation:none}}.pv-editable :is(.pf-avatar,.pf-name,.pf-headline,[data-node],.pf-section-title,.pf-nav-link){cursor:pointer;outline-offset:3px}.pv-editable :is(.pf-avatar,.pf-name,.pf-headline,[data-node],.pf-section-title,.pf-nav-link):is(:hover,:focus-visible),.pv-editable .pf-visit:focus-visible{outline:2px solid #0b6b53}.pv-screen .profile .pf-sheet{box-shadow:0 0 0 1px var(--p-border), 0 24px 48px -28px var(--p-shadow);border-radius:22px;margin:.625rem}@media (min-width:640px) and (max-width:1023.98px){.pv-screen .profile{padding:2rem 1.25rem}.pv-screen .profile .pf-sheet{border-radius:28px;max-width:44rem;margin:0 auto}}.pv-sizes{display:none}@media (min-width:1024px){.pv{height:100%}.pv-device{height:clamp(32rem, calc(100dvh - var(--preview-top,1.5rem) - 7rem), 48rem);background:#e4ebe8;border-radius:1rem;flex-direction:column;display:flex;box-shadow:0 16px 32px -24px #10201c4d}.pv-address{background:0 0;border:0;padding:.65rem 1rem .25rem}.pv-caption{background:0 0;padding:.25rem 1rem}.pv-sizes{justify-content:center;gap:.5rem;padding:.25rem .5rem .5rem;display:flex}.pv-sizes label{cursor:pointer;background:#fff;border:1px solid #d9e2de;border-radius:.75rem;justify-content:center;align-items:center;min-width:5rem;min-height:44px;font-size:.8125rem;display:inline-flex;position:relative}.pv-sizes input{opacity:0;width:1px;height:1px;position:absolute}.pv-sizes label:has(:checked){color:#0b6b53;background:#e1efe9;border-color:#0b6b53}.pv-sizes label:has(:focus-visible){outline-offset:2px;outline:2px solid #0b6b53}.pv-screen{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#10201c40 transparent;border-top:1px solid #d9e2de;flex:1;min-height:0;overflow:auto}.pv-canvas{min-height:100%}.pv[data-width=wide] .pv-canvas{width:40rem}.pv-screen .profile{min-height:100%}}.pv-swatch.profile{aspect-ratio:4/5;background:var(--p-field);border-radius:.8rem;min-height:0;padding:.3rem;display:flex}.pv-swatch-sheet{background:var(--p-bg);box-shadow:0 0 0 1px var(--p-border);border-radius:.55rem;flex-direction:column;flex:1;display:flex;overflow:hidden}.pv-swatch .pf-cover{flex-shrink:0;height:1.9rem}.pv-swatch .pf-cover-art path{vector-effect:non-scaling-stroke;stroke-width:.7px;stroke-dasharray:none;animation:none}.pv-swatch-avatar{background:var(--p-accent);width:1.1rem;height:1.1rem;box-shadow:0 0 0 2px var(--p-bg);border-radius:9999px;margin:-.55rem 0 0 .45rem;position:relative}.pv-swatch-line{background:var(--p-text);border-radius:9999px;width:64%;height:.3rem;margin:.4rem .45rem 0}.pv-swatch-line+.pv-swatch-line{background:var(--p-muted);opacity:.6;width:46%;height:.2rem;margin-top:.25rem}.pv-swatch-button{background:var(--p-accent);border-radius:.2rem;height:.6rem;margin:auto .45rem .5rem}