.auth-showcase-phone{filter:drop-shadow(0 14px 22px #00000029)drop-shadow(0 2px 4px #0000001a);position:absolute}.dark .auth-showcase-phone{filter:drop-shadow(0 14px 22px #00000080)}.auth-showcase-screen{object-fit:cover;object-position:top;width:100%;height:100%;display:block;position:absolute;inset:0}.auth-showcase-screen[data-theme=dark],.dark .auth-showcase-screen[data-theme=light]{display:none}.dark .auth-showcase-screen[data-theme=dark]{display:block}.auth-showcase-fan{--auth-showcase-width:calc(16.5cqh + 113px);--auth-showcase-top:calc(100cqh - var(--auth-showcase-width) * 992 / 494 * .9);position:absolute;inset:0;container-type:size}.auth-showcase-fan__middle{z-index:2;top:var(--auth-showcase-top);left:calc(50% - var(--auth-showcase-width) / 2);width:var(--auth-showcase-width)}.auth-showcase-fan__left,.auth-showcase-fan__right{top:calc(var(--auth-showcase-top) + 26px);width:calc(var(--auth-showcase-width) * .92)}.auth-showcase-fan__left{right:calc(50% + var(--auth-showcase-width) * .21);rotate:-8deg}.auth-showcase-fan__right{left:calc(50% + var(--auth-showcase-width) * .21);rotate:8deg}.auth-showcase-flow{position:absolute;top:50%;left:50%;translate:-50% -50%}.auth-showcase-flow__lines{width:100%;height:100%;position:absolute;inset:0}.auth-showcase-flow__lines path{fill:none;stroke:color-mix(in oklab, var(--foreground) 24%, transparent);stroke-width:1.75px}.auth-showcase-flow__lines circle{fill:color-mix(in oklab, var(--foreground) 30%, transparent)}.auth-showcase-flow__lines [data-state=live] path{stroke:var(--accent)}.auth-showcase-flow__lines [data-state=live] circle{fill:var(--accent)}.auth-showcase-flow__lane{display:grid;position:absolute}.auth-showcase-thread{background:var(--surface);box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 7%, transparent), 0 1px 2px #0000000d;white-space:nowrap;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:2px 10px;padding:0 14px;display:grid}.auth-showcase-thread svg{width:16px;height:16px;color:var(--muted);grid-row:span 2;align-self:center}.auth-showcase-thread b{color:var(--foreground);font-size:13.5px;font-weight:500;line-height:18px}.auth-showcase-thread small{color:var(--muted);align-items:center;gap:6px;font-size:12px;line-height:16px;display:flex}.auth-showcase-thread i{background:color-mix(in oklab, var(--foreground) 30%, transparent);border-radius:999px;flex:none;width:6px;height:6px}.auth-showcase-thread[data-state=live] i{background:var(--accent);box-shadow:0 0 0 2.5px color-mix(in oklab, var(--accent) 22%, transparent)}.auth-showcase-thread[data-state=ready] i{background:var(--success)}.auth-showcase-launch{width:400px;position:absolute;top:50%;left:50%;translate:-50% -50%}.auth-showcase-store{background:var(--surface);box-shadow:var(--overlay-shadow);border-radius:22px;padding:18px}.auth-showcase-store__head{align-items:center;gap:14px;display:flex}.auth-showcase-store__head b{color:var(--foreground);font-size:17px;font-weight:600;line-height:22px;display:block}.auth-showcase-store__head small{color:var(--muted);font-size:13.5px;line-height:18px;display:block}.auth-showcase-store__icon{background:linear-gradient(160deg, color-mix(in oklab, var(--auth-showcase-accent), white 14%), var(--auth-showcase-accent) 60%);color:#fff;border-radius:15px;flex:none;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 0 0 .5px #0000001a}.auth-showcase-store__get{background:var(--default);height:32px;color:var(--accent);border-radius:999px;flex:none;place-items:center;margin-left:auto;padding:0 18px;font-size:14px;font-weight:700;display:grid}.auth-showcase-store__shots{gap:10px;margin-top:16px;display:flex}.auth-showcase-store__shots span{height:216px;box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 8%, transparent);border-radius:14px;flex:1;position:relative;overflow:hidden}.auth-showcase-tag{z-index:2;background:var(--surface);height:36px;box-shadow:var(--overlay-shadow);color:var(--foreground);white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:0 14px 0 6px;font-size:13.5px;font-weight:500;display:flex;position:absolute;left:-20px}.auth-showcase-tag>span{background:var(--surface-secondary);width:24px;height:24px;color:var(--foreground);border-radius:999px;place-items:center;display:grid}.auth-showcase-place{--auth-showcase-place-top:calc(100% - 311px);position:absolute;inset:0}.auth-showcase-place__app{bottom:-42px;left:50%;translate:-50%}.auth-showcase-area{z-index:2;background:var(--surface);box-shadow:var(--overlay-shadow);border-radius:14px;gap:8px;padding:10px 12px 12px;display:grid;position:absolute}.auth-showcase-place__data,.auth-showcase-place__design,.auth-showcase-place__users,.auth-showcase-place__payments{width:150px}.auth-showcase-place__data{top:calc(var(--auth-showcase-place-top) - 44px);left:calc(50% - 226px)}.auth-showcase-place__design{top:calc(var(--auth-showcase-place-top) + 186px);left:calc(50% - 226px)}.auth-showcase-place__users{top:calc(var(--auth-showcase-place-top) - 8px);right:calc(50% - 226px)}.auth-showcase-place__payments{top:calc(var(--auth-showcase-place-top) + 140px);right:calc(50% - 226px)}.auth-showcase-area__head{color:var(--foreground);align-items:center;gap:7px;font-size:12.5px;font-weight:600;line-height:18px;display:flex}.auth-showcase-area__tile{--icon-tile-size:18px;--icon-tile-radius:5.5px;--icon-tile-glyph:11px}.auth-showcase-collections{gap:5px;display:grid}.auth-showcase-collections span{border-top:1px solid var(--separator);color:var(--foreground);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:space-between;align-items:baseline;gap:8px;padding-top:5px;font-size:12px;line-height:16px;display:flex}.auth-showcase-collections span:first-child{border-top:0;padding-top:0}.auth-showcase-collections em{font-family:var(--font-mono);color:var(--muted);font-size:10px;font-style:normal}.auth-showcase-person{white-space:nowrap;display:grid}.auth-showcase-person b,.auth-showcase-paid b{color:var(--foreground);font-weight:600;display:block}.auth-showcase-person b{font-size:13px;line-height:17px}.auth-showcase-person small,.auth-showcase-paid small{color:var(--muted);font-size:12px;line-height:16px;display:block}.auth-showcase-paid b{font-variant-numeric:tabular-nums;font-size:20px;line-height:24px}.auth-showcase-swatches{align-items:center;gap:5px;display:flex}.auth-showcase-swatches i{width:20px;height:20px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 16%, transparent);border-radius:999px}.auth-showcase-swatches em{letter-spacing:-.02em;color:var(--foreground);margin-left:auto;font-size:22px;font-style:normal;font-weight:600;line-height:1}