.more-scene{position:relative;width:min(82%,320px);height:158px;border:2px solid var(--ink);border-radius:14px;background:#fff;box-shadow:5px 6px 0 var(--ink);overflow:hidden;font-size:10px;font-weight:900}.more-scene .more-label{position:absolute;top:9px;left:11px;z-index:4;font-size:9px;letter-spacing:.08em;color:#6b5d47}.more-scene>b{position:absolute;bottom:7px;left:10px;z-index:5;padding:3px 7px;border:1px solid var(--ink);border-radius:5px;background:#fff;font-size:10px;white-space:nowrap}.motion-demo-large .more-scene{width:min(75%,450px);height:250px;font-size:14px}.motion-demo-large .more-scene>b{font-size:13px}.more-scroll{background:#e8f5fb}.more-scroll-window{position:absolute;inset:30px 18px 31px;border:2px solid var(--ink);border-radius:9px;background:#fff;overflow:hidden;display:grid;place-items:center}.more-scroll-window>span{position:absolute;bottom:6px;right:7px;font-size:8px;color:#6f6658}.more-scroll-line{position:absolute;top:5px;left:7px;bottom:5px;border-left:2px dashed #83a8bb}.more-scroll-object{width:58px;height:58px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:12px;background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font-size:30px}.more-scroll-progress{position:absolute;right:7px;top:35px;bottom:35px;width:4px;border-radius:5px;background:#bfd0d9}.more-scroll-progress i{display:block;width:100%;height:100%;background:#e5a800;transform-origin:top;animation:more-progress 4s infinite}.demo-scroll-opacity .more-scroll-object{animation:more-opacity 4s infinite}.demo-scroll-scale .more-scroll-object{animation:more-scale 4s infinite}.demo-scroll-rotation .more-scroll-object{animation:more-rotate 4s infinite}.demo-scroll-blur .more-scroll-object{animation:more-blur 4s infinite}.demo-scroll-color .more-scroll-window{animation:more-color 4s infinite}.more-scrollnav{background:#e6f1fb}.more-scrollnav-window{position:absolute;inset:29px 25px 30px;border:2px solid var(--ink);border-radius:8px;background:#fff;overflow:hidden}.more-scrollnav-content{display:grid;gap:5px;padding:8px;animation:more-scroll-list 4s infinite}.more-scrollnav-content span{display:block;padding:5px;border-radius:4px;background:#dcecf5;font-size:9px}.more-scrollnav-content span:nth-child(3){background:var(--yellow)}.more-scrollnav-target{position:absolute;right:10px;bottom:9px;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:16px;font-style:normal;animation:more-target 4s infinite}.more-scrollnav-shadow{position:absolute;left:0;right:0;top:0;height:18px;background:linear-gradient(#30271960,transparent);animation:more-shadow 4s infinite}.demo-scroll-anchoring .more-scrollnav-content span:first-child{animation:more-insert 4s infinite}.demo-scroll-anchoring .more-scrollnav-content{animation:more-anchor 4s infinite}.demo-scroll-to-error .more-scrollnav-content span:nth-child(3){animation:more-error 4s infinite}.demo-scroll-to-error .more-scrollnav-target{animation:more-target 4s infinite}.demo-scroll-shadow .more-scrollnav-shadow{animation:more-shadow 4s infinite}.demo-scroll-cue .more-scrollnav-target{animation:more-cue 2.4s infinite}.demo-nested-scroll .more-scrollnav-content{animation:more-nested 4s infinite}.more-transition{background:#fce6ea;perspective:500px}.more-transition-window{position:absolute;inset:30px 20px 32px;border:2px solid var(--ink);border-radius:8px;background:#f6f3eb;overflow:hidden;perspective:450px}.more-transition-window span{position:absolute;inset:8px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:6px;font-size:18px}.more-transition-a{background:#b8daf5}.more-transition-b{background:#ffe17a}.demo-slide-transition .more-transition-a{animation:more-old-slide 4s infinite}.demo-slide-transition .more-transition-b{animation:more-new-slide 4s infinite}.demo-zoom-transition .more-transition-a{animation:more-old-zoom 4s infinite}.demo-zoom-transition .more-transition-b{animation:more-new-zoom 4s infinite}.demo-wipe-transition .more-transition-a{animation:more-old-fade 4s infinite}.demo-wipe-transition .more-transition-b{animation:more-new-wipe 4s infinite}.demo-flip-transition .more-transition-a{backface-visibility:hidden;animation:more-old-flip 4s infinite}.demo-flip-transition .more-transition-b{backface-visibility:hidden;animation:more-new-flip 4s infinite}.demo-scale-fade .more-transition-a{animation:more-old-fade 4s infinite}.demo-scale-fade .more-transition-b{animation:more-new-scale 4s infinite}.more-timing{background:#f5ebfc}.more-timing-track{position:absolute;left:25px;right:25px;top:76px;height:4px;border-radius:5px;background:#c3add9}.more-timing-end,.more-timing-start{position:absolute;top:-5px;width:14px;height:14px;border:2px solid var(--ink);border-radius:50%;background:#fff}.more-timing-start{left:0}.more-timing-end{right:0;background:var(--yellow)}.more-timing-ball{position:absolute;left:0;top:-21px;display:grid;place-items:center;width:42px;height:42px;background:var(--yellow);font-size:20px;animation:more-timing-forward 4s infinite}.more-timing-ball,.more-timing-tail{border:2px solid var(--ink);border-radius:50%}.more-timing-tail{position:absolute;left:15px;top:-14px;width:20px;height:28px;background:#f5c4da;z-index:-1;animation:more-tail 4s infinite}.demo-anticipation .more-timing-ball{animation:more-anticipation 4s infinite}.demo-overshoot .more-timing-ball{animation:more-overshoot 4s infinite}.demo-follow-through .more-timing-ball{animation:more-timing-forward 4s infinite}.demo-hold-frame .more-timing-ball{animation:more-hold 4s infinite}.demo-reverse-animation .more-timing-ball{animation:more-reverse 4s infinite}.more-pointer{background:#ffe9d3}.more-pointer-card{position:absolute;inset:27px 42px 29px;display:grid;grid-template-columns:74px 1fr;align-items:center;gap:8px;padding:9px;border:2px solid var(--ink);border-radius:9px;background:#fff}.more-pointer-picture{display:grid;place-items:center;width:70px;height:63px;border:2px solid var(--ink);border-radius:5px;background:linear-gradient(135deg,#a6cce8,#ffd58d);font-size:30px;overflow:hidden}.more-pointer-card strong{font-size:11px;white-space:nowrap}.more-pointer-line{position:absolute;left:94px;top:64px;width:0;height:3px;background:#e5ad00}.demo-hover-underline .more-pointer-line{animation:more-underline 3.6s infinite}.more-pointer-extra{position:absolute;right:7px;bottom:6px;padding:3px;background:var(--yellow);font-size:9px;animation:more-pointer-reveal 3.6s infinite}.more-pointer-cursor{position:absolute;right:29px;bottom:30px;font-size:27px;font-style:normal;filter:drop-shadow(2px 2px 0 #fff);animation:more-cursor-move 3.6s infinite}.demo-hover-zoom .more-pointer-picture{animation:more-hover-zoom 3.6s infinite}.demo-image-follow-cursor .more-pointer-picture{position:absolute;z-index:2;animation:more-follow-cursor 3.6s infinite}.demo-proximity-reveal .more-pointer-extra{animation:more-proximity 3.6s infinite}.demo-cursor-swap .more-pointer-cursor{animation:more-cursor-swap 3.6s infinite}.demo-cursor-swap .more-pointer-cursor:after{content:"↔";position:absolute;top:0;left:0;animation:more-cursor-alternate 3.6s infinite}.more-click{background:#ffebcf}.more-click-board{position:absolute;inset:37px 22px 33px;display:flex;align-items:center;justify-content:center;gap:12px;border:2px dashed #c4a880;border-radius:10px;background:#fff}.more-click-control{display:grid;place-items:center;min-width:42px;height:42px;padding:0 10px;border:2px solid var(--ink);border-radius:9px;background:#fff;font-size:20px;animation:more-click-primary 3.2s infinite}.more-click-second{font-size:14px;animation:more-click-secondary 3.2s infinite}.more-click-burst{position:absolute;top:-8px;left:47%;font-size:15px;font-style:normal;color:#e9a700;opacity:0}.demo-like-burst .more-click-burst{animation:more-burst 3.2s infinite}.demo-checkbox-check .more-click-second,.demo-like-burst .more-click-second{display:none}.demo-checkbox-check .more-click-control:first-child{color:#fff;animation:more-checkbox 3.2s infinite}.demo-radio-select .more-click-control{border-radius:50%}.demo-radio-select .more-click-control:first-child{animation:more-radio 3.2s infinite}.demo-like-burst .more-click-control:first-child{border:0;background:transparent;color:#e46c83;font-size:42px;animation:more-heart 3.2s infinite}.demo-copy-feedback .more-click-control{font-size:12px;animation:more-copy-first 3.2s infinite}.demo-copy-feedback .more-click-second{animation:more-copy-second 3.2s infinite}.demo-segmented-control .more-click-board{gap:0}.demo-segmented-control .more-click-control{min-width:68px;border-radius:8px;font-size:13px;animation:more-segment-left 3.2s infinite}.demo-segmented-control .more-click-second{animation:more-segment-right 3.2s infinite}.more-gesture{background:#e1f1dd}.more-gesture-board{position:absolute;inset:29px 30px 30px;display:grid;align-content:center;gap:5px;padding:7px;border:2px solid var(--ink);border-radius:9px;background:#fff;overflow:hidden}.more-gesture-board>span{display:block;padding:5px;border:1px solid var(--ink);border-radius:4px;background:#eaf2e3;font-size:9px}.more-gesture-item{z-index:2;background:var(--yellow)!important;animation:more-drag-item 3.7s infinite}.more-gesture-cursor{position:absolute;right:22px;top:46px;z-index:3;font-size:23px;font-style:normal;animation:more-drag-cursor 3.7s infinite}.more-gesture-selection{position:absolute;left:25px;top:28px;width:0;height:0;border:2px dashed #3f8b74;background:#8bd2aa66;opacity:0}.demo-drag-select .more-gesture-selection{animation:more-drag-select 3.7s infinite}.demo-drag-select .more-gesture-item{animation:more-select-item 3.7s infinite}.demo-drag-scroll .more-gesture-board>span{animation:more-drag-scroll 3.7s infinite}.demo-snap-back .more-gesture-item{animation:more-snap-back 3.7s infinite}.demo-drag-handle .more-gesture-item{animation:more-drag-handle 3.7s infinite}.demo-auto-scroll-drag .more-gesture-board>span{animation:more-auto-scroll 3.7s infinite}.demo-auto-scroll-drag .more-gesture-item{animation:more-drag-item 3.7s infinite}.more-navigation{background:#e6edff}.more-navigation-board{position:absolute;inset:30px 24px 31px;padding:8px;border:2px solid var(--ink);border-radius:9px;background:#fff;overflow:hidden}.more-navigation-head{display:block;padding:5px;border-bottom:2px solid #d5dce5;font-size:9px}.more-navigation-indicator{position:absolute;top:30px;left:17px;width:28px;height:3px;background:#e8b200}.demo-animated-tab-indicator .more-navigation-indicator{animation:more-tab-slide 3.8s infinite}.more-navigation-row{padding:6px;background:#e7effb;border-radius:4px;margin-top:5px;font-size:9px}.more-navigation-sub{height:23px;padding:5px;background:#fff2c9;font-size:9px}.demo-tree-view .more-navigation-sub{animation:more-tree 3.8s infinite}.demo-disclosure-menu .more-navigation-sub{animation:more-disclose 3.8s infinite}.demo-progressive-disclosure .more-navigation-row:last-child{animation:more-progressive 3.8s infinite}.demo-jump-links .more-navigation-board{animation:more-jump 3.8s infinite}.demo-jump-links .more-navigation-indicator{animation:more-tab-slide 3.8s infinite}.more-overlay{background:#e5e7fb}.more-overlay-browser{position:absolute;inset:28px 25px 31px;display:flex;align-items:flex-start;justify-content:space-between;padding:13px;border:2px solid var(--ink);border-radius:9px;background:#fff;overflow:hidden;font-size:10px}.more-overlay-scrim{position:absolute;inset:0;background:#30271990;animation:more-scrim 4s infinite}.more-overlay-panel{position:absolute;z-index:2;top:24px;left:22px;right:22px;min-height:42px;display:grid;place-items:center;padding:9px;border:2px solid var(--ink);border-radius:8px;background:var(--yellow);box-shadow:4px 4px 0 var(--ink);text-align:center;animation:more-overlay-open 4s infinite}.demo-spotlight-overlay .more-overlay-scrim{mask:radial-gradient(circle 29px at 50% 50%,transparent 97%,#000 100%)}.demo-spotlight-overlay .more-overlay-panel{left:50%;right:auto;top:39px;width:58px;min-height:30px;transform:translateX(-50%);font-size:8px;animation:more-spotlight 4s infinite}.demo-floating-toolbar .more-overlay-panel{top:9px;left:12px;right:12px;min-height:30px;animation:more-toolbar 4s infinite}.demo-full-screen-menu .more-overlay-panel{inset:0;display:grid;place-items:center;border:0;border-radius:0;animation:more-fullscreen 4s infinite}.demo-confirmation-popover .more-overlay-panel{left:auto;right:9px;top:26px;width:125px;font-size:9px;animation:more-popover 4s infinite}.demo-sheet-snap-points .more-overlay-panel{top:auto;bottom:0;left:0;right:0;height:70%;border-radius:11px 11px 0 0;animation:more-sheet 4s infinite}.more-feedback{background:#e6f1e3}.more-feedback-board{position:absolute;inset:32px 29px 32px;display:grid;grid-template-columns:45px 1fr;align-items:center;gap:7px;padding:10px;border:2px solid var(--ink);border-radius:9px;background:#fff}.more-feedback-icon{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:21px;animation:more-feedback-icon 3.8s infinite}.more-feedback-board strong{font-size:10px}.more-feedback-track{height:9px;border:1px solid var(--ink);border-radius:9px;background:#dce6db;overflow:hidden}.more-feedback-track i{display:block;width:100%;height:100%;background:#75bd83;transform-origin:left;animation:more-feedback-progress 3.8s infinite}.demo-inline-loader .more-feedback-icon{animation:more-spin 1.7s linear infinite}.demo-upload-progress .more-feedback-track i{animation:more-upload 3.8s infinite}.demo-save-indicator .more-feedback-icon{animation:more-save 3.8s infinite}.demo-empty-state .more-feedback-board{animation:more-empty 3.8s infinite}.demo-empty-state .more-feedback-track{display:none}.demo-retry-state .more-feedback-icon{background:#ffc4b4;animation:more-retry 3.8s infinite}.more-visual{background:#fae5d7}.more-visual-frame{position:absolute;inset:29px 24px 31px;border:2px solid var(--ink);border-radius:9px;background:linear-gradient(135deg,#9ecde7,#f6db9d);overflow:hidden}.more-visual-sun{position:absolute;top:11px;right:18px;width:28px;height:28px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow)}.more-visual-back,.more-visual-front{position:absolute;left:-10%;right:-10%;height:67px;border:2px solid var(--ink);border-radius:50% 50% 0 0}.more-visual-back{bottom:-28px;background:#8dc9ac}.more-visual-front{bottom:-47px;background:#5ca282}.more-visual-frame span{position:absolute;z-index:2;left:10px;top:12px;padding:2px 5px;background:#fff;font-size:9px}.demo-ken-burns .more-visual-frame>i{animation:more-ken 6s infinite alternate}.demo-blur-to-focus .more-visual-frame>i{animation:more-focus 4s infinite}.demo-color-transition .more-visual-frame{animation:more-visual-color 4s infinite}.demo-image-pan .more-visual-frame>i{animation:more-pan 5s infinite alternate}.demo-layer-depth .more-visual-back{animation:more-depth-back 4s infinite alternate}.demo-layer-depth .more-visual-front{animation:more-depth-front 4s infinite alternate}.more-content{background:#edf1d8}.more-content-board{position:absolute;inset:29px 26px 31px;display:flex;align-items:center;gap:12px;padding:10px;border:2px solid var(--ink);border-radius:9px;background:#fff;overflow:hidden}.more-content-number{position:relative;width:65px;height:53px;flex:none;overflow:hidden;border:2px solid var(--ink);border-radius:7px;background:var(--yellow);font-size:35px;text-align:center;line-height:49px}.more-content-number span{position:absolute;left:0;right:0;animation:more-number-out 3.8s infinite}.more-content-number span:nth-child(2){animation:more-number-in 3.8s infinite}.more-content-list{flex:1;display:grid;gap:4px;font-size:9px}.more-content-list span{display:block;padding:5px;border-radius:4px;background:#e8efd0;white-space:nowrap}.more-content-new{background:var(--yellow)!important}.demo-number-flip .more-content-number{perspective:200px}.demo-number-flip .more-content-number span{backface-visibility:hidden;animation:more-flip-out 3.8s infinite}.demo-number-flip .more-content-number span:nth-child(2){animation:more-flip-in 3.8s infinite}.demo-rolling-counter .more-content-number span{animation:more-number-out 3.8s infinite}.demo-rolling-counter .more-content-number span:nth-child(2){animation:more-number-in 3.8s infinite}.demo-highlight-update .more-content-new{animation:more-highlight 3.8s infinite}.demo-list-insert .more-content-new{animation:more-insert-row 3.8s infinite}.demo-highlight-update .more-content-number,.demo-list-insert .more-content-number,.demo-sort-transition .more-content-number{display:none}.demo-sort-transition .more-content-list span:first-child{animation:more-sort-first 3.8s infinite}.demo-sort-transition .more-content-list span:last-child{animation:more-sort-last 3.8s infinite}@keyframes more-progress{0%,10%{transform:scaleY(.05)}75%,to{transform:scaleY(1)}}@keyframes more-opacity{0%,10%{opacity:.1}75%,to{opacity:1}}@keyframes more-scale{0%,10%{transform:scale(.55)}75%,to{transform:scale(1)}}@keyframes more-rotate{0%,10%{transform:rotate(-80deg)}75%,to{transform:rotate(80deg)}}@keyframes more-blur{0%,10%{filter:blur(9px)}75%,to{filter:blur(0)}}@keyframes more-color{0%,10%{background:#afd6f5}75%,to{background:#ffd743}}@keyframes more-scroll-list{0%,10%{transform:translateY(0)}75%,to{transform:translateY(-35px)}}@keyframes more-anchor{0%,28%{transform:translateY(-15px)}55%,to{transform:translateY(-15px)}}@keyframes more-insert{0%,30%{height:0;opacity:0;padding-block:0}55%,to{height:22px;opacity:1;padding-block:5px}}@keyframes more-target{0%,15%{transform:translateY(20px);opacity:.2}60%,85%{transform:none;opacity:1}}@keyframes more-shadow{0%,15%{opacity:0}40%,75%{opacity:1}to{opacity:0}}@keyframes more-error{0%,40%{box-shadow:none}55%,85%{box-shadow:0 0 0 3px #de6956}}@keyframes more-cue{50%{transform:translateY(7px)}}@keyframes more-nested{0%,15%{transform:translateY(0)}55%,80%{transform:translateY(-35px)}to{transform:translateY(-44px)}}@keyframes more-old-slide{0%,23%{transform:none;opacity:1}58%,to{transform:translateX(-110%);opacity:0}}@keyframes more-new-slide{0%,23%{transform:translateX(110%);opacity:0}58%,85%{transform:none;opacity:1}to{opacity:0}}@keyframes more-old-zoom{0%,22%{transform:scale(1);opacity:1}58%,to{transform:scale(1.35);opacity:0}}@keyframes more-new-zoom{0%,22%{transform:scale(.35);opacity:0}58%,85%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes more-old-fade{0%,25%{opacity:1}58%,to{opacity:0}}@keyframes more-new-wipe{0%,22%{clip-path:inset(0 100% 0 0)}65%,85%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes more-old-flip{0%,22%{transform:rotateY(0)}60%,to{transform:rotateY(-180deg)}}@keyframes more-new-flip{0%,22%{transform:rotateY(180deg)}60%,85%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes more-new-scale{0%,22%{transform:scale(.8);opacity:0}60%,85%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes more-timing-forward{0%,12%{left:0}62%,85%{left:calc(100% - 42px)}to{left:0}}@keyframes more-anticipation{0%,16%{left:0}26%{left:-10px}62%,85%{left:calc(100% - 42px)}to{left:0}}@keyframes more-overshoot{0%,15%{left:0}53%{left:calc(100% - 27px)}66%,85%{left:calc(100% - 42px)}to{left:0}}@keyframes more-tail{0%,12%{left:15px}65%{left:calc(100% - 39px)}78%{left:calc(100% - 44px)}to{left:15px}}@keyframes more-hold{0%,18%{left:0}48%,83%{left:calc(100% - 42px)}to{left:0}}@keyframes more-reverse{0%,12%{left:0}45%,56%{left:calc(100% - 42px)}88%,to{left:0}}@keyframes more-underline{0%,22%{width:0}55%,84%{width:65px}to{width:0}}@keyframes more-pointer-reveal{0%,20%{opacity:0;transform:translateY(8px)}52%,82%{opacity:1;transform:none}to{opacity:0}}@keyframes more-cursor-move{0%,15%{transform:translate(18px,10px)}55%,80%{transform:translate(-12px,-9px)}to{transform:translate(18px,10px)}}@keyframes more-hover-zoom{0%,20%{transform:scale(1)}55%,83%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes more-follow-cursor{0%,18%{transform:translate(-25px,-12px);opacity:0}48%,82%{transform:translate(44px,3px);opacity:1}to{opacity:0}}@keyframes more-proximity{0%,8%{opacity:0}33%,85%{opacity:1}to{opacity:0}}@keyframes more-cursor-swap{0%,40%{opacity:1}50%,82%{opacity:.15}to{opacity:1}}@keyframes more-cursor-alternate{0%,40%{opacity:0}50%,82%{opacity:1}to{opacity:0}}@keyframes more-click-primary{0%,20%{background:#fff;transform:none}48%,85%{background:var(--yellow);transform:scale(1.08)}to{background:#fff;transform:none}}@keyframes more-click-secondary{0%,28%{opacity:.25}55%,85%{opacity:1}to{opacity:.25}}@keyframes more-burst{0%,32%{opacity:0;transform:scale(.4)}51%{opacity:1;transform:scale(1.3)}70%,to{opacity:0;transform:scale(1.7)}}@keyframes more-checkbox{0%,24%{background:#fff;color:transparent}49%,85%{background:#53ad73;color:#fff}to{background:#fff;color:transparent}}@keyframes more-radio{0%,24%{color:transparent}49%,85%{color:#2f6bb5}to{color:transparent}}@keyframes more-heart{0%,24%{transform:scale(.8);opacity:.4}48%{transform:scale(1.3);opacity:1}65%,85%{transform:scale(1)}to{transform:scale(.8);opacity:.4}}@keyframes more-copy-first{0%,32%{opacity:1}49%,85%{opacity:0}to{opacity:1}}@keyframes more-copy-second{0%,32%{opacity:0}49%,85%{opacity:1;background:#a8e5b7}to{opacity:0}}@keyframes more-segment-left{0%,36%{background:var(--yellow)}58%,85%{background:#fff}to{background:var(--yellow)}}@keyframes more-segment-right{0%,36%{background:#fff}58%,85%{background:var(--yellow)}to{background:#fff}}@keyframes more-drag-item{0%,16%{transform:none}45%,68%{transform:translate(20px,-20px) rotate(4deg)}84%,to{transform:none}}@keyframes more-drag-cursor{0%,16%{transform:none}45%,68%{transform:translate(18px,-21px)}84%,to{transform:none}}@keyframes more-drag-select{0%,15%{opacity:0;width:0;height:0}53%,75%{opacity:1;width:68%;height:46px}to{opacity:0;width:68%;height:46px}}@keyframes more-select-item{0%,45%{background:var(--yellow)}53%,85%{background:#93d8ac}to{background:var(--yellow)}}@keyframes more-drag-scroll{0%,17%{transform:none}55%,82%{transform:translateX(-70px)}to{transform:none}}@keyframes more-snap-back{0%,18%{transform:none}50%{transform:translateX(36px)}68%,90%{transform:none}}@keyframes more-drag-handle{0%,18%{transform:none}53%,77%{transform:translateY(-30px)}to{transform:none}}@keyframes more-auto-scroll{0%,20%{transform:none}60%,82%{transform:translateY(-32px)}to{transform:none}}@keyframes more-tab-slide{0%,25%{transform:translateX(0);width:28px}60%,85%{transform:translateX(67px);width:27px}to{transform:none;width:28px}}@keyframes more-disclose{0%,25%{height:0;opacity:0;padding-block:0}55%,85%{height:23px;opacity:1;padding-block:5px}to{height:0;opacity:0;padding-block:0}}@keyframes more-tree{0%,25%{transform:translateX(-12px);opacity:0}55%,85%{transform:none;opacity:1}to{opacity:0}}@keyframes more-progressive{0%,30%{opacity:0;transform:translateY(-8px)}55%,85%{opacity:1;transform:none}to{opacity:0}}@keyframes more-jump{0%,25%{transform:translateY(15px)}60%,85%{transform:translateY(-9px)}to{transform:translateY(15px)}}@keyframes more-scrim{0%,20%{opacity:0}45%,85%{opacity:1}to{opacity:0}}@keyframes more-overlay-open{0%,20%{opacity:0;transform:translateY(17px) scale(.9)}45%,85%{opacity:1;transform:none}to{opacity:0}}@keyframes more-spotlight{0%,20%{opacity:0;transform:translate(-50%,15px)}45%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes more-toolbar{0%,20%{opacity:0;transform:translateY(10px)}45%,85%{opacity:1;transform:none}to{opacity:0}}@keyframes more-fullscreen{0%,20%{transform:translateY(-100%)}45%,85%{transform:none}to{transform:translateY(-100%)}}@keyframes more-popover{0%,20%{opacity:0;transform:scale(.75);transform-origin:top right}45%,85%{opacity:1;transform:scale(1)}to{opacity:0}}@keyframes more-sheet{0%,20%{transform:translateY(100%)}45%{transform:translateY(30%)}70%,85%{transform:none}to{transform:translateY(100%)}}@keyframes more-feedback-icon{0%,20%{transform:scale(.8)}55%,85%{transform:scale(1.12)}to{transform:scale(.8)}}@keyframes more-feedback-progress{0%,15%{transform:scaleX(.05)}70%,90%{transform:scaleX(1)}to{transform:scaleX(.05)}}@keyframes more-spin{to{transform:rotate(1turn)}}@keyframes more-upload{0%,15%{transform:scaleX(.05)}50%{transform:scaleX(.55)}85%{transform:scaleX(1)}to{transform:scaleX(.05)}}@keyframes more-save{0%,28%{background:var(--yellow);transform:rotate(0)}55%,85%{background:#8fdaa0;transform:rotate(1turn)}to{background:var(--yellow);transform:rotate(0)}}@keyframes more-empty{0%,25%{opacity:.4;transform:scale(.95)}55%,85%{opacity:1;transform:none}to{opacity:.4}}@keyframes more-retry{0%,28%{transform:none}50%{transform:rotate(-20deg)}68%,85%{transform:rotate(0)}to{transform:none}}@keyframes more-ken{0%{transform:scale(1) translate(0)}to{transform:scale(1.09) translate(-3px,-2px)}}@keyframes more-focus{0%,15%{filter:blur(8px)}60%,85%{filter:blur(0)}to{filter:blur(8px)}}@keyframes more-visual-color{0%,20%{background:#9ecde7}60%,85%{background:#ffd489}to{background:#9ecde7}}@keyframes more-pan{0%{transform:translateX(-18px)}to{transform:translateX(18px)}}@keyframes more-depth-back{0%{transform:translateX(-8px)}to{transform:translateX(8px)}}@keyframes more-depth-front{0%{transform:translateX(14px)}to{transform:translateX(-14px)}}@keyframes more-number-out{0%,28%{transform:none;opacity:1}55%,to{transform:translateY(-55px);opacity:0}}@keyframes more-number-in{0%,28%{transform:translateY(55px);opacity:0}55%,85%{transform:none;opacity:1}to{opacity:0}}@keyframes more-flip-out{0%,28%{transform:rotateX(0);opacity:1}55%,to{transform:rotateX(-90deg);opacity:0}}@keyframes more-flip-in{0%,28%{transform:rotateX(90deg);opacity:0}55%,85%{transform:rotateX(0);opacity:1}to{opacity:0}}@keyframes more-new-row{0%,32%{background:#e8efd0}55%,85%{background:var(--yellow)}to{background:#e8efd0}}@keyframes more-highlight{0%,30%{background:#e8efd0}48%{background:#ffda52}85%,to{background:#e8efd0}}@keyframes more-insert-row{0%,28%{height:0;opacity:0;padding-block:0}55%,85%{height:28px;opacity:1;padding-block:5px}to{opacity:0}}@keyframes more-sort-first{0%,25%{transform:none}55%,85%{transform:translateY(28px)}to{transform:none}}@keyframes more-sort-last{0%,25%{transform:none}55%,85%{transform:translateY(-28px)}to{transform:none}}@media(max-width:760px){.motion-demo-large .more-scene{width:82%;height:210px}}@media(max-width:500px){.more-scene{width:86%;height:144px}.more-pointer-card{left:25px;right:25px}.more-click-control{min-width:36px}}@media(prefers-reduced-motion:reduce){.more-scene *{animation:none!important}.more-click-control,.more-content-new,.more-feedback-board,.more-gesture-item,.more-navigation-sub,.more-overlay-panel,.more-pointer-extra,.more-pointer-picture,.more-scroll-object,.more-scrollnav-content,.more-timing-ball,.more-transition-b,.more-visual-frame{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}.more-transition-a{opacity:0!important}.more-overlay-scrim{opacity:.5!important}.more-content-number span:first-child{opacity:0!important}.more-content-number span:nth-child(2){opacity:1!important;transform:none!important}}.research-scene{position:relative;width:min(82%,320px);height:158px;overflow:hidden;border:2px solid var(--ink);border-radius:14px;background:#fff;box-shadow:5px 6px 0 var(--ink);font-weight:900}.research-scene>small{position:absolute;top:8px;left:10px;z-index:6;font-size:8px;letter-spacing:.1em;color:#615747}.research-title{position:absolute;bottom:7px;left:8px;z-index:6;padding:3px 7px;border:1px solid var(--ink);border-radius:5px;background:#fff;font-size:10px;white-space:nowrap}.motion-demo-large .research-scene{width:min(75%,450px);height:250px}.motion-demo-large .research-title{font-size:13px}.research-scroll{background:#e5f3fb}.research-scroll-view{position:absolute;inset:28px 24px 30px;overflow:hidden;border:2px solid var(--ink);border-radius:9px;background:#fff}.research-scroll-panel{position:absolute;top:20px;width:68px;height:64px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:8px;background:var(--yellow);font-size:26px;box-shadow:3px 3px 0 var(--ink)}.research-scroll-a{left:18%;animation:r-scroll-a 4.5s infinite}.research-scroll-b{right:18%;background:#a8d6f3;animation:r-scroll-b 4.5s infinite}.research-scroll-path{position:absolute;left:15%;right:15%;bottom:13px;height:3px;border-radius:3px;background:#88bcd4;transform-origin:left;animation:r-progress 4.5s infinite}.research-scroll-word{position:absolute;top:38px;left:50%;transform:translateX(-50%);font-size:19px;font-style:normal;letter-spacing:.08em;animation:r-word 4.5s infinite}.research-scroll-rail{position:absolute;right:9px;top:33px;bottom:35px;width:4px;border-radius:4px;background:#b9d9e8}.research-scroll-rail:after{content:"";display:block;width:100%;height:100%;background:#e2ac00;transform-origin:top;animation:r-rail-progress 4.5s infinite}.demo-reverse-columns .research-scroll-a{animation:r-reverse-left 4.5s infinite}.demo-reverse-columns .research-scroll-b{animation:r-reverse-right 4.5s infinite}.demo-cover-to-header .research-scroll-a{animation:r-cover 4.5s infinite}.demo-cover-to-header .research-scroll-b{display:none}.demo-stacking-cards .research-scroll-a{animation:r-stack-a 4.5s infinite}.demo-stacking-cards .research-scroll-b{animation:r-stack-b 4.5s infinite}.demo-section-wipe .research-scroll-b{inset:0;width:auto;height:auto;border:0;border-radius:0;animation:r-wipe 4.5s infinite}.demo-scroll-image-sequence .research-scroll-a{animation:r-sequence 4.5s steps(4) infinite}.demo-scroll-image-sequence .research-scroll-b,.demo-text-fill-on-scroll .research-scroll-panel{display:none}.demo-text-fill-on-scroll .research-scroll-word{animation:r-text-fill 4.5s infinite;color:#c7c4b5}.demo-velocity-skew .research-scroll-a,.demo-velocity-skew .research-scroll-b{animation:r-velocity-skew 4.5s infinite}.demo-scroll-svg-draw .research-scroll-path{height:5px;animation:r-progress 4.5s infinite}.demo-scroll-svg-draw .research-scroll-panel{opacity:.25}.demo-zoom-window-on-scroll .research-scroll-a{left:42%;animation:r-zoom-window 4.5s infinite}.demo-zoom-window-on-scroll .research-scroll-b{display:none}.demo-fly-through-rows .research-scroll-a{animation:r-fly-left 4.5s infinite}.demo-fly-through-rows .research-scroll-b{animation:r-fly-right 4.5s infinite}.research-scrollnav{background:#e8f2fc}.research-scrollnav-view{position:absolute;inset:27px 26px 30px;display:grid;gap:4px;align-content:center;overflow:hidden;padding:7px;border:2px solid var(--ink);border-radius:9px;background:#fff}.research-scrollnav-view>span{display:block;padding:4px;border-radius:3px;background:#dcecf5;font-size:9px}.research-scrollnav-view>span:nth-child(2){background:var(--yellow)}.research-scrollnav-thumb{position:absolute;right:4px;top:7px;width:6px;height:22px;border-radius:5px;background:#e3ad00;animation:r-thumb 4s infinite}.demo-scroll-minimap .research-scrollnav-view>span:nth-child(2){animation:r-highlight 4s infinite}.demo-horizontal-wheel .research-scrollnav-view{display:flex;align-items:center;justify-content:flex-start;gap:6px}.demo-horizontal-wheel .research-scrollnav-view>span{flex:none;width:65px;height:52px;display:grid;place-items:center;animation:r-horizontal 4s infinite}.demo-scroll-scrubber .research-scrollnav-thumb{width:12px;height:12px;animation:r-thumb 4s infinite}.demo-scroll-scrubber .research-scrollnav-view>span:nth-child(3){animation:r-highlight 4s infinite}.demo-snap-stop .research-scrollnav-view>span{height:54px;flex:none;animation:r-snap 4s infinite}.demo-snap-stop .research-scrollnav-view{display:flex;flex-direction:column;justify-content:flex-start}.research-transition{background:#fce5e9;perspective:400px}.research-transition-view{position:absolute;inset:29px 22px 31px;overflow:hidden;border:2px solid var(--ink);border-radius:9px;background:#f2f0e8;perspective:400px}.research-transition-view>span{position:absolute;inset:7px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:7px;font-size:35px;backface-visibility:hidden}.research-transition-old{background:#b8daf3;animation:r-old-fade 4s infinite}.research-transition-new{background:#ffe17c;animation:r-new-fade 4s infinite}.research-transition-mask{position:absolute;inset:0;pointer-events:none}.demo-curtain-reveal .research-transition-mask{background:#e9a95e;animation:r-curtain 4s infinite}.demo-curtain-reveal .research-transition-new{opacity:1;animation:none}.demo-blur-transition .research-transition-old{animation:r-old-blur 4s infinite}.demo-blur-transition .research-transition-new{animation:r-new-blur 4s infinite}.demo-flash-transition .research-transition-mask{background:#fff2c3;animation:r-flash 4s infinite}.demo-portal-zoom .research-transition-new{animation:r-circle 4s infinite}.demo-portal-zoom .research-transition-mask{background:#e8bbf5;animation:r-portal-ring 4s infinite}.demo-pixelate-transition .research-transition-old{animation:r-pixel-old 4s infinite}.demo-pixelate-transition .research-transition-new{animation:r-pixel-new 4s infinite}.demo-page-curl .research-transition-old{transform-origin:top left;animation:r-curl 4s infinite}.demo-cube-transition .research-transition-old{transform-origin:left center;animation:r-cube-old 4s infinite}.demo-cube-transition .research-transition-new{transform-origin:right center;animation:r-cube-new 4s infinite}.demo-elastic-transition .research-transition-new{animation:r-elastic 4s infinite}.demo-circle-reveal .research-transition-new{animation:r-circle 4s infinite}.demo-overlay-wipe .research-transition-mask{background:#302719;animation:r-overlay-wipe 4s infinite}.demo-dissolve-transition .research-transition-old{animation:r-dissolve 4s infinite}.demo-dissolve-transition .research-transition-mask{background:repeating-linear-gradient(90deg,#fff6 0 12px,transparent 12px 24px);animation:r-dissolve-mask 4s infinite}.demo-view-transition-api .research-transition-old{animation:r-shared-old 4s infinite}.demo-view-transition-api .research-transition-new{animation:r-shared-new 4s infinite}.research-timing{background:#f4eafa}.research-timing-view{position:absolute;inset:30px 24px 31px;display:grid;place-items:center;overflow:hidden;border:2px solid var(--ink);border-radius:9px;background:#fff}.research-timing-object{position:relative;z-index:2;display:grid;place-items:center;width:60px;height:60px;border:2px solid var(--ink);border-radius:14px;background:var(--yellow);box-shadow:4px 5px 0 var(--ink);font-size:31px;animation:r-bounce 4s infinite}.research-timing-shadow{position:absolute;bottom:12px;left:calc(50% - 35px);width:70px;height:8px;border-radius:50%;background:#5d4d7540;animation:r-shadow 4s infinite}.research-timing-view em{position:absolute;bottom:5px;right:8px;font-size:8px;font-style:normal}.demo-bounce-in .research-timing-object{animation:r-bounce 4s infinite}.demo-rotate-in .research-timing-object{animation:r-rotate-in 4s infinite}.demo-shatter-exit .research-timing-object{animation:r-shatter 4s infinite}.demo-squash-stretch .research-timing-object{animation:r-squash 4s infinite}.demo-pendulum-swing .research-timing-object{transform-origin:50% -30px;animation:r-pendulum 4s infinite}.demo-wobble .research-timing-object{animation:r-wobble 4s infinite}.demo-rubber-band .research-timing-object{animation:r-rubber 4s infinite}.demo-jello .research-timing-object{animation:r-jello 4s infinite}.demo-elastic-pop .research-timing-object{animation:r-elastic-pop 4s infinite}.demo-bounce-out .research-timing-object{animation:r-bounce-out 4s infinite}.research-pointer{background:#ffead4}.research-pointer-view{position:absolute;inset:28px 24px 31px;overflow:hidden;border:2px solid var(--ink);border-radius:9px;background:#fff}.research-pointer-image{position:absolute;inset:10px 28px 10px 10px;display:grid;place-items:center;overflow:hidden;border:2px solid var(--ink);border-radius:7px;background:linear-gradient(140deg,#b2dcf5,#f9d6a4)}.research-pointer-image i{position:absolute;top:14px;right:16px;width:30px;height:30px;border-radius:50%;background:var(--yellow)}.research-pointer-image strong{position:relative;z-index:1;padding:4px;background:#fff;font-size:12px}.research-pointer-light{position:absolute;left:42%;top:40%;width:58px;height:58px;border-radius:50%;background:#fff9;filter:blur(7px);animation:r-spotlight 4s infinite}.research-pointer-trail{position:absolute;left:22%;top:30%;color:#e5ac00;animation:r-trail 4s infinite}.research-pointer-icon{position:absolute;right:15px;bottom:13px;z-index:3;font-size:25px;font-style:normal;filter:drop-shadow(2px 2px #fff);animation:r-pointer 4s infinite}.demo-spotlight-hover .research-pointer-light{animation:r-spotlight 4s infinite}.demo-magnifier-lens .research-pointer-light{left:28%;top:20%;border:3px solid var(--ink);background:radial-gradient(circle,#ffda4f 0 26%,#fff8 27%);filter:none;animation:r-lens 4s infinite}.demo-image-trail .research-pointer-trail{animation:r-image-trail 4s infinite}.demo-gradient-border-hover .research-pointer-image{background:linear-gradient(120deg,#b2dcf5,#f9d6a4);border:4px solid transparent;background-clip:padding-box;animation:r-border 4s infinite}.demo-cursor-spotlight .research-pointer-image{background:#302719;color:#fff}.demo-cursor-spotlight .research-pointer-light{animation:r-spotlight 4s infinite}.demo-pointer-parallax-grid .research-pointer-image{background-image:radial-gradient(#85b7ce 2px,transparent 0);background-size:15px 15px;animation:r-grid 4s infinite}.demo-hover-split .research-pointer-image{animation:r-split 4s infinite}.demo-pointer-velocity-trail .research-pointer-trail{animation:r-velocity-trail 4s infinite}.research-click{background:#ffebd1}.research-click-view{position:absolute;inset:37px 22px 31px;display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden;border:2px dashed #c2a479;border-radius:9px;background:#fff}.research-click-primary,.research-click-result{display:grid;place-items:center;min-width:55px;height:46px;padding:0 9px;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);font-size:13px;white-space:nowrap;animation:r-click-primary 4s infinite}.research-click-result{background:#b7e5c3;animation:r-click-result 4s infinite}.research-click-trail{position:absolute;top:1px;right:12px;color:#e5a500;font-style:normal;animation:r-trail 4s infinite}.demo-toggle-switch .research-click-primary{position:relative;width:75px;border-radius:30px;animation:r-switch 4s infinite}.demo-toggle-switch .research-click-primary:after{content:"";position:absolute;width:26px;height:26px;border:2px solid var(--ink);border-radius:50%;background:#fff;animation:r-switch-knob 4s infinite}.demo-toggle-switch .research-click-result{display:none}.demo-hold-to-confirm .research-click-primary{position:relative;overflow:hidden;animation:none}.demo-hold-to-confirm .research-click-primary:after{content:"";position:absolute;left:0;bottom:0;height:5px;background:#69b980;animation:r-hold 4s infinite}.demo-hold-to-confirm .research-click-result{display:none}.demo-star-rating .research-click-primary,.demo-star-rating .research-click-result{font-size:18px;letter-spacing:2px}.demo-star-rating .research-click-primary{color:#9c9586;animation:none}.demo-star-rating .research-click-result{position:absolute;color:#e9ad00;clip-path:inset(0 100% 0 0);animation:r-stars 4s infinite}.demo-theme-toggle .research-click-primary{font-size:25px;animation:r-theme-sun 4s infinite}.demo-theme-toggle .research-click-result{font-size:25px;animation:r-theme-moon 4s infinite}.demo-hamburger-morph .research-click-primary{font-size:27px;animation:r-menu-icon 4s infinite}.demo-hamburger-morph .research-click-result{font-size:28px;animation:r-menu-close 4s infinite}.demo-floating-label .research-click-primary{position:relative;width:120px;justify-content:start;padding-left:12px;animation:r-field-label 4s infinite}.demo-floating-label .research-click-result{display:none}.demo-error-shake .research-click-primary{animation:r-error-shake 4s infinite}.demo-error-shake .research-click-result{display:none}.demo-checkmark-draw .research-click-result{font-size:25px;animation:r-checkmark 4s infinite}.demo-progress-button .research-click-primary{animation:r-progress-button 4s infinite}.demo-progress-button .research-click-result{animation:r-click-result 4s infinite}.demo-expanding-search .research-click-primary{animation:r-expand-search 4s infinite}.demo-expanding-search .research-click-result{animation:r-search-result 4s infinite}.demo-add-to-cart-fly .research-click-primary{animation:r-cart-fly 4s infinite}.demo-add-to-cart-fly .research-click-result{animation:r-cart-bump 4s infinite}.demo-tri-state-checkbox .research-click-primary{font-size:25px;animation:r-tristate 4s infinite}.demo-tri-state-checkbox .research-click-result{display:none}.research-gesture{background:#e4f1df}.research-gesture-view{position:absolute;inset:28px 27px 31px;display:grid;align-content:center;gap:4px;overflow:hidden;padding:7px;border:2px solid var(--ink);border-radius:9px;background:#fff}.research-gesture-view>span{display:block;padding:5px;border:1px solid var(--ink);border-radius:4px;background:#dff0dc;font-size:9px}.research-gesture-card{position:relative;z-index:2;background:var(--yellow)!important;box-shadow:2px 2px 0 var(--ink);animation:r-drag 4s infinite}.research-gesture-cursor{position:absolute;right:17px;top:38px;z-index:3;font-size:24px;font-style:normal;animation:r-pointer 4s infinite}.research-gesture-range{position:absolute;left:15px;right:15px;top:20px;bottom:20px;border:2px dashed #87ad78;border-radius:5px;opacity:.5}.demo-drag-axis-lock .research-gesture-card{animation:r-axis 4s infinite}.demo-elastic-drag-boundary .research-gesture-card{animation:r-elastic-drag 4s infinite}.demo-momentum-drag .research-gesture-card{animation:r-momentum 4s infinite}.demo-swipe-carousel .research-gesture-view>span{animation:r-swipe 4s infinite}.demo-multi-thumb-range .research-gesture-view>span{opacity:.3}.demo-multi-thumb-range .research-gesture-range{top:46px;bottom:34px;border:0;border-top:7px solid #99c8b1;opacity:1}.demo-multi-thumb-range .research-gesture-range:after,.demo-multi-thumb-range .research-gesture-range:before{content:"";position:absolute;top:-16px;width:17px;height:24px;border:2px solid var(--ink);border-radius:8px;background:var(--yellow);animation:r-range-left 4s infinite}.demo-multi-thumb-range .research-gesture-range:after{animation:r-range-right 4s infinite}.demo-swipe-to-archive .research-gesture-card{animation:r-archive 4s infinite}.research-navigation{background:#e8edfc}.research-navigation-view{position:absolute;inset:27px 25px 30px;display:grid;align-content:start;gap:3px;overflow:hidden;padding:7px;border:2px solid var(--ink);border-radius:9px;background:#fff}.research-navigation-head{padding:6px;border:1px solid var(--ink);border-radius:5px;background:#f7f7f2;font-size:9px}.research-navigation-head i{float:right;font-style:normal}.research-navigation-sub,.research-navigation-view>span{padding:4px;border-radius:3px;background:#e8eff8;font-size:9px}.research-navigation-active{background:var(--yellow)!important;animation:r-nav-active 4s infinite}.research-navigation-sub{background:#fff1c7;animation:r-nav-sub 4s infinite}.demo-combobox .research-navigation-head{animation:r-combobox 4s infinite}.demo-combobox .research-navigation-view>span,.demo-listbox .research-navigation-active{animation:r-nav-active 4s infinite}.demo-menubar .research-navigation-view{grid-template-columns:repeat(3,1fr)}.demo-menubar .research-navigation-head,.demo-menubar .research-navigation-sub{grid-column:1/-1}.demo-menu-button .research-navigation-head{animation:r-menu-button 4s infinite}.demo-menu-button .research-navigation-sub{animation:r-nav-sub 4s infinite}.demo-grid-navigation .research-navigation-view{grid-template-columns:repeat(3,1fr)}.demo-grid-navigation .research-navigation-head{grid-column:1/-1}.demo-grid-navigation .research-navigation-active{animation:r-grid-focus 4s infinite}.demo-treegrid .research-navigation-sub{animation:r-treegrid 4s infinite}.demo-window-splitter .research-navigation-view{grid-template-columns:1fr 10px 1fr}.demo-window-splitter .research-navigation-head{grid-column:1/-1}.demo-window-splitter .research-navigation-active{grid-column:3}.demo-window-splitter .research-navigation-sub{grid-column:1/-1}.demo-window-splitter .research-navigation-view:after{content:"⋮";position:absolute;top:32px;left:50%;font-size:18px;animation:r-splitter 4s infinite}.demo-toolbar-roving-focus .research-navigation-view{grid-template-columns:repeat(3,1fr)}.demo-toolbar-roving-focus .research-navigation-head{grid-column:1/-1}.demo-toolbar-roving-focus .research-navigation-active{animation:r-grid-focus 4s infinite}.demo-tab-overflow .research-navigation-view>span{animation:r-tabs-overflow 4s infinite}.demo-multi-step-form .research-navigation-active{animation:r-step-complete 4s infinite}.research-overlay{background:#e8e8fc}.research-overlay-view{position:absolute;inset:28px 23px 31px;display:flex;justify-content:space-between;padding:10px;overflow:hidden;border:2px solid var(--ink);border-radius:9px;background:#fff;font-size:10px}.research-overlay-scrim{position:absolute;inset:0;background:#30271970;animation:r-overlay-scrim 4s infinite}.research-overlay-panel{position:absolute;z-index:2;top:25px;left:18px;right:18px;display:grid;place-items:center;min-height:42px;padding:8px;border:2px solid var(--ink);border-radius:8px;background:var(--yellow);box-shadow:3px 4px 0 var(--ink);text-align:center;font-size:10px;animation:r-overlay-panel 4s infinite}.demo-nested-dialog .research-overlay-panel:after{content:"确认？";position:absolute;right:7px;bottom:-10px;padding:6px;border:2px solid var(--ink);border-radius:5px;background:#fff;animation:r-nested 4s infinite}.demo-modal-from-trigger .research-overlay-panel{animation:r-modal-origin 4s infinite}.demo-drag-dismiss-sheet .research-overlay-panel{top:auto;bottom:0;height:68%;border-radius:12px 12px 0 0;animation:r-sheet-dismiss 4s infinite}.demo-hover-menu-bridge .research-overlay-panel{top:13px;left:30px;right:30px;min-height:35px;animation:r-menu-bridge 4s infinite}.demo-contextual-inspector .research-overlay-panel{left:auto;right:0;top:0;bottom:0;width:45%;border-radius:0;animation:r-inspector 4s infinite}.demo-anchored-callout .research-overlay-panel{top:12px;left:auto;right:9px;width:120px;animation:r-callout 4s infinite}.research-feedback{background:#e7f0e1}.research-feedback-view{position:absolute;inset:31px 25px 30px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:4px 8px;padding:10px;border:2px solid var(--ink);border-radius:9px;background:#fff;overflow:hidden}.research-feedback-symbol{grid-row:1/3;display:grid;place-items:center;width:35px;height:35px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:13px;animation:r-feedback-symbol 4s infinite}.research-feedback-view strong{font-size:10px}.research-feedback-bar{height:8px;overflow:hidden;border:1px solid var(--ink);border-radius:10px;background:#dae4d9}.research-feedback-bar i{display:block;width:100%;height:100%;background:#75bd88;transform-origin:left;animation:r-feedback-fill 4s infinite}.research-feedback-confetti{position:absolute;right:13px;top:9px;color:#e8a900;font-size:15px;font-style:normal;opacity:0}.demo-success-confetti .research-feedback-confetti{animation:r-confetti 4s infinite}.demo-typing-indicator .research-feedback-symbol{width:62px;border-radius:18px;animation:r-typing 1.4s infinite}.demo-typing-indicator .research-feedback-view{grid-template-columns:70px 1fr}.demo-typing-indicator .research-feedback-bar{display:none}.demo-notification-badge .research-feedback-symbol{animation:r-badge 4s infinite}.demo-determinate-ring .research-feedback-symbol{border:5px solid #b8d9bf;border-top-color:#46ab65;animation:r-ring 4s infinite}.demo-indeterminate-bar .research-feedback-bar i{width:35%;transform-origin:center;animation:r-indeterminate 1.7s infinite}.demo-retry-countdown .research-feedback-symbol{animation:r-countdown 4s steps(5) infinite}.demo-offline-banner .research-feedback-view{animation:r-offline 4s infinite}.demo-offline-banner .research-feedback-symbol{background:#ffc1b0}.demo-queue-progress .research-feedback-bar i{animation:r-queue 4s steps(3) infinite}.demo-optimistic-rollback .research-feedback-symbol{animation:r-rollback 4s infinite}.demo-optimistic-rollback .research-feedback-bar i{animation:r-rollback-fill 4s infinite}.demo-inline-alert .research-feedback-view{border-color:#bc604f;animation:r-alert 4s infinite}.demo-inline-alert .research-feedback-symbol{background:#ffc2b6}.research-visual{background:#e7e5f5}.research-visual-view{position:absolute;inset:27px 22px 30px;overflow:hidden;border:2px solid var(--ink);border-radius:9px;background:linear-gradient(140deg,#9cc9e4,#fbd4a6);animation:r-visual-breathe 6s infinite}.research-visual-shape{position:absolute;display:block;width:80px;height:80px;border-radius:45% 55% 60% 40%;filter:blur(7px);opacity:.75;animation:r-visual-float 6s infinite}.research-visual-shape.shape-one{left:10%;top:3%;background:#f9c3d6}.research-visual-shape.shape-two{right:9%;top:8%;background:#ffe177;animation-delay:-2s}.research-visual-shape.shape-three{left:38%;bottom:-30%;background:#9ed8c9;animation-delay:-4s}.research-visual-lines{position:absolute;inset:0;opacity:.25;background:repeating-linear-gradient(0deg,transparent 0 10px,#302719 11px 12px);animation:r-lines 5s infinite}.research-visual-view>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:34px;color:#fff;text-shadow:2px 2px var(--ink);animation:r-star 5s infinite}.demo-mesh-gradient .research-visual-shape{filter:blur(18px);animation:r-visual-float 6s infinite}.demo-aurora .research-visual-shape{width:180px;height:45px;filter:blur(16px);border-radius:50%;animation:r-aurora 7s infinite}.demo-aurora .research-visual-view{background:linear-gradient(145deg,#24385b,#444c86)}.demo-aurora .research-visual-shape.shape-one{background:linear-gradient(90deg,#52dfaa,#a9f8c1)}.demo-aurora .research-visual-shape.shape-two{background:linear-gradient(90deg,#8f86e8,#f3a1c4)}.demo-aurora .research-visual-shape.shape-three{background:linear-gradient(90deg,#5de2c2,#a4bbff)}.demo-aurora .research-visual-lines,.demo-aurora .research-visual-view>b{display:none}.demo-grain-overlay .research-visual-lines{opacity:.25;background-image:radial-gradient(#302719 1px,transparent 0);background-size:4px 4px;animation:r-grain 1.3s steps(3) infinite}.demo-scanlines .research-visual-lines{opacity:.35;animation:r-lines 4s linear infinite}.demo-light-leak .research-visual-shape.shape-two{width:150px;height:150px;background:#ffb967;filter:blur(30px);animation:r-light-leak 6s infinite}.demo-starfield .research-visual-view{background:#172847}.demo-starfield .research-visual-lines{background-image:radial-gradient(#fff 1px,transparent 2px);background-size:20px 20px;opacity:.8;animation:r-starfield 4s infinite}.demo-ambient-ripples .research-visual-shape{border:3px solid #fff9;background:transparent;filter:none;border-radius:50%;animation:r-ripple 5s infinite}.demo-floating-shapes .research-visual-shape{filter:none;width:30px;height:30px;border:2px solid var(--ink);border-radius:8px;animation:r-visual-float 5s infinite}.demo-wave-layers .research-visual-shape{width:180px;height:60px;filter:none;border-radius:50%;animation:r-wave 5s infinite}.demo-morphing-blob .research-visual-shape.shape-one{filter:none;width:110px;height:100px;animation:r-blob 5s infinite}.demo-holographic-shine .research-visual-lines{opacity:.6;background:linear-gradient(110deg,transparent 20%,#fff8 50%,transparent 80%);animation:r-holographic 5s infinite}.demo-geometric-loop .research-visual-shape{filter:none;width:38px;height:38px;border:2px solid var(--ink);border-radius:8px;animation:r-geometric 6s infinite}.demo-particle-constellation .research-visual-lines{background:radial-gradient(#fff 3px,transparent 4px) 0 0/37px 33px,linear-gradient(36deg,transparent 48%,#fff5 49% 51%,transparent 52%);opacity:.9;animation:r-constellation 5s infinite}.demo-flow-field .research-visual-lines{background:repeating-linear-gradient(26deg,transparent 0 12px,#fff6 13px 14px);opacity:.5;animation:r-flow 5s infinite}.demo-synthwave-grid .research-visual-view{background:linear-gradient(#322352,#d47da1)}.demo-synthwave-grid .research-visual-lines{transform:perspective(70px) rotateX(45deg);transform-origin:bottom;opacity:.7;animation:r-grid-roll 4s linear infinite}.demo-matrix-rain .research-visual-view{background:#142b24}.demo-matrix-rain .research-visual-lines{background:repeating-linear-gradient(90deg,#8ce3a766 0 2px,transparent 2px 16px);opacity:.7;animation:r-matrix 3s linear infinite}.demo-plasma-field .research-visual-shape{filter:blur(20px);animation:r-plasma 5s infinite}.demo-topographic-lines .research-visual-lines{background:repeating-radial-gradient(ellipse at 60% 50%,transparent 0 8px,#fff9 9px 10px);opacity:.8;animation:r-topographic 6s infinite}.demo-light-rays .research-visual-lines{background:repeating-linear-gradient(105deg,transparent 0 24px,#fff9 25px 36px,transparent 37px 55px);opacity:.4;animation:r-rays 6s infinite}.demo-rainfall .research-visual-lines{background:repeating-linear-gradient(105deg,transparent 0 10px,#fff9 11px 12px,transparent 13px 24px);opacity:.7;animation:r-rain 2s linear infinite}.research-content{background:#f0efd7}.research-content-view{position:absolute;inset:28px 24px 31px;display:grid;place-items:center;overflow:hidden;border:2px solid var(--ink);border-radius:9px;background:#fff}.research-content-next,.research-content-word{position:absolute;z-index:2;font-size:23px;font-weight:950;white-space:nowrap;animation:r-word-old 4s infinite}.research-content-next{color:#d4a000;animation:r-word-new 4s infinite}.research-content-highlight{position:absolute;left:22%;right:22%;bottom:24px;height:13px;background:var(--yellow);transform-origin:left;animation:r-highlight-sweep 4s infinite}.research-content-chart{position:absolute;left:12%;right:12%;top:30%;width:76%;height:50px;opacity:0}.research-content-chart path{fill:none;stroke:#e4a800;stroke-width:4;stroke-dasharray:130;stroke-dashoffset:130}.demo-kinetic-typography .research-content-word{animation:r-kinetic-old 4s infinite}.demo-kinetic-typography .research-content-next{animation:r-kinetic-new 4s infinite}.demo-variable-font-morph .research-content-word{animation:r-font-weight 4s infinite}.demo-variable-font-morph .research-content-next{display:none}.demo-outline-fill-text .research-content-word{color:#fff;-webkit-text-stroke:1px var(--ink);animation:r-outline 4s infinite}.demo-outline-fill-text .research-content-next{display:none}.demo-rotating-words .research-content-word{animation:r-word-old 4s infinite}.demo-rotating-words .research-content-next{animation:r-word-new 4s infinite}.demo-wavy-text .research-content-word{animation:r-wavy 4s infinite}.demo-wavy-text .research-content-next{display:none}.demo-highlighter-sweep .research-content-next,.demo-highlighter-sweep .research-content-word{animation:none}.demo-highlighter-sweep .research-content-next{display:none}.demo-split-flap-text .research-content-word{animation:r-flap-old 4s infinite}.demo-split-flap-text .research-content-next{animation:r-flap-new 4s infinite}.demo-handwriting-draw .research-content-word{animation:r-handwrite 4s infinite}.demo-handwriting-draw .research-content-next{display:none}.demo-text-on-path .research-content-word{animation:r-text-path 4s infinite}.demo-chart-line-draw .research-content-next,.demo-chart-line-draw .research-content-word,.demo-text-on-path .research-content-next{display:none}.demo-chart-line-draw .research-content-chart{opacity:1}.demo-chart-line-draw .research-content-chart path{animation:r-chart-line 4s infinite}.demo-word-by-word-reveal .research-content-word{animation:r-words 4s infinite}.demo-word-by-word-reveal .research-content-next{animation:r-words-next 4s infinite}.research-content-words{position:relative;z-index:2;display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 10px;font-size:17px;font-weight:950}.research-content-words span{display:inline-block;opacity:.55;transform:translateY(9px);animation:r-word-step 4s infinite}.research-content-words span:nth-child(2){animation-delay:.55s}.research-content-words span:nth-child(3){animation-delay:1.1s}.demo-text-gradient .research-content-word{background:linear-gradient(90deg,#dda300,#7fb8df,#d8668a,#dda300);background-size:240% 100%;background-clip:text;color:transparent;animation:r-text-gradient 4s infinite}.demo-text-gradient .research-content-next{display:none}@keyframes r-scroll-a{0%,15%{transform:translateY(55px)}55%,75%{transform:translateY(-42px)}to{transform:translateY(55px)}}@keyframes r-scroll-b{0%,15%{transform:translateY(-45px)}55%,75%{transform:translateY(50px)}to{transform:translateY(-45px)}}@keyframes r-progress{0%,12%{transform:scaleX(0)}65%,80%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes r-rail-progress{0%,12%{transform:scaleY(0)}65%,80%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes r-word{0%,18%{opacity:0;transform:translate(-50%,18px)}45%,76%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-18px)}}@keyframes r-reverse-left{0%,15%{transform:translateY(-44px)}60%,80%{transform:translateY(45px)}to{transform:translateY(-44px)}}@keyframes r-reverse-right{0%,15%{transform:translateY(45px)}60%,80%{transform:translateY(-44px)}to{transform:translateY(45px)}}@keyframes r-cover{0%,12%{transform:translate(15px,24px) scale(1.3)}58%,80%{transform:translateY(-15px) scale(.52)}to{transform:translate(15px,24px) scale(1.3)}}@keyframes r-stack-a{0%,20%{transform:translateY(45px) rotate(-6deg)}50%,85%{transform:translateY(0) rotate(-6deg)}to{transform:translateY(45px) rotate(-6deg)}}@keyframes r-stack-b{0%,35%{transform:translateY(80px) rotate(5deg)}65%,85%{transform:translateY(8px) rotate(5deg)}to{transform:translateY(80px) rotate(5deg)}}@keyframes r-wipe{0%,18%{transform:translateY(105%)}65%,82%{transform:translateY(0)}to{transform:translateY(105%)}}@keyframes r-sequence{0%,15%{transform:translateX(-28px);background:#ffdc62;border-radius:8px}40%{transform:translateX(5px);background:#f8b88e;border-radius:22px}65%,80%{transform:translateX(40px);background:#9fd9c9;border-radius:50%}to{transform:translateX(-28px);background:#ffdc62;border-radius:8px}}@keyframes r-text-fill{0%,15%{color:#c7c4b5;letter-spacing:.08em}65%,80%{color:#302719;letter-spacing:.22em}to{color:#c7c4b5;letter-spacing:.08em}}@keyframes r-velocity-skew{0%,18%,75%,to{transform:skewY(0) translateY(0)}36%{transform:skewY(-8deg) translateY(-16px)}50%{transform:skewY(7deg) translateY(12px)}}@keyframes r-zoom-window{0%,18%{transform:scale(.45);border-radius:20px}65%,82%{transform:scale(1.5);border-radius:2px}to{transform:scale(.45);border-radius:20px}}@keyframes r-fly-left{0%,20%{opacity:0;transform:translateX(-90px)}55%,75%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(70px)}}@keyframes r-fly-right{0%,20%{opacity:0;transform:translateX(90px)}55%,75%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-70px)}}@keyframes r-thumb{0%,15%{transform:translateY(0)}65%,82%{transform:translateY(52px)}to{transform:translateY(0)}}@keyframes r-highlight{0%,20%,to{background:#dcecf5}45%,80%{background:#ffda47}}@keyframes r-horizontal{0%,18%{transform:translateX(0)}65%,82%{transform:translateX(-80px)}to{transform:translateX(0)}}@keyframes r-snap{0%,25%{transform:translateY(0)}40%,75%{transform:translateY(-57px)}85%,to{transform:translateY(-114px)}}@keyframes r-old-fade{0%,28%{opacity:1}52%,82%{opacity:0}to{opacity:1}}@keyframes r-new-fade{0%,25%{opacity:0}55%,82%{opacity:1}to{opacity:0}}@keyframes r-curtain{0%,22%{transform:translateX(0)}60%,82%{transform:translateX(105%)}to{transform:translateX(0)}}@keyframes r-old-blur{0%,28%{opacity:1;filter:blur(0)}55%,82%{opacity:0;filter:blur(9px)}to{opacity:1;filter:blur(0)}}@keyframes r-new-blur{0%,25%{opacity:0;filter:blur(9px)}58%,82%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(9px)}}@keyframes r-flash{0%,33%,58%,to{opacity:0}43%{opacity:.9}}@keyframes r-circle{0%,22%{clip-path:circle(0 at 50% 50%);opacity:1}65%,82%{clip-path:circle(85% at 50% 50%);opacity:1}to{clip-path:circle(0 at 50% 50%);opacity:1}}@keyframes r-portal-ring{0%,24%{opacity:0;transform:scale(.1);border-radius:50%}38%{opacity:.7;transform:scale(.5);border-radius:50%}65%,to{opacity:0;transform:scale(2);border-radius:50%}}@keyframes r-pixel-old{0%,23%{opacity:1;filter:blur(0)}45%{opacity:1;filter:blur(5px);transform:scale(.91)}65%,to{opacity:0;filter:blur(0);transform:scale(.85)}}@keyframes r-pixel-new{0%,35%{opacity:0;filter:blur(6px);transform:scale(1.1)}65%,82%{opacity:1;filter:blur(0);transform:scale(1)}to{opacity:0}}@keyframes r-curl{0%,24%{transform:rotateY(0) rotate(0);opacity:1}62%,82%{transform:rotateY(-155deg) rotate(-8deg);opacity:.25}to{transform:rotateY(0) rotate(0);opacity:1}}@keyframes r-cube-old{0%,22%{transform:translateX(0) rotateY(0);opacity:1}62%,82%{transform:translateX(-50%) rotateY(-90deg);opacity:0}to{transform:translateX(0) rotateY(0);opacity:1}}@keyframes r-cube-new{0%,22%{transform:translateX(50%) rotateY(90deg);opacity:0}62%,82%{transform:translateX(0) rotateY(0);opacity:1}to{transform:translateX(50%) rotateY(90deg);opacity:0}}@keyframes r-elastic{0%,20%{transform:translateX(105%);opacity:1}50%{transform:translateX(-12px)}63%,82%{transform:translateX(0)}to{transform:translateX(105%)}}@keyframes r-overlay-wipe{0%,20%{transform:translateX(-105%)}45%{transform:translateX(0)}70%,to{transform:translateX(105%)}}@keyframes r-dissolve{0%,25%{opacity:1;clip-path:inset(0 0 0 0)}50%{opacity:.7;clip-path:inset(0 25% 0 0)}70%,82%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes r-dissolve-mask{0%,25%,85%,to{opacity:0}42%,63%{opacity:1}}@keyframes r-shared-old{0%,24%{transform:scale(.6) translate(-25px,10px);opacity:1}65%,82%{transform:scale(1.2) translate(20px,-8px);opacity:0}to{transform:scale(.6) translate(-25px,10px);opacity:1}}@keyframes r-shared-new{0%,24%{transform:scale(.6) translate(-25px,10px);opacity:0}65%,82%{transform:scale(1.2) translate(20px,-8px);opacity:1}to{transform:scale(.6) translate(-25px,10px);opacity:0}}@keyframes r-bounce{0%,16%{opacity:0;transform:translateY(-65px) scale(.8)}35%{opacity:1;transform:translateY(10px) scale(1.08,.9)}50%{transform:translateY(-15px)}64%,82%{transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-65px) scale(.8)}}@keyframes r-shadow{0%,16%{transform:scale(.45);opacity:.2}35%{transform:scale(1);opacity:.5}50%{transform:scale(.7);opacity:.3}64%,82%{transform:scale(1);opacity:.5}to{transform:scale(.45);opacity:.2}}@keyframes r-rotate-in{0%,18%{opacity:0;transform:rotate(-70deg) scale(.6)}58%,82%{opacity:1;transform:rotate(0) scale(1)}to{opacity:0;transform:rotate(-70deg) scale(.6)}}@keyframes r-shatter{0%,25%{opacity:1;transform:scale(1);clip-path:inset(0)}42%{opacity:1;transform:scale(1.14) rotate(7deg);clip-path:polygon(0 0,100% 0,82% 40%,100% 100%,0 100%,21% 48%)}65%,82%{opacity:0;transform:scale(1.6) rotate(22deg)}to{opacity:1;transform:scale(1);clip-path:inset(0)}}@keyframes r-squash{0%,20%,80%,to{transform:scale(1)}35%{transform:scale(1.13,.77) translateY(7px)}51%{transform:scale(.88,1.15) translateY(-15px)}65%{transform:scale(1.07,.91)}}@keyframes r-pendulum{0%,to{transform:rotate(-11deg)}25%{transform:rotate(11deg)}50%{transform:rotate(-7deg)}75%{transform:rotate(5deg)}}@keyframes r-wobble{0%,18%,80%,to{transform:translateX(0) rotate(0)}30%{transform:translateX(-11px) rotate(-7deg)}43%{transform:translateX(8px) rotate(5deg)}55%{transform:translateX(-4px) rotate(-2deg)}}@keyframes r-rubber{0%,20%,82%,to{transform:scale(1)}34%{transform:scale(1.25,.75)}48%{transform:scale(.85,1.15)}63%{transform:scale(1.08,.94)}}@keyframes r-jello{0%,18%,82%,to{transform:skew(0)}34%{transform:skew(-11deg,5deg)}49%{transform:skew(8deg,-3deg)}64%{transform:skew(-3deg,1deg)}}@keyframes r-elastic-pop{0%,17%{opacity:0;transform:scale(.1)}37%{opacity:1;transform:scale(1.18)}53%{transform:scale(.94)}68%,82%{transform:scale(1)}to{opacity:0;transform:scale(.1)}}@keyframes r-bounce-out{0%,20%{opacity:1;transform:translateY(0)}35%{transform:translateY(9px)}58%,82%{opacity:0;transform:translateY(-72px)}to{opacity:1;transform:translateY(0)}}@keyframes r-spotlight{0%,to{transform:translate(-28px,-12px);opacity:.3}40%,70%{transform:translate(48px,20px);opacity:1}}@keyframes r-trail{0%,18%,to{opacity:0;transform:translate(-25px,18px) scale(.5)}42%,70%{opacity:1;transform:translate(0) scale(1)}}@keyframes r-pointer{0%,18%,to{transform:translate(0)}45%,70%{transform:translate(-60px,-34px)}}@keyframes r-lens{0%,15%,to{transform:translate(-10px) scale(.65)}50%,75%{transform:translate(45px,20px) scale(1.15)}}@keyframes r-image-trail{0%,15%,to{opacity:0;transform:translate(-50px) rotate(-20deg)}38%{opacity:1;transform:translate(-15px,-20px) rotate(5deg)}66%{opacity:1;transform:translate(35px,12px) rotate(19deg)}}@keyframes r-border{0%,20%,to{box-shadow:0 0 0 #e5a500}40%,72%{box-shadow:0 0 0 5px #e5a500}}@keyframes r-grid{0%,20%,to{background-position:0 0;transform:perspective(300px) rotateX(0) rotateY(0)}50%,75%{background-position:8px 6px;transform:perspective(300px) rotateX(7deg) rotateY(-9deg)}}@keyframes r-split{0%,20%,to{clip-path:inset(0 0 0 0);transform:scale(1)}45%,70%{clip-path:inset(0 10% 0 10%);transform:scale(1.07)}}@keyframes r-velocity-trail{0%,18%,to{opacity:0;letter-spacing:0;transform:translateX(-35px)}38%{opacity:1;letter-spacing:8px;transform:translateX(18px)}60%{opacity:.6;letter-spacing:2px;transform:translateX(40px)}}@keyframes r-click-primary{0%,20%,to{transform:scale(1)}35%{transform:scale(.88)}50%,72%{transform:scale(1.03)}}@keyframes r-click-result{0%,34%,to{opacity:0;transform:scale(.6)}53%,78%{opacity:1;transform:scale(1)}}@keyframes r-switch{0%,30%,to{background:#d6d7d0}50%,78%{background:#85c98d}}@keyframes r-switch-knob{0%,30%,to{transform:translateX(-19px)}50%,78%{transform:translateX(19px)}}@keyframes r-hold{0%,20%,to{width:0}72%,83%{width:100%}}@keyframes r-stars{0%,20%,to{clip-path:inset(0 100% 0 0)}40%{clip-path:inset(0 40% 0 0)}65%,82%{clip-path:inset(0 0 0 0)}}@keyframes r-theme-sun{0%,28%,to{opacity:1;transform:rotate(0) scale(1)}52%,78%{opacity:0;transform:rotate(100deg) scale(.3)}}@keyframes r-theme-moon{0%,28%,to{opacity:0;transform:rotate(-100deg) scale(.3)}52%,78%{opacity:1;transform:rotate(0) scale(1)}}@keyframes r-menu-icon{0%,28%,to{opacity:1;transform:rotate(0)}52%,78%{opacity:0;transform:rotate(90deg)}}@keyframes r-menu-close{0%,28%,to{opacity:0;transform:rotate(-90deg)}52%,78%{opacity:1;transform:rotate(0)}}@keyframes r-field-label{0%,25%,to{font-size:13px;transform:translateY(0)}55%,82%{font-size:9px;transform:translateY(-17px)}}@keyframes r-error-shake{0%,25%,58%,to{transform:translateX(0);border-color:var(--ink)}30%,42%{transform:translateX(-6px);border-color:#dd6655}36%,49%{transform:translateX(6px);border-color:#dd6655}}@keyframes r-checkmark{0%,34%,to{opacity:0;clip-path:inset(0 100% 0 0)}54%,82%{opacity:1;clip-path:inset(0)}}@keyframes r-progress-button{0%,22%,to{background:var(--yellow);letter-spacing:0}40%,60%{background:#a4cbed;letter-spacing:2px}70%,82%{background:#9fdca5}}@keyframes r-expand-search{0%,24%,to{width:55px}55%,82%{width:110px}}@keyframes r-search-result{0%,38%,to{opacity:0;transform:translateX(-15px)}58%,82%{opacity:1;transform:translateX(0)}}@keyframes r-cart-fly{0%,24%,to{opacity:1;transform:translate(0) scale(1)}55%{opacity:.4;transform:translate(66px,-24px) scale(.35)}70%,82%{opacity:0;transform:translate(90px) scale(.2)}}@keyframes r-cart-bump{0%,55%,to{transform:scale(1)}68%{transform:scale(1.25)}}@keyframes r-tristate{0%,28%{color:#fff;background:#fff}45%,58%{color:var(--ink);background:#c7dcf3}75%,88%{color:var(--ink);background:var(--yellow)}to{color:#fff;background:#fff}}@keyframes r-drag{0%,20%,to{transform:translate(0)}50%,75%{transform:translate(45px,-12px)}}@keyframes r-axis{0%,20%,to{transform:translateX(0)}50%,75%{transform:translateX(70px)}}@keyframes r-elastic-drag{0%,20%,to{transform:translateX(0)}50%{transform:translateX(110px)}67%,80%{transform:translateX(72px)}}@keyframes r-momentum{0%,20%,to{transform:translateX(0)}45%{transform:translateX(35px)}72%,82%{transform:translateX(95px)}}@keyframes r-swipe{0%,25%,to{transform:translateX(0)}55%,80%{transform:translateX(-65px)}}@keyframes r-range-left{0%,22%,to{left:10%}50%,80%{left:30%}}@keyframes r-range-right{0%,22%,to{left:80%}50%,80%{left:65%}}@keyframes r-archive{0%,25%,to{transform:translateX(0)}55%,80%{transform:translateX(-80px);background:#edc7b2}}@keyframes r-nav-active{0%,28%,to{background:#e8eff8;transform:translateX(0)}45%,80%{background:var(--yellow);transform:translateX(3px)}}@keyframes r-nav-sub{0%,28%,to{opacity:0;transform:translateY(-12px)}50%,80%{opacity:1;transform:translateY(0)}}@keyframes r-combobox{0%,20%,to{background:#f7f7f2}45%,80%{background:#fff6bd;box-shadow:0 0 0 2px #e8ae00}}@keyframes r-menu-button{0%,25%,to{background:#f7f7f2;transform:scale(1)}42%,80%{background:var(--yellow);transform:scale(.96)}}@keyframes r-grid-focus{0%,20%,to{outline:0 solid transparent;transform:translateX(0)}50%,80%{outline:3px solid #e2a700;transform:translateX(10px)}}@keyframes r-treegrid{0%,28%,to{max-height:0;opacity:0;padding-top:0;padding-bottom:0}55%,82%{max-height:30px;opacity:1;padding-top:4px;padding-bottom:4px}}@keyframes r-splitter{0%,22%,to{transform:translateX(-25px)}55%,80%{transform:translateX(25px)}}@keyframes r-tabs-overflow{0%,25%,to{transform:translateX(0)}55%,80%{transform:translateX(-45px)}}@keyframes r-step-complete{0%,25%,to{background:#e8eff8}55%,80%{background:#96d5a1}}@keyframes r-overlay-scrim{0%,22%,to{opacity:0}45%,80%{opacity:1}}@keyframes r-overlay-panel{0%,22%,to{opacity:0;transform:translateY(-25px) scale(.9)}45%,80%{opacity:1;transform:translateY(0) scale(1)}}@keyframes r-nested{0%,50%,to{opacity:0;transform:scale(.7)}65%,80%{opacity:1;transform:scale(1)}}@keyframes r-modal-origin{0%,22%,to{opacity:0;transform:translate(80px,-25px) scale(.2)}55%,80%{opacity:1;transform:translate(0) scale(1)}}@keyframes r-sheet-dismiss{0%,22%,to{transform:translateY(105%)}45%,65%{transform:translateY(0)}85%{transform:translateY(105%)}}@keyframes r-menu-bridge{0%,23%,to{opacity:0;transform:translateY(-13px)}45%,80%{opacity:1;transform:translateY(0)}}@keyframes r-inspector{0%,23%,to{transform:translateX(105%)}55%,80%{transform:translateX(0)}}@keyframes r-callout{0%,22%,to{opacity:0;transform:translateY(12px) scale(.85)}48%,80%{opacity:1;transform:translateY(0) scale(1)}}@keyframes r-feedback-symbol{0%,22%,to{transform:scale(.75)}48%,80%{transform:scale(1.08)}}@keyframes r-feedback-fill{0%,20%,to{transform:scaleX(0)}65%,80%{transform:scaleX(1)}}@keyframes r-confetti{0%,25%,to{opacity:0;transform:translateY(15px) scale(.3)}52%{opacity:1;transform:translateY(-8px) scale(1.2)}75%{opacity:0;transform:translateY(-24px) scale(.7)}}@keyframes r-typing{0%,to{opacity:.4;letter-spacing:0}50%{opacity:1;letter-spacing:3px}}@keyframes r-badge{0%,28%,to{transform:scale(.8)}45%{transform:scale(1.3)}60%,80%{transform:scale(1)}}@keyframes r-ring{0%,to{transform:rotate(0)}75%{transform:rotate(290deg)}}@keyframes r-indeterminate{0%,to{transform:translateX(-150%)}50%{transform:translateX(250%)}}@keyframes r-countdown{0%{background:#ffdd4f}50%{background:#f8b769}80%,to{background:#a7dcb4}}@keyframes r-offline{0%,20%,to{background:#fff;transform:translateY(0)}45%,80%{background:#ffe0d9;transform:translateY(5px)}}@keyframes r-queue{0%,20%,to{transform:scaleX(.12)}40%{transform:scaleX(.45)}65%,82%{transform:scaleX(1)}}@keyframes r-rollback{0%,20%,to{background:var(--yellow)}40%{background:#92d5a1}72%,82%{background:#ffb6a8}}@keyframes r-rollback-fill{0%,20%,to{transform:scaleX(0)}48%{transform:scaleX(1)}75%,82%{transform:scaleX(0)}}@keyframes r-alert{0%,20%,to{box-shadow:0 0 0 transparent}45%,80%{box-shadow:0 0 0 4px #d887744d}}@keyframes r-visual-breathe{0%,to{filter:saturate(.9) brightness(1)}50%{filter:saturate(1.3) brightness(1.08)}}@keyframes r-visual-float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(18px,-13px) rotate(16deg)}}@keyframes r-lines{0%{background-position:0 0}to{background-position:0 24px}}@keyframes r-star{0%,to{transform:translate(-50%,-50%) rotate(0) scale(.8)}50%{transform:translate(-50%,-50%) rotate(25deg) scale(1.25)}}@keyframes r-aurora{0%,to{transform:translate(-25px,15px) rotate(-12deg);opacity:.55}50%{transform:translate(35px,-15px) rotate(19deg);opacity:1}}@keyframes r-grain{0%,to{background-position:0 0}33%{background-position:3px 8px}66%{background-position:8px 4px}}@keyframes r-light-leak{0%,to{transform:translate(50px,-30px);opacity:.2}50%{transform:translate(-30px,15px);opacity:1}}@keyframes r-starfield{0%{background-position:0 0;transform:scale(1)}to{background-position:45px 20px;transform:scale(1.35)}}@keyframes r-ripple{0%{transform:scale(.1);opacity:1}70%,to{transform:scale(2.2);opacity:0}}@keyframes r-wave{0%,to{transform:translateX(-20px) rotate(-9deg)}50%{transform:translateX(25px) rotate(9deg)}}@keyframes r-blob{0%,to{border-radius:45% 55% 60% 40%;transform:rotate(0) scale(1)}35%{border-radius:65% 35% 36% 64%;transform:rotate(60deg) scale(1.18)}70%{border-radius:33% 67% 55% 45%;transform:rotate(140deg) scale(.9)}}@keyframes r-holographic{0%,to{background-position:-200px 0}60%{background-position:200px 0}}@keyframes r-geometric{0%,to{transform:translate(0) rotate(0);border-radius:8px}33%{transform:translate(25px,15px) rotate(45deg);border-radius:50%}66%{transform:translate(-12px,-18px) rotate(90deg);border-radius:2px}}@keyframes r-constellation{0%,to{background-position:0 0;opacity:.5}50%{background-position:18px 10px;opacity:1}}@keyframes r-flow{0%{background-position:0 0;transform:skewX(0)}50%{transform:skewX(13deg)}to{background-position:50px 0;transform:skewX(0)}}@keyframes r-grid-roll{0%{background-position:0 0}to{background-position:0 48px}}@keyframes r-matrix{0%{background-position:0 -50px}to{background-position:0 50px}}@keyframes r-plasma{0%,to{transform:translate(-10px,-20px) scale(.6);filter:blur(17px)}50%{transform:translate(38px,25px) scale(1.5);filter:blur(28px)}}@keyframes r-topographic{0%,to{transform:scale(.9);background-position:0 0}50%{transform:scale(1.2);background-position:20px 10px}}@keyframes r-rays{0%,to{transform:rotate(-15deg) scale(1.2);opacity:.25}50%{transform:rotate(15deg) scale(1.2);opacity:.8}}@keyframes r-rain{0%{background-position:0 -35px}to{background-position:18px 40px}}@keyframes r-word-old{0%,27%{opacity:1;transform:translateY(0)}50%,80%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}@keyframes r-word-new{0%,27%{opacity:0;transform:translateY(28px)}50%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(28px)}}@keyframes r-highlight-sweep{0%,20%,to{transform:scaleX(0)}62%,80%{transform:scaleX(1)}}@keyframes r-kinetic-old{0%,25%{opacity:1;transform:translate(-55px,18px) rotate(-12deg)}55%,80%{opacity:0;transform:translate(58px,-17px) rotate(12deg)}to{opacity:1;transform:translate(-55px,18px) rotate(-12deg)}}@keyframes r-kinetic-new{0%,25%{opacity:0;transform:translate(-45px,-15px) rotate(10deg)}55%,80%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(-45px,-15px) rotate(10deg)}}@keyframes r-font-weight{0%,20%,to{font-weight:200;letter-spacing:.12em;transform:scale(.9)}55%,80%{font-weight:950;letter-spacing:-.05em;transform:scale(1.1)}}@keyframes r-outline{0%,20%,to{color:#fff;-webkit-text-stroke:1px var(--ink)}55%,80%{color:var(--yellow);-webkit-text-stroke:1px var(--ink)}}@keyframes r-wavy{0%,to{transform:translateY(0) skewY(0)}25%{transform:translateY(-12px) skewY(-6deg)}50%{transform:translateY(6px) skewY(5deg)}75%{transform:translateY(-4px) skewY(-2deg)}}@keyframes r-flap-old{0%,25%{opacity:1;transform:rotateX(0)}48%,80%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes r-flap-new{0%,35%{opacity:0;transform:rotateX(90deg)}58%,80%{opacity:1;transform:rotateX(0)}to{opacity:0;transform:rotateX(90deg)}}@keyframes r-handwrite{0%,20%{clip-path:inset(0 100% 0 0)}68%,82%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes r-text-path{0%,to{transform:translate(-40px,14px) rotate(-14deg)}50%{transform:translate(40px,-14px) rotate(14deg)}}@keyframes r-chart-line{0%,18%{stroke-dashoffset:130}70%,82%{stroke-dashoffset:0}to{stroke-dashoffset:130}}@keyframes r-words{0%,20%{opacity:0;clip-path:inset(0 100% 0 0)}50%,80%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0 100% 0 0)}}@keyframes r-words-next{0%,40%{opacity:0;clip-path:inset(0 100% 0 0)}70%,85%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0 100% 0 0)}}@keyframes r-word-step{0%,12%{opacity:.55;transform:translateY(9px)}28%,82%{opacity:1;transform:translateY(0)}to{opacity:.55;transform:translateY(9px)}}@keyframes r-text-gradient{0%{background-position:0 0}to{background-position:240% 0}}@media (prefers-reduced-motion:reduce){.research-scene *,.research-scene :after,.research-scene :before{animation:none!important;transition:none!important}.research-content-next,.research-transition-old{display:none}.research-content-word,.research-feedback-confetti,.research-overlay-panel,.research-transition-new{opacity:1;transform:none}.research-content-chart path{stroke-dashoffset:0}.research-content-words span{opacity:1;transform:none}.research-feedback-bar i,.research-scroll-path{transform:scaleX(1)}}@media (max-width:760px){.motion-demo-large .research-scene{width:min(90%,360px);height:190px}.motion-demo-large .research-title{font-size:11px}}