.c-sketch{--s:.45128;box-sizing:border-box;background:#faf7f2;border-radius:8px;flex:none;width:176px;height:234px;display:block;position:relative;overflow:hidden}.c-sketch:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000017}.c-sketch>iframe{width:390px;height:calc(100% / var(--s));transform:scale(var(--s));transform-origin:0 0;pointer-events:none;transition:opacity var(--dur-state) var(--ease-out);border:0;position:absolute;top:0;left:0}.c-sketch[data-size=row]{--s:.06154;border-radius:4px;align-self:center;width:24px;height:32px}.c-sketch[data-size=card]{--s:var(--sketch-s,.45128);width:var(--sketch-w,176px);height:var(--sketch-h,234px)}.c-sketch[data-size=wide]{--s:.27957;width:312px;height:234px}.c-sketch[data-size=wide]>iframe{width:1116px}.c-sketch>.overlay{pointer-events:none;position:absolute;inset:0}.c-sketch[data-state=drawing]{background:var(--color-paper)}.c-sketch[data-state=drawing]:after{box-sizing:border-box;box-shadow:none;border:1px solid var(--color-border);animation:pm-sketch-paper 1.6s var(--ease-inout) infinite alternate}.c-sketch[data-state=drawing]>iframe{opacity:0}@keyframes pm-sketch-paper{0%{border-color:var(--color-border)}to{border-color:var(--color-border-muted)}}@media (prefers-reduced-motion:reduce){.c-sketch[data-state=drawing]:after{animation:none}}.c-sketch[data-device]{--s:1;--device-float:0 1px 2px #0000000a, 0 12px 32px #0000000f;width:390px;max-width:100%;height:100%;min-height:0;box-shadow:var(--device-float);border-radius:20px}[data-theme=dark] .pm .c-sketch[data-device],.pm[data-theme=dark] .c-sketch[data-device]{--device-float:0 12px 32px #00000080}.c-sketch[data-device]:after{box-sizing:border-box;box-shadow:none;border:1px solid var(--color-border)}.c-sketch[data-device]>iframe{pointer-events:auto;width:100%;height:100%;display:block;position:static;transform:none}.c-sketch[data-device=desktop]{width:100%}@media (max-width:599px){.c-sketch[data-device]{width:calc(100% + 2 * var(--bleed,0px));max-width:none;margin-inline:calc(-1 * var(--bleed,0px));box-shadow:none;border-radius:0}.c-sketch[data-device]:after{border-width:1px 0}}