:root{--font-family: "Segoe UI", "Helvetica", sans-serif;--transition: all .4s ease;color-scheme:dark}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-family),sans-serif;background:#121612;-webkit-font-smoothing:antialiased}.fade-layer{animation:layer-in var(--fade, 1s) ease-in-out}.fade-layer.leaving{animation:layer-out var(--fade, 1s) ease-in-out forwards}.fade-layer.handover{animation:layer-in calc(var(--fade, 1s) / 2) ease-in-out calc(var(--fade, 1s) / 2) backwards}.fade-layer.handover.leaving{animation:layer-out calc(var(--fade, 1s) / 2) ease-in-out forwards}.fade-layer.instant{animation:none}@keyframes layer-in{0%{opacity:0}}@keyframes layer-out{to{opacity:0}}