:root:active-view-transition-type(esik)::view-transition{background-color:var(--esik-zemin,var(--bg))}:root:active-view-transition-type(esik)::view-transition-old(root){animation:esik-kararma var(--motion-slow) var(--motion-ease) both;display:block}:root:active-view-transition-type(esik)::view-transition-old(site-ust){animation:esik-kararma var(--motion-slow) var(--motion-ease) both;display:block}::view-transition-old(.esik-cik){animation:esik-kararma var(--motion-slow) var(--motion-ease) both;display:block}:root:active-view-transition-type(esik)::view-transition-new(root){animation:esik-aydinlanma var(--motion-slow) var(--motion-ease) both}:root:active-view-transition-type(esik)::view-transition-new(site-ust){animation:esik-aydinlanma var(--motion-slow) var(--motion-ease) both}::view-transition-new(.esik-gir){animation:esik-aydinlanma var(--motion-slow) var(--motion-ease) both}@keyframes esik-kararma{0%{opacity:1}50%,to{opacity:0}}@keyframes esik-aydinlanma{0%,50%{opacity:0}to{opacity:1}}.esik-acilis{z-index:var(--z-modal);background:var(--bg);opacity:0;pointer-events:none;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.esik-acilis{animation:esik-acilis-aydinlan calc(2 * var(--motion-enter)) var(--motion-ease) 1 both}}@keyframes esik-acilis-aydinlan{0%{opacity:1}to{opacity:0}}