@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--clm-dur-slow)}.clm-navbar{view-transition-name:clm-navbar}.clm-tabbar{view-transition-name:clm-tabbar}::view-transition-old(clm-navbar),::view-transition-new(clm-navbar),::view-transition-old(clm-tabbar),::view-transition-new(clm-tabbar){animation:none;mix-blend-mode:normal}html:active-view-transition .clm-navbar,html:active-view-transition .clm-tabbar{background:var(--clm-bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}html:active-view-transition-type(forward)::view-transition-old(root){animation-timing-function:var(--clm-ease-in);animation-name:clm-vt-out-forward}html:active-view-transition-type(forward)::view-transition-new(root){animation-timing-function:var(--clm-ease-out);animation-name:clm-vt-in-forward}html:active-view-transition-type(back)::view-transition-old(root){animation-timing-function:var(--clm-ease-in);animation-name:clm-vt-out-back}html:active-view-transition-type(back)::view-transition-new(root){animation-timing-function:var(--clm-ease-out);animation-name:clm-vt-in-back}html:active-view-transition-type(lateral)::view-transition-old(root){animation-timing-function:var(--clm-ease-in);animation-name:clm-vt-out-lateral}html:active-view-transition-type(lateral)::view-transition-new(root){animation-timing-function:var(--clm-ease-out);animation-name:clm-vt-in-lateral}@keyframes clm-vt-out-forward{to{transform:translateX(14px);opacity:0}}@keyframes clm-vt-in-forward{from{transform:translateX(-14px);opacity:0}}@keyframes clm-vt-out-back{to{transform:translateX(-14px);opacity:0}}@keyframes clm-vt-in-back{from{transform:translateX(14px);opacity:0}}@keyframes clm-vt-out-lateral{to{opacity:0}}@keyframes clm-vt-in-lateral{from{opacity:0}}}.clm-navprog{position:fixed;inset-inline:0;top:0;height:2.5px;z-index:70;background:var(--clm-acc);transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none;transition:transform 3s cubic-bezier(.1,.6,.1,1),opacity 160ms var(--clm-ease-out)}[dir=rtl] .clm-navprog{transform-origin:right}.clm-navprog.is-active{transform:scaleX(.7);opacity:1}@media(prefers-reduced-motion:reduce){.clm-navprog{transition:opacity 160ms linear}.clm-navprog.is-active{transform:scaleX(.7)}}
