svg[data-v-192f3942]{vertical-align:middle}svg.gap-right[data-v-192f3942]{margin-right:.25rem}svg.gap-left[data-v-192f3942]{margin-left:.25rem}body.wjb-modal-visible{overflow-y:hidden}.\@wjb-modal-component[data-v-07484009]{display:grid;position:fixed;top:0;right:0;bottom:0;left:0;padding:.5rem;background-color:var(--wjb_modal-backdrop-colour, rgba(0, 0, 0, .5));z-index:10;opacity:0;pointer-events:none;overflow-y:auto;overflow-x:hidden}.\@wjb-modal-component.style-filled>.content-container[data-v-07484009]{top:1rem;left:1rem;bottom:1rem;right:1rem}.\@wjb-modal-component.style-centered>.content-container[data-v-07484009]{position:relative;margin:auto;max-width:100%}.\@wjb-modal-component.style-centered .modal-transition-enter-from[data-v-07484009]{transform:translateY(-20rem) scale(.2)}.\@wjb-modal-component.style-centered .modal-transition-leave-to[data-v-07484009]{transform:translateY(20rem) scale(.2)}.\@wjb-modal-component.style-only-background>.content-container[data-v-07484009]{height:100%;border-radius:0;background-color:transparent}.\@wjb-modal-component.style-fullscreen>.content-container[data-v-07484009]{width:100%;height:100%;padding:0;border-radius:0;background-color:transparent}.\@wjb-modal-component.style-side-right[data-v-07484009]{grid-template-columns:1fr minmax(30%,450px)}.\@wjb-modal-component.style-side-right>.content-container[data-v-07484009]{margin-right:-.5rem;grid-column-start:2;border-radius:0;border-top-left-radius:var(--wjb-border-radius);border-bottom-left-radius:var(--wjb-border-radius)}.\@wjb-modal-component.style-side-right .modal-transition-enter-from[data-v-07484009],.\@wjb-modal-component.style-side-right .modal-transition-leave-to[data-v-07484009]{transform:translate(100%)}.\@wjb-modal-component.is-visible[data-v-07484009]{opacity:1;pointer-events:all}.\@wjb-modal-component>.content-container[data-v-07484009]{padding:1rem;background-color:var(--wjb_modal-content-background-colour, #efefef);border-radius:.3rem;overflow-y:auto;overflow-x:hidden}.\@wjb-modal-component>.content-container>.close[data-v-07484009]{padding:.5rem;position:absolute;top:.5rem;right:.5rem;z-index:10;line-height:1em;background-color:inherit;border-radius:.3rem;cursor:pointer}.\@wjb-modal-component>.content-container>.close[data-v-07484009]:hover{box-shadow:1px 2px 3px #0006}.\@wjb-popup-component[data-v-96eccf1d]{position:fixed;top:1rem;left:50%;padding:1rem;border-radius:var(--wjb-border-radius);transform:translate(-50%);z-index:15;cursor:pointer;transition:transform .3s,opacity .3s;box-shadow:1px 2px 3px #0000004d,2px 4px 6px #0003}.\@wjb-popup-component.style-error[data-v-96eccf1d]{background-color:var(--wjb-danger)}.\@wjb-popup-component.style-success[data-v-96eccf1d]{background-color:var(--wjb-success)}.\@wjb-popup-component.style-warning[data-v-96eccf1d]{background-color:var(--wjb-warning)}.popup-transition-enter-from[data-v-96eccf1d],.popup-transition-leave-to[data-v-96eccf1d]{transform:translate(-50%) translateY(calc(-100% - 1rem)) scale(.2);opacity:0}.gradient-border-component{position:relative;border-radius:var(--wjb-border-radius)}.gradient-border-component>.border{position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:var(--wjb-border-radius);background:linear-gradient(135deg,var(--wjb-primary),var(--wjb-secondary));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.gradient-border-component.is-disabled>.border,.gradient-border-component.on-hover>.border{background:var(--wjb-background-colour);opacity:0}.gradient-border-component.on-hover:hover>.border{background:linear-gradient(135deg,var(--wjb-primary),var(--wjb-secondary));opacity:1}.nav-clock-component{font-size:1rem;font-weight:400;clip-path:inset(0 50% 0 50% round var(--wjb-border-radius));opacity:.5}.nav-clock-component.is-enabled{clip-path:inset(0 0 0 0 round 0);opacity:1}nav.nav-placeholder,nav.nav-component{flex:0 0 157px}nav.nav-component{position:fixed;top:0;left:0;bottom:0;padding:1rem;border-top-right-radius:var(--wjb-border-radius);border-bottom-right-radius:var(--wjb-border-radius);background-color:var(--wjb-background-colour);background:linear-gradient(-45deg,var(--wjb-background-colour-dark),var(--wjb-background-colour));box-shadow:1px 2px 3px #0000004d,2px 4px 6px #0003}nav.nav-component .title-heading{text-align:center}nav.nav-component .open-button-container{display:none}nav.nav-component .tabs{list-style:none;padding-left:0;margin:0%;opacity:1;pointer-events:all}nav.nav-component .tabs .tab{display:block;text-transform:uppercase;font-size:.75rem;text-align:center;color:inherit;text-decoration:none;border-radius:var(--wjb-border-radius);border:2px solid transparent}nav.nav-component .tabs .tab>*{padding:1rem 0}nav.nav-component .tabs .tab+.tab{margin-top:1rem}@media screen and (max-width: 540px){nav.nav-component{position:relative;flex:0 0 auto}nav.nav-component .title-heading{text-align:left}nav.nav-component .title-heading h1{margin-bottom:0}nav.nav-component .tabs{position:absolute;top:100%;left:0;right:0;padding:0 1rem 1rem;background-color:var(--wjb-background-colour);opacity:0;pointer-events:none;z-index:1;box-shadow:1px 2px 3px #0000004d,2px 4px 6px #0003}nav.nav-component .tabs.is-open{opacity:1;pointer-events:all}nav.nav-component .open-button-container{display:unset}nav.nav-placeholder{display:none}}.flex{display:flex}.flex.flex-vertical{flex-direction:column}.flex.align-items-start{align-items:flex-start}.flex.align-items-center{align-items:center}.flex.align-items-end{align-items:flex-end}.flex.gap-small{gap:.5rem}.flex.gap{gap:1rem}.flex>*{flex:1}.flex>.flex-auto{flex:0 0 auto}.flex>.flex-1{flex:1}.flex>.flex-2{flex:2}.flex>.flex-3{flex:3}.flex>.flex-4{flex:4}.flex>.flex-5{flex:5}.wjb-row{display:grid;grid-auto-flow:column;grid-auto-columns:max-content}.wjb-row.gap{gap:1rem}.wjb-row.gap-small{gap:.5rem}*,*:before,*:after{box-sizing:border-box;transition:all .2s,font 0s,letter-spacing 0s}html,body{height:100%}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;line-height:1.6em;letter-spacing:.5px;transition:none}h1,h2,h3,h4,h5,h6{line-height:1.2em}.text-centered{text-align:center}.text-left{text-align:left}.text-right{text-align:right}input,select{width:100%;padding:.5rem;background-color:var(--wjb-background-colour);color:var(--wjb-text-colour);border-radius:var(--wjb-border-radius);border:0;outline:2px dashed transparent;line-height:1em;font:inherit;letter-spacing:inherit;box-shadow:1px 2px 3px #00000080}input:focus,select:focus{outline:2px dashed var(--wjb-secondary)}:root{--wjb-grey: #ccc;--wjb-grey-light: color-mix(in srgb, var(--wjb-grey) 80%, #fff);--wjb-grey-dark: color-mix(in srgb, var(--wjb-grey) 80%, #000);--wjb-background-colour: #222226;--wjb-background-colour-light: color-mix(in srgb, var(--wjb-background-colour) 80%, #fff);--wjb-background-colour-dark: color-mix(in srgb, var(--wjb-background-colour) 80%, #000);--wjb-text-colour: #efefef;--wjb-text-colour-opposite: #222;--wjb-primary: #176bc0;--wjb-primary-light: color-mix(in srgb, var(--wjb-primary) 80%, #fff);--wjb-primary-dark: color-mix(in srgb, var(--wjb-primary) 80%, #000);--wjb-secondary: #17c06c;--wjb-secondary-light: color-mix(in srgb, var(--wjb-secondary) 80%, #fff);--wjb-secondary-dark: color-mix(in srgb, var(--wjb-secondary) 80%, #000);--wjb-tertiary: #4217c0;--wjb-tertiary-light: color-mix(in srgb, var(--wjb-tertiary) 80%, #fff);--wjb-tertiary-dark: color-mix(in srgb, var(--wjb-tertiary) 80%, #000);--wjb-success: #45bd0e;--wjb-success-light: color-mix(in srgb, var(--wjb-success) 80%, #fff);--wjb-success-dark: color-mix(in srgb, var(--wjb-success) 80%, #000);--wjb-warning: #bd710e;--wjb-warning-light: color-mix(in srgb, var(--wjb-warning) 80%, #fff);--wjb-warning-dark: color-mix(in srgb, var(--wjb-warning) 80%, #000);--wjb-danger: #aa0f0f;--wjb-danger-light: color-mix(in srgb, var(--wjb-danger) 80%, #fff);--wjb-danger-dark: color-mix(in srgb, var(--wjb-danger) 80%, #000);--wjb-border-radius: .3rem;--wjb-primary: #4db87b;--wjb-secondary: #4d8ab8;--wjb-tertiary: #644db8;--wjb-border-radius: 4px;--wjb_modal-content-background-colour: var(--wjb-background-colour)}.modal-component>.content-container{border-top:4px solid var(--wjb-secondary)}@media screen and (max-width: 540px){.flex.breakpoint{flex-direction:column}}#app,#app>.page{height:100%}body{font-family:Nunito,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--wjb-background-colour);color:var(--wjb-text-colour)}textarea{width:100%;max-width:100%;padding:.5rem;transition:none;background-color:var(--wjb-background-colour-dark);color:inherit;border:none;font:inherit;letter-spacing:inherit;border-radius:var(--wjb-border-radius);box-shadow:1px 2px 3px #00000080}.content-width{max-width:67rem;margin-left:auto;margin-right:auto}.\@wjb-button-component[data-v-27642ef5]{padding:.5rem 1rem;border-radius:.3rem;border:0;cursor:pointer;vertical-align:middle;font:inherit;letter-spacing:inherit;box-shadow:1px 2px 4px #0006;outline-offset:1px;outline:2px dashed transparent;background-color:var(--wjb-primary);color:var(--wjb-text-colour)}.\@wjb-button-component[data-v-27642ef5]:focus,.\@wjb-button-component[data-v-27642ef5]:active{outline:2px dashed var(--wjb-primary)}.\@wjb-button-component[data-v-27642ef5]:hover{background-color:var(--wjb-primary-dark)}.\@wjb-button-component.mini[data-v-27642ef5]{padding:.25rem .5rem}.\@wjb-button-component.secondary[data-v-27642ef5]{background-color:var(--wjb-secondary);color:var(--wjb-text-colour-opposite)}.\@wjb-button-component.secondary[data-v-27642ef5]:focus,.\@wjb-button-component.secondary[data-v-27642ef5]:active{outline:2px dashed var(--wjb-secondary)}.\@wjb-button-component.secondary[data-v-27642ef5]:hover{background-color:var(--wjb-secondary-dark)}.\@wjb-button-component.tertiary[data-v-27642ef5]{background-color:var(--wjb-tertiary);color:var(--wjb-text-colour)}.\@wjb-button-component.tertiary[data-v-27642ef5]:focus,.\@wjb-button-component.tertiary[data-v-27642ef5]:active{outline:2px dashed var(--wjb-tertiary)}.\@wjb-button-component.tertiary[data-v-27642ef5]:hover{background-color:var(--wjb-tertiary-dark)}.\@wjb-button-component.danger[data-v-27642ef5]{background-color:var(--wjb-danger);color:var(--wjb-text-colour)}.\@wjb-button-component.danger[data-v-27642ef5]:focus,.\@wjb-button-component.danger[data-v-27642ef5]:active{outline:2px dashed var(--wjb-danger)}.\@wjb-button-component.danger[data-v-27642ef5]:hover{background-color:var(--wjb-danger-dark)}.\@wjb-button-component.plain[data-v-27642ef5]{background-color:var(--wjb-grey);color:var(--wjb-text-colour-opposite)}.\@wjb-button-component.plain[data-v-27642ef5]:focus,.\@wjb-button-component.plain[data-v-27642ef5]:active{outline:2px dashed var(--wjb-grey)}.\@wjb-button-component.plain[data-v-27642ef5]:hover{background-color:var(--wjb-grey-dark)}.\@wjb-button-component[data-v-27642ef5] span{vertical-align:middle}.\@wjb-button-component .loading-icon[data-v-27642ef5]{margin-right:.5rem;filter:drop-shadow(1px 1px 6px rgba(0,0,0,.7));vertical-align:middle;animation:button-loading-component-animation-27642ef5 5s alternate infinite}@keyframes button-loading-component-animation-27642ef5{0%{color:var(--wjb-primary)}50%{color:var(--wjb-secondary)}to{color:var(--wjb-tertiary)}}.\@wjb-button-component .loading-text[data-v-27642ef5]{vertical-align:unset}.\@wjb-loading-component[data-v-f768b247]{margin:2rem}.\@wjb-loading-component svg[data-v-f768b247]{width:70px;height:70px;color:var(--wjb-primary);animation:loading-component-animation-f768b247 5s alternate infinite}@keyframes loading-component-animation-f768b247{0%{color:var(--wjb-primary)}50%{color:var(--wjb-secondary)}to{color:var(--wjb-tertiary)}}.\@wjb-form-input-component[data-v-d5fad29f]{display:block}.\@wjb-form-input-component.is-required .label[data-v-d5fad29f]:after{content:"*"}.\@wjb-form-input-component .label[data-v-d5fad29f]{display:block;line-height:1em;margin-bottom:.25rem}.\@wjb-form-input-component+.\@wjb-form-input-component[data-v-d5fad29f]{margin-top:1rem}.\@wjb-form-section-component[data-v-530dceeb]{padding:1rem;background-color:var(--wjb-background-colour-dark);border-radius:var(--wjb-border-radius)}.page-heading-component{padding:1rem}.page-heading-component h1{margin:0}.app-view{padding:1rem}.dashboard-clock-component{margin:auto}.dashboard-clock-component .time{font-size:10rem}.dashboard-clock-component .seconds{padding-left:.25rem;font-size:2rem;vertical-align:baseline}.dashboard-clock-component .date{justify-content:center;margin-top:2rem;font-size:1.25rem;color:#aaa}@media screen and (max-width: 540px){.dashboard-clock-component .time{font-size:6rem}}.dashboard-view .dashboard{flex:0;opacity:0;transition:all .5s}.dashboard-view .dashboard.is-visible{flex:1;opacity:1}.dashboard-view .dashboard-items{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.dashboard-view .dashboard-items>*{display:block;color:inherit;text-decoration:inherit}.dashboard-view .dashboard-items .item{position:relative;padding:.5rem;border-radius:var(--wjb-border-radius);aspect-ratio:1/1;background-color:var(--wjb-background-colour);box-shadow:1px 2px 3px #00000080}.dashboard-view .dashboard-items .item:hover{transform:scale(1.2);z-index:1}.dashboard-view .dashboard-items .item>*{margin:auto}.dashboard-view .dashboard-items .item .title{margin-top:.5rem}.loading-component{margin:2rem}.loading-component svg{width:70px;height:70px;color:var(--wjb-primary);animation:loading-component-animation 5s alternate infinite}@keyframes loading-component-animation{0%{color:var(--wjb-primary)}50%{color:var(--wjb-secondary)}to{color:var(--wjb-tertiary)}}.no-items-component{margin:2rem}.list-component{width:720px;max-width:100%;margin:1rem auto;padding-left:0;list-style:none}.list-component>a,.list-component>li{display:block;padding:.5rem;border:2px solid var(--wjb-background-colour-dark);border-radius:var(--wjb-border-radius);color:inherit;text-decoration:none}.list-component>a+a,.list-component>a+li,.list-component>li+a,.list-component>li+li{margin-top:.5rem}.list-component.remove-styling>a,.list-component.remove-styling>li{padding:0;border:none}.hidden-textbox-component{padding:.25rem}.hidden-textbox-component:not(:focus){box-shadow:none}.kanban-item-modal-component{width:720px;max-width:100%}.kanban-item-component{padding:.5rem;border-radius:var(--wjb-border-radius);cursor:pointer;box-shadow:1px 2px 3px #00000080}.kanban-item-component+.kanban-item{margin-top:.25rem}.kanban-item-component .details-button{opacity:0}.kanban-item-component:hover .details-button{opacity:1}.kanban-item-component .content-input:focus+.details-button{opacity:1}.kanban-column-modal-component{width:720px;max-width:100%}.kanban-board-view .kanban-board{margin:-1rem;padding:1rem;overflow-x:auto}.kanban-board-view .kanban-column{flex:0 0 350px;padding:1rem;border-top:4px solid var(--wjb-secondary);border-radius:var(--wjb-border-radius);box-shadow:1px 2px 4px #00000080,2px 4px 12px #0000004d}.kanban-board-view .kanban-column>header h2{margin:0}.kanban-board-view .kanban-column .items{margin:-1rem;padding:1rem;overflow-y:auto}.list-item-modal-component{width:650px;max-width:100%}.list-view .list{max-width:720px;margin:auto}.list-view .add-item-container{width:720px;max-width:720px;padding:.5rem;border-radius:var(--wjb-border-radius);border:1px solid var(--wjb-tertiary)}.list-view ol{counter-reset:count;list-style:none;padding-left:0}.list-view ol li{padding:.25rem;counter-increment:count;box-shadow:1px 2px 3px #00000080}.list-view ol li:before{content:counter(count) ".";width:2rem;display:inline-block;text-align:right}.list-view ol li+li{margin-top:.25rem}.note-view .line-numbers{padding:.5rem;color:#999}.note-view .text-container{background-color:var(--wjb-background-colour-dark);box-shadow:1px 2px 3px #00000080}.note-view textarea{background-color:transparent;box-shadow:none}.note-view textarea:focus{outline:none}.workout-entry-component{padding:.5rem;border-top:4px solid var(--wjb-secondary);border-radius:var(--wjb-border-radius);box-shadow:1px 2px 3px #00000080}.workout-entry-modal-component{width:650px;max-width:100%}.workout-diary-view .entry-list-container{width:720px;max-width:100%;margin:auto}