/* Optional motion layer. These rules are active only on temporary motion nodes. */
.motion-route-plane{height:100%;width:100%;position:relative;overflow:hidden;isolation:isolate;background:var(--page,#f7f8f5);will-change:transform,clip-path}
.motion-route-outgoing{position:absolute!important;margin:0!important;pointer-events:none!important;user-select:none!important;overflow:hidden!important;background:var(--page,#f7f8f5);z-index:1;will-change:transform}
.motion-route-outgoing .bottom-tabs{display:none!important}
.motion-route-plane{z-index:2}
.motion-route-active>.bottom-tabs{z-index:12}
.motion-layer-plane{width:100%;display:contents}
.motion-hero{position:fixed!important;z-index:80;pointer-events:none!important;margin:0!important;max-width:none!important;object-fit:cover;overflow:visible;transform-origin:top left;will-change:transform}
.motion-hero-face{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.motion-paper-mesh{position:absolute;left:-28px;top:-28px;max-width:none!important;pointer-events:none;display:block}
.motion-gesture-backdrop{position:absolute!important;pointer-events:none!important;z-index:1;overflow:hidden}
.motion-gesture-plane{box-shadow:-9px 0 28px #16352314;touch-action:pan-y}
.motion-gestures-ready{touch-action:pan-y}
.motion-layer-managed,.motion-layer-managed .sheet,.motion-layer-managed .dish-sheet-backdrop,.motion-layer-managed .dish-sheet-panel,.motion-layer-managed .modal{animation:none!important}
.motion-layer-active .dish-sheet-panel{transition:none!important}
.motion-search-active{animation:none!important;transform-origin:right center;will-change:transform,clip-path}
.home-body{position:relative}
.motion-category-active{position:relative;z-index:2;background:white;will-change:clip-path}
.motion-category-outgoing{position:absolute!important;margin:0!important;pointer-events:none!important;user-select:none!important;overflow:hidden!important;background:white;z-index:1}
.category-grid.has-category-indicator{position:relative}
.category-grid.has-category-indicator .category-item.selected:after{display:none}
.category-indicator{position:absolute;left:0;bottom:9px;width:10px;height:3px;border-radius:3px;background:var(--green);pointer-events:none;will-change:transform}
@media(prefers-reduced-motion:reduce){.motion-route-plane,.motion-route-outgoing,.motion-hero,.motion-search-active{will-change:auto}}