/* Only transitions: no layout, spacing, colours or control sizing. */
body>header{transition:padding .2s ease-in-out,gap .2s ease-in-out,height .2s ease-in-out}
body>header .brand{transition:font-size .2s ease-in-out,gap .2s ease-in-out}
body>header .brand>img,body>header .brand>svg{transition:width .2s ease-in-out,height .2s ease-in-out,max-width .2s ease-in-out,max-height .2s ease-in-out,opacity .2s ease-in-out}
body>header nav{transition:gap .2s ease-in-out}
body>header nav svg{transition:width .2s ease-in-out,height .2s ease-in-out}
.gallery-section>summary>svg,.site-admin-section>summary>svg,.profile-section>summary>svg,.version-log-date>svg{transition:transform .2s ease-in-out}
:is(.gallery-section,.site-admin-section,.profile-section)[data-section-motion=closing]>summary>svg{transform:rotate(0)}
.version-log-entry[data-section-motion=closing] summary>.version-log-date>svg{transform:rotate(-90deg)}
[data-moderation-page] [data-file-section]{scroll-margin-top:1rem}
@keyframes site-menu-in{from{opacity:0}to{opacity:1}}
.share-menu:not([data-motion-exit]){animation:site-menu-in .12s ease-in-out}
@supports (transition-behavior:allow-discrete){
 dialog{opacity:0;transition:opacity .2s ease-in-out,display .2s allow-discrete,overlay .2s allow-discrete}
 dialog[open]{opacity:1}
 dialog::backdrop{opacity:0;transition:opacity .2s ease-in-out,display .2s allow-discrete,overlay .2s allow-discrete}
 dialog[open]::backdrop{opacity:1}
 .profile-avatar-menu{opacity:0;transition:opacity .12s ease-in-out,display .12s allow-discrete}
 .profile-avatar-menu:not([hidden]){opacity:1}
 :is(.gallery-filter-menu,.moderation-row-menu)::details-content{opacity:0;transition:opacity .12s ease-in-out,content-visibility .12s allow-discrete}
 :is(.gallery-filter-menu,.moderation-row-menu)[open]::details-content{opacity:1}
 @starting-style{
  dialog[open],dialog[open]::backdrop,.profile-avatar-menu:not([hidden]),:is(.gallery-filter-menu,.moderation-row-menu)[open]::details-content{opacity:0}
 }
}
@media(prefers-reduced-motion:reduce){
 body>header,body>header .brand,body>header .brand>img,body>header .brand>svg,body>header nav,body>header nav svg,.gallery-section>summary>svg,.site-admin-section>summary>svg,.profile-section>summary>svg,.version-log-date>svg,dialog,dialog::backdrop,.profile-avatar-menu,:is(.gallery-filter-menu,.moderation-row-menu)::details-content{transition:none}
 .share-menu{animation:none!important}
}