Step 4 of 5 · Aura · 2 hrs
Add-ons
Make more of your two hours. Change any time before the session.
Episode edit
AED 350 per episode3× Advanced reels
AED 600 per pack of 3Extra camera
AED 150 per session
AED
Option 1 · Row stepperStyle: Swiss rows, monochrome + one accent · Components: 56 px+ list rows, segmented − n + · Art: none · Motion: digits roll, count bumps, row tints · Material: flat
segmented stepper (0–9, − disabled at 0) · rolling digits in CSS transforms · hex ripple on +Step 4 of 5 · Aura · 2 hrs
Add-ons
Tap Add. It turns into a counter right where your thumb is.
Episode edit
AED 350 per episode3× Advanced reels
AED 600 per pack of 3Extra camera
AED 150 per session
AED
Option 2 · Morph in placeStyle: SIGNATURE, quiet · Components: Add pill that morphs into − n +, the + never moves · Art: none · Motion: 260 ms width morph, count bump · Material: flat
SigQty re-made in CSS: max-inline-size + padding transition, right-anchored (left in RTL)Step 4 of 5 · Aura · 2 hrs
Add-ons

Episode edit
AED 350 per episodeAdded
3× Advanced reels
AED 600 per pack of 3Added
Extra camera
AED 150 per sessionAdded
AED
Option 3 · Media-first cardsStyle: natural-light documentary · Components: thumbnail-left card, stepper on the card, selected stroke + glow + "Added" · Art: real room frames · Motion: stroke + check pop 180 ms · Material: flat
2 px --primary inset stroke + 12 px glow α .45 (rule 32) · poster thumbnails, no video iframesStep 4 of 5 · Aura · 2 hrs
Add-ons
Tap to add. Hold a chip or tap its number to change the count.
Episode edit
Option 4 · Chips with a count badgeStyle: monochrome + one accent · Components: toggle chips, count badge, inline editor, sticky total bar · Art: none · Motion: badge pops, editor unfolds 260 ms · Material: flat
aria-pressed chips · long-press 450 ms timer · grid-template-rows 0fr → 1fr editorAura · Fri 16 Oct · 12:00
Add to your session
Episode edit
AED 350 per episode3× Advanced reels
AED 600 per pack of 3Extra camera
AED 150 per session
Option 5 · Glass sheetStyle: glass control layer over media · Components: bottom sheet, glass steppers, pinned total · Art: the real Aura room · Motion: digits roll, stroke on select · Material: frosted glass (sheet only)
backdrop-filter blur(24px) over an 80 % surface tint, @supports solid fallback