.text-center{text-align:center}.m0{margin:0}.mb{margin-bottom:1rem}.mt{margin-top:1rem}.ml{margin-left:1rem}.p-relative{position:relative}.ellipsis{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}audio{position:absolute;top:50%;left:0;right:0}html,body{height:100%;min-height:100%}body{overflow:hidden}input:not([type=checkbox]),textarea{display:block;width:100%;padding:.5rem .75rem;font-size:1rem;border-radius:10px;margin:.1rem 0;border-style:solid;border-color:#0000001a}input:focus-visible{outline:var(--primary-colour) 3px solid}input[type=checkbox]{width:1rem;height:1rem;vertical-align:middle;margin-bottom:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid rgba(0,0,0,.25)}input[type=checkbox]:checked{background-color:var(--primary-colour);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}label{margin-left:.75rem;margin-bottom:.3rem;display:block;text-align:start}button{padding:.5rem 1rem;font-size:1.25rem;border-radius:10px;border-color:#0000001a;cursor:pointer}button:active{background-image:linear-gradient(#0000001a 0,#0000001a 0);position:relative;top:-1px}button.primary{background-color:var(--primary-colour);color:var(--primary-text-colour)}.error{background:#c00;color:#fff}.error:not(button){padding:1rem .5rem;text-align:center;border-radius:10px}.success{background-color:var(--success-colour);color:var(--success-text-colour)}#app{height:100%}