@property --p{syntax:"<number>";inherits:true;initial-value:.22}@property --ta{syntax:"<number>";inherits:true;initial-value:0}@property --tx{syntax:"<number>";inherits:true;initial-value:0}@property --tc{syntax:"<number>";inherits:true;initial-value:0}@property --td{syntax:"<number>";inherits:true;initial-value:0}@property --a{syntax:"<number>";inherits:true;initial-value:0}@property --x{syntax:"<number>";inherits:true;initial-value:0}@property --c{syntax:"<number>";inherits:true;initial-value:0}@property --o{syntax:"<number>";inherits:true;initial-value:0}@property --d{syntax:"<number>";inherits:true;initial-value:0}@property --q{syntax:"<number>";inherits:true;initial-value:0}@property --b{syntax:"<number>";inherits:true;initial-value:0}.submit-story{--ta:clamp(0, (var(--p) - .02) / .18, 1);--tx:clamp(0, (var(--p) - .26) / .24, 1);--tc:clamp(0, (var(--p) - .58) / .24, 1);--td:clamp(0, (var(--p) - .4) / .12, 1);--a:calc(var(--ta) * var(--ta) * (3 - 2 * var(--ta)));--x:calc(var(--tx) * var(--tx) * (3 - 2 * var(--tx)));--c:calc(var(--tc) * var(--tc) * (3 - 2 * var(--tc)));--o:calc(var(--x) - var(--c));--d:calc(var(--td) * var(--td) * (3 - 2 * var(--td)) * (1 - clamp(0, (var(--p) - .56) / .05, 1)));--q:clamp(0, (var(--p) - .7) / .18, 1);--b:clamp(0, (var(--p) - .86) / .08, 1)}.submit-panel{align-items:center;gap:2.5rem;padding:1.5rem;display:grid}.submit-steps{gap:.875rem;font-size:.875rem;font-weight:500;display:grid}.submit-steps li{align-items:center;gap:.875rem;display:flex}.submit-steps li span{color:var(--primary);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:600}.submit-scene{contain:layout paint;border:1px solid color-mix(in oklab, var(--foreground) 8%, transparent);background:var(--background);width:100%;max-width:28rem;height:376px;box-shadow:0 24px 64px -32px color-mix(in oklab, var(--foreground) 30%, transparent);border-radius:1.5rem;margin-inline:auto;position:relative;overflow:hidden}.submit-scene>*,.submit-card>*{margin:0;position:absolute}.submit-search{background:var(--muted);height:44px;color:var(--muted-foreground);border-radius:999px;align-items:center;gap:.625rem;padding-inline:1rem;font-size:.8125rem;display:flex;inset:12px 12px auto}.submit-placeholder{opacity:calc(1 - var(--c) * 2);position:absolute;left:2.625rem}.submit-query{max-width:calc(var(--q) * 13rem);color:var(--foreground);white-space:nowrap;display:inline-block;overflow:hidden}.submit-cursor{background:var(--primary);width:1.5px;height:1rem;opacity:calc(var(--c) * 3 - 2);margin-left:-.5rem}.submit-label{color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:500;top:68px;left:20px}.submit-label-list{opacity:calc(1 - var(--c) * 2)}.submit-label-search{opacity:calc(var(--c) * 2 - 1)}.submit-row{opacity:.55;align-items:center;gap:.75rem;height:64px;padding-inline:.75rem;display:flex;left:8px;right:8px}.submit-row img{border:1px solid var(--border);object-fit:contain;border-radius:12px;flex-shrink:0;width:40px;height:40px;padding:4px}.submit-row-0{top:calc(92px + 68px * var(--c))}.submit-row-1{top:calc(160px + 68px * var(--a))}.submit-row-2{top:calc(228px + 68px * var(--a))}.submit-card{z-index:1;background:var(--background);top:calc((160px - 68px * var(--c)) * (1 - var(--o)));left:calc(8px * (1 - var(--o)));right:calc(8px * (1 - var(--o)));height:calc(64px + 312px * var(--o));border-radius:calc(16px + 8px * var(--o));opacity:calc(var(--a) * 2);transform:translateY(calc(-28px * (1 - var(--a)))) scale(calc(1 + .04 * (1 - var(--a))));box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--primary) calc((1 - var(--o)) * 100%), transparent), 0 calc(8px + 16px * (1 - var(--a))) calc(24px + 24px * (1 - var(--a))) -12px color-mix(in oklab, var(--primary) calc((1 - var(--o)) * 50%), transparent);overflow:hidden}.submit-address{border-bottom:1px solid var(--border);height:44px;color:var(--muted-foreground);opacity:var(--d);align-items:center;gap:.5rem;padding-inline:1.25rem;font-size:.6875rem;display:flex;inset:0 0 auto}.submit-address i{background:color-mix(in oklab, var(--primary) 60%, transparent);border-radius:50%;width:6px;height:6px}.submit-icon{color:var(--primary-foreground);left:calc(12px + 12px * var(--o));top:calc(12px + 52px * var(--o));width:calc(40px + 24px * var(--o));height:calc(40px + 24px * var(--o));border-radius:calc(12px + 6px * var(--o));background:linear-gradient(150deg, color-mix(in oklab, var(--primary) 80%, white), var(--primary));box-shadow:0 calc(6px * var(--o)) calc(16px * var(--o)) -6px color-mix(in oklab, var(--primary) 70%, transparent);justify-content:center;align-items:center;display:flex}.submit-icon svg{width:calc(18px + 10px * var(--o));height:auto}.submit-name{left:calc(64px + 40px * var(--o));top:calc(13px + 57px * var(--o));font-size:calc(14px + 10px * var(--o));letter-spacing:calc(-.02em * var(--o));white-space:nowrap;font-weight:600;line-height:1.3}.submit-sub{left:calc(64px + 40px * var(--o));top:calc(35px + 71px * var(--o));color:var(--muted-foreground);white-space:nowrap;opacity:calc(1 - var(--o) * 2);font-size:.75rem}.submit-arrow{color:var(--primary);opacity:calc((1 - var(--o) * 3) * (1 - var(--b)));top:24px;right:16px}.submit-badge{background:color-mix(in oklab, var(--primary) 12%, transparent);color:var(--primary);opacity:var(--b);transform:scale(calc(.85 + .15 * var(--b)));border-radius:999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;top:20px;right:12px}.submit-tagline{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;opacity:var(--d);transform:translateY(calc(6px * (1 - var(--d))));font-size:.8125rem;top:106px;left:104px;right:16px;overflow:hidden}.submit-body{opacity:var(--d);transform:translateY(calc(12px * (1 - var(--d))));flex-direction:column;display:flex;inset:152px 24px 20px}.submit-shots{flex:1;grid-template-columns:repeat(3,1fr);gap:.5rem;min-height:0;margin-block:1rem;display:grid}.submit-shots i{background:linear-gradient(160deg, color-mix(in oklab, var(--primary) 14%, var(--muted)), var(--muted));border-radius:.75rem}@media (width<=639px){.submit-shots{display:none}}@media (width>=640px){.submit-panel{padding:3rem}}@media (width>=1024px){.submit-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;min-height:520px;padding:3.5rem}}@media (prefers-reduced-motion:no-preference) and (width>=1024px) and (height>=700px){.submit-story{height:210svh}.submit-pin{align-items:center;height:100svh;display:flex;position:sticky;top:0}.submit-panel{width:100%}.submit-steps{padding-left:1.25rem;position:relative}.submit-steps:before,.submit-steps:after{content:"";background:var(--border);border-radius:1px;width:2px;position:absolute;inset:.25rem auto .25rem 0}.submit-steps:after{background:var(--primary);transform-origin:top;transform:scaleY(var(--p))}.submit-steps li{opacity:calc(.35 + .65 * var(--w))}.submit-steps li:first-child{--w:calc(1 - var(--x))}.submit-steps li:nth-child(2){--w:var(--o)}.submit-steps li:nth-child(3){--w:var(--c)}}