/* copied from the main site: loading mark + sign-in garden */
/* the Everwoven loading mark */
.ew-loader { position: relative; display: inline-block; width: calc(var(--s) * 1.6); height: var(--s); flex: none; -webkit-mask: var(--logo) center / contain no-repeat; mask: var(--logo) center / contain no-repeat; animation: ew-breathe 1.6s ease-in-out infinite; }
.ew-loader img { width: 100%; height: 100%; object-fit: contain; display: block; filter: brightness(1.15); }
.ew-loader::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 30%, rgba(255, 246, 220, .95) 50%, transparent 70%); background-size: 260% 100%; animation: ew-shine 1.4s linear infinite; }
.btn-dark .ew-loader img, .is-busy.btn-dark .ew-loader img { filter: brightness(1.6) saturate(.8); }
@keyframes ew-breathe { 0%, 100% { transform: scale(.92); opacity: .75; } 50% { transform: scale(1.05); opacity: 1; } }
@keyframes ew-shine { from { background-position: 130% 0; } to { background-position: -30% 0; } }
.btn.is-busy { pointer-events: none; gap: 10px; }
.btn.is-busy[disabled] { opacity: 1; }
.page-loader { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; align-content: center; gap: 14px; background: var(--ivory); transition: opacity .5s; }
.page-loader p { margin: 0; font: 400 11px/1 var(--sans); letter-spacing: .32em; text-transform: uppercase; color: var(--ink-2); }
.page-loader.out { opacity: 0; pointer-events: none; }

/* the growing garden behind the sign-in pages */
.garden { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.garden .botanicals { position: absolute; inset: 0; }
.garden .bot { position: absolute; width: min(34vw, 400px); aspect-ratio: 1; opacity: .9; }
.garden .bot svg { display: block; width: 100%; height: 100%; overflow: visible; }
.garden .bot.tl { left: -3vw; top: 70px; } .garden .bot.tr { right: -3vw; top: -3vw; transform: scaleX(-1); }
.garden .bot.bl { left: -3vw; bottom: -3vw; transform: scaleY(-1); } .garden .bot.br { right: -3vw; bottom: -3vw; transform: rotate(180deg); }
.garden.sway .bot { animation: sway 7s ease-in-out infinite alternate; }
.garden.sway .bot.tr, .garden.sway .bot.br { animation-delay: -3s; }
@keyframes sway { from { rotate: -.8deg; } to { rotate: .9deg; translate: 0 4px; } }
.petal { position: absolute; top: -30px; width: 12px; height: 9px; border-radius: 70% 0 70% 0; opacity: .75; animation: petal linear forwards; }
@keyframes petal { to { transform: translate(var(--dx), 110vh) rotate(var(--r)); opacity: .2; } }
.auth-page .auth-card { position: relative; z-index: 1; }
.auth-page .auth-brand { z-index: 1; }
.auth-card { animation: card-in .9s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes card-in { from { opacity: 0; transform: translateY(18px) scale(.985); } to { opacity: 1; transform: none; } }
@media (max-width: 600px) { .garden .bot { width: 46vw; } .garden .bot.tl, .garden .bot.tr { top: -6vw; } }