:root[data-settings-transition] [data-settings-header]{view-transition-name:settings-header}:root[data-settings-transition] [data-settings-page]{view-transition-name:settings-page}:root[data-settings-transition]::view-transition-old(root){animation:none}:root[data-settings-transition]::view-transition-new(root){animation:none}:root[data-settings-transition]::view-transition-group(settings-page){overflow:clip}:root[data-settings-transition]::view-transition-old(settings-header){animation:.15s ease-out both settings-title-out}:root[data-settings-transition]::view-transition-new(settings-header){animation:.25s ease-in .1s both settings-title-in}:root[data-settings-transition]::view-transition-old(settings-page){mix-blend-mode:normal;animation-duration:.4s;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}:root[data-settings-transition]::view-transition-new(settings-page){mix-blend-mode:normal;animation-duration:.4s;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}:root[data-settings-transition=forward]::view-transition-old(settings-page){animation-name:settings-page-recede}:root[data-settings-transition=forward]::view-transition-new(settings-page){animation-name:settings-page-cover}:root[data-settings-transition=back]::view-transition-old(settings-page){z-index:1;animation-name:settings-page-uncover}:root[data-settings-transition=back]::view-transition-new(settings-page){animation-name:settings-page-return}@keyframes settings-page-cover{0%{transform:translate(100%)}}@keyframes settings-page-uncover{to{transform:translate(100%)}}@keyframes settings-page-recede{to{filter:brightness(.9);transform:translate(-30%)}}@keyframes settings-page-return{0%{filter:brightness(.9);transform:translate(-30%)}}@keyframes settings-title-out{to{opacity:0}}@keyframes settings-title-in{0%{opacity:0}}