*,:after,:before{box-sizing:border-box;-webkit-tap-highlight-color:#0000;border:0;margin:0;padding:0}img{block-size:auto;max-inline-size:100%;display:block}[hidden]{display:none!important}:root{--ease-bounce:linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1);--clr-brand:#2269f7;--clr-link:var(--lightningcss-light,#1d5bd8)var(--lightningcss-dark,#6b9bf2);--clr-text:var(--lightningcss-light,#04071b)var(--lightningcss-dark,#fdfdfd);--clr-text-muted:var(--lightningcss-light,#5d6577)var(--lightningcss-dark,#9ba2af);--clr-border:var(--lightningcss-light,#e4e6ea)var(--lightningcss-dark,#1e2835);--clr-field:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1d2533);--clr-field-border:var(--lightningcss-light,#c5cad3)var(--lightningcss-dark,#34445a);--field-block-size:2.625rem;--field-radius:6px;--skeleton:var(--lightningcss-light,#eceef2)var(--lightningcss-dark,#1a222f);--skeleton-shine:var(--lightningcss-light,#f6f7f9)var(--lightningcss-dark,#243042)}html{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-optical-sizing:auto;min-block-size:100dvh;color:var(--clr-text);text-box-trim:trim-both;background-image:linear-gradient(to top right,var(--lightningcss-light,#f2f4f7)var(--lightningcss-dark,#060b13),var(--lightningcss-light,#f7f8fa)var(--lightningcss-dark,#0c131e));font:400 16px/1.6 "Source Sans 3",Helvetica Neue,Helvetica,sans-serif}:disabled{cursor:not-allowed;opacity:.7}h1,h2,h3,h4{text-wrap:balance;font-weight:600;line-height:1.25}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}h4{font-size:1rem}:where(p,ul,ol,table,.form):where(:not(:last-child)){margin-block-end:1rem}:where(h1,h2,h3,h4){margin-block-end:.5rem}:where(h2,h3,h4):where(:not(:first-child)){margin-block-start:2rem}a{color:currentColor}:where(p)>a{color:var(--clr-link);text-underline-offset:.15em}table{border-collapse:collapse}th,td{border-block-end:1px solid var(--clr-border);text-align:start;padding:.6rem .75rem}th{color:var(--clr-text-muted);font-size:.9rem;font-weight:600}tbody tr:last-child>*{border-block-end:none}.app{min-block-size:100dvh;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);background-color:var(--lightningcss-light,#fbfbfb)var(--lightningcss-dark,#111620);flex-direction:column;display:flex}@media (width>768px){.app{background-color:#0000;flex-direction:row}}.app.app--narrow{background-color:var(--lightningcss-light,#fbfbfb)var(--lightningcss-dark,#111620);border:1px solid var(--lightningcss-light,#e4e6ea)var(--lightningcss-dark,#1e2835);border-radius:1rem;min-block-size:auto;inline-size:min(360px,100% - 2rem);margin:1rem auto;padding-inline:0}@media (width>768px){.app.app--narrow{flex-direction:column;margin-block:2rem}}.sidebar{border-block-end:1px solid var(--lightningcss-light,#e4e6ea)var(--lightningcss-dark,#1b1b23);flex-wrap:wrap;justify-content:space-between;display:flex}.app--narrow .sidebar{justify-content:center}@media (width<=768px){.sidebar{z-index:10;position:relative}}@media (width>768px){.app:not(.app--narrow) .sidebar{background-color:var(--lightningcss-light,#fbfbfb)var(--lightningcss-dark,#111620);border-block-end:none;border-inline-end:1px solid var(--lightningcss-light,#e4e6ea)var(--lightningcss-dark,#1b1b23);flex-flow:column;flex:0 0 15rem;justify-content:start;block-size:100dvh;position:sticky;inset-block-start:0;overflow-y:auto}}.sidebar__footer{color:var(--clr-text-muted);margin-block-start:auto;padding:1rem 1.5rem 1.5rem;font-size:.85rem}@media (width<=768px){.sidebar__footer{display:none}}.logo{justify-content:center;align-items:center;gap:.75rem;padding:1rem;text-decoration:none;display:flex}@media (width>768px){.logo{padding:1.5rem 1rem}.app:not(.app--narrow) .logo{justify-content:start;padding-inline:1.5rem}}.logo img{inline-size:30px}.logo span{color:var(--lightningcss-light,#06070f)var(--lightningcss-dark,#fff);font-size:1.5rem;font-weight:600}.logo span>span{color:var(--clr-brand)}@media (width<=768px){.app:not(.app--narrow) .logo{gap:.5rem;padding:.75rem 1rem}.app:not(.app--narrow) .logo img{inline-size:24px}.app:not(.app--narrow) .logo span{font-size:1.2rem}}.nav{min-inline-size:0;padding:1.5rem 1rem}.nav ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.nav a,.nav button{border-radius:15px;align-items:center;gap:1rem;padding:.75rem 1rem;line-height:1;text-decoration:none;display:flex}:is(.nav a,.nav button).active,:is(.nav a,.nav button):is(:hover,:focus-visible){color:var(--lightningcss-light,var(--clr-brand))var(--lightningcss-dark,#3c7aed);background-color:var(--lightningcss-light,#e9f1fe)var(--lightningcss-dark,#171f2e)}.nav button{inline-size:100%;font:inherit;color:currentColor;cursor:pointer;background-color:#0000}.nav svg{fill:currentColor;block-size:1.5rem}@media (width<=768px){.nav{z-index:50;padding:.375rem max(.5rem, env(safe-area-inset-right)) calc(.375rem + env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));border-block-start:1px solid var(--clr-border);background-color:var(--lightningcss-light,#fbfbfb)var(--lightningcss-dark,#111620);position:fixed;inset-block-end:0;inset-inline:0}.nav ul{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;flex-direction:row;gap:.25rem;overflow-x:auto}.nav li{scroll-snap-align:start;flex:1 0 4.5rem}.nav a,.nav button{color:var(--clr-text-muted);border-radius:0;flex-direction:column;gap:.3rem;padding:.25rem;font-size:.75rem;font-weight:500}:is(.nav a,.nav button).active,:is(.nav a,.nav button):is(:hover,:focus-visible){background-color:#0000}:is(.nav a,.nav button).active svg{background-color:var(--lightningcss-light,#e2ecfe)var(--lightningcss-dark,#1c2a42)}.nav button{line-height:1}.nav svg{box-sizing:content-box;border-radius:100px;block-size:1.375rem;padding:.25rem 1.25rem;transition:background-color .2s}}.template-colour--blue{--template-colour:var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#60a5fa)}.template-colour--green{--template-colour:var(--lightningcss-light,#15803d)var(--lightningcss-dark,#4ade80)}.template-colour--orange{--template-colour:var(--lightningcss-light,#c2410c)var(--lightningcss-dark,#fb923c)}.template-colour--purple{--template-colour:var(--lightningcss-light,#7c3aed)var(--lightningcss-dark,#a78bfa)}.template-colour--pink{--template-colour:var(--lightningcss-light,#be185d)var(--lightningcss-dark,#f472b6)}.template-colour--teal{--template-colour:var(--lightningcss-light,#0f766e)var(--lightningcss-dark,#2dd4bf)}.template__swatch{background-color:var(--template-colour);border-radius:50%;flex-shrink:0;block-size:.75rem;inline-size:.75rem;display:inline-block}.toast-with-action{align-items:center;gap:1rem;display:flex}.toast-action{color:#fff;background:0 0;border:1px solid #ffffffb3;border-radius:999px;padding:.25rem .75rem;font-weight:600}.toast-action:is(:hover,:focus-visible){background-color:#fff3}@media (width<=768px){body:has(.nav) .main{padding-block-end:calc(4.5rem + env(safe-area-inset-bottom))}body:has(.nav) .toastify-bottom{margin-block-end:calc(4.25rem + env(safe-area-inset-bottom))}}.main{flex:1;min-inline-size:0}.main header{justify-content:space-between;align-items:center;margin-block-end:1.5rem;display:flex}.main header h1,.main header h2,.main header h3,.main header h4,.main header h5,.main header h6{margin:0}.main__inner{flex:1;width:100%;padding:1rem}@media (width>768px){.main__inner{padding:1.5rem 1rem}.app:not(.app--narrow) .main__inner{max-inline-size:64rem;margin-inline:auto;padding:2rem 2.5rem}}.card{background-color:var(--lightningcss-light,#fcfdfe)var(--lightningcss-dark,#0e121b);border:1px solid var(--lightningcss-light,#e9ebf0)var(--lightningcss-dark,#17212b);border-radius:10px}.week-selector{border-radius:100px;flex-shrink:0;align-items:center;gap:.125rem;padding:.25rem;line-height:1;display:flex}.week-selector :is(button,a,span){color:inherit;background-color:#0000;border-radius:100px;padding:.6rem;text-decoration:none;display:block}.week-selector :is(button,a):not(:disabled):is(:hover,:focus-visible){background-color:var(--lightningcss-light,#00000012)var(--lightningcss-dark,#ffffff14)}.week-selector svg{fill:currentColor;inline-size:14px;display:block}.week-selector .week-selector__today{white-space:nowrap;color:var(--clr-link);padding-inline:.75rem;font-weight:600}.week-selector .week-selector__today:is(:disabled,span){opacity:1;cursor:default;color:var(--clr-text-muted)}.footer{color:var(--lightningcss-light,#313131)var(--lightningcss-dark,#696980);text-align:center;margin-block-start:1rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.form__fields{flex-flow:wrap;gap:1rem;inline-size:100%;display:flex}.form__fields>*{margin:0}.form__field{flex:100%;inline-size:100%;min-inline-size:0}.form__field label,.form__field .form__label{margin-block-end:.35rem;font-weight:500;line-height:1.3;display:block}.form__field:has(>:is([type=checkbox],[type=radio])){flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.form__field:has(>:is([type=checkbox],[type=radio])) label{margin:0;font-weight:400}.form__field--half{flex:calc(50% - .5rem)}.form__input-group{display:flex}.form__input-group input{border-start-end-radius:0;border-end-end-radius:0;flex:1;min-inline-size:0}.form__input-group select{border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0;flex:none;inline-size:auto}.form__input-suffix{border:1px solid var(--clr-field-border);color:var(--clr-text-muted);white-space:nowrap;background-color:var(--lightningcss-light,#f1f3f6)var(--lightningcss-dark,#161d29);border-inline-start:none;border-start-end-radius:var(--field-radius);border-end-end-radius:var(--field-radius);align-items:center;padding-inline:.75rem;font-size:.95rem;display:flex}.password-input{position:relative}.password-input input{padding-inline-end:calc(var(--field-block-size) + .25rem)}.password-input__toggle{inline-size:var(--field-block-size);border-radius:var(--field-radius);color:var(--clr-text-muted);background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute;inset-block:0;inset-inline-end:0}.password-input__toggle:is(:hover,:focus-visible){color:var(--clr-text)}.password-input__toggle:focus-visible{outline:2px solid var(--clr-brand);outline-offset:-2px}.password-input__toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:1.25rem;inline-size:1.25rem}.password-input__toggle[aria-pressed=true] .password-input__shown,.password-input__toggle:not([aria-pressed=true]) .password-input__hidden{display:none}.form__hint{color:var(--clr-text-muted);margin-block-start:.35rem;font-size:.9rem;line-height:1.4}.form__actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;inline-size:100%;display:flex}.form__actions .button{inline-size:auto;min-inline-size:10rem}@media (width<=480px){.form__actions .button{flex:100%}}.rate-history{color:var(--clr-text-muted);padding-inline-start:1.25rem;list-style:outside}.form__field .checkbox-list{gap:.35rem;display:grid}.form__field .checkbox-list label{align-items:center;gap:.5rem;margin:0;font-weight:400;display:flex}input,button,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:where(input:not([type=checkbox],[type=radio],[type=hidden],[type=submit],[type=button],[type=reset]),select,textarea){inline-size:100%;min-block-size:var(--field-block-size);background-color:var(--clr-field);border:1px solid var(--clr-field-border);border-radius:var(--field-radius);padding:.4rem .75rem;line-height:1.4;transition:border-color .15s,box-shadow .15s;display:block}:where(input:not([type=checkbox],[type=radio],[type=hidden],[type=submit],[type=button],[type=reset]),select,textarea):focus-visible{border-color:var(--clr-brand);box-shadow:0 0 0 3px rgb(from var(--clr-brand) r g b / .25);outline:none}:where(input:not([type=checkbox],[type=radio],[type=hidden],[type=submit],[type=button],[type=reset]),select,textarea)[readonly]{background-color:#0000}:where([type=date],[type=time]){appearance:none;min-inline-size:0}:where([type=date],[type=time])::-webkit-date-and-time-value{text-align:start;min-block-size:1.4em}:where(select){appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 1.15rem) 55%,calc(100% - .8rem) 55%;background-repeat:no-repeat;background-size:.35rem .35rem;padding-inline-end:2.25rem}:where([type=checkbox],[type=radio]){block-size:1.15rem;inline-size:1.15rem;accent-color:var(--clr-brand);cursor:pointer}.button{inline-size:100%;min-block-size:var(--field-block-size);border-radius:var(--field-radius);color:#fff;text-align:center;text-shadow:0 2px 5px #0000001a;box-shadow:0 3px 4px -1px #0006, var(--_box-shadow,inset 0 2px 6px -2px #ffffffb3);background-color:#4c4a4b;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:translate .2s,filter .2s;display:inline-flex}@media (prefers-color-scheme:dark){:is(.auto,.dark) .button{box-shadow:0 3px 2px 1px #0000001a, var(--_box-shadow,inset 0 0 2px 1px #ffffff4d)}}.button:not(:disabled):is(:hover,:focus-visible){filter:brightness(1.1)hue-rotate(-3deg);translate:0 -1px}.button:focus-visible{outline:2px solid var(--clr-brand);outline-offset:2px}.button--primary{background-color:#2361da}.button--muted{--_box-shadow:inset 0 2px 4px 2px #ffffff26;background-color:#363942}@media (prefers-color-scheme:dark){:is(.auto,.dark) .button--muted{--_box-shadow:inset 0 0 2px 1px #ffffff1a}}.button--accent{background-color:#ca262a}.modal{max-block-size:85dvh;inline-size:min(420px,85dvw);transition:scale .5s var(--ease-bounce), translate .5s var(--ease-bounce);overscroll-behavior:contain;background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1c2026);border:1px solid var(--lightningcss-light,#c1c0c0)var(--lightningcss-dark,#32323e);border-radius:6px;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;box-shadow:0 9px 10px 2px #0000004d}@media (width>1024px){.modal{inset-block-start:60px;translate:-50%}}@starting-style{.modal{translate:-50% 40px;scale:.8}}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--lightningcss-light,#000000bf)var(--lightningcss-dark,#1f1f1f99)}.modal__header{border-block-end:1px solid var(--lightningcss-light,#c1c0c0)var(--lightningcss-dark,#32323e);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.modal__header h1,.modal__header h2,.modal__header h3,.modal__header h4,.modal__header h5,.modal__header h6{margin:0}.modal__close{color:currentColor;cursor:pointer;background-color:#0000;font-size:2rem;line-height:1}.modal__content{padding:1rem}.rota{flex-direction:column;gap:5px;display:flex}.main header.rota__header{gap:1rem;margin-block-end:1rem}.main header.rota__header h2{font-size:1.6rem}.main header.rota__header p{color:var(--clr-text-muted);margin:0}@media (width<=768px){.main header.rota__header{z-index:5;background-color:var(--lightningcss-light,#fbfbfb)var(--lightningcss-dark,#111620);margin:-1rem -1rem .75rem;padding:.75rem 1rem;animation:linear both rota-header-stuck;animation-timeline:scroll(root);animation-range:0 3rem;position:sticky;inset-block-start:0}.main header.rota__header h2{font-size:1.4rem}}@media (width<=360px){.main header.rota__header{gap:.5rem}.main header.rota__header .rota__header-actions{--control-size:2.5rem}.main header.rota__header h2{font-size:1.25rem}.main header.rota__header p{white-space:nowrap;font-size:.85rem}.main header.rota__header .week-selector :is(button,a,span){padding:.5rem .4rem}}@keyframes rota-header-stuck{0%{box-shadow:0 1px #0000}to{box-shadow:0 1px 0 var(--clr-border), 0 8px 16px -12px #00000040}}.rota__header-actions{--control-size:2.75rem;align-items:center;gap:.375rem;display:flex}.rota__header-actions .week-selector{block-size:var(--control-size)}.next-shift{background-color:rgb(from var(--clr-brand) r g b / .08);border-radius:10px;align-items:center;gap:.5rem;margin-block-end:1rem;padding:.6rem .9rem;line-height:1.3;display:flex}.next-shift[hidden]{display:none}.next-shift svg{inline-size:1rem;fill:var(--clr-link);flex-shrink:0}.setup{border-inline-start:3px solid var(--clr-brand);margin-block-end:1rem;padding:1rem}.main .setup__header{align-items:start;gap:1rem;margin-block-end:.25rem}.setup__dismiss{color:var(--clr-text-muted);cursor:pointer;background-color:#0000;margin:-.5rem -.5rem 0 0;padding:.25rem .5rem;font-size:1.5rem;line-height:1}.setup__intro{color:var(--clr-text-muted)}.setup__steps{counter-reset:setup;gap:.5rem;list-style:none;display:grid}.setup__step{counter-increment:setup;align-items:center;gap:.6rem;display:flex}.setup__step:before{content:counter(setup);border:1.5px solid var(--clr-field-border);block-size:1.5rem;inline-size:1.5rem;color:var(--clr-text-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:600;transition:background-color .2s,border-color .2s;display:grid}.setup__step.setup__step--done{color:var(--clr-text-muted);text-decoration:line-through}.setup__step.setup__step--done:before{content:"✓" / "Done: ";color:#fff;background-color:#41ca7d;border-color:#41ca7d}.setup__step.setup__step--done a{color:inherit}.rota-layout{gap:1rem;display:grid}@media (width>1120px){.rota-layout{grid-template-columns:minmax(0,1fr) 17rem;align-items:start}}.rota-panel{flex-direction:column;gap:.75rem;display:flex}@media (width>1120px){.rota-panel{position:sticky;inset-block-start:2rem}}.rota__row{cursor:pointer;color:var(--lightningcss-light,#3e465a)var(--lightningcss-dark,#9ba2af);justify-content:space-between;align-items:center;gap:2rem;padding:1rem;line-height:1;transition:box-shadow .15s,translate .15s;display:flex;position:relative;overflow:hidden;container:rota-row/inline-size}@media (prefers-color-scheme:dark){:is(.auto,.dark) .rota__row{background-image:linear-gradient(to top right,#0e121b,#10141c)}}.rota__row:is(:hover,.rota__row:focus-visible){translate:0 -2px;box-shadow:0 4px 9px 1px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#0000004d)}.rota__row:focus-visible{outline:2px solid var(--clr-brand);outline-offset:2px}.rota__row[data-is-day-off]:not(:has(.rota__leave)){background:0 0;border-style:dashed;padding-block:.75rem}@media (width<=520px){.rota__row{gap:.5rem;padding-inline:.75rem .5rem}.rota__row .rota__shift-times{font-size:1rem}.rota__row .rota__meta{font-size:.95rem}}@media (width<=360px){.rota__row{gap:.375rem;padding-inline:.5rem .25rem}.rota__row .rota__meta{font-size:.9rem}.rota__row .rota__shift-times{font-size:.95rem}.rota__row .rota__day-name{font-size:1.1rem}}.rota__row .rota__template{inline-size:fit-content;color:var(--template-colour);background-color:color-mix(in srgb, var(--template-colour) 15%, transparent);border-radius:999px;margin-block-end:.15rem;padding:.05rem .45rem;font-size:.75rem;font-weight:600;line-height:1.4;display:block}.rota__row .rota__rostered{color:var(--clr-text-muted);font-size:.8rem;font-weight:400;display:block}.rota__row .rota__note{color:var(--clr-text-muted);flex-basis:100%;font-size:.85rem;font-style:italic;font-weight:400;line-height:1.3}.rota__row .rota__shift-time,.rota__row .rota__time-worked,.rota__row .rota__earnings{white-space:nowrap}.rota__row.rota__row--active:before{content:"";background-color:var(--clr-brand);pointer-events:none;border-radius:0;block-size:100%;inline-size:7px;position:absolute;inset-block:0;inset-inline-start:0}.rota__row.rota__row--active .rota__day-name{color:var(--clr-brand)}.rota__row.rota__row--active .rota__shift-times{color:var(--lightningcss-light,#313131)var(--lightningcss-dark,#fff);font-size:1.3rem}.rota__row .rota__date,.rota__row .rota__meta{flex-direction:column;justify-content:space-between;display:flex}.rota__row .rota__date{white-space:nowrap;flex-shrink:0;min-inline-size:3.5rem}@media (width<=360px){.rota__row .rota__date{min-inline-size:3rem}}.rota__row .rota__day-name{font-variation-settings:"wght" 600;margin-block-end:.25rem;font-size:1.25rem}.rota__row .rota__date-string{color:var(--lightningcss-light,#5d6577)var(--lightningcss-dark,#78808d)}.rota__row .rota__today{color:var(--clr-link);font-size:.9rem;font-weight:600;display:none}.rota__row .rota__pending{color:var(--lightningcss-light,#a15c00)var(--lightningcss-dark,#f0b45a);margin-block-start:.25rem;font-size:.8rem;font-weight:600;line-height:1.2;display:none}.rota__row.rota__row--pending{border-style:dashed;border-color:var(--lightningcss-light,#e6b866)var(--lightningcss-dark,#7a5a20)}.rota__row.rota__row--pending .rota__pending{display:block}.rota__row.rota__row--active .rota__date-string{display:none}.rota__row.rota__row--active .rota__today{display:block}.rota__row .rota__shift-times{font-variant-numeric:tabular-nums;font-variation-settings:"wght" 600;color:var(--lightningcss-light,#0c0c0e)var(--lightningcss-dark,#fff);flex-flow:column wrap;flex:2;gap:.25rem;font-size:1.25rem;display:flex}@container rota-row (width>600px){.rota__row .rota__shift-times{flex-direction:row;column-gap:1rem}}[data-is-day-off] :is(.rota__row .rota__shift-times){color:currentColor;font-size:1rem}.rota__row .rota__meta{text-align:end;font-variant-numeric:tabular-nums;font-variation-settings:"wght" 600;flex:1;align-items:end;font-size:1.1rem}[data-is-day-off] :is(.rota__row .rota__meta){font-size:1rem}.rota__row .rota__time-worked{color:var(--lightningcss-light,currentColor)var(--lightningcss-dark,#fff);margin-block-end:.25rem}[data-is-day-off] :is(.rota__row .rota__time-worked){color:currentColor}.rota__row .rota__earnings{color:var(--clr-brand)}[data-is-day-off] :is(.rota__row .rota__earnings){color:currentColor}.rota__row .rota__settings{anchor-name:var(--anchor-name);background-color:#0000;border-radius:10px;flex-shrink:0;align-self:center;margin-inline-end:-.25rem;padding:.5rem .25rem}.rota__row .rota__settings:is(:hover,:focus-visible){background-color:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a)}.rota__row .rota__settings svg{fill:currentColor;inline-size:20px;display:block}.rota__row .rota__actions{position-anchor:var(--anchor-name);position-try-fallbacks:flip-block;cursor:default;background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#143047);border-radius:calc(6px + .5rem);flex-direction:column;gap:5px;margin:0;padding:.5rem;transition:translate .2s;position:fixed;inset:auto;inset-block-start:calc(anchor(bottom) + 5px);inset-inline-end:anchor(right);box-shadow:0 6px 15px #0000004d}@starting-style{.rota__row .rota__actions{translate:0 -10px}}.rota__row .rota__actions:popover-open{display:flex}.rota__row .rota__actions button{color:#fff;border-radius:6px;align-items:center;gap:.5rem;inline-size:100%;min-inline-size:100px;padding:.5rem;line-height:1;display:flex}.rota__row .rota__actions button svg{fill:currentColor;inline-size:1rem;display:block}.rota__row .rota__actions button.rota__action--edit{background-color:var(--clr-brand)}.rota__row .rota__actions button.rota__action--delete{background-color:#e84141}.rota__row .rota__actions button.rota__action--leave{background-color:#2f7d32}.shared-rota{flex-direction:column;gap:5px;display:flex}.shared-rota .rota__row{cursor:default}.week-tools__toggle{anchor-name:--week-tools;inline-size:var(--control-size);block-size:var(--control-size);border-radius:100px;flex-shrink:0;place-items:center;padding:0;display:grid}.week-tools__toggle:is(:hover,:focus-visible){background-color:var(--lightningcss-light,#f0f2f5)var(--lightningcss-dark,#161d29)}.week-tools__toggle svg{fill:currentColor;block-size:14px;inline-size:14px;rotate:90deg}@media (width>1120px){.week-tools__toggle{display:none}}.week-tools{position-anchor:--week-tools;border:1px solid var(--clr-border);min-inline-size:12rem;color:inherit;background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a2130);border-radius:12px;flex-direction:column;gap:2px;margin:0;padding:.375rem;transition:translate .2s,opacity .2s;position:fixed;inset:auto;inset-block-start:calc(anchor(bottom) + 6px);inset-inline-end:anchor(right);box-shadow:0 8px 24px #0000002e}@starting-style{.week-tools{opacity:0;translate:0 -6px}}.week-tools:popover-open{display:flex}@media (width>1120px){.week-tools{inline-size:auto;min-inline-size:0;box-shadow:none;background-color:var(--lightningcss-light,#fcfdfe)var(--lightningcss-dark,#0e121b);border-color:var(--lightningcss-light,#e9ebf0)var(--lightningcss-dark,#17212b);border-radius:10px;padding:.5rem;display:flex;position:static}}.week-tools__item{text-align:start;background-color:#0000;border-radius:8px;align-items:center;gap:.65rem;padding:.55rem .75rem;font-weight:500;line-height:1.2;display:flex}.week-tools__item:not(:disabled):is(:hover,:focus-visible){background-color:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff0f)}.week-tools__item svg{inline-size:1rem;fill:var(--clr-text-muted);flex-shrink:0}.rota__leave{color:var(--lightningcss-light,#2f7d32)var(--lightningcss-dark,#6fcf73)}.rota__holiday{margin:0;padding:.75rem 1rem}.rota-layout:has(.rota[aria-busy=true]) :is(.rota__shift-time,.rota__time-worked,.rota__earnings,.rota__date-string,.stats__value):not(:empty){background:linear-gradient(90deg, var(--skeleton) 30%, var(--skeleton-shine) 50%, var(--skeleton) 70%) 0 0 / 300% 100%;color:#0000;border-radius:4px}.rota-layout:has(.rota[aria-busy=true]) :is(.rota__shift-time,.rota__time-worked,.rota__earnings,.rota__date-string,.stats__value):not(:empty) *{color:#0000}@media (prefers-reduced-motion:no-preference){.rota-layout:has(.rota[aria-busy=true]) :is(.rota__shift-time,.rota__time-worked,.rota__earnings,.rota__date-string,.stats__value):not(:empty){animation:1.2s linear infinite skeleton-shine}}.rota-layout:has(.rota[aria-busy=true]) .rota__row{pointer-events:none}.rota-layout:has(.rota[aria-busy=true]) .stats__value{inline-size:fit-content}.rota-layout:has(.rota[aria-busy=true]) .stats__progress{visibility:hidden}@keyframes skeleton-shine{0%{background-position:100% 0}to{background-position:0 0}}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;display:grid}@media (width>1120px){.stats{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.stats{gap:.75rem}}.stats__item{align-items:start;gap:1rem;display:flex}.stats__item.stats__item--alpha{--accent:#457fe7}.stats__item.stats__item--bravo{--accent:#41ca7d}.stats__item.stats__item--charlie{--accent:#9669ef}@media (width<=1120px){.stats__item:first-child{border-inline-end:1px solid var(--lightningcss-light,#e9ebf0)var(--lightningcss-dark,#17212b);padding-inline-end:1rem}.stats__item:last-child{border-block-start:1px solid var(--lightningcss-light,#e9ebf0)var(--lightningcss-dark,#17212b);grid-column:1/-1;padding-block-start:1rem}}@media (width>1120px){.stats__item:not(:last-child){border-block-end:1px solid var(--lightningcss-light,#e9ebf0)var(--lightningcss-dark,#17212b);padding-block-end:1rem}}@media (width<=480px){.stats__item:first-child{padding-inline-end:.75rem}.stats__item:last-child{padding-block-start:.75rem}}.stats__icon-container{background-color:rgb(from var(--accent) r g b / .1);border-radius:50%;padding:.75rem;display:inline-block}.stats__icon-container svg{aspect-ratio:1;inline-size:1.75rem;fill:var(--accent);display:block}@media (width<=480px){.stats__icon-container{display:none}}.stats__data{color:var(--lightningcss-light,#313131)var(--lightningcss-dark,#878f9a);flex:1;min-inline-size:0;line-height:1.2;container-type:inline-size}@media (width<=480px){.stats__data{font-size:.9rem}}.stats__progress{background-color:rgb(from var(--accent) r g b / .15);border-radius:3px;block-size:6px;margin-block-start:.6rem;display:block;overflow:hidden}.stats__progress span{block-size:100%;inline-size:calc(var(--progress,0) * 100%);border-radius:inherit;background-color:var(--accent);transition:inline-size .4s cubic-bezier(.2,0,0,1);display:block}.stats__value{font-variant-numeric:tabular-nums;color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);font-variation-settings:"wght" 600;white-space:nowrap;margin-block:.15rem;font-size:clamp(1rem,20cqi,1.75rem);display:block}.month-stats{inline-size:100%}.month-stats td{position:relative}.month-stats__bar{vertical-align:middle;inline-size:calc(var(--share) * 6rem);background-color:var(--clr-brand);border-radius:3px;block-size:.6rem;margin-inline-end:.5rem;display:inline-block}.pay-table{border-collapse:separate;border-spacing:0;inline-size:100%;margin-block-end:1.5rem;overflow:hidden}.pay-table :is(th,td):not(:first-child){text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}.pay-table .pay-table__current{background-color:var(--lightningcss-light,#eef4ff)var(--lightningcss-dark,#131c2c);font-weight:600}.payslip-check{color:var(--clr-text-muted);text-align:start;cursor:pointer;background-color:#0000;margin-block-start:.15rem;padding:0;font-size:.85rem;font-weight:400;display:block}.payslip-check:hover{text-decoration:underline}.payslip-check span{white-space:nowrap}.payslip-check.payslip-check--empty{color:var(--clr-link)}.payslip-check.payslip-check--matches{color:var(--lightningcss-light,#2f7d32)var(--lightningcss-dark,#6fcf73)}.payslip-check.payslip-check--short{color:var(--lightningcss-light,#c62828)var(--lightningcss-dark,#ff7b72);font-weight:600}.payslip-check.payslip-check--over{color:var(--lightningcss-light,#a15c00)var(--lightningcss-dark,#f0b45a)}.pay-current{padding:1rem}.main .pay-current__header{flex-wrap:wrap;gap:.25rem 1rem;margin-block-end:1rem}.main .pay-current__header span{color:var(--clr-text-muted)}.pay-current__figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.pay-current__figures dt{color:var(--clr-text-muted);font-size:.9rem}.pay-current__figures dd{color:var(--clr-text-muted);font-variant-numeric:tabular-nums}.pay-current__figures .pay-current__amount{color:var(--clr-text);font-size:1.6rem;font-weight:600;line-height:1.3}.pay-current__figures div:first-child .pay-current__amount{color:var(--clr-brand)}.pay-current__progress{background-color:rgb(from var(--clr-brand) r g b / .15);border-radius:3px;block-size:6px;margin-block:1rem .5rem;overflow:hidden}.pay-current__progress span{block-size:100%;inline-size:calc(var(--progress) * 100%);border-radius:inherit;background-color:var(--clr-brand);display:block}.pay-current__days{color:var(--clr-text-muted);margin:0;font-size:.9rem}.pay-current__take-home{border-block-start:1px solid var(--clr-border);margin-block-start:1rem;padding-block-start:1rem}.pay-current__take-home summary{cursor:pointer;font-size:1.05rem}.pay-current__take-home strong{font-variant-numeric:tabular-nums}.take-home{gap:.25rem;max-inline-size:22rem;margin-block:.75rem;display:grid}.take-home div{justify-content:space-between;gap:1rem;display:flex}.take-home dt{color:var(--clr-text-muted)}.take-home dd{font-variant-numeric:tabular-nums}.take-home .take-home__total{border-block-start:1px solid var(--clr-border);margin-block-start:.25rem;padding-block-start:.35rem;font-weight:600}.take-home .take-home__total dt{color:var(--clr-text)}.pay-current__note{color:var(--clr-text-muted);margin:1rem 0 0;font-size:.9rem}.pay-chart{margin-block-end:1rem;padding:1rem 1rem .75rem}.pay-chart__header{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:.75rem;display:flex}.pay-chart__title{color:var(--clr-text-muted);font-size:.9rem;font-weight:600}.segmented{background-color:var(--lightningcss-light,#eef0f4)var(--lightningcss-dark,#182130);border-radius:100px;padding:2px;font-size:.85rem;display:inline-flex}.segmented label{color:var(--clr-text-muted);cursor:pointer;border-radius:100px;padding:.2rem .75rem;transition:background-color .15s,color .15s}.segmented label:has(:checked){color:var(--clr-text);background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2a3547);font-weight:600;box-shadow:0 1px 2px #0000001a}.segmented label:has(:focus-visible){outline:2px solid var(--clr-brand);outline-offset:1px}.segmented input{opacity:0;pointer-events:none;position:absolute}.pay-chart__bars{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;margin:0;list-style:none;display:grid}.pay-chart__bar{--share:var(--earned);cursor:default;outline:none;grid-template-rows:1.25rem 7rem auto;place-items:end center;display:grid;position:relative}.pay-chart:has([value=hours]:checked) .pay-chart__bar{--share:var(--hours)}.pay-chart__column{inline-size:min(100%,2.75rem);block-size:max(2px, calc(var(--share) * 100%));background-color:rgb(from var(--clr-brand) r g b / .35);border-radius:4px 4px 0 0;transition:background-color .15s}.pay-chart__bar--current .pay-chart__column,.pay-chart__bar:is(:hover,:focus-visible) .pay-chart__column{background-color:var(--clr-brand)}.pay-chart__label{border-block-start:1px solid var(--clr-border);text-align:center;white-space:nowrap;inline-size:100%;color:var(--clr-text-muted);padding-block-start:.35rem;font-size:.8rem}.pay-chart__value{visibility:hidden;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.pay-chart__bar--current .pay-chart__value{visibility:visible}:is(.pay-chart:has([value=hours]:checked) .pay-chart__value.pay-chart__value--earned,.pay-chart:not(:has([value=hours]:checked)) .pay-chart__value.pay-chart__value--hours){display:none}.pay-chart__tooltip{z-index:1;color:var(--lightningcss-light,#fdfdfd)var(--lightningcss-dark,#04071b);white-space:nowrap;opacity:0;pointer-events:none;background-color:var(--lightningcss-light,#04071b)var(--lightningcss-dark,#fdfdfd);border-radius:6px;padding:.35rem .6rem;font-size:.8rem;transition:opacity .15s;position:absolute;inset-block-end:calc(100% - 1rem)}.pay-chart__bar:nth-child(-n+3) .pay-chart__tooltip{inset-inline-start:0}.pay-chart__bar:nth-last-child(-n+3) .pay-chart__tooltip{inset-inline-end:0}.pay-chart__bar:is(:hover,:focus-visible) .pay-chart__tooltip{opacity:1}.badge{background-color:rgb(from var(--clr-brand) r g b / .15);color:var(--clr-link);vertical-align:middle;border-radius:100px;margin-inline-start:.4rem;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.main header.month__header{gap:1rem;margin-block-end:1rem}.main header.month__header p{color:var(--clr-text-muted);margin:0}.main header.month__header .week-selector{block-size:2.75rem}.month__totals{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-block-end:1rem;padding:1rem;display:grid}.month__totals dt{color:var(--clr-text-muted);font-size:.9rem}.month__totals dd{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:600}@media (width<=600px){.month__totals{grid-template-columns:repeat(2,minmax(0,1fr))}}.month-container{container:month/inline-size}.month{table-layout:fixed;border-collapse:separate;border-spacing:0;inline-size:100%;overflow:hidden}.month th{color:var(--clr-text-muted);text-align:center;padding:.5rem .25rem;font-size:.85rem;font-weight:600}.month__day{--day-accent:transparent;border-block-start:1px solid var(--clr-border);vertical-align:top;block-size:6rem;padding:0}.month__day:not(:first-child){border-inline-start:1px solid var(--clr-border)}.month__day a{border-block-start:3px solid var(--day-accent);block-size:100%;color:inherit;flex-direction:column;gap:.15rem;padding:.35rem .4rem;text-decoration:none;transition:background-color .15s;display:flex}.month__day a:hover,.month__day a:focus-visible{background-color:rgb(from var(--clr-brand) r g b / .06)}.month__day.month__day--worked{--day-accent:var(--clr-brand)}.month__day.month__day--holiday{--day-accent:#41ca7d}.month__day.month__day--sick{--day-accent:#f0a04b}.month__day.month__day--other a{opacity:.45}@container month (width<=560px){.month__day{block-size:3.75rem}}.month__date{font-variant-numeric:tabular-nums;align-items:center;gap:.3rem;font-weight:600;display:flex}.month__day--today .month__date{background-color:var(--clr-brand);color:#fff;border-radius:100px;align-self:start;padding-inline:.4rem}.month__shift{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;line-height:1.2;overflow:hidden}@container month (width<=560px){.month__shift{font-size:.7rem}.month__shift .month__shift-end{display:none}}.month__leave{color:var(--day-accent);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}@container month (width<=560px){.month__leave{font-size:.65rem}}.month__bank-holiday{background-color:#9669ef;border-radius:50%;block-size:.45rem;inline-size:.45rem;display:inline-block}.month__key{color:var(--clr-text-muted);flex-wrap:wrap;gap:.5rem 1.25rem;margin-block-start:.75rem;font-size:.85rem;list-style:none;display:flex}.month__key li{align-items:center;gap:.4rem;display:flex}.month__swatch{block-size:3px;inline-size:.9rem}.month__swatch.month__swatch--worked{background-color:var(--clr-brand)}.month__swatch.month__swatch--holiday{background-color:#41ca7d}.month__swatch.month__swatch--sick{background-color:#f0a04b}.shift-editor{color:var(--lightningcss-light,#333131)var(--lightningcss-dark,#fff)}.shift-editor .form__fields{gap:.5rem}.shift-editor .split-shift .form__fields{gap:.5rem 1rem}.shift-box{background-color:var(--lightningcss-light,#daecfa)var(--lightningcss-dark,#262c34);border:1px solid var(--lightningcss-light,#85bce8)var(--lightningcss-dark,#485468);border-radius:6px;overflow:clip}.shift-box .split-shift:last-child{border-block-end:none}.shift-box .add-split-shift{border-block-start:1px solid var(--lightningcss-light,#85bce8)var(--lightningcss-dark,#485468)}.shift-list{margin:0}.next-day{color:var(--lightningcss-light,#7a4a00)var(--lightningcss-dark,#f5c77a);vertical-align:middle;background-color:var(--lightningcss-light,#fde8c8)var(--lightningcss-dark,#4a3a1c);border-radius:999px;margin-inline-start:.25rem;padding:.05rem .4rem;font-size:.75rem;font-weight:600}.shift-summary{inline-size:100%;color:var(--clr-text-muted);font-size:.95rem}.shift-summary:empty{display:none}.shift-summary__pay{color:var(--clr-text);font-weight:600}.shift-error{border-radius:var(--field-radius);color:var(--lightningcss-light,#a1181d)var(--lightningcss-dark,#ffb3b5);background-color:var(--lightningcss-light,#feecec)var(--lightningcss-dark,#3a1a1c);border:1px solid var(--lightningcss-light,#e5484d)var(--lightningcss-dark,#8c2a2e);inline-size:100%;padding:.5rem .75rem;font-size:.95rem}.clock{flex-wrap:wrap;gap:.35rem;inline-size:100%;display:flex}.shift-leave{inline-size:100%;font-size:.9rem}.shift-leave__link{color:var(--clr-link);text-underline-offset:.15em;background:0 0;padding:0;text-decoration:underline}.break-chips{flex-wrap:wrap;gap:.35rem;margin-block-start:.5rem;display:flex}.chip{background-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#191e25);border:1px solid var(--lightningcss-light,#85bce8)var(--lightningcss-dark,#485468);border-radius:999px;padding:.25rem .75rem;font-size:.9rem}.chip:is(:hover,:focus-visible){background-color:var(--lightningcss-light,#bed0f9)var(--lightningcss-dark,#323c4a)}.options{inline-size:100%}.options__section[open]{margin-block:5px}.options__section[open] .options__header{background-color:var(--lightningcss-light,#daecfa)var(--lightningcss-dark,#262c34);border:1px solid var(--lightningcss-light,#85bce8)var(--lightningcss-dark,#485468);border-radius:6px 6px 0 0;padding-inline:.5rem}.options__section[open] .options__header-indicator{rotate:180deg}.options__header{cursor:pointer;border-block-start:1px solid var(--lightningcss-light,#cecece)var(--lightningcss-dark,#32323e);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.options__header span{align-items:center;display:flex}.options__header svg{fill:currentColor;block-size:1rem;inline-size:1rem}.options__header h4{font-weight:600}.options__header-icon{margin-inline-end:.5rem}.options__content-wrapper{background-color:var(--lightningcss-light,#daecfa)var(--lightningcss-dark,#262c34);border:1px solid var(--lightningcss-light,#85bce8)var(--lightningcss-dark,#485468);border-block-start:none;border-radius:0 0 6px 6px;margin-block-end:.5rem;overflow:hidden}.add-split-shift{text-align:start;color:#2f6feb;background-color:#0000;align-items:center;gap:.5rem;inline-size:100%;padding:.5rem;display:flex}.add-split-shift:is(:hover,:focus-visible){background-color:var(--lightningcss-light,#bed0f9)var(--lightningcss-dark,#323c4a)}.add-split-shift svg{fill:currentColor;height:1lh}.split-shift{border-block-end:1px solid var(--lightningcss-light,#85bce8)var(--lightningcss-dark,#485468);grid-template-rows:1fr;padding:.5rem;transition:scale .2s,translate .2s,grid-template-rows .2s,padding-block .2s,border-block-end-width .2s;display:grid}@starting-style{.split-shift{border-block-end-width:0;grid-template-rows:0fr;padding-block:0;translate:0 20px;scale:.7}}.split-shift.is-leaving{border-block-end-width:0;grid-template-rows:0fr;padding-block:0;scale:.4}.split-shift__wrapper{overflow-clip-margin:.25rem;justify-content:space-between;align-items:end;gap:.5rem;min-block-size:0;display:flex;overflow:clip}.split-shift__wrapper .form__fields{min-inline-size:0}.split-shift__wrapper .remove-shift{block-size:var(--field-block-size);aspect-ratio:1;border-radius:var(--field-radius);background-color:#e5484d;flex-shrink:0;place-items:center;display:grid}.split-shift__wrapper .remove-shift svg{fill:#fff;block-size:16px}.calendar-days{justify-content:space-between;gap:1rem;padding:.5rem;display:flex}.calendar-checkbox{flex:1;position:relative;overflow:hidden}.calendar-checkbox:after{content:"";opacity:0;background-color:var(--lightningcss-light,#245378)var(--lightningcss-dark,#c5d5f1);border-radius:50%;block-size:4px;inline-size:4px;transition:opacity .2s;position:absolute;inset-block-end:7px;inset-inline-start:50%;translate:-50%}.calendar-checkbox:has(:hover,:focus-visible) label{background-color:var(--lightningcss-light,#93c1e4)var(--lightningcss-dark,#3a3e47)}.calendar-checkbox:has(:checked) label{background-color:var(--lightningcss-light,#87b9df)var(--lightningcss-dark,#485468);border:1px solid var(--lightningcss-light,#354b5c)var(--lightningcss-dark,#c5d5f1)}.calendar-checkbox:has(:checked):after{opacity:1}.calendar-checkbox input{opacity:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.calendar-checkbox label{text-align:center;background-color:var(--lightningcss-light,#b5daf6)var(--lightningcss-dark,#191e25);border:1px solid var(--lightningcss-light,#759df3)var(--lightningcss-dark,#3a3e47);border-radius:4px;padding:.5rem .5rem .75rem;line-height:1;display:block}.calendar-checkbox label .day{text-transform:uppercase;color:var(--lightningcss-light,#0d2639)var(--lightningcss-dark,#c5d5f1);font-size:.8rem;font-weight:500;display:block}.calendar-checkbox label .date{margin-block-start:.25rem;font-size:1.2rem;display:block}@media (prefers-color-scheme:light){:is(.auto,.light) :is(.calendar-checkbox label .date){color:#153853}}.actual-times{display:none}.shift-editor:has(#worked-different:checked) .actual-times{display:block}.actual-times label{color:var(--clr-text-muted)}.day-details{padding:.75rem}.day-stepper{align-items:center;gap:.25rem;min-inline-size:0;display:flex}.day-step{background:0 0;border-radius:50%;flex-shrink:0;place-items:center;block-size:2rem;inline-size:2rem;display:grid}.day-step:not(:disabled):is(:hover,:focus-visible){background-color:var(--lightningcss-light,#daecfa)var(--lightningcss-dark,#262c34)}.day-step:disabled{visibility:hidden}.day-step svg{fill:currentColor;block-size:1rem;inline-size:1rem}.usual-shifts{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-block-start:.5rem;display:flex}.usual-shifts__label{color:var(--clr-text-muted);font-size:.9rem}.usual-shifts__chips{flex-wrap:wrap;gap:.35rem;display:flex}.usual-shifts__chips .template__swatch{vertical-align:middle;margin-inline-end:.35rem}.calendar-checkbox--taken:before{content:"";background-color:var(--lightningcss-light,#d97706)var(--lightningcss-dark,#f5c77a);border-radius:50%;block-size:6px;inline-size:6px;position:absolute;inset-block-start:5px;inset-inline-end:5px}.repeat-picks{flex-wrap:wrap;align-items:center;gap:.35rem;padding:0 .5rem .5rem;display:flex}.repeat-more{border-block-start:1px solid var(--lightningcss-light,#85bce8)var(--lightningcss-dark,#485468);padding:.5rem}.also-on__add{cursor:pointer;color:var(--clr-text);font-weight:600}.also-on{flex-wrap:wrap;gap:.35rem;display:flex}.also-on:not(:empty){margin-block-start:.5rem}.also-on__date{align-items:center;gap:.35rem;padding-inline-end:.35rem;display:inline-flex}.also-on__remove{background:0 0;border-radius:50%;place-items:center;block-size:1.25rem;inline-size:1.25rem;line-height:1;display:grid}.also-on__remove:is(:hover,:focus-visible){background-color:var(--lightningcss-light,#bed0f9)var(--lightningcss-dark,#323c4a)}.repeat-picks__hint{inline-size:100%;margin:0}.tabs{scrollbar-width:none;box-shadow:inset 0 -1px 0 var(--clr-border);gap:.25rem;margin-block-end:1.5rem;display:flex;overflow-x:auto}.tabs a{color:var(--clr-text-muted);white-space:nowrap;flex-shrink:0;padding:.6rem .9rem;font-weight:500;text-decoration:none;transition:color .15s;position:relative}.tabs a:is(:hover,:focus-visible){color:var(--clr-text)}.tabs a:focus-visible{outline:2px solid var(--clr-brand);outline-offset:-2px;border-radius:6px 6px 0 0}.tabs a[aria-current=page]{color:var(--lightningcss-light,var(--clr-brand))var(--lightningcss-dark,#3c7aed)}.tabs__indicator{background-color:currentColor;block-size:2px;position:absolute;inset-block-end:0;inset-inline:0}.settings-section{padding:1.25rem}@media (width<=480px){.settings-section{padding:1rem}}.settings-section+.settings-section,.settings-section+.form{margin-block-start:1rem}.settings-section+.form__actions{margin-block-start:1.25rem}@media (width<=480px){.settings-section .form__field--half{flex-basis:100%}}.settings-section__intro{margin-block-end:1.25rem}.settings-section__intro h3{margin:0}.settings-section__intro p{color:var(--clr-text-muted);margin-block:.25rem 0}.settings-section--danger{border-color:var(--lightningcss-light,#f0c4c5)var(--lightningcss-dark,#4a1d20)}.templates{display:grid}.templates__empty{color:var(--clr-text-muted)}.template{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding-block:.6rem;display:flex}.template+.template{border-block-start:1px solid var(--clr-border)}.template__name{font-weight:600}.template__times{color:var(--clr-text-muted);font-variant-numeric:tabular-nums;flex:1}.template__delete{min-block-size:0;inline-size:auto;padding:.35rem .75rem}.template-colours{border:none;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.template-colours legend{margin-block-end:.35rem;font-weight:500}.template-colours .template-colour{cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;block-size:2.25rem;inline-size:2.25rem;margin:0;display:grid;position:relative}.template-colours .template-colour input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.template-colours .template-colour .template__swatch{block-size:1.5rem;inline-size:1.5rem}.template-colours .template-colour:has(:checked){border-color:var(--clr-text)}.template-colours .template-colour:has(:focus-visible){outline:2px solid var(--clr-brand);outline-offset:2px}.settings-credit{text-align:center;color:var(--clr-text-muted);margin-block-start:2rem;font-size:.85rem}@media (width>768px){.settings-credit{display:none}}.sidebar{view-transition-name:sidebar}.nav{view-transition-name:nav}.main__inner>header{view-transition-name:page-header}.main__inner{view-transition-name:page}.tabs{view-transition-name:settings-tabs}.tabs__indicator{view-transition-name:settings-tab-indicator}.rota,.shared-rota{view-transition-name:rota-week}.stats{view-transition-name:rota-stats}::view-transition-group(*){animation-duration:.25s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-old(page){animation:.15s ease-in both fade-out}::view-transition-new(page){animation:.25s cubic-bezier(.2,0,0,1) 50ms both fade-in-up}html:active-view-transition-type(week-next,week-prev)::view-transition-group(rota-week){overflow:clip}html:active-view-transition-type(week-next,week-prev)::view-transition-old(rota-week){animation:.2s ease-in both fade-out,.2s ease-in both slide-to-start}html:active-view-transition-type(week-next,week-prev)::view-transition-new(rota-week){animation:.3s cubic-bezier(.2,0,0,1) both fade-in,.3s cubic-bezier(.2,0,0,1) both slide-from-end}html:active-view-transition-type(week-next,week-prev)::view-transition-old(page){animation:.15s both fade-out}html:active-view-transition-type(week-next,week-prev)::view-transition-new(page){animation:.15s both fade-in}html:active-view-transition-type(week-prev)::view-transition-old(rota-week){animation-name:fade-out,slide-to-end}html:active-view-transition-type(week-prev)::view-transition-new(rota-week){animation-name:fade-in,slide-from-start}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in-up{0%{opacity:0;translate:0 .75rem}}@keyframes slide-to-start{to{translate:-2.5rem}}@keyframes slide-to-end{to{translate:2.5rem}}@keyframes slide-from-start{0%{translate:-2.5rem}}@keyframes slide-from-end{0%{translate:2.5rem}}.pull-to-refresh{--pull:0px;--progress:0;--size:2.5rem;z-index:100;inline-size:var(--size);block-size:var(--size);background:var(--clr-field);border:1px solid var(--clr-border);color:var(--clr-text-muted);pointer-events:none;opacity:min(1, calc(var(--progress) * 2));translate:-50% var(--pull);border-radius:50%;place-items:center;transition:translate .25s cubic-bezier(.2,0,0,1),opacity .25s;display:grid;position:fixed;inset-block-start:calc(env(safe-area-inset-top) - var(--size));inset-inline-start:50%;box-shadow:0 4px 12px #00000026}.pull-to-refresh.pull-to-refresh--pulling{transition:none}.pull-to-refresh svg{block-size:1.25rem;inline-size:1.25rem;rotate:calc(var(--progress) * 270deg)}.pull-to-refresh.pull-to-refresh--ready{color:var(--clr-brand)}.pull-to-refresh.pull-to-refresh--refreshing{color:var(--clr-brand)}.pull-to-refresh.pull-to-refresh--refreshing svg{animation:.8s linear infinite pull-to-refresh-spin}@keyframes pull-to-refresh-spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.pull-to-refresh--refreshing svg{animation-duration:2s}}.toastify{color:#fff;opacity:0;cursor:pointer;z-index:2147483647;background:linear-gradient(135deg,#73a5ff,#5477f5);border-radius:2px;max-width:calc(50% - 20px);padding:12px 20px;text-decoration:none;transition:all .4s cubic-bezier(.215,.61,.355,1);display:inline-block;position:fixed;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d}.toastify.on{opacity:1}.toast-close{color:#fff;cursor:pointer;opacity:.4;background:0 0;border:0;padding:0 5px;font-family:inherit;font-size:1em}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{border-radius:2px;width:1.5em;height:1.5em;margin:-7px 5px}.toastify-center{max-width:-moz-fit-content;margin-left:auto;margin-right:auto;left:0;right:0}@media only screen and (width<=360px){.toastify-right,.toastify-left{max-width:fit-content;margin-left:auto;margin-right:auto;left:0;right:0}}