/* Moving surfaces contain no copied page or form content. */
.motion-segment{isolation:isolate}
.motion-segment:not(.bottom-nav){position:relative}
.motion-selection{position:absolute;display:block;pointer-events:none;z-index:0;background:#eaf0ff;border:1px solid #dce7ff;border-radius:10px;box-shadow:0 2px 6px #315cfd12;transform-origin:left center}
/* The marker owns selection motion; rebuilt buttons must not fade their old fill over it. */
.motion-segment>button{position:relative;z-index:1;transition:none}
.motion-segment>button:is(.selected,.active,[aria-pressed=true]){background:transparent;box-shadow:none;color:var(--blue)}
.bottom-nav.motion-segment>.motion-selection{border-radius:14px;background:#eaf0ff;box-shadow:0 3px 9px #315cfd16}
.bottom-nav.motion-segment>.active>span:first-child{background:transparent}
.motion-segment.filters>.filter.active{background:transparent;color:var(--blue)}
.month-label{overflow:hidden;position:relative}
.motion-month-title{display:inline-block;max-width:100%;white-space:nowrap}
.motion-month-old{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;white-space:nowrap}
.overlay>.sheet{animation:none}
.overlay.motion-exit[hidden]{display:flex!important;pointer-events:none!important;z-index:var(--motion-layer,30)!important}
.overlay.motion-exit>*{pointer-events:none!important}
.motion-settings{padding:4px 0 15px}
.motion-settings .switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;font-weight:600}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}