@layer components{.djooni-reveal[data-reveal-ready]{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.djooni-reveal[data-revealed]{opacity:1;transform:translateY(0)}[data-djooni-reveal-stagger]>.djooni-reveal[data-reveal-ready]:nth-child(2){transition-delay:90ms}[data-djooni-reveal-stagger]>.djooni-reveal[data-reveal-ready]:nth-child(3){transition-delay:.18s}[data-djooni-reveal-stagger]>.djooni-reveal[data-reveal-ready]:nth-child(4){transition-delay:.27s}[data-djooni-reveal-stagger]>.djooni-reveal[data-reveal-ready]:nth-child(5){transition-delay:.36s}[data-djooni-reveal-stagger]>.djooni-reveal[data-reveal-ready]:nth-child(6){transition-delay:.45s}.djooni-demo-input-stroke,.djooni-demo-input-stroke-static{position:relative}.djooni-demo-input-stroke:after,.djooni-demo-input-stroke-static:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(to bottom, color-mix(in oklch, var(--brand-accent) 78%, oklch(100% 0 0) 22%), transparent);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.djooni-demo-input-stroke:after{opacity:0;animation:13s ease-in-out infinite djooni-demo-input-stroke}.djooni-demo-input-stroke-static:after{opacity:1}.djooni-demo-input-placeholder{animation:13s ease-in-out infinite djooni-demo-input-placeholder}.djooni-demo-input-url{opacity:0;animation:13s ease-in-out infinite djooni-demo-input-url}.djooni-demo-input-checkmark{opacity:0;width:0;margin-right:0;animation:13s ease-in-out infinite djooni-demo-input-checkmark;transform:scale(.5)}.djooni-demo-input-button{background-color:var(--card);animation:13s ease-in-out infinite djooni-demo-input-button}.djooni-demo-input-arrow{animation:13s ease-in-out infinite djooni-demo-input-arrow}.djooni-demo-input-check{opacity:0;animation:13s ease-in-out infinite djooni-demo-input-check}.djooni-demo-progress{opacity:0;grid-template-rows:0fr;animation:13s ease-in-out infinite djooni-demo-progress;transform:scale(.94)}.djooni-demo-progress-fill{transform-origin:0;animation:13s ease-in-out infinite djooni-demo-progress-fill;transform:scaleX(0)}[data-demo-offscreen] *,[data-demo-offscreen] .djooni-demo-input-stroke:after{animation-play-state:paused!important}.djooni-demo-row-1,.djooni-demo-row-2,.djooni-demo-row-3,.djooni-demo-row-4,.djooni-demo-row-5{opacity:0;grid-template-rows:0fr;animation-duration:13s;animation-timing-function:cubic-bezier(.34,1.2,.64,1);animation-iteration-count:infinite;transform:scale(.88)translateY(14px)}.djooni-demo-row-1{animation-name:djooni-demo-row-1}.djooni-demo-row-2{animation-name:djooni-demo-row-2}.djooni-demo-row-3{animation-name:djooni-demo-row-3}.djooni-demo-row-4{animation-name:djooni-demo-row-4}.djooni-demo-row-5{animation-name:djooni-demo-row-5}.djooni-soundwave{--soundwave-downscale:4;pointer-events:none;width:100%;height:100%}.djooni-soundwave__scaler{width:calc(100% / var(--soundwave-downscale));height:calc(100% / var(--soundwave-downscale));transform:scale(var(--soundwave-downscale));transform-origin:0 0;filter:blur(calc(var(--soundwave-blur,48px) / var(--soundwave-downscale)));will-change:transform;align-items:flex-end;gap:0;display:flex}.djooni-soundwave__bar{transform-origin:bottom;height:100%;transform:scaleY(var(--scale,.22));transition:transform var(--dur,.7s) ease-in-out;background:linear-gradient(180deg, transparent 0%, color-mix(in oklch, var(--brand-accent) 86%, transparent) 55%, oklch(100% 0 0/.82) 100%);border-top:calc(3px / var(--soundwave-downscale)) solid oklch(100% 0 0/.5);flex:1 1 0}.djooni-cover-sheet{--djooni-cover-gap:6px}.djooni-cover-column{animation-name:djooni-cover-scroll;animation-timing-function:linear;animation-iteration-count:infinite}@media (width>=64rem){.djooni-cover-sheet{--djooni-cover-gap:10px}}.djooni-cover-column:nth-child(2n){animation-direction:reverse}.djooni-cover-column:first-child{animation-duration:64s;animation-delay:-8s}.djooni-cover-column:nth-child(2){animation-duration:78s;animation-delay:-22s}.djooni-cover-column:nth-child(3){animation-duration:58s;animation-delay:-3s}.djooni-cover-column:nth-child(4){animation-duration:86s;animation-delay:-35s}.djooni-cover-column:nth-child(5){animation-duration:70s;animation-delay:-14s}.djooni-cover-column:nth-child(6){animation-duration:92s;animation-delay:-47s}.djooni-cover-column:nth-child(7){animation-duration:62s;animation-delay:-19s}.djooni-cover-column:nth-child(8){animation-duration:74s;animation-delay:-29s}@keyframes djooni-cover-scroll{0%{transform:translate(0,0)}to{transform:translate3d(0, calc(-50% - (var(--djooni-cover-gap) / 2)), 0)}}[data-cover-sheet-offscreen] .djooni-cover-column{animation-play-state:paused!important}@media (prefers-reduced-data:reduce){.djooni-cover-column{animation:none}}@keyframes djooni-demo-input-placeholder{0%,14%{opacity:1}16%,92%{opacity:0}96%,to{opacity:1}}@keyframes djooni-demo-input-url{0%,14%{opacity:0}18%,92%{opacity:1}95%,to{opacity:0}}@keyframes djooni-demo-input-checkmark{0%,14%{opacity:0;width:0;margin-right:0;transform:scale(.5)}20%,92%{opacity:1;width:1rem;margin-right:.5rem;transform:scale(1)}95%,to{opacity:0;width:0;margin-right:0;transform:scale(.5)}}@keyframes djooni-demo-input-button{0%,14%{background-color:var(--card);transform:scale(1)}18%,22%{background-color:var(--brand-accent);transform:scale(1)}23%{background-color:var(--brand-accent);transform:scale(.9)}25%,92%{background-color:var(--brand-accent);transform:scale(1)}95%,to{background-color:var(--card);transform:scale(1)}}@keyframes djooni-demo-input-arrow{0%,22%{opacity:1}25%,92%{opacity:0}95%,to{opacity:1}}@keyframes djooni-demo-input-check{0%,22%{opacity:0}25%,92%{opacity:1}95%,to{opacity:0}}@keyframes djooni-demo-progress{0%,23%{opacity:0;grid-template-rows:0fr;transform:scale(.94)}30%,92%{opacity:1;grid-template-rows:1fr;transform:scale(1)}94%,to{opacity:0;grid-template-rows:0fr;transform:scale(.94)}}@keyframes djooni-demo-progress-fill{0%,27%{transform:scaleX(0)}85%,92%{transform:scaleX(1)}94%,to{transform:scaleX(0)}}@keyframes djooni-demo-input-stroke{0%,25%{opacity:0}30%,92%{opacity:1}94%,to{opacity:0}}@keyframes djooni-demo-row-1{0%,32%{opacity:0;grid-template-rows:0fr;transform:scale(.88)translateY(14px)}40%,92%{opacity:1;grid-template-rows:1fr;transform:scale(1)translateY(0)}94%,to{opacity:0;grid-template-rows:0fr;transform:scale(.88)translateY(14px)}}@keyframes djooni-demo-row-2{0%,40%{opacity:0;grid-template-rows:0fr;transform:scale(.88)translateY(14px)}48%,92%{opacity:1;grid-template-rows:1fr;transform:scale(1)translateY(0)}94%,to{opacity:0;grid-template-rows:0fr;transform:scale(.88)translateY(14px)}}@keyframes djooni-demo-row-3{0%,48%{opacity:0;grid-template-rows:0fr;transform:scale(.88)translateY(14px)}56%,92%{opacity:1;grid-template-rows:1fr;transform:scale(1)translateY(0)}94%,to{opacity:0;grid-template-rows:0fr;transform:scale(.88)translateY(14px)}}@keyframes djooni-demo-row-4{0%,56%{opacity:0;grid-template-rows:0fr;transform:scale(.88)translateY(14px)}64%,92%{opacity:1;grid-template-rows:1fr;transform:scale(1)translateY(0)}94%,to{opacity:0;grid-template-rows:0fr;transform:scale(.88)translateY(14px)}}@keyframes djooni-demo-row-5{0%,64%{opacity:0;grid-template-rows:0fr;transform:scale(.88)translateY(14px)}72%,92%{opacity:1;grid-template-rows:1fr;transform:scale(1)translateY(0)}94%,to{opacity:0;grid-template-rows:0fr;transform:scale(.88)translateY(14px)}}@media (prefers-reduced-motion:reduce){.djooni-reveal[data-reveal-ready],.djooni-reveal[data-revealed]{opacity:1;transition:none;transform:none}[data-djooni-reveal-stagger]>.djooni-reveal[data-reveal-ready]{transition-delay:0s}.djooni-demo-input-stroke:after,.djooni-demo-input-placeholder,.djooni-demo-input-url,.djooni-demo-input-checkmark,.djooni-demo-input-button,.djooni-demo-input-arrow,.djooni-demo-input-check,.djooni-demo-progress,.djooni-demo-progress-fill,.djooni-demo-row-1,.djooni-demo-row-2,.djooni-demo-row-3,.djooni-demo-row-4,.djooni-demo-row-5,.djooni-cover-column{animation:none}.djooni-demo-input-stroke:after{opacity:1}.djooni-demo-input-placeholder{opacity:0}.djooni-demo-input-url,.djooni-demo-input-check,.djooni-demo-progress,.djooni-demo-row-1,.djooni-demo-row-2,.djooni-demo-row-3,.djooni-demo-row-4,.djooni-demo-row-5{opacity:1}.djooni-demo-input-checkmark{opacity:1;width:1rem;margin-right:.5rem;transform:none}.djooni-demo-input-button{background-color:var(--brand-accent);transform:none}.djooni-demo-input-arrow{opacity:0}.djooni-demo-progress,.djooni-demo-row-1,.djooni-demo-row-2,.djooni-demo-row-3,.djooni-demo-row-4,.djooni-demo-row-5{grid-template-rows:1fr;transform:none}.djooni-demo-progress-fill{transform:scaleX(1)}.djooni-soundwave__bar{transition:none;transform:scaleY(.4)}}.djooni-step-stage:after{content:"";background:linear-gradient(to bottom, transparent, var(--card));pointer-events:none;height:34%;position:absolute;inset:auto 0 0}[data-step-offscreen] *{animation-play-state:paused!important}.djooni-step-caret{animation:1.1s steps(2,jump-none) infinite djooni-step-caret}.djooni-step-bar{height:calc(var(--djooni-bar,.5) * 100%)}.djooni-step-wave .djooni-step-bar:nth-child(5n+1){--djooni-bar:.38}.djooni-step-wave .djooni-step-bar:nth-child(5n+2){--djooni-bar:.72}.djooni-step-wave .djooni-step-bar:nth-child(5n+3){--djooni-bar:.5}.djooni-step-wave .djooni-step-bar:nth-child(5n+4){--djooni-bar:.86}.djooni-step-wave .djooni-step-bar:nth-child(5n+5){--djooni-bar:.28}.djooni-step-wave .djooni-step-bar:nth-child(7n+2){--djooni-bar:.96}.djooni-step-wave .djooni-step-bar:nth-child(7n+5){--djooni-bar:.44}.djooni-step-wave .djooni-step-bar:nth-child(11n+3){--djooni-bar:.62}.djooni-step-wave .djooni-step-bar:nth-child(11n+8){--djooni-bar:.2}.djooni-step-wave .djooni-step-bar:nth-child(13n+6){--djooni-bar:1}.djooni-step-lit{clip-path:inset(0 100% 0 0);animation:8s linear infinite djooni-step-scan-clip}.djooni-step-lit .djooni-step-bar{background:0 0}.djooni-step-lit .djooni-step-bar:nth-child(n+9):nth-child(-n+17),.djooni-step-lit .djooni-step-bar:nth-child(n+29):nth-child(-n+39),.djooni-step-lit .djooni-step-bar:nth-child(n+50):nth-child(-n+58){background:var(--brand-live)}.djooni-step-head{animation:8s linear infinite djooni-step-scan-head;transform:translate(-100%)}.djooni-step-head:after{content:"";background:var(--foreground);width:1px;box-shadow:0 0 12px 1px color-mix(in srgb, var(--foreground) 40%, transparent);border-radius:9999px;position:absolute;top:-.5rem;bottom:-.5rem;right:0}.djooni-step-match{opacity:0;animation:8s linear infinite djooni-step-match}@keyframes djooni-step-caret{0%,to{opacity:1}50%{opacity:0}}@keyframes djooni-step-scan-clip{0%{clip-path:inset(0 100% 0 0);opacity:1}86%{clip-path:inset(0);opacity:1}95%{clip-path:inset(0);opacity:1}to{clip-path:inset(0);opacity:0}}@keyframes djooni-step-scan-head{0%{opacity:1;transform:translate(-100%)}86%{opacity:1;transform:translate(0)}92%,to{opacity:0;transform:translate(0)}}@keyframes djooni-step-match{0%,54%{opacity:0;transform:translateY(calc(6px - 100%))}60%,94%{opacity:1;transform:translateY(-100%)}to{opacity:0;transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.djooni-step-caret,.djooni-step-lit,.djooni-step-head,.djooni-step-match{animation:none}.djooni-step-lit{clip-path:inset(0 42% 0 0)}.djooni-step-head{transform:translate(-42%)}.djooni-step-match{opacity:1;transform:translateY(-100%)}}.djooni-rescan-fill,.djooni-rescan-head{transition:transform .7s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.djooni-rescan-fill,.djooni-rescan-head{transition:none}}}