a,main.landing h2,main.landing h3{color:var(--primary-color)}*,button,input,select,textarea{font-family:'DM Sans',sans-serif}button,html,input,select,textarea{background-color:var(--background-color)}a,label{font-weight:600}div.user-list-container,form,form>*,hr,label{width:100%}form,label,nav{display:flex}a.navigate,select{background-size:26px 26px;background-repeat:no-repeat}*,div.navigation-grid div.title{white-space:nowrap;text-overflow:ellipsis}.popup,div.list-control{position:fixed;left:50%}.icon,a.navigate,select{background-repeat:no-repeat}:root{--background-color:#ffffff;--element-color:#edf5ef;--primary-color:#20a126;--alt-background-color:#c7dccd;--border-width:2px;--border-radius:8px;--border-color:#1d2123;--text-color:#1d2123;--detail-color:#727779;--info-color:#a9abab;--expired-color:#97da97;--complete-color:#3583de;--warning-color:#f69153;--warning-background:#ffefe7}*{box-sizing:border-box;font-size:16px;color:var(--text-color)}::selection{background-color:var(--expired-color);color:var(--text-color)}main.landing *{font-weight:700}main.landing article{margin:60px 0}a.navigate,div.navigation-buttons button,nav a{color:var(--text-color)}main.landing h3{font-size:25px}body{margin:20px 20px 100px}hr{height:var(--border-width);background-color:var(--border-color);border:none}div.list-control,nav{border-radius:var(--border-radius)}a{text-decoration-thickness:var(--border-width)}a.navigate{background-position:0 50%;padding-left:30px}a.navigate.back{background-image:url(/s/views/svg/arrow_back.svg)}nav{padding:10px 20px;margin-bottom:20px;justify-content:space-between;align-items:center;background-color:var(--element-color)}nav a{text-decoration:none}h1{font-size:36px}h2{font-size:28px}h3{font-size:22px}form{flex-direction:column;align-items:center;justify-content:center;gap:16px}form.start{align-items:start}button,input,select,textarea{outline:0!important;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:10px;font-weight:600;width:100%;font-size:16px}input:disabled,select:disabled,textarea:disabled{background-color:var(--background-color);border-color:var(--info-color);color:var(--info-color);cursor:not-allowed}.text-center,button{text-align:center}input[type=checkbox]+label{display:flex;align-items:center}label{justify-content:start;flex-flow:column;gap:5px}label:not(:has(*)){margin-bottom:5px}label:has(input:not([type=checkbox])){display:flex;flex-flow:column;width:100%;align-items:start;gap:5px;font-weight:800}label:has(input[type=checkbox]){display:flex;flex-flow:row;align-items:center}input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;background-size:22px;background-position:0 50%;background-repeat:no-repeat;background-image:url('/s/views/svg/checkbox.svg');background-color:transparent;border:none;width:26px;height:26px;aspect-ratio:1/1;margin:0;padding:0}input[type=checkbox]:checked,input[type=radio]:checked{background-image:url('/s/views/svg/checkbox_checked.svg')}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:calc(100% - 8px) 50%;background-image:url('/s/views/svg/caret_down.svg')}select::-ms-expand{display:none}::placeholder{color:var(--detail-color)}button,input[type=submit]{cursor:pointer;background-color:var(--primary-color);color:var(--background-color);border:none;box-shadow:var(--expired-color) 0 var(--border-width) 0 0}div.input_number{display:flex;flex-direction:row;width:100%;gap:10px}div.input_number div{display:grid;grid-template-columns:1fr 1fr;gap:10px}button.number_increment{background-color:var(--info-color);padding:0;width:45px;aspect-ratio:1/1;height:45px;justify-content:center;align-items:center;display:flex;box-shadow:none}button.alt,button.mini{color:var(--primary-color);border:var(--border-width) solid var(--primary-color);box-shadow:var(--primary-color) 0 var(--border-width) 0 0;background-color:var(--background-color)}button.mini{width:max-content}button.number_increment img{width:24px}button:active,input[type=submit]:active{box-shadow:none;transform:translateY(var(--border-width))}input[type=number]{-moz-appearance:textfield;appearance:textfield;margin:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}div.list-control{display:flex;width:min-content;height:min-content;gap:10px;justify-content:space-between;bottom:20px;transform:translateX(-50%);background-color:var(--element-color);padding:8px}.checklist_container label,div.navigation-grid div.item_count span.items_left{background-color:var(--expired-color)}.checklist_container label,article.note{padding:20px;border-radius:var(--border-radius)}div.list-control button{background-color:var(--background-color);box-shadow:none;height:50px;width:60px}div.sort_buttons{display:flex;flex-direction:row;margin:30px 0;gap:10px}div.navigation-buttons{display:flex;flex-direction:row;gap:10px}div.navigation-buttons button{background-color:var(--element-color);box-shadow:none;height:50px;width:max-content;padding-left:44px;background-position:5px 50%;font-weight:800}div.navigation-grid{display:grid;grid-template-columns:1fr;grid-gap:10px}div.navigation-grid>a,div.navigation-grid>div{display:grid;grid-template-columns:auto 1fr min-content;grid-template-areas:'icon title item-count';grid-gap:10px;justify-content:center;align-items:center;background-color:var(--element-color);border-radius:8px;padding:10px;text-decoration:none;color:var(--text-color);font-weight:700;font-size:18px}.navigation-grid .quantity-buttons{grid-area:buttons;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;height:100%}.navigation-grid .quantity-buttons button{background-color:var(--element-color);box-shadow:none;height:100%;width:24px;background-size:30px}.navigation-grid .quantity-buttons button.refresh,.navigation-grid .quantity-buttons button.tick{background-size:24px}.navigation-grid .item{display:grid;grid-template-columns:max-content 1fr max-content;grid-template-rows:1fr 1fr;grid-template-areas:'item-count title buttons' 'item-count shop buttons';gap:0;max-width:100%}.navigation-grid .item.mini{grid-template-rows:1fr;grid-template-areas:'item-count title buttons'}.navigation-grid .item div.title{font-size:20px}div.navigation-grid div.title{grid-area:title;overflow:hidden;max-width:100%;margin-right:10px}div.navigation-grid div.shop{height:100%;display:flex;align-items:center;border-radius:var(--border-radius);grid-area:shop;font-weight:700}div.calendar a.calendar-date.expired,div.navigation-grid div.shop div.inactive{color:var(--info-color)}div.navigation-grid div.icon,div.navigation-grid div.icon img{background-size:50px 50px;width:50px;height:50px;grid-area:icon}div.navigation-grid div.item_count{display:grid;grid-template-columns:1fr;grid-gap:5px;grid-area:item-count;height:100%;margin-right:10px;justify-content:center}div.navigation-grid div.item_count:has(span){display:flex;justify-content:center;align-items:center}div.navigation-grid div.item_count span{padding:2px 6px;border-radius:8px;display:flex;aspect-ratio:1/1;width:30px;height:30px;justify-content:center;align-items:center}div.navigation-grid div.item_count div.quantity{padding:2px 6px;justify-content:center;align-items:center;background-color:var(--expired-color);font-size:24px;aspect-ratio:1/1;height:100%;display:flex;border-radius:var(--border-radius)}div.navigation-grid div.item_count input[type=number]{padding:2px 6px;justify-content:center;align-items:center;aspect-ratio:1/1;height:100%}div.navigation-grid div.item_count div.quantity.inactive{background-color:var(--element-color);color:var(--info-color)}div.navigation-grid div.item_count span.items_left.inactive{background-color:var(--info-color);color:var(--background-color)}.re-use-grid{display:grid;grid-template-columns:1fr 1fr}.checklist_container{display:flex;flex-direction:column;gap:10px}.checklist_container label{width:100%}.checklist_container label:has(input[type=checkbox]:checked){background-color:var(--element-color)}.checklist_container.invert label:has(input[type=checkbox]){background-color:var(--element-color)}.checklist_container.invert label:has(input[type=checkbox]:checked){background-color:var(--expired-color)}div.notes_container{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:20px;margin:20px 0}div.notes_container:not(:has(article)){display:block}article.note{display:grid;background-color:var(--element-color);aspect-ratio:1/1;height:100%;grid-template-columns:1fr auto;grid-template-rows:1fr auto;grid-template-areas:'note note' 'info buttons'}article.note.large{grid-column:1/span 2;aspect-ratio:auto}article.note button{box-shadow:none;background-color:var(--background-color);aspect-ratio:1/1;width:36px;background-size:24px;grid-area:buttons}article.note span.icon.pin{grid-area:icon_pin;height:24px;background-size:24px}article.note div.info{grid-area:info;color:var(--detail-color);display:flex;align-items:end;font-size:14px}article.note.favourite{background-color:var(--expired-color);grid-template-areas:'note icon_pin' 'info buttons'}div.calendar-header,div.calendar:not(.icon){padding:10px;background-color:var(--element-color);gap:10px}article.note.favourite div.info{grid-area:info;color:var(--primary-color)}article.note section.content{grid-area:note}article.note h3{margin:0;font-size:18px}div.calendar:not(.icon){display:grid;grid-template-columns:repeat(7,1fr);margin:10px 0;border-radius:var(--border-radius)}div.calendar .calendar-date,div.calendar-header div.navigation a{background-color:var(--background-color);border-radius:var(--border-radius);font-weight:700;text-decoration:none;color:var(--text-color);aspect-ratio:1/1}div.calendar-header{display:flex;justify-content:space-between;align-items:center;border-radius:var(--border-radius);max-width:100%}div.calendar-header *{margin:0}div.calendar-header div.navigation{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}div.calendar-header div.navigation a{width:42px;height:42px;display:flex;align-items:center;justify-content:center}div.calendar span.day{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-weight:1000;color:var(--detail-color)}div.calendar .calendar-date{width:100%;display:flex;align-items:center;justify-content:center}.popup.notification.warning *,div.warning.dialogue{color:var(--warning-color)}div.calendar a.calendar-date.active{background-color:var(--primary-color);color:var(--background-color)}div.calendar a.calendar-date:has(span.count),div.calendar a.calendar-date:has(span.warning),div.navigation-buttons button:has(span.notification){position:relative}div.calendar a.calendar-date span.warning,div.navigation-buttons button span.notification{content:' ';display:inline-block;width:20px;height:20px;border:4px solid var(--element-color);background-color:var(--warning-color);border-radius:100%;left:calc(100% - 14px);bottom:calc(100% - 14px);position:absolute}div.calendar a.calendar-date span.count{content:' ';display:inline-block;width:20px;height:20px;border:4px solid var(--element-color);background-color:var(--complete-color);border-radius:100%;right:calc(100% - 14px);bottom:calc(100% - 14px);position:absolute}div.navigation-buttons button span.notification{background-color:var(--primary-color);border:4px solid var(--background-color)}div.calendar a.calendar-date.active.complete.expired,div.calendar a.calendar-date.active.expired{background-color:var(--expired-color);color:var(--primary-color);border:none}div.calendar a.calendar-date.focus{outline:var(--border-width) solid var(--text-color);border:var(--border-width) solid var(--element-color)}div.user-list,div.warning.dialogue{padding:10px;border-radius:var(--border-radius);width:100%}div.calendar a.calendar-date.active.complete{background-color:var(--expired-color);color:var(--primary-color)}div.calendar span.calendar-date.hidden{color:var(--background-color);background-color:var(--element-color)}.center{display:flex;justify-content:center;flex-flow:column}div.padding{padding:20px 0}div.warning.dialogue{background-color:var(--warning-background);font-weight:600}div.user-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:var(--border-width) solid var(--border-color)}div.user-list label,ul.user-list{border-radius:var(--border-radius);padding:10px;display:flex}div.user-list-container.active{display:grid}div.user-list label{background-color:var(--element-color);justify-content:start;align-items:start}ul.user-list{flex-direction:column;gap:10px;list-style:none;width:100%;margin:0;border:var(--border-width) solid var(--text-color);min-height:61px}.group-identifier,.popup,ul.user-list li button{border-radius:var(--border-radius)}ul.user-list li{display:none}.popup.active,ul.user-list li.active{display:flex}ul.user-list li button{text-decoration:none;color:var(--text-color);padding:10px;background-color:var(--element-color);box-shadow:none;text-align:left}.group-identifier{padding:10px;background-color:var(--expired-color);font-weight:1000;display:inline-block;font-size:20px;width:max-content}.group-identifier.small{width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:14px}.popup{display:none;top:50%;transform:translate(-50%,-50%);z-index:1000;width:calc(100vw - 20px);min-height:200px;background-color:var(--background-color);border:var(--border-width) solid var(--element-color);flex-flow:column wrap;padding:20px}.popup.notification{min-height:unset;height:min-content;top:10px;left:10px;width:calc(100vw - 20px);transform:translate(0,0);padding:10px 20px}.popup.notification.warning{background-color:var(--warning-background);font-weight:800;border:var(--border-width) dotted var(--warning-color)}.popup>.popup_close,.popup>.popup_maximise{position:absolute;top:20px;right:20px;background-size:24px;height:36px;width:36px;display:inline-block;background-color:var(--element-color);aspect-ratio:1/1;box-shadow:none}.popup>.popup_maximise{right:66px}.fullscreen{height:100vh}.flex{display:flex;gap:20px;flex-flow:column}.flex.end{justify-self:end}.flex.row{flex-direction:row}.flex.between{justify-content:space-between;align-items:center}.icon{background-position:50% 50%;background-size:32px}.icon.add{background-image:url('/s/views/svg/add_black.svg')}.icon.delete{background-image:url('/s/views/svg/delete.svg')}.icon.delete.active{background-image:url('/s/views/svg/delete_active.svg')}.icon.edit{background-image:url('/s/views/svg/edit.svg')}.icon.complete{background-image:url('/s/views/svg/complete_double.svg')}.icon.tick{background-image:url('/s/views/svg/complete.svg')}.icon.complete.active{background-image:url('/s/views/svg/complete_double_active.svg')}.icon.pin{background-image:url('/s/views/svg/pin.svg')}.icon.note{background-image:url('/s/views/svg/note.svg')}.icon.cross{background-image:url('/s/views/svg/cross.svg')}.icon.maximise{background-image:url('/s/views/svg/maximise.svg')}.icon.checklist{background-image:url('/s/views/svg/list.svg')}.icon.refresh{background-image:url('/s/views/svg/refresh.svg')}.icon.calendar{background-image:url('/s/views/svg/calendar.svg')}.icon.back{background-image:url('/s/views/svg/arrow_back.svg')}.icon.forward{background-image:url('/s/views/svg/arrow_forward.svg')}@media screen and (min-width:1000px){form,main{margin:auto}:root{--content-width:40vw;--form-width:20vw}form{width:var(--form-width)}main{max-width:var(--content-width);width:100%;display:flex;flex-flow:column;gap:20px}main:has(form){width:var(--form-width)}nav{justify-content:center;gap:40px}div.list-control{background-color:var(--expired-color)}.popup{max-width:var(--form-width)}.popup.notification{width:calc(100vw - 20px);max-width:unset}.popup *{max-width:100%}}