@view-transition{navigation:auto}
::view-transition-old(root){animation:kvt-out .25s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:kvt-in .25s cubic-bezier(.4,0,.2,1) both}
@keyframes kvt-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes kvt-in{from{opacity:0;transform:translateY(6px)}}
html.kjs body{animation:kfade-in .25s ease-out both}
html.kleave body{opacity:0;transform:translateY(-6px);transition:opacity .2s ease-in,transform .2s ease-in}
@keyframes kfade-in{from{opacity:0;transform:translateY(6px)}}
a,button,summary,label,input,select,.citem,.info{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button,.btn,.citem,summary{transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .2s,background-color .2s,color .2s,border-color .2s}
button:active,.btn:active,.citem:active,a.btn:active{transform:scale(.97)}
.sw .track{transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)!important}
.sw .track::after{transition:transform .2s cubic-bezier(.4,0,.2,1)!important}
.sw:active .track::after{width:21px}
.sw input:checked+.track::after{}
.bmenu nav{animation:none!important;opacity:1;transform:translateX(-50%) translateY(0);transition:opacity .2s ease-out,transform .2s ease-out}
@starting-style{.bmenu[open] nav{opacity:0;transform:translateX(-50%) translateY(-8px)}}
.bmenu.kopening nav,.bmenu.kclosing nav{opacity:0;transform:translateX(-50%) translateY(-8px)}
.bmenu[open] summary::before{transition:opacity .2s ease-out}
.bmenu.kopening summary::before,.bmenu.kclosing summary::before{opacity:0}
.bmenu summary::after{transition:transform .2s ease-out,margin-top .2s ease-out!important}
.ipop{transition:opacity .18s ease-out,visibility 0s linear 0s}
.ipop.hidden{display:grid!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease-in,visibility 0s linear .18s}
.ipop .ipbox{transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s;transform:scale(1);opacity:1}
.ipop.hidden .ipbox{transform:scale(.94);opacity:0}
.kchg{animation:kchg .3s ease-out}
@keyframes kchg{from{opacity:.25}to{opacity:1}}
.row{transition:opacity .2s}
@media (prefers-reduced-motion:reduce){
@view-transition{navigation:none}
*,*::before,*::after,::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
button:active,.btn:active,.citem:active{transform:none}
html.kleave body{opacity:1;transform:none}
}