:root{--main-colour:#fff;--back-colour:#111;--cell-colour:#222;--cell-hover-back:#333;--link-colour:#99f;--button-back:#07d;--button-colour:#fff;--delete-colour:#b00;--tab-border-colour:#666;--tab-border-invisible-colour:#111;--footer-back-colour:#161616}:root.light{--main-colour:#444;--back-colour:#fff;--cell-colour:#f0f0f0;--cell-hover-back:#ccc;--link-colour:#05b;--button-back:#07d;--button-colour:#fff;--delete-colour:#b00;--tab-border-colour:#bbb;--tab-border-invisible-colour:#fff;--footer-back-colour:#f3f3f3}html{height:100%;width:100%;color:var(--main-colour)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font:normal normal normal 100%/160% 'Play',sans-serif;height:100%;width:100%;background-color:var(--back-colour)}h1,h2,h3,h4{font:normal normal normal 1.6rem/1.4 'Oswald',sans-serif;vertical-align:middle}h2{margin-bottom:15px}p{margin:10px 0;max-width:100%}img{border:none;height:auto!important;max-width:100%;}a{color:var(--link-colour);transition:opacity 1000ms ease}a:hover{opacity:.5}iframe{width:100%;min-height:80vh}#holder{width:100%;min-height:100%;display:grid;grid-template-columns:200px 1fr;grid-template-rows:50px 1fr auto;grid-template-areas:"header main" "menu main" "footer footer"}table{border-collapse:separate;margin:10px 0}table.centred{margin:10px auto}td,th{padding:0 4px;text-align:left;background:var(--cell-colour);vertical-align:middle}caption{text-align:center;font-weight:bold}tr:hover td{background:var(--cell-hover-back)}label{display:inline-block;width:300px;max-width:100%;position:relative}input,textarea,select{width:600px;max-width:100%;font-size:1.1rem;line-height:2;vertical-align:middle;background-color:var(--back-colour);color:var(--colour);border:1px solid var(--tab-border-colour)}input[type=number]{width:auto;text-align:right}table input,input.auto{width:auto}select{width:auto}input[type="checkbox"]{display:none;visibility:hidden}input[type="checkbox"]~span{display:inline-block;vertical-align:middle;height:1.4em;width:2.8em;border:1px solid #888;border-radius:1em;position:absolute;right:0;background:#eee;cursor:pointer;transition:background 400ms}input[type="checkbox"]~span::before{display:inline-block;width:.8em;height:.8em;border-radius:.8em;background:#fff;box-shadow:0 0 5px #000;position:absolute;top:0;left:.2em;content:"";vertical-align:middle;margin:.2em 0;transition:left 100ms;line-height:1.4em}input[type="checkbox"]:checked~span{background:#78f}input[type="checkbox"]:checked~span::before{left:1.7em}textarea{vertical-align:top}footer{text-align:center;grid-area:footer;background-color:var(--footer-back-colour)}.SwitchMode>span{color:var(--main-colour);background-color:var(--cell-colour);cursor:pointer;display:inline-block;border-radius:15px;padding:0 10px}.CloseOptions{cursor:pointer}ul#menu{grid-area:menu;margin:0;line-height:2}ul#menu li{list-style:none;margin:0 0 0 4px}ul#menu li ul{font-size:.9rem}ul#menu li li{display:block;margin:0 1em}ul#menu a,ul#menu .material-symbols-outlined{text-decoration:none;color:var(--colour)}.imageUploadArea{width:320px;height:200px;max-width:100%;background:#fff;box-sizing:border-box;border:2px dashed #999;font-size:.8em;padding:0 1em;margin:10px 20px;text-align:center}.imageUploadArea.highlight{background:#eee;border-color:#d00}.imageUploadArea input{display:none}.imageUploadArea label{width:100%;display:flex;align-items:center;height:100%}ul.Tab{border:1px solid var(--tab-border-colour);border-width:0 0 1px;display:flex}ul.Tab li{list-style:none;padding:0 8px;line-height:2;border:1px solid var(--tab-border-colour);border-color:var(--tab-border-invisible-colour) var(--tab-border-invisible-colour) var(--tab-border-colour);margin-bottom:-1px;cursor:pointer;border-radius:4px 4px 0 0}ul.Tab li.Active{border-color:var(--tab-border-colour) var(--tab-border-colour) var(--tab-border-invisible-colour) var(--tab-border-colour)}ul.Tab li:hover{opacity:.35}ul.Tab li.Active:hover{opacity:1}button,a.button{font:inherit;border:none;text-align:center;background:var(--button-back);color:var(--button-colour);border-radius:3px;transition:opacity 900ms ease;cursor:pointer;line-height:2;padding:0 .3em;text-decoration:none;display:inline-block;white-space:nowrap}button.delete,button.deletepage{background:var(--delete-colour)}button:hover,a.button:hover,a.button:hover.delete,button.delete:hover{opacity:.5}.box{margin:10px 0}.cdiv{width:100%}.bglog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;text-align:center;overflow:hidden}.bglog img{object-fit:cover;object-position:center center;max-width:none;height:100%!important}.errorDiv{background-color:var(--delete-colour);padding:0 5px}.errorAni{animation:errorAni 1000ms 6000ms forwards;transform:scaleY(1)}@keyframes errorAni{from{transform:scaleY(1);max-height:1000px}to{transform:scaleY(0);max-height:0}}.middlescreen{display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-flow:column}.logincard{color:hsl(0,0%,100%);background:hsla(0,0%,0%,.6);max-width:100%;width:400px;padding:1rem;margin-top:3rem;position:relative}.logincard .user{display:block;text-align:center;font-size:3rem;line-height:4rem;color:#fff;margin:-3rem auto 0;background:#345;width:4rem;border-radius:50%}.logincard h2{text-align:center}.logincard input{margin:.5em 0}.logincard a{color:#fff}.shadedDiv{background-color:rgba(0,0,0,.6);color:#fff;width:400px;max-width:100%;padding:1em}.shadedDiv a{color:#fff}.PageOptions{display:block;position:absolute;top:0;right:0;width:600px;max-width:100%;background-color:var(--footer-back-colour);z-index:10;padding:20px;transform:translateX(-110vw);transition:transform 600ms ease}.PageOptions.Show{transform:translateX(0)}.prewrap{white-space:pre-wrap}.spinner-holder{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;background:rgba(0,0,0,.8);margin:0;justify-content:center;align-items:center;display:none;opacity:0;transition:50ms opacity}.spinner-holder.show{display:flex;opacity:1}.spinner{width:60px;height:60px;background-color:#fff;margin:0 auto;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}a.imageDisplay{display:inline-block;width:200px;height:200px;text-decoration:none;color:#fff;text-shadow:2px 2px 0 #000;border:1px solid #99a;text-align:center;font-size:.8rem;line-height:1.2em;overflow:hidden;position:relative}.imageDisplay img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.imageDisplay span{position:relative;z-index:2;display:block;padding:.2em 0;background-color:rgba(0,0,0,.5)}.Scanner{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.9)}.Scanner video{max-height:100%;max-width:100%;margin-left:auto;margin-right:auto}.Scanner .buttons{position:fixed;width:100%;text-align:center;bottom:15px;left:0;background-color:#000}.DoneDiv{position:fixed;top:-50px;z-index:3;background-color:#000;color:#fff;width:100%;text-align:center;font-size:2rem}.DoneDiv.Animated{animation-name:DoneAni;animation-duration:2500ms}@keyframes DoneAni{0%{top:-50px}10%{top:50px}90%{top:50px}100%{top:-50px}}.TableHolder{box-sizing:border-box;overflow-x:visible;overflow-y:auto;max-width:100%}#main{margin:0 .5em;grid-area:main}.centre{text-align:center}.small{font-size:.75em;line-height:1.2}.right{text-align:right}#head{grid-area:header;margin:0}#head h1{font-size:1.4rem;line-height:2}.lightblue{color:#ccf}.lightred{color:#fcc}.orange{color:#fc6}.floatright{float:right}.floatleft{float:left}.install{display:none}.install.show{display:block}.alert-box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center}.alert-box>div{width:300px;max-width:100%;min-height:100px;background-color:#fff;animation:alertAni 200ms ease-in-out forwards;padding:0 10px;background-color:#000;color:#bbc;text-align:center}.alert-box>div>p{text-align:left}.alert-box button{margin:15px}@keyframes alertAni{from{transform:translateY(-66vh)}to{transform:translateX(0)}}a.tel{color:inherit;text-decoration:none}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.pagination a{display:inline-block;text-decoration:none;background-color:var(--button-back);color:var(--button-colour);padding:0 5px}.pagination a:not([href]){background-color:var(--cell-hover-back)}.loginredirect{cursor:pointer}.PopUp{width:100%;height:100%;position:fixed;z-index:100;top:0;left:0;background-color:rgba(0,0,0,.9);overflow-y:auto;text-align:center}.PopUp table,.PopUp input{margin:10px auto}.PopUp span{position:fixed;top:10px;right:20px;cursor:pointer;color:#d00;font-size:2rem}.material-symbols-outlined{vertical-align:bottom;line-height:inherit;font-size:inherit;width:1.1em!important}a.button.delete{background-color:var(--delete-colour)}p.notifier{position:fixed;top:0;left:0;background-color:#075;color:#fff;padding:10px;margin:0;font-size:2rem;line-height:1.2;animation:aniNot 2000ms ease-in-out;transform:scale(0,0);transform-origin:left;opacity:0;font-family:'Oswald',sans-serif}.flex{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.flex.centre{justify-content:center}@keyframes aniNot{0%{opacity:1;transform:scale(1,1)}80%{opacity:1;transform:scale(.9,.9)}100%{opacity:0;transform:scale(0,0)}}.buttonlist{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#menuhiderlabel,.menuhiderlabel{cursor:pointer}#menuhiderlabel,#menuhider,.menuhiderlabel,#menuhiderlabel+span{display:none;visibility:hidden}@media all and (max-width:799px){.imageUploadArea{margin:10px 0}#head{text-align:center}ul#menu{position:absolute;top:0;left:0;width:100%;transition:transform ease-in-out 300ms;transform:translateX(-100%);z-index:3;background-color:var(--back-colour)}ul#menu a{display:inline-block;width:100%}#menuhider:checked+ul#menu{transform:translateX(0)}#menuhiderlabel,.menuhiderlabel,#menuhiderlabel+span{display:inline;visibility:visible}h1,h2,h3,h4{font-size:1.3rem;line-height:1.3}#holder{grid-template-columns:100%;grid-template-rows:auto auto 1fr auto;grid-template-areas:"header" "menu" "main" "footer"}}