html[data-door-enter] .wrap>main,html[data-door-leave] .wrap>main{opacity:0;filter:blur(14px);transform:scale(1.04)}html[data-door-enter] .wrap>:not(main),html[data-door-enter] .bgfx,html[data-door-leave] .wrap>:not(main),html[data-door-leave] .bgfx{opacity:0}html[data-door-enter] .wrap,html[data-door-leave] .wrap{pointer-events:none}html[data-door-entering] .wrap>main{transform-origin:50% 30vh;transition:opacity 1s,filter 1.1s cubic-bezier(.22,.8,.2,1),transform 1.2s cubic-bezier(.22,.8,.2,1)}html[data-door-entering] .wrap>:not(main),html[data-door-entering] .bgfx{transition:opacity 1s}html[data-door-leave] .wrap>main{transform-origin:50% 30vh;transition:opacity .8s,filter .8s cubic-bezier(.22,.8,.2,1),transform .8s cubic-bezier(.22,.8,.2,1)}html[data-door-leave] .wrap>:not(main),html[data-door-leave] .bgfx{transition:opacity .8s}.door-toast-slot{pointer-events:none;z-index:200;justify-content:center;display:flex;position:fixed;top:30px;left:0;right:0}.door-toast{color:#0a0a0a;height:42px;font:600 13px var(--font-geist), system-ui, sans-serif;white-space:nowrap;background:#f4f4f4;border-radius:999px;align-items:center;gap:10px;padding:0 18px 0 10px;animation:.6s cubic-bezier(.22,.8,.2,1) both door-toast;display:inline-flex;box-shadow:0 18px 40px -16px #0009}.door-toast b{color:#f4f4f4;background:#0a0a0a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:inline-flex}@keyframes door-toast{0%{opacity:0;filter:blur(4px);transform:translateY(-12px)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){html[data-door-enter] .wrap>main,html[data-door-leave] .wrap>main{filter:none;transform:none}html[data-door-entering] .wrap>main,html[data-door-entering] .wrap>:not(main),html[data-door-entering] .bgfx,html[data-door-leave] .wrap>main,html[data-door-leave] .wrap>:not(main),html[data-door-leave] .bgfx{transition:opacity .3s}.door-toast{animation:none}}
