@layer components{.staff-app{--arrive-ink:#2f6286;--arrive-solid:#3d6f95;--arrive-bright:#6297b7;--arrive-soft:#6297b724;--leave-ink:#5242b8;--leave-solid:#5b4bc4;--leave-bright:#8b7cf0;--leave-soft:#7c6fd621;--stay-ink:#2e526e;--stay-solid:#2e526e;--stay-bright:#6297b7;--stay-soft:#2e526e17;--staff-surface:linear-gradient(180deg, #fffffff5, #ffffffe0);--staff-surface-border:#dde5ebf2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.staff-app{--lightningcss-light: ;--lightningcss-dark:initial;--arrive-ink:#9cc8e4;--arrive-soft:#6297b733;--leave-ink:#c0b6ff;--leave-soft:#8b7cf033;--stay-ink:#c9dbe6;--stay-solid:#3d6b8e;--stay-soft:#c9dbe614;--staff-surface:linear-gradient(180deg, #12202df0, #0e1a26e6);--staff-surface-border:#c9dbe61a}}[data-tone=arrive]{--tone-ink:var(--arrive-ink);--tone-solid:var(--arrive-solid);--tone-bright:var(--arrive-bright);--tone-soft:var(--arrive-soft)}[data-tone=leave]{--tone-ink:var(--leave-ink);--tone-solid:var(--leave-solid);--tone-bright:var(--leave-bright);--tone-soft:var(--leave-soft)}[data-tone=stay]{--tone-ink:var(--stay-ink);--tone-solid:var(--stay-solid);--tone-bright:var(--stay-bright);--tone-soft:var(--stay-soft)}.staff-app :is(h1,h2,h3),.staff-app .font-display{font-family:var(--font-jost), var(--font-jakarta), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.01em}.staff-logo{aspect-ratio:480/109;background-color:currentColor;width:108px;display:block;-webkit-mask:url(/brand/wyz-logo-white.webp) 50%/contain no-repeat;mask:url(/brand/wyz-logo-white.webp) 50%/contain no-repeat}.staff-surface{border:1px solid var(--staff-surface-border);background:var(--staff-surface);box-shadow:inset 0 1px #fff9,0 1px 2px #1c2b380a,0 16px 36px -26px #2e526e73}@media (prefers-color-scheme:dark){.staff-surface{box-shadow:inset 0 1px #c9dbe60d,0 1px 2px #0006,0 24px 48px -30px #000000e6}}.staff-card{isolation:isolate;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.staff-card:before{content:"";background:linear-gradient(90deg, var(--tone-bright), var(--tone-solid));height:3px;position:absolute;inset:0 0 auto}.staff-card:after{content:"";z-index:-1;background:radial-gradient(120% 80% at 100% 0%, var(--tone-soft), transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.staff-card:hover{border-color:color-mix(in srgb, var(--tone-bright) 45%, transparent);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.staff-card:hover:after,.staff-card:focus-visible:after{opacity:1}.staff-card:active{transform:translateY(-1px)scale(.995)}.staff-card:hover .staff-card-arrow{opacity:1;transform:translate(3px)}.staff-card-arrow{opacity:.55;transition:transform .25s,opacity .25s}.staff-rise>*{animation:.5s cubic-bezier(.2,.8,.2,1) backwards staff-rise;animation-delay:calc(min(var(--i,0), 12) * 45ms)}.staff-bar>span{border-radius:inherit;transform-origin:0;height:100%;animation:.9s cubic-bezier(.2,.8,.2,1) .25s backwards staff-bar;display:block}.day-strip{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.day-strip::-webkit-scrollbar{display:none}.day-chip{scroll-snap-align:center;transition:background-color .2s,transform .2s,box-shadow .2s}.day-chip:hover{background:var(--accent)}.day-chip[aria-current=date]{color:#fff;background:linear-gradient(160deg, var(--tone-bright), var(--tone-solid));box-shadow:0 12px 24px -12px var(--tone-solid);animation:.32s cubic-bezier(.2,.9,.3,1.2) backwards staff-pop}.switch-tile{transition:background-color .25s,color .25s,transform .2s,box-shadow .25s}.switch-tile:hover{transform:translateY(-1px)}.switch-tile[aria-current=page] .switch-mark{animation:.32s cubic-bezier(.2,.9,.3,1.2) backwards staff-pop}.nav-item{transition:background-color .2s,color .2s,box-shadow .2s}.nav-item[aria-current=page] .nav-icon{animation:.32s cubic-bezier(.2,.9,.3,1.2) backwards staff-pop}}@keyframes staff-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes staff-bar{0%{transform:scaleX(0)}}@keyframes staff-pop{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.staff-rise>*,.staff-bar>span,.day-chip[aria-current=date],.switch-tile[aria-current=page] .switch-mark,.nav-item[aria-current=page] .nav-icon{animation:none!important}.staff-card:hover,.staff-card:active,.switch-tile:hover,.staff-card:hover .staff-card-arrow{transform:none!important}}