[data-compact-preview-nav]{transform-origin:top;width:84%;min-height:30px;top:7%;left:8%;right:8%}[data-compact-preview-nav]>div{gap:6px;padding:3px 5px}[data-compact-preview-nav] a,[data-compact-preview-nav] button,[data-compact-preview-nav] p,[data-compact-preview-nav] span{font-size:8px;line-height:1.1}[data-compact-preview-nav] button,[data-compact-preview-nav] a{padding:4px 7px}[data-preview-actions]{transform-origin:50%;flex-wrap:nowrap;transform:scale(.82)}[data-preview-actions] a,[data-preview-actions] button,[data-contact-actions] a,[data-contact-actions] button,[data-drew-cta]{white-space:nowrap}[data-contact-actions]{flex-wrap:nowrap}[data-showcase-hover]{perspective:900px;overflow:hidden}[data-showcase-hover]>*{will-change:transform;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .45s}[data-showcase-hover=phone]:hover>*{filter:saturate(1.08)drop-shadow(0 18px 18px #0000001f);transform:translateY(-8px)rotateY(-3deg)scale(1.025)}[data-showcase-hover=keyboard]:hover>*{filter:drop-shadow(0 18px 18px #0000001f);transform:translateY(-7px)rotateX(2deg)scale(1.018)}[data-showcase-hover=video]:hover>*{filter:saturate(1.04)drop-shadow(0 20px 18px #00000024);transform:translateY(-8px)rotateY(2.5deg)scale(1.022)}[data-customer-showcase-frame]{overflow:hidden}[data-customer-showcase]{will-change:transform;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s}[data-customer-showcase-frame]:hover [data-customer-showcase],[data-customer-showcase-frame]:focus-within [data-customer-showcase]{filter:saturate(1.06)contrast(1.02);transform:scale(1.035)translateY(-.5%)}[data-component-layout-demo]{z-index:20;background:#f8f8f9;border:1px solid #00000017;border-radius:14px;position:absolute;inset:7%;overflow:hidden;box-shadow:0 24px 45px -25px #00000061}[data-layout-screen]{opacity:0;pointer-events:none;padding:58px 38px 28px;transition:opacity .38s,transform .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(18px)scale(.985)}[data-layout-screen=nav]{grid-template-columns:92px 1fr;padding:48px 22px 22px;display:grid}[data-component-layout-demo][data-active-screen=cards] [data-layout-screen=cards],[data-component-layout-demo][data-active-screen=forms] [data-layout-screen=forms],[data-component-layout-demo][data-active-screen=nav] [data-layout-screen=nav]{opacity:1;transform:none}[data-screen-bar]{color:#737373;font:600 10px / 1 var(--font-geist);align-items:center;gap:8px;margin-bottom:18px;display:flex}[data-screen-bar] i{background:#171717;border-radius:6px;width:18px;height:18px}[data-screen-bar] b{letter-spacing:2px;margin-left:auto}[data-card-metric]{color:#fff;background:#171717;border-radius:13px;gap:5px;padding:18px;display:grid;position:relative;box-shadow:0 18px 28px -20px #0000008c}[data-card-metric] span{color:#a3a3a3;font:500 9px / 1 var(--font-geist)}[data-card-metric] strong{font:600 29px / 1 var(--display-font);letter-spacing:-.03em}[data-card-metric] em{color:#86efac;font:600 9px / 1 var(--font-geist);font-style:normal;position:absolute;bottom:18px;right:16px}[data-card-stack]{grid-template-columns:1.4fr 1fr .8fr;gap:7px;margin-top:10px;display:grid}[data-card-stack] span{background:#fff;border-radius:9px;height:42px;box-shadow:inset 0 0 0 1px #00000012}[data-card-stack] span:nth-child(2){background:color-mix(in srgb, var(--color-primary) 9%, white)}[data-field]{gap:5px;margin-bottom:10px;display:grid}[data-field] span{color:#737373;font:500 9px / 1 var(--font-geist)}[data-field] strong{color:#262626;font:500 10px / 1 var(--font-geist);background:#fff;border:1px solid #e5e5e5;border-radius:9px;padding:10px 11px}[data-screen-action]{color:#fff;width:100%;font:600 10px / 1 var(--font-geist);background:#171717;border:0;border-radius:9px;padding:10px}[data-nav-shell]{color:#a3a3a3;font:500 8px / 1 var(--font-geist);background:#171717;border-radius:12px 0 0 12px;flex-direction:column;gap:13px;padding:15px 11px;display:flex}[data-nav-shell]>strong{color:#fff;margin-bottom:4px;font-size:10px}[data-nav-shell]>i{color:#171717;background:#fff;border-radius:6px;place-items:center;width:20px;height:20px;margin-top:auto;font-style:normal;display:grid}[data-nav-content]{background:#fff;border-radius:0 12px 12px 0;padding:20px}[data-nav-content] small{color:#a3a3a3;font:500 8px / 1 var(--font-geist)}[data-nav-content] h4{color:#171717;font:600 16px / 1.1 var(--display-font);margin:5px 0 18px}[data-nav-content]>div[data-legacy-nav-grid]{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}[data-nav-content]>div[data-legacy-nav-grid] span{background:#f5f5f5;border-radius:8px;height:58px}[data-nav-content]>div[data-legacy-nav-grid] span:first-child{background:color-mix(in srgb, var(--color-primary) 10%, white)}[data-layout-tabs]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);isolation:isolate;background:#ffffffe0;border:1px solid #00000014;border-radius:999px;gap:3px;width:132px;padding:3px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #0000001a}[data-layout-indicator]{z-index:-1;width:calc(33.3333% - 2px);transform:translateX(calc(var(--tab-index,0) * 100%));background:#171717;border-radius:999px;transition:transform .48s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 4px 10px #0000002e}[data-layout-tab]{color:#737373;min-width:0;font:600 9px / 1 var(--font-geist);cursor:pointer;text-align:center;background:0 0;border:0;border-radius:999px;flex:1 1 0;place-items:center;padding:5px 9px;transition:color .18s,background-color .18s,transform .18s;display:grid}[data-layout-tab][aria-selected=true]{color:#fff;background:0 0}[data-component-lab]{z-index:20;background:#f7f7f8;border:1px solid #0000001a;border-radius:15px;position:absolute;inset:7%;overflow:hidden;box-shadow:0 25px 50px -28px #0000007a}[data-lab-top]{color:#525252;height:38px;font:600 9px / 1 var(--font-geist);background:#fff;border-bottom:1px solid #e8e8ea;justify-content:space-between;align-items:center;padding:0 13px;display:flex}[data-lab-top] span{align-items:center;gap:7px;display:flex}[data-lab-top] i{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dcfce7}[data-lab-top] b{color:#16a34a;font-size:8px}[data-lab-body]{grid-template-columns:94px 1fr;height:calc(100% - 38px);display:grid}[data-lab-rail]{background:#fbfbfc;border-right:1px solid #e8e8ea;flex-direction:column;gap:4px;padding:12px 8px;display:flex}[data-lab-rail] button{color:#737373;font:600 9px / 1 var(--font-geist);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 8px;transition:background .18s,color .18s,transform .18s}[data-lab-rail] button[aria-selected=true]{color:#fff;background:#171717;transform:translate(2px)}[data-lab-stage]{place-items:center;display:grid;position:relative;overflow:hidden}[data-lab-grid]{opacity:.65;background-image:linear-gradient(#e9e9ec 1px,#0000 1px),linear-gradient(90deg,#e9e9ec 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}[data-lab-preview]{z-index:1;place-items:center;min-width:155px;min-height:86px;transition:transform .42s cubic-bezier(.22,1,.36,1),filter .3s;display:grid;position:relative}[data-lab-button]{background:var(--color-primary);color:#fff;box-shadow:0 14px 25px -14px color-mix(in srgb, var(--color-primary) 68%, transparent);font:600 10px / 1 var(--font-geist);cursor:pointer;border:0;border-radius:10px;align-items:center;gap:13px;padding:12px 15px;display:flex}[data-lab-card],[data-lab-toggle]{display:none}[data-lab-preview][data-kind=card] [data-lab-card]{background:#fff;border-radius:12px;gap:4px;width:142px;padding:14px;display:grid;box-shadow:0 16px 30px -18px #00000059}[data-lab-card] small{color:#737373;font:500 8px / 1 var(--font-geist)}[data-lab-card] strong{font:600 24px / 1 var(--display-font)}[data-lab-card] em{color:#16a34a;font:600 8px / 1 var(--font-geist);font-style:normal}[data-lab-preview][data-kind=toggle] [data-lab-toggle]{color:#404040;font:600 9px / 1 var(--font-geist);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:12px;display:flex;box-shadow:0 15px 28px -18px #00000059}[data-lab-toggle] i{background:var(--color-primary);border-radius:999px;width:29px;height:17px;position:relative}[data-lab-toggle] i:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;position:absolute;top:3px;right:3px}[data-lab-preview][data-state=hover]{filter:saturate(1.08);transform:translateY(-5px)scale(1.04)}[data-lab-preview][data-state=focus]{filter:drop-shadow(0 0 .35rem color-mix(in srgb, var(--color-primary) 32%, transparent));transform:scale(1.025)}[data-lab-properties]{background:#fff;border:1px solid #e5e5e5;border-radius:9px;width:156px;padding:3px;display:flex;position:absolute;top:8px;right:8px}[data-lab-state-indicator]{pointer-events:none;background:#202024;border-radius:6px;width:calc(33.3333% - 2px);position:absolute;inset:3px auto 3px 3px;box-shadow:0 3px 8px #00000026}[data-lab-properties] button{z-index:1;color:#a3a3a3;font:600 8px / 1 var(--font-geist);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:7px 8px;position:relative}[data-lab-properties] button[aria-pressed=true]{color:#fff;background:0 0}[data-lab-code]{color:#d4d4d8;font:500 8px / 1 var(--font-geist-mono);white-space:nowrap;background:#202024;border-radius:7px;padding:9px 10px;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}[data-premium-card]{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 18px 38px -24px #00000057}[data-premium-card-head]{justify-content:space-between;align-items:center;padding:13px 14px 9px;display:flex}[data-component-mark]{background:#171717;border-radius:8px;align-items:end;gap:2px;width:26px;height:26px;padding:6px;display:flex}[data-component-mark] i{background:#fff;border-radius:2px;flex:1}[data-component-mark] i:first-child{opacity:.45;height:45%}[data-component-mark] i:nth-child(2){height:100%}[data-component-mark] i:nth-child(3){opacity:.7;height:70%}[data-premium-card-head] em{background:color-mix(in srgb, var(--color-primary) 10%, white);color:var(--color-primary);font:650 7px / 1 var(--font-geist);border-radius:999px;padding:5px 7px;font-style:normal}[data-premium-card]>small,[data-premium-card]>h4,[data-premium-card]>p{margin-left:14px;margin-right:14px;display:block}[data-premium-card]>small{color:#8a8a8f;font:550 8px / 1 var(--font-geist)}[data-premium-card]>h4{color:#171717;font:650 16px / 1.05 var(--display-font);letter-spacing:-.025em;margin-top:5px;margin-bottom:5px}[data-premium-card]>p{color:#6b6b70;font:500 8px / 1.35 var(--font-geist);margin-top:0;margin-bottom:10px}[data-card-meta]{border:1px solid #ececef;border-radius:9px;grid-template-columns:repeat(3,1fr);margin:0 14px;display:grid;overflow:hidden}[data-card-meta] span{color:#8a8a8f;font:500 6px / 1 var(--font-geist);text-align:center;gap:3px;padding:8px;display:grid}[data-card-meta] span+span{border-left:1px solid #ececef}[data-card-meta] b{color:#262626;font-size:9px}[data-card-buy]{border-top:1px solid #f0f0f2;align-items:center;gap:10px;margin-top:11px;padding:10px 14px 13px;display:flex}[data-card-buy] strong{color:#171717;font:650 15px / 1 var(--display-font)}[data-card-buy] button,[data-screen-action]{justify-content:center;align-items:center;gap:8px;display:flex}[data-card-buy] button{background:var(--color-primary);color:#fff;font:650 8px / 1 var(--font-geist);cursor:pointer;border:0;border-radius:9px;flex:1;padding:9px;transition:transform .18s,box-shadow .18s,background .18s}[data-card-buy] button:hover,[data-card-buy] button:focus-visible{box-shadow:0 9px 18px -8px color-mix(in srgb, var(--color-primary) 72%, transparent);transform:translateY(-2px)}[data-card-buy] button:active{transform:translateY(0)scale(.98)}[data-premium-card][data-preview-status=open] [data-card-buy] button{background:#171717}[data-card-buy] svg,[data-screen-action] svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:11px}[data-form-panel]{background:#fff;border-radius:14px;padding:13px;box-shadow:0 18px 38px -25px #00000057}[data-form-title]{align-items:center;gap:9px;margin-bottom:12px;display:flex}[data-form-avatar]{color:#fff;width:27px;height:27px;font:650 9px / 1 var(--font-geist);background:#171717;border-radius:8px;place-items:center;display:grid}[data-form-title] div{gap:3px;display:grid}[data-form-title] strong{color:#262626;font:650 10px / 1 var(--font-geist)}[data-form-title] small{color:#8a8a8f;font:500 7px / 1 var(--font-geist)}[data-form-panel] [data-field]{margin-bottom:8px}[data-form-panel] [data-field] strong{align-items:center;gap:7px;padding:9px 10px;display:flex}[data-form-panel] [data-field] i{color:#a3a3a3;font-style:normal}[data-plan-options]{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px;display:grid}[data-plan-options] button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e7e7ea;border-radius:9px;align-items:center;gap:6px;padding:8px;transition:border-color .18s,background .18s,transform .18s;display:flex}[data-plan-options] button:hover,[data-plan-options] button:focus-visible{border-color:#bdbdc4;transform:translateY(-1px)}[data-plan-options] button[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-primary) 55%, white);background:color-mix(in srgb, var(--color-primary) 5%, white)}[data-plan-options] button>i{background:var(--color-primary);width:8px;height:8px;box-shadow:0 0 0 1px var(--color-primary);border:2px solid #fff;border-radius:50%}[data-plan-options] button>span{gap:2px;display:grid}[data-plan-options] b{color:#343438;font:650 7px / 1 var(--font-geist)}[data-plan-options] small{color:#909096;font:500 6px / 1 var(--font-geist)}[data-form-switch]{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:9px;padding:0;display:flex}[data-form-switch]>span{gap:3px;display:grid}[data-form-switch] b{color:#45454a;font:600 7px / 1 var(--font-geist)}[data-form-switch] small{color:#96969c;font:500 6px / 1 var(--font-geist)}[data-form-switch]>i{background:var(--color-primary);border-radius:999px;width:27px;height:16px;transition:background .18s;position:relative}[data-form-switch]>i:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;right:3px}[data-form-switch][aria-pressed=false]>i{background:#d4d4d8}[data-form-switch][aria-pressed=false]>i:after{transform:translate(-11px)}[data-form-panel] [data-screen-action]{cursor:pointer;background:#171717;padding:9px;transition:transform .18s,background .18s}[data-form-panel] [data-screen-action]:hover,[data-form-panel] [data-screen-action]:focus-visible{background:#2d2d31;transform:translateY(-1px)}[data-form-panel] [data-screen-action][data-sent=true]{background:#15803d}[data-nav-shell] button{color:#a3a3a3;font:550 7px / 1 var(--font-geist);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:6px 7px;transition:background .16s,color .16s,transform .16s;display:flex}[data-nav-shell] button:hover,[data-nav-shell] button:focus-visible{color:#fff;background:#242428;transform:translate(2px)}[data-nav-shell] button[aria-current=page]{color:#fff;background:#2b2b2f}[data-nav-shell] button i{border:1px solid;border-radius:2px;width:7px;height:7px}[data-nav-shell]>strong{align-items:center;gap:6px;display:flex}[data-nav-shell]>strong span{color:#171717;background:#fff;border-radius:5px;place-items:center;width:17px;height:17px;font-size:7px;display:grid}[data-nav-shell]>small{color:#66666c;font:600 6px / 1 var(--font-geist);text-transform:uppercase;margin-top:3px}[data-nav-shell]>em{color:#171717;width:21px;height:21px;font:650 7px / 1 var(--font-geist);background:#fff;border-radius:7px;place-items:center;margin-top:auto;font-style:normal;display:grid}[data-command-bar]{color:#9a9aa0;font:500 7px / 1 var(--font-geist);text-align:left;cursor:pointer;background:#fafafa;border:1px solid #ececef;border-radius:8px;align-items:center;gap:6px;width:100%;margin-bottom:12px;padding:7px 8px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}[data-command-bar]:hover,[data-command-bar]:focus-visible,[data-command-bar][data-open=true]{border-color:color-mix(in srgb, var(--color-primary) 45%, white);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 10%, transparent);background:#fff}[data-command-bar] svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:10px}[data-command-bar] kbd{color:#77777d;font:600 6px / 1 var(--font-geist);background:#fff;border:1px solid #e2e2e5;border-radius:4px;margin-left:auto;padding:2px 4px}[data-nav-content]>h4{margin-bottom:11px}[data-nav-stat-row]{grid-template-columns:1fr 1fr;gap:6px;display:grid}[data-nav-stat-row] article{background:#f5f5f6;border-radius:9px;gap:4px;height:auto;padding:9px;display:grid}[data-nav-stat-row] article:first-child{background:color-mix(in srgb, var(--color-primary) 8%, white)}[data-nav-stat-row] span{color:#8a8a90;height:auto;font:500 6px / 1 var(--font-geist);background:0 0}[data-nav-stat-row] strong{color:#242428;font:650 15px / 1 var(--display-font)}[data-nav-stat-row] em{color:var(--color-primary);font:600 6px / 1 var(--font-geist);font-style:normal}[data-activity-row]{text-align:left;cursor:pointer;background:#fff;border:1px solid #ececef;border-radius:9px;align-items:center;gap:7px;width:100%;margin-top:7px;padding:8px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}[data-activity-row]:hover,[data-activity-row]:focus-visible{border-color:#d4d4d8;transform:translateY(-1px);box-shadow:0 8px 16px -12px #00000059}[data-activity-row][data-checked=true]{border-color:color-mix(in srgb, var(--color-primary) 38%, white)}[data-activity-row]>span{background:#171717;border-radius:7px;place-items:center;width:22px;height:22px;display:grid}[data-activity-row]>span i{border:1px solid #fff;border-radius:2px;width:8px;height:8px}[data-activity-row] p{flex:1;gap:2px;margin:0;display:grid}[data-activity-row] b{color:#36363a;font:600 7px / 1 var(--font-geist)}[data-activity-row] small{color:#96969c;font:500 6px / 1 var(--font-geist)}[data-activity-row] em{color:#16a34a;font:600 6px / 1 var(--font-geist);font-style:normal}[data-lab-rail]>small{color:#9a9aa0;font:650 6px / 1 var(--font-geist);text-transform:uppercase;margin:2px 6px 5px}[data-lab-rail] button{white-space:nowrap;align-items:center;gap:6px;display:flex}[data-lab-rail] button i{border:1px solid;border-radius:2px;width:7px;height:7px}[data-lab-rail]>em{color:#a3a3a8;font:500 6px / 1 var(--font-geist);margin:auto 6px 2px;font-style:normal}[data-lab-button-wrap]{place-items:center;gap:8px;display:grid}[data-lab-button-wrap]>small{color:#85858b;font:500 6px / 1 var(--font-geist)}[data-lab-preview][data-kind=card] [data-lab-button-wrap],[data-lab-preview][data-kind=toggle] [data-lab-button-wrap]{display:none}[data-lab-button]{gap:8px;padding:11px 13px;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,background .18s;position:relative;overflow:hidden}[data-lab-button]:hover,[data-lab-button]:focus-visible{box-shadow:0 18px 30px -14px color-mix(in srgb, var(--color-primary) 80%, transparent);transform:translateY(-3px)scale(1.015)}[data-lab-button]:active{transform:translateY(0)scale(.98)}[data-lab-button][data-added=true]{background:#15803d}[data-lab-button]:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff47 50%,#0000 70%);transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-120%)}[data-lab-preview][data-state=hover] [data-lab-button]:after,[data-lab-button]:hover:after,[data-lab-button]:focus-visible:after{transform:translate(120%)}[data-lab-button] svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:10px}[data-lab-button] kbd{font:600 6px / 1 var(--font-geist);background:#ffffff29;border-radius:4px;margin-left:5px;padding:3px 4px}[data-lab-preview][data-kind=card] [data-lab-card]{gap:9px;width:164px;padding:13px}[data-lab-card] header,[data-lab-card]>div,[data-lab-card] footer{justify-content:space-between;align-items:center;display:flex}[data-lab-card] header span{color:#626268;font:600 7px / 1 var(--font-geist)}[data-lab-card] header em{color:#15803d;background:#dcfce7;border-radius:999px;padding:3px 5px;font-size:6px}[data-lab-card]>div strong{font-size:22px}[data-lab-card]>div small{color:#16a34a;font-weight:650}[data-lab-bars]{align-items:end;gap:4px;height:36px;display:flex}[data-lab-bars] i{background:#e5e7eb;border-radius:3px 3px 1px 1px;flex:1;min-width:0}[data-lab-bars] i:first-child{height:35%}[data-lab-bars] i:nth-child(2){height:52%}[data-lab-bars] i:nth-child(3){height:44%}[data-lab-bars] i:nth-child(4){background:color-mix(in srgb, var(--color-primary) 32%, white);height:67%}[data-lab-bars] i:nth-child(5){height:59%}[data-lab-bars] i:nth-child(6){background:color-mix(in srgb, var(--color-primary) 58%, white);height:78%}[data-lab-bars] i:nth-child(7){background:var(--color-primary);height:92%}[data-lab-card] footer span{color:#a3a3a8;font:500 6px / 1 var(--font-geist)}[data-lab-preview][data-kind=toggle] [data-lab-toggle]{gap:0;width:186px;padding:0;display:grid;overflow:hidden}[data-lab-toggle] header{border-bottom:1px solid #ececef;justify-content:space-between;align-items:start;padding:11px;display:flex}[data-lab-toggle] header>span,[data-lab-toggle] label>span{gap:3px;display:grid}[data-lab-toggle] b{color:#36363a;font:650 7px / 1 var(--font-geist)}[data-lab-toggle] small{color:#919197;font:500 6px / 1.2 var(--font-geist)}[data-lab-toggle] header em{color:#16a34a;font:600 6px / 1 var(--font-geist);font-style:normal}[data-lab-toggle] label{justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}[data-lab-toggle] label+label{border-top:1px solid #f0f0f2}[data-lab-toggle] label>i{flex:none;width:27px;height:16px}[data-lab-toggle] label:nth-child(3)>i{background:#d4d4d8}[data-lab-toggle] label:nth-child(3)>i:after{right:14px}[data-lab-inspector]{gap:5px;display:flex;position:absolute;bottom:39px;left:8px;right:8px}[data-lab-inspector] span{color:#9a9aa0;font:500 7px / 1 var(--font-geist);background:#ffffffdb;border:1px solid #e7e7ea;border-radius:6px;flex:1;padding:7px 8px}@media (max-width:640px){[data-lab-body]{grid-template-columns:102px 1fr}[data-lab-rail]{padding-inline:7px}[data-lab-rail] button{gap:7px;padding:10px 8px;font-size:9px}[data-lab-rail] button i{flex:none}[data-lab-properties]{width:150px}[data-lab-code]{font-size:7.5px}}[data-lab-inspector] b{float:right;color:#4b4b50;font-weight:650}[data-micro-demo]{z-index:20;cursor:crosshair;isolation:isolate;background:#fffffff0;border:1px solid #00000014;border-radius:16px;align-content:center;gap:13px;padding:18px;display:grid;position:absolute;inset:10% 8%;overflow:hidden;box-shadow:0 24px 50px -28px #00000073}[data-micro-demo]:before{z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--color-primary) 20%, transparent), transparent 70%);content:"";width:180px;height:180px;left:calc(var(--micro-x,.64) * 100% - 90px);top:calc(var(--micro-y,.45) * 100% - 90px);border-radius:999px;transition:left .12s linear,top .12s linear;position:absolute}[data-micro-head]{color:#737373;font:600 9px / 1 var(--font-geist-mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}[data-micro-value]{color:var(--color-primary);font-size:11px}[data-micro-track]{background:#eceef2;border-radius:999px;height:11px;position:relative;box-shadow:inset 0 1px 2px #00000014}[data-micro-fill]{width:calc(var(--micro-value,.64) * 100%);border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 30%, transparent);transition:clip-path .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}[data-micro-thumb]{top:50%;left:calc(var(--micro-value,.64) * 100%);background:var(--color-primary);border:4px solid #fff;border-radius:50%;width:20px;height:20px;transition:left .5s cubic-bezier(.22,1,.36,1),transform .18s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 14px #0000003d}[data-micro-demo]:hover [data-micro-thumb]{transform:translate(-50%,-50%)scale(1.14)}[data-micro-chips]{gap:6px;display:flex}[data-micro-chip]{color:#737373;font:600 9px / 1 var(--font-geist);text-align:center;background:#fff;border:1px solid #00000012;border-radius:9px;flex:1;padding:8px;transition:transform .25s cubic-bezier(.2,.8,.2,1),color .2s,border-color .2s}[data-micro-demo]:hover [data-micro-chip]:first-child{transform:translateY(-3px)rotate(-1deg)}[data-micro-demo]:hover [data-micro-chip]:nth-child(2){color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 35%, transparent);transform:translateY(2px)}[data-micro-demo]:hover [data-micro-chip]:nth-child(3){transform:translateY(-2px)rotate(1deg)}[data-chat-demo]{transition:box-shadow .3s;transform:none}[data-message-row]{transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .25s}[data-message-row]:nth-of-type(2n){transition-delay:35ms}[data-chat-demo]:hover [data-message-row]{transform:none}[data-demo-message]{align-items:flex-end;gap:7px;margin:9px 9px 0 auto;animation:.36s cubic-bezier(.22,1,.36,1) both chat-message-in;display:flex}[data-demo-message]>div{gap:3px;max-width:78%;margin-left:auto;display:grid}[data-demo-message] small{color:#a3a3a3;font:500 8px / 1 var(--font-geist);text-align:right}[data-demo-message] p{background:var(--color-primary);color:#fff;font:500 10px / 1.35 var(--font-geist);border-radius:12px 12px 3px;margin:0;padding:8px 10px}[data-demo-message=reply]{margin-left:9px;margin-right:auto}[data-demo-message=reply]>span{color:#fff;width:22px;height:22px;font:600 8px / 1 var(--font-geist);background:#171717;border-radius:7px;place-items:center;display:grid}[data-demo-message=reply]>div{margin-left:0;margin-right:auto}[data-demo-message=reply] small{text-align:left}[data-demo-message=reply] p{color:#404040;background:#fff;border-radius:12px 12px 12px 3px;box-shadow:inset 0 0 0 1px #e5e5e5}@keyframes chat-message-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes drew-avatar-spin{0%{transform:rotate(0)scale(1.06)}to{transform:rotate(-1turn)scale(1.06)}}[data-drew-cta]{isolation:isolate;min-width:124px;min-height:38px;position:relative;overflow:hidden}[data-drew-cta]:after{z-index:-1;content:"";background:linear-gradient(110deg,#0000 38%,#ffffff47 50%,#0000 62%);transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute;inset:-80% -20%;transform:translate(-70%)rotate(8deg)}[data-drew-label]{white-space:nowrap;padding:0 38px 0 12px;transition:transform .48s cubic-bezier(.22,1,.36,1)}[data-drew-avatar]{box-sizing:border-box;will-change:transform;border:1px solid #fffffff2;margin:0;transition:right .52s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1),box-shadow .3s;position:absolute;right:7px;transform:translate(0)rotate(0)}[data-drew-cta]:hover:after,[data-drew-cta]:focus-visible:after{transform:translate(70%)rotate(8deg)}[data-drew-cta]:hover [data-drew-label],[data-drew-cta]:focus-visible [data-drew-label]{transform:translate(25px)}[data-drew-cta]:hover [data-drew-avatar],[data-drew-cta]:focus-visible [data-drew-avatar]{right:calc(100% - 31px);box-shadow:0 0 0 1px #fffffff2,0 8px 18px #0000003d}[data-drew-cta]:hover [data-drew-avatar]{animation:.52s cubic-bezier(.22,1,.36,1) both drew-avatar-spin}[data-drew-cta]:focus-visible [data-drew-avatar]{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){[data-component-layout-demo] img,[data-micro-fill],[data-micro-thumb],[data-micro-chip],[data-chat-demo],[data-showcase-hover]>*,[data-customer-showcase],[data-drew-cta]:after,[data-drew-label],[data-drew-avatar]{transition:none}[data-drew-cta]:hover [data-drew-avatar]{animation:none}[data-chat-demo] [data-message-row]{transition:none}[data-chat-demo],[data-chat-demo]:hover,[data-customer-showcase-frame]:hover [data-customer-showcase],[data-customer-showcase-frame]:focus-within [data-customer-showcase],[data-drew-cta]:hover [data-drew-avatar],[data-drew-cta]:focus-visible [data-drew-avatar]{transform:none}}
.reference-marketplace-module__TZ-Nwa__collection{color:#262626;background-color:#f7f7f5;background-image:linear-gradient(90deg,#00000006 1px,#0000 1px),linear-gradient(#00000006 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #e5e5e5;border-radius:2rem;width:min(100% - 2rem,72rem);margin:0 auto 4rem;padding:clamp(3rem,8vw,6rem)}.reference-marketplace-module__TZ-Nwa__footerWrap{width:min(100% - 2rem,72rem);margin:0 auto}.reference-marketplace-module__TZ-Nwa__eyebrow{color:#737373;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem;font:.7rem/1.4 ui-monospace,monospace}.reference-marketplace-module__TZ-Nwa__collectionHeading{grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr);align-items:end;gap:2rem;display:grid}.reference-marketplace-module__TZ-Nwa__collectionHeading h2{letter-spacing:-.06em;max-width:16ch;margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:.95}.reference-marketplace-module__TZ-Nwa__collectionHeading p,.reference-marketplace-module__TZ-Nwa__card p{color:#737373;line-height:1.65}.reference-marketplace-module__TZ-Nwa__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:4rem;display:grid}.reference-marketplace-module__TZ-Nwa__card{min-height:15rem;color:inherit;background:#fff;border:1px solid #deded9;border-radius:1.25rem;gap:1rem;padding:1.5rem;text-decoration:none;transition:border-color .18s,transform .18s;display:grid}.reference-marketplace-module__TZ-Nwa__card:hover,.reference-marketplace-module__TZ-Nwa__card:focus-visible{border-color:#2667ff;transform:translateY(-3px)}.reference-marketplace-module__TZ-Nwa__card>span{color:#2667ff;text-transform:uppercase;font:.7rem/1.4 ui-monospace,monospace}.reference-marketplace-module__TZ-Nwa__card strong{letter-spacing:-.04em;align-self:end;font-size:clamp(1.5rem,3vw,2.5rem)}.reference-marketplace-module__TZ-Nwa__card p{margin:0}.reference-marketplace-module__TZ-Nwa__card em{font-style:normal;font-weight:600}.reference-marketplace-module__TZ-Nwa__collectionCta{width:max-content;color:inherit;border-bottom:1px solid;align-items:center;gap:.65rem;margin-top:2rem;padding-bottom:.25rem;font-size:.78rem;font-weight:600;text-decoration:none;display:flex}.reference-marketplace-module__TZ-Nwa__collectionCta span{color:#2667ff;transition:transform .18s}.reference-marketplace-module__TZ-Nwa__collectionCta:hover span,.reference-marketplace-module__TZ-Nwa__collectionCta:focus-visible span{transform:translate(2px,-2px)}@media (max-width:64rem){.reference-marketplace-module__TZ-Nwa__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:48rem){.reference-marketplace-module__TZ-Nwa__collection{padding:2rem 1.25rem}.reference-marketplace-module__TZ-Nwa__collectionHeading,.reference-marketplace-module__TZ-Nwa__grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.reference-marketplace-module__TZ-Nwa__card{transition:none}.reference-marketplace-module__TZ-Nwa__card:hover,.reference-marketplace-module__TZ-Nwa__card:focus-visible,.reference-marketplace-module__TZ-Nwa__collectionCta:hover span,.reference-marketplace-module__TZ-Nwa__collectionCta:focus-visible span{transform:none}}