.sfi{border-top:1px solid var(--rule);padding-top:13px}

 



 

@keyframes mlg1{from{transform:translateX(-240px)}}
@keyframes mlg2{from{transform:translateX(240px)}}
@keyframes mlgn{from{opacity:0}}
@media (prefers-reduced-motion:no-preference){
html.lg:not(.still) .top .logo svg{overflow:visible}
html.lg:not(.still) .top .logo .b1{animation:mlg1 1500ms cubic-bezier(.4,0,.2,1) both}
html.lg:not(.still) .top .logo .b2{animation:mlg2 1500ms cubic-bezier(.4,0,.2,1) both}
html.lg:not(.still) .top .logo svg>g+g{animation:mlgn 750ms linear 750ms both}
}

 
@keyframes mhr{from{opacity:0;transform:translateY(21px)}}
@keyframes mhrt{from{transform:translateY(21px)}}
@keyframes mfd{from{opacity:0}}
@media (prefers-reduced-motion:no-preference){
html:not(.still) main h1{animation:mhr 508ms var(--ease) backwards}
html:not(.still) main h1.long{animation-name:mhrt}
html:not(.still) main :is(.d-lead,.kt-s,.lead2){animation:mfd var(--t-panel) linear 144ms backwards}
}

 
@media (prefers-reduced-motion:no-preference){
.mr{opacity:0;transform:translateY(21px);transition:opacity 508ms var(--ease),transform 508ms var(--ease)}
.mr.mi{opacity:1;transform:none}
.mr:has(.ipd){transform:none;transition:opacity 508ms var(--ease)}    
}
@media print{.mr{opacity:1!important;transform:none!important;transition:none!important}}

 
@media (prefers-reduced-motion:no-preference){
:is(.mbtn,.themeb,.mclose,.find button,button.copy,button.again,.tj,.kl):active{scale:.97;transition:scale var(--t-press) var(--ease)}
}

 
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.chip:hover span{transform:translateY(-2px);transition-duration:var(--t-hover),var(--t-hover),var(--t-hover)}
}

 
@keyframes mglow{from{background-color:color-mix(in srgb,var(--accent) 38%,transparent)}to{background-color:transparent}}
@media (prefers-reduced-motion:no-preference){
.mgl{animation:mglow 1200ms ease-out}
#cn.mgl{width:fit-content}
}

 

.ldb{display:inline-block;width:21px;height:20px;overflow:visible;flex:none;vertical-align:-3px;margin-right:8px;color:var(--ink)}
.ldb path{fill:currentColor;stroke:currentColor;stroke-width:0;stroke-dasharray:1;stroke-dashoffset:0}
@keyframes mld{0%{stroke-dashoffset:1;stroke-width:5;fill-opacity:0}76%{stroke-dashoffset:0;stroke-width:5;fill-opacity:0}100%{stroke-dashoffset:0;stroke-width:0;fill-opacity:1}}
@media (prefers-reduced-motion:no-preference){
.ldb.run path{animation:mld 1304ms linear both}
.ldb.run .b2{animation-delay:120ms}
}
.cd-top .ldb{margin:0 auto 0 0;align-self:center}

 
@keyframes mvo{to{opacity:0}}
@keyframes mvn{from{opacity:0;transform:translateY(13px)}}
@media (prefers-reduced-motion:no-preference){
main{view-transition-name:main}
main:has(.all),html.tvt main{view-transition-name:none}
::view-transition-group(main){animation-duration:0s}
::view-transition-old(main){animation:mvo var(--t-hover) linear both}
::view-transition-new(main){animation:mvn var(--t-panel) var(--ease) both}
}