::view-transition-group(*.settings-morph){animation-duration:.48s;animation-timing-function:cubic-bezier(.2,.85,.25,1)}::view-transition-image-pair(*.settings-morph-box){background:var(--settings-morph-bg);border-radius:var(--settings-morph-radius-to);box-shadow:var(--settings-morph-shadow-to);animation:.48s cubic-bezier(.2,.85,.25,1) both settings-morph-shape;overflow:hidden}@keyframes settings-morph-shape{0%{border-radius:var(--settings-morph-radius-from);box-shadow:var(--settings-morph-shadow-from)}to{border-radius:var(--settings-morph-radius-to);box-shadow:var(--settings-morph-shadow-to)}}::view-transition-old(*.settings-morph-box){object-fit:none;object-position:left top;width:100%;height:100%}::view-transition-new(*.settings-morph-box){object-fit:none;object-position:left top;width:100%;height:100%}::view-transition-old(*.settings-morph-box){animation:.12s ease-out reverse both settings-morph-fade}::view-transition-new(*.settings-morph-box){animation:.26s ease-out .18s both settings-morph-fade}::view-transition-old(*.settings-morph-body){animation:.14s ease-out reverse both settings-morph-fade}::view-transition-new(*.settings-morph-body){animation:.24s ease-out .12s both settings-morph-fade}html[data-settings-morph]::view-transition-old(root){animation:none}html[data-settings-morph]::view-transition-new(root){animation:none}@keyframes settings-morph-fade{0%{opacity:0}to{opacity:1}}::view-transition-group(*.settings-morph-pin){animation:none}::view-transition-old(*.settings-morph-pin){animation:none}::view-transition-new(*.settings-morph-pin){animation:none}::view-transition-old(*.settings-morph-pin){display:none}