@view-transition{navigation:auto}html:has([data-explicit-theme]){background-color:#f6f5f1;color-scheme:light}@media (prefers-color-scheme:dark){html:not([data-playground-theme]):has([data-explicit-theme]){background-color:#11171b;color-scheme:dark}}html[data-playground-theme=dark]:has([data-explicit-theme]){background-color:#11171b;color-scheme:dark}:root[data-playground-transition]::view-transition-group(*){animation-duration:.4s;animation-timing-function:cubic-bezier(.32,.72,0,1)}:root[data-playground-transition]::view-transition-group(playground-incoming),:root[data-playground-transition]::view-transition-group(playground-outgoing){animation:none}:root[data-playground-transition]::view-transition-new(playground-incoming),:root[data-playground-transition]::view-transition-old(playground-outgoing){width:auto;height:auto}:root[data-playground-transition]::view-transition-old(playground-outgoing){animation:playground-fade-out .12s ease-out both}:root[data-playground-transition]::view-transition-new(playground-incoming){animation:playground-fade-in .22s ease-out 70ms both}:root[data-playground-transition]::view-transition-image-pair(playground-image){overflow:hidden;isolation:isolate}:root[data-playground-transition]::view-transition-new(playground-image),:root[data-playground-transition]::view-transition-old(playground-image){width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal}:root[data-playground-transition]::view-transition-old(playground-image){animation:playground-fade-out .4s ease-out both}:root[data-playground-transition]::view-transition-new(playground-image){animation:playground-fade-in .4s ease-out both}:root[data-playground-transition]::view-transition-new(playground-number),:root[data-playground-transition]::view-transition-new(playground-title),:root[data-playground-transition]::view-transition-old(playground-number),:root[data-playground-transition]::view-transition-old(playground-title){width:auto;height:auto;mix-blend-mode:normal}:root[data-playground-transition]::view-transition-old(playground-number),:root[data-playground-transition]::view-transition-old(playground-title){animation:playground-fade-out .1s ease-out both}:root[data-playground-transition]::view-transition-new(playground-number),:root[data-playground-transition]::view-transition-new(playground-title){animation:playground-fade-in .18s ease-out .1s both}@keyframes playground-fade-in{0%{opacity:0}to{opacity:1}}@keyframes playground-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}:root::view-transition-group(*),:root::view-transition-new(*),:root::view-transition-old(*){animation:none!important}}