.action[data-v-87c7ca58]{position:relative;isolation:isolate;display:inline-flex;height:40px;align-items:center;gap:.5rem;border-radius:999px;padding:0 1.05rem;font-size:.9375rem;font-weight:500;letter-spacing:-.01em;line-height:1;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}.action[data-v-87c7ca58]:before{content:"";position:absolute;inset:-2px 0}.action__wash[data-v-87c7ca58]{position:absolute;inset:0;border-radius:inherit;z-index:-1;opacity:0;pointer-events:none}.action__icon[data-v-87c7ca58],.action__label[data-v-87c7ca58]{display:inline-flex;align-items:center}.action--primary[data-v-87c7ca58]{color:#fff;background:#161616;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #00000029,0 8px 18px -8px #0006}.action--primary .action__wash[data-v-87c7ca58]{background:#ffffff17}.dark .action--primary[data-v-87c7ca58]{color:#141414;background:#f2f0ea;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #0006,0 8px 20px -8px #000000b3}.dark .action--primary .action__wash[data-v-87c7ca58]{background:#00000012}.action--secondary[data-v-87c7ca58]{color:var(--text-primary);background:transparent;box-shadow:inset 0 0 0 1px #00000024}.action--secondary .action__wash[data-v-87c7ca58]{background:#0000000b}.dark .action--secondary[data-v-87c7ca58]{color:#fff;box-shadow:inset 0 0 0 1px #ffffff29}.dark .action--secondary .action__wash[data-v-87c7ca58]{background:#ffffff0f}.sketch-mark[data-v-eb8483a0]{position:absolute;overflow:visible;pointer-events:none;color:var(--ink)}.sketch-mark--underline[data-v-eb8483a0]{left:-.12em;bottom:-.36em;width:calc(100% + .24em);height:.5em}.sketch-mark--circle[data-v-eb8483a0]{top:-.3em;left:-.36em;width:calc(100% + .74em);height:calc(100% + .56em)}.sketch-mark__stroke[data-v-eb8483a0]{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.mockup[data-v-3f7298a1]{position:relative;isolation:isolate;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mockup--browser[data-v-3f7298a1]{overflow:hidden;border-radius:calc(var(--u, 1px)*10);background:#fbfbfa;box-shadow:0 0 0 1px #00000014,0 1px 1px #0000000a,0 4px 8px -2px #0000000d,0 16px 32px -12px #0000001a,0 40px 72px -32px #00000024}.dark .mockup--browser[data-v-3f7298a1]{background:#1d1d1d;box-shadow:0 0 0 1px #ffffff14,inset 0 1px #ffffff0d,0 1px 1px #0000004d,0 16px 32px -12px #00000080,0 40px 72px -32px #0009}.mockup__bar[data-v-3f7298a1]{position:relative;pointer-events:none;display:flex;height:calc(var(--u, 1px)*30);align-items:center;border-bottom:1px solid rgba(0,0,0,.06)}.dark .mockup__bar[data-v-3f7298a1]{border-bottom-color:#ffffff0f}.mockup__lights[data-v-3f7298a1]{position:absolute;top:50%;left:calc(var(--u, 1px)*14);display:flex;gap:calc(var(--u, 1px)*7);transform:translateY(-50%)}.mockup__lights>span[data-v-3f7298a1]{width:calc(var(--u, 1px)*10);height:calc(var(--u, 1px)*10);border-radius:999px;background:#deddd8;box-shadow:inset 0 0 0 .5px #00000014}.dark .mockup__lights>span[data-v-3f7298a1]{background:#363636;box-shadow:inset 0 0 0 .5px #ffffff0f}.mockup__screen[data-v-3f7298a1]{position:relative;overflow:hidden}.mockup--browser .mockup__screen[data-v-3f7298a1]{width:100%}.mockup--phone[data-v-3f7298a1]{aspect-ratio:742/1452}.mockup--phone .mockup__screen[data-v-3f7298a1]{position:absolute;z-index:2;inset:2.2% 5.14% 2.56% 5.12%;border-radius:12%/5.8%;background:var(--status-bar,#000)}.mockup--phone .mockup__screen[data-v-3f7298a1] img,.mockup--phone .mockup__screen[data-v-3f7298a1] video{position:absolute;top:7%;left:0;width:100%;height:auto;aspect-ratio:var(--shot-ratio);-o-object-fit:cover;object-fit:cover}.mockup__device[data-v-3f7298a1]{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 3px rgb(0 0 0/.1)) drop-shadow(0 18px 28px rgb(0 0 0/.16))}.dark .mockup__device[data-v-3f7298a1]{filter:drop-shadow(0 2px 3px rgb(0 0 0/.4)) drop-shadow(0 18px 28px rgb(0 0 0/.5))}.mockup__island[data-v-3f7298a1]{position:absolute;z-index:3;top:3.57%;left:35.87%;width:28.28%;height:4.19%;border-radius:999px;background:#141414;pointer-events:none}.canvas[data-v-dc4bf0e5]{--design:380;--product-w:var(--w-sm);--u:calc(100cqw/var(--design));position:relative;container-type:inline-size;aspect-ratio:4/5;margin:0;overflow:hidden;border-radius:10px}@media(min-width:768px){.canvas[data-v-dc4bf0e5]{--design:var(--design-md);--product-w:var(--w-md)}.canvas[data-size=wide][data-v-dc4bf0e5]{aspect-ratio:8/7}.canvas[data-size=narrow][data-v-dc4bf0e5]:not([data-hero]){height:100%;aspect-ratio:auto}.canvas[data-hero][data-v-dc4bf0e5]{margin-inline:auto}.canvas[data-hero][data-size=wide][data-v-dc4bf0e5]{width:min(100%,880px)}.canvas[data-hero][data-size=narrow][data-v-dc4bf0e5]{width:min(100%,560px);aspect-ratio:4/5}}.canvas__head[data-v-dc4bf0e5]{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:calc(var(--u)*28) calc(var(--u)*28) 0 calc(var(--u)*32)}.canvas__name[data-v-dc4bf0e5]{margin:0;color:var(--text-primary);font-size:max(17px,calc(var(--u)*22));font-weight:500;line-height:1.2;letter-spacing:-.025em}.canvas__category[data-v-dc4bf0e5]{margin:.3rem 0 0;color:var(--tint-muted);font-size:max(14px,calc(var(--u)*15));line-height:1.4}.canvas__chip[data-v-dc4bf0e5]{display:inline-flex;flex:0 0 auto;height:36px;align-items:center;padding:0 10px;border-radius:999px;color:var(--text-primary);box-shadow:inset 0 0 0 1px #00000024;font-size:.9375rem;font-weight:500;white-space:nowrap}.dark .canvas__chip[data-v-dc4bf0e5]{color:#fff;box-shadow:inset 0 0 0 1px #ffffff2e}.canvas__chip-label[data-v-dc4bf0e5]{display:inline-block;overflow:hidden}.canvas__product[data-v-dc4bf0e5]{position:absolute;z-index:1;top:calc(var(--u)*160);left:calc(var(--u)*32);width:calc(var(--product-w)*var(--u))}.canvas[data-device=phone] .canvas__product[data-v-dc4bf0e5]{left:50%;transform:translate(-50%)}