.react-chrome-dino .interstitial-wrapper{box-sizing:border-box;width:100%;max-width:600px;margin:50px auto 0;font-size:1em;line-height:1.6em}@media (max-width:700px){.react-chrome-dino .interstitial-wrapper{padding:0 10%}}@media (max-height:600px){.react-chrome-dino .interstitial-wrapper{margin-top:5px}}@media (max-width:400px){.react-chrome-dino .interstitial-wrapper{padding:0 5%}}html[subframe] #main-frame-error,.react-chrome-dino .hidden{display:none}html[subframe] body{overflow:hidden}.react-chrome-dino #buttons:after{clear:both;content:"";width:100%;display:block}.react-chrome-dino .offline .interstitial-wrapper{color:#2b2b2b;width:100%;max-width:600px;margin:100px auto 0;font-size:1em;line-height:1.55}.react-chrome-dino .offline .runner-container{z-index:2;width:44px;max-width:600px;height:150px;position:absolute;top:10px;overflow:hidden}.react-chrome-dino .offline .runner-canvas{opacity:1;max-width:600px;height:150px;position:absolute;top:0;overflow:hidden}.react-chrome-dino .offline .controller{z-index:1;background:#f7f7f71a;width:100vw;height:100vh;position:absolute;top:0;left:0}.react-chrome-dino #offline-resources{display:none}.react-chrome-dino .instructions p{text-align:center}@media (max-height:350px){.react-chrome-dino .interstitial-wrapper{margin-top:5%}}
.login-offline-dino{position:relative;overflow:hidden}.login-offline-dino .react-chrome-dino{min-height:150px;position:relative}.login-offline-dino .react-chrome-dino .interstitial-wrapper,.login-offline-dino .react-chrome-dino .offline .interstitial-wrapper{color:#535353;width:100%;max-width:100%;margin:0}.login-offline-dino .react-chrome-dino .offline .runner-container{max-width:100%;height:150px;position:relative;top:0;left:0;width:100%!important}.login-offline-dino .react-chrome-dino .offline .runner-canvas{max-width:100%}.login-offline-dino .react-chrome-dino .offline .controller{z-index:3;width:100%;height:100%;position:absolute;inset:0}.login-offline-dino .react-chrome-dino #offline-resources{display:none}
.login-main{padding:3.5rem 1rem calc(2rem + env(safe-area-inset-bottom))}@media (min-width:640px){.login-main{padding:2.5rem}}.product-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.product-brand-heading{justify-content:center;max-width:100%;display:flex}.product-brand-logo{object-fit:contain;width:auto;max-width:100%;height:3.25rem}.product-brand-tagline{color:var(--muted);margin-top:.75rem;font-size:.8125rem;font-weight:500;line-height:1.3}@media (min-width:640px){.product-brand-logo{height:4.25rem}.product-brand-tagline{font-size:.875rem}}.product-brand-kinds{flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:.6rem;padding:0;list-style:none;display:flex}.product-brand-kind{border:1px solid color-mix(in srgb, var(--muted) 30%, transparent);color:var(--muted);letter-spacing:.01em;background:color-mix(in srgb, var(--background) 70%, transparent);border-radius:9999px;padding:.125rem .625rem;font-size:.6875rem;font-weight:600;line-height:1.5}@media (max-width:359px){.product-brand-kinds{display:none}}.login-footer{color:var(--muted);text-align:center;margin-top:2.5rem;font-size:.75rem;line-height:1.5}.login-mesh:not([data-season]):has(.login-folder[data-audience=students]){--login-mesh-gradient-1:#f59e0b33;--login-mesh-gradient-3:#f59e0b1f}.login-mesh:not([data-season]):has(.login-folder[data-audience=staff]){--login-mesh-gradient-1:#0d948833;--login-mesh-gradient-3:#0d94881f}.login-mesh:not([data-season]):has(.login-folder[data-audience=guardians]){--login-mesh-gradient-1:#e11d4824;--login-mesh-gradient-3:#e11d4814}.dark .login-mesh:not([data-season]):has(.login-folder[data-audience=students]){--login-mesh-gradient-1:#fbbf241a;--login-mesh-gradient-3:#fbbf240f}.dark .login-mesh:not([data-season]):has(.login-folder[data-audience=staff]){--login-mesh-gradient-1:#2dd4bf1f;--login-mesh-gradient-3:#2dd4bf12}.dark .login-mesh:not([data-season]):has(.login-folder[data-audience=guardians]){--login-mesh-gradient-1:#fb71851c;--login-mesh-gradient-3:#fb71850f}
.login-folder[data-audience=students],.login-folder-tab[data-audience=students]{--folder:#f59e0b;--folder-deep:#d97706;--folder-ink:#451a03;--folder-soft:#fef3c7;--folder-soft-ink:#92400e;--folder-text:#b45309}.login-folder[data-audience=staff],.login-folder-tab[data-audience=staff]{--folder:#0f766e;--folder-deep:#115e59;--folder-ink:#fff;--folder-soft:#ccfbf1;--folder-soft-ink:#115e59;--folder-text:#0f766e}.login-folder[data-audience=guardians],.login-folder-tab[data-audience=guardians]{--folder:#e11d48;--folder-deep:#be123c;--folder-ink:#fff;--folder-soft:#ffe4e6;--folder-soft-ink:#9f1239;--folder-text:#be123c}.dark .login-folder[data-audience=students],.dark .login-folder-tab[data-audience=students]{--folder:#fbbf24;--folder-deep:#fcd34d;--folder-ink:#451a03;--folder-soft-ink:#fcd34d;--folder-text:#fcd34d}.dark .login-folder[data-audience=staff],.dark .login-folder-tab[data-audience=staff]{--folder:#2dd4bf;--folder-deep:#5eead4;--folder-ink:#042f2e;--folder-soft-ink:#5eead4;--folder-text:#5eead4}.dark .login-folder[data-audience=guardians],.dark .login-folder-tab[data-audience=guardians]{--folder:#fb7185;--folder-deep:#fda4af;--folder-ink:#4c0519;--folder-soft-ink:#fda4af;--folder-text:#fda4af}.dark .login-folder[data-audience],.dark .login-folder-tab[data-audience]{--folder-soft:color-mix(in srgb, var(--folder) 20%, var(--surface))}.login-folder{--folder-ring:color-mix(in srgb, var(--folder) 24%, transparent);position:relative}.login-folder:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--folder) 24%, transparent), transparent);filter:blur(32px);border-radius:9999px;position:absolute;inset:8% -6% 10%}.login-folder:after{content:"";z-index:0;pointer-events:none;background:color-mix(in srgb, var(--folder) 38%, var(--surface));height:2rem;box-shadow:0 10px 24px -14px color-mix(in srgb, var(--folder) 70%, transparent);border-radius:0 0 1.25rem 1.25rem;transition:background-color .25s;position:absolute;bottom:-.55rem;left:1.25rem;right:1.25rem}.login-folder-tabs{align-items:flex-end;gap:.25rem;margin-bottom:-1px;padding-inline:1rem;display:flex;position:relative}.login-folder-tab{z-index:0;background-color:var(--folder-soft);min-width:0;min-height:2.75rem;color:var(--folder-soft-ink);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--folder) 30%, transparent);letter-spacing:-.01em;border-radius:.875rem .875rem 0 0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.2rem;padding:.5rem .25rem .55rem;font-size:.75rem;font-weight:700;line-height:1.1;transition:transform .2s,background-color .2s,color .2s;display:flex;position:relative;transform:translateY(.3rem)}.login-folder-tab[aria-selected=false]:hover{background-color:color-mix(in srgb, var(--folder) 22%, var(--folder-soft));transform:translateY(.15rem)}.login-folder-tab[aria-selected=true]{z-index:2;background-color:var(--folder);color:var(--folder-ink);box-shadow:none;padding-bottom:.7rem;transform:none}.login-folder-tab:focus-visible{outline-offset:-5px;outline:2px solid}.login-folder-tab[aria-selected=true]:before,.login-folder-tab[aria-selected=true]:after{content:"";pointer-events:none;width:.5rem;height:.5rem;position:absolute;bottom:0}.login-folder-tab[aria-selected=true]:before{background:radial-gradient(circle at 0 0, transparent .5rem, var(--folder) calc(.5rem + .5px));left:-.5rem}.login-folder-tab[aria-selected=true]:after{background:radial-gradient(circle at 100% 0, transparent .5rem, var(--folder) calc(.5rem + .5px));right:-.5rem}.login-folder-tab-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.login-folder-tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (min-width:1024px){.login-folder-tabs{gap:.375rem;padding-inline:1.75rem}.login-folder-tab{flex-direction:row;flex:none;gap:.5rem;padding:.6rem 1.1rem .65rem;font-size:.875rem}.login-folder-tab[aria-selected=true]{padding-bottom:.85rem}}@media (max-width:359.98px){.login-folder-tabs{gap:.1875rem;padding-inline:.5rem}.login-folder-tab{padding-inline:.125rem;font-size:.6875rem}}.login-folder-stack{position:relative}.login-folder-body{z-index:1;box-shadow:0 1px 2px #0f172a0f, 0 24px 48px -24px #0f172a38, 0 48px 96px -40px color-mix(in srgb, var(--folder) 55%, transparent);border-top-width:0;border-radius:1rem 1rem 1.5rem 1.5rem;transition:box-shadow .25s;position:relative;overflow:hidden}.dark .login-folder-body{box-shadow:0 1px 2px #0000004d, 0 24px 48px -24px #0009, 0 48px 96px -40px color-mix(in srgb, var(--folder) 32%, transparent)}.login-folder-body:before{content:"";inset-inline:0;background-color:var(--folder);height:.375rem;transition:background-color .2s;position:absolute;top:0}@media (max-width:359.98px){.login-folder-body{border-radius:.5rem .5rem 1.25rem 1.25rem}}.login-folder-sheet{display:none}@media (min-width:1024px){.login-folder-sheet{z-index:-1;pointer-events:none;border:1px solid var(--border);background-color:var(--surface);background-image:repeating-linear-gradient(to bottom, transparent 0 .5rem, color-mix(in srgb, var(--folder) 16%, transparent) .5rem calc(.5rem + 1px));border-radius:.625rem .625rem 0 0;height:4rem;display:block;position:absolute;box-shadow:0 -2px 8px #0f172a0f}.login-folder-sheet-back{width:12rem;top:-1.05rem;right:4.25rem;transform:rotate(2.5deg)}.login-folder-sheet-front{width:14rem;top:-.7rem;right:1.75rem;transform:rotate(-1.5deg)}}.login-folder-watermark{z-index:-1;width:6.5rem;height:6.5rem;color:var(--folder);opacity:.07;pointer-events:none;display:none;position:absolute;top:-1.75rem;right:-2rem;transform:rotate(-12deg)}@media (min-width:640px){.login-folder-watermark{display:block}}@media (min-width:1024px){.login-folder-watermark{width:9.5rem;height:9.5rem;top:-2rem;right:-1.75rem}}@keyframes login-folder-welcome{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-folder-welcome{border-bottom:1px solid color-mix(in srgb, var(--border) 85%, transparent);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;animation:.35s cubic-bezier(.22,1,.36,1) login-folder-welcome;display:flex}.login-folder-badge{background-image:linear-gradient(145deg, var(--folder), var(--folder-deep));width:3.25rem;height:3.25rem;color:var(--folder-ink);box-shadow:inset 0 1px 0 #ffffff38, 0 10px 22px -12px color-mix(in srgb, var(--folder) 85%, transparent);border-radius:1.125rem;flex-shrink:0;place-items:center;display:grid}.login-folder-title{color:var(--foreground);letter-spacing:-.015em;text-wrap:balance;font-size:1.1875rem;font-weight:700;line-height:1.25}.login-folder-lead{color:var(--muted);text-wrap:pretty;margin-top:.375rem;font-size:.875rem;line-height:1.55}@media (min-width:640px){.login-folder-welcome{gap:1.125rem;margin-bottom:1.75rem;padding-bottom:1.75rem}.login-folder-title{font-size:1.5rem}}.login-folder-submit{background-image:linear-gradient(90deg, var(--folder), var(--folder-deep));min-height:3rem;color:var(--folder-ink);box-shadow:inset 0 1px 0 #fff3, 0 14px 28px -14px color-mix(in srgb, var(--folder) 75%, transparent)}.login-folder-submit:hover:not(:disabled){box-shadow:inset 0 1px 0 #fff3, 0 18px 34px -14px color-mix(in srgb, var(--folder) 90%, transparent)}.login-folder-submit:focus-visible{outline:2px solid var(--folder-text);outline-offset:3px}.login-folder-accent{color:var(--folder-text)}@media (prefers-reduced-motion:reduce){.login-folder-tab,.login-folder-body,.login-folder-body:before,.login-folder:after{transition:none}.login-folder-tab[aria-selected=false]:hover{transform:translateY(.3rem)}.login-folder-welcome{animation:none}}
