.demo-stage{--demo-brand:#a4452c;--demo-brand-tint:color-mix(in srgb, var(--demo-brand) 10%, var(--color-paper))}.demo-micro{font-size:11px;line-height:1.3}.demo-small{font-size:12px;line-height:1.4}.demo-label{font-size:13px;line-height:1.35}.demo-micro:lang(ar){font-size:12px;line-height:1.55}.demo-small:lang(ar){font-size:13px;line-height:1.65}.demo-label:lang(ar){font-size:14px;line-height:1.5}.demo-stage[data-instant] .demo-layer *,.demo-stage[data-instant] .demo-layer :before,.demo-stage[data-instant] .demo-layer :after,.demo-stage[data-reduced] *,.demo-stage[data-reduced] :before,.demo-stage[data-reduced] :after{transition-delay:0s!important}.demo-stage[data-instant] .demo-layer *,.demo-stage[data-instant] .demo-layer :before,.demo-stage[data-instant] .demo-layer :after{transition-duration:0s!important}.demo-layer{transition:opacity .15s ease-out}.demo-stage[data-fading] .demo-layer{opacity:0}.demo-word{opacity:0;transition:opacity .14s var(--ease-out-quart), transform .14s var(--ease-out-quart);display:inline-block;transform:translateY(2px)}.demo-word[data-on]{opacity:1;transform:none}.demo-caret{background:var(--color-primary);width:1.5px;height:1.25em;animation:1s step-end infinite paused demo-blink;position:absolute;top:0;left:0}.demo-stage[data-running] .demo-caret{animation-play-state:running}.demo-dictation[data-done] .demo-caret{visibility:hidden}@keyframes demo-blink{50%{opacity:0}}.demo-keyboard{transition:opacity .2s ease-out}.demo-keyboard[data-off]{opacity:0}.demo-bubble{opacity:0;transition:opacity .24s var(--ease-out-quart), transform .24s var(--ease-out-quart);transform:translateY(8px)}.demo-bubble[data-phase="1"],.demo-bubble[data-phase="2"]{opacity:1;transform:none}.demo-bubble-ring{transition:opacity .4s ease-out}.demo-bubble[data-phase="2"] .demo-bubble-ring{opacity:0}.demo-bubble-check{opacity:0;transition:opacity .2s ease-out, transform .2s var(--ease-out-quart);transform:scale(.6)}.demo-bubble[data-phase="2"] .demo-bubble-check{opacity:1;transform:none}.demo-bubble[data-overlay][data-phase="2"]{opacity:0;transition-delay:.7s;transform:translateY(8px)}.demo-view-phone,.demo-view-paper{transition:opacity .3s var(--ease-out-quart)}.demo-view-paper,.demo-screen[data-view=paper] .demo-view-phone{opacity:0}.demo-screen[data-view=paper] .demo-view-paper{opacity:1}.demo-row{isolation:isolate;clip-path:inset(0 100% 0 0);transition:clip-path .36s var(--ease-out-quart);position:relative}.demo-row[data-on]{clip-path:inset(0)}.demo-detail{opacity:0;transition:opacity .2s ease-out}.demo-row[data-detail] .demo-detail{opacity:1}.demo-fold{transition:grid-template-rows .3s var(--ease-out-quart) .15s;grid-template-rows:1fr;display:grid}.demo-page[data-annotations="2"] .demo-fold{grid-template-rows:0fr}.demo-page[data-annotations="2"] .demo-row .demo-detail{opacity:0;transition-duration:.3s}.demo-stage .demo-page[data-annotations="2"] .demo-slot[data-on] .demo-chip{opacity:0;transition:opacity .3s ease-out}.demo-sticker{opacity:0;transition:opacity .25s ease-out, transform .25s var(--ease-out-quart);transform:translateY(-3px)}.demo-sticker[data-on]{opacity:1;transition-delay:.2s;transform:none}.demo-scan{opacity:0;transform:translateY(var(--scan-y,0px));transition:transform .36s var(--ease-out-quart), opacity .2s ease-out}.demo-scan[data-on]{opacity:1}.demo-stage[data-fly] .demo-scan[data-on]{transition-delay:0s,.45s}.demo-price[data-typing]{outline:2px solid var(--color-primary);outline-offset:0}.demo-finger,.demo-ripple{left:var(--fx,0px);top:var(--fy,0px);pointer-events:none;border-radius:9999px;width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute}.demo-finger{background:color-mix(in srgb, var(--color-primary) 20%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 45%, transparent);opacity:0;transition:opacity .2s ease-out, transform .3s var(--ease-out-quart);transform:translate(40px,64px)scale(.8)}.demo-pointer[data-phase="1"] .demo-finger{opacity:1;transform:translate(40px,64px)}.demo-pointer[data-phase="2"] .demo-finger,.demo-pointer[data-phase="3"] .demo-finger{opacity:1;transform:none}.demo-ripple{background:var(--color-primary);opacity:0;transform:scale(0)}.demo-pointer[data-phase="3"] .demo-ripple{animation:.45s ease-out both demo-ripple}@keyframes demo-ripple{0%{opacity:.35;transform:scale(0)}to{opacity:0;transform:scale(1.6)}}.demo-slot{position:relative}.demo-slot:before{content:"";border:1px dashed var(--color-line-strong);border-radius:4px;transition:opacity .2s ease-out;position:absolute;inset:-2px -3px}.demo-slot[data-on]:before{opacity:0}.demo-slot .demo-chip{opacity:0;transition:opacity .2s ease-out, transform .24s var(--ease-out-quart);transform:translateY(8px)}.demo-slot[data-on] .demo-chip{opacity:1;transform:none}.demo-slot-title{opacity:0;transition:opacity .2s ease-out .12s}.demo-slot[data-on] .demo-slot-title{opacity:1}.demo-slot-body{clip-path:inset(0 0 100%);transition:clip-path .3s var(--ease-out-quart) .2s}.demo-slot[data-on] .demo-slot-body{clip-path:inset(0)}.demo-stage[data-fly] .demo-slot[data-on] .demo-chip{transition:opacity 1ms linear .5s,transform}.demo-stage[data-fly] .demo-slot[data-on]:before,.demo-stage[data-fly] .demo-slot[data-on] .demo-slot-title{transition-delay:.52s}.demo-stage[data-fly] .demo-slot[data-on] .demo-slot-body{transition-delay:.6s}.demo-stage[data-fly] .demo-slot-local[data-on] .demo-chip{transition:opacity .2s ease-out, transform .24s var(--ease-out-quart)}.demo-stage[data-fly] .demo-slot-local[data-on]:before{transition-delay:0s}.demo-stage[data-fly] .demo-slot-local[data-on] .demo-slot-title{transition-delay:.12s}.demo-stage[data-fly] .demo-slot-local[data-on] .demo-slot-body{transition-delay:.2s}.demo-number-draft{transition:opacity .2s ease-out}.demo-number{opacity:0;transition:opacity .26s var(--ease-stamp), transform .26s var(--ease-stamp);transform:scale(1.25)rotate(-3deg)}.demo-numbox[data-on] .demo-number-draft{opacity:0}.demo-numbox[data-on] .demo-number{opacity:1;transform:none}.demo-watermark{transition:opacity .2s ease-out}.demo-watermark[data-off]{opacity:0}.demo-page{transition:transform .45s var(--ease-in-out-cubic)}.demo-page[data-pan="1"]{transform:translateY(calc(var(--pan,0px) * -1))}.demo-sheet{transform-origin:50% 0;transition:transform .32s var(--ease-out-quart)}.demo-sheet[data-shrink]{transform:scale(.94)}.demo-pdf{opacity:0;transition:opacity .32s var(--ease-out-quart), transform .32s var(--ease-out-quart);transform:translateY(16px)}.demo-pdf[data-on]{opacity:1;transform:none}[data-ghost]{opacity:1!important;transition:none!important}.demo-rail-fill{transform:scaleX(0)}