:root{--colour-black: #000;--colour-white: #FFF;--colour-white-opacity-80: rgba(255, 255, 255, .8);--colour-blue-900: #1E3A8A;--colour-grey-100: #F4F4F5;--colour-grey-300: #D4D4D8;--colour-grey-400: #A1A1AA;--colour-grey-500: #71717A;--colour-grey-600: #52525B;--colour-light-blue-50: #F0F9FF;--colour-light-blue-500: #0EA5E9;--colour-light-blue-600: #0284C7;--colour-light-blue-700: #0369A1;--colour-light-blue-900: #0C4A6E;--colour-rose-50: #FFF1F2;--colour-rose-400: #FB7185;--colour-rose-500: #F43F5E;--colour-rose-600: #E11D48;--colour-rose-700: #BE123C;--colour-rose-900: #881337;--colour-zinc-50: #FAFAFA;--colour-zinc-100: #F4F4F5;--colour-zinc-200: #E4E4E7;--colour-zinc-300: #D4D4D8;--colour-zinc-400: #A1A1AA;--colour-zinc-600: #52525B;--colour-zinc-700: #3F3F46;--colour-zinc-800: #27272A;--colour-zinc-900: #18181B;--background: var(--colour-white);--border-colour: var(--colour-zinc-300);--ring-inset: 0;--ring-offset-width: 0;--ring-colour: var(--colour-black);--theme: var(--colour-black);--spacing: .25rem}[data-phx-session],[data-phx-teleported-src]{display:contents}html,body{font-family:Helvetica;line-height:1.15;& button{font-family:Helvetica}}h1{margin:.67em 0}a,a:visited{color:#000}*,:after,:before,::backdrop,::file-selector-button{margin:0;padding:0}*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;border:0 solid}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}dl{margin-bottom:1rem;margin-top:2.5rem;border-color:var(--colour-zinc-100);border-top-width:1px}dl div{display:flex;font-size:.875rem;gap:1rem;line-height:1.5rem;padding-bottom:1rem;padding-top:1rem;flex-grow:1;flex-shrink:1;flex-basis:0%}@media (min-width: 640px){dl div{gap:1.5rem}}dl div dt{color:var(--colour-zinc-500);flex:none;width:25%}dl div dd{color:var(--colour-zinc-700);font-weight:700}.flash{background:#fff;border:1px solid black;border-radius:.5rem;box-shadow:var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width)) var(--ring-colour);padding:.75rem .75rem .75rem 3.5rem;position:fixed;right:.5rem;top:.5rem;width:20rem;z-index:50;&.info{--ring-colour: var(--colour-light-blue-500);background-color:var(--colour-light-blue-50);color:var(--colour-light-blue-800);fill:var(--colour-light-blue-900);outline:2px solid var(--colour-light-blue-600)}&.error{--ring-colour: var(--colour-rose-500);background-color:var(--colour-rose-50);color:var(--colour-rose-900);fill:var(--colour-rose-900)}&.info,&.error{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}>.icon{position:absolute;top:50%;left:1rem;margin-top:-12px}& p.title{font-weight:600}& p{font-size:.875rem;line-height:1.25rem}& button{background:transparent;color:#000;padding:0;position:absolute;top:.5rem;right:.5rem;.icon{opacity:.4}&:hover{background:transparent;.icon{opacity:.7}}}}@media (min-width: 640px){.flash{width:24rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){.icon.spin{animation:spin 1s linear infinite}}form{background-color:var(--colour-white);margin-top:2.5rem}form>:not(:last-child){margin-block-end:calc(calc(var(--spacing) * 8) * 1);margin-block-start:0}form .actions{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin-top:.5rem}button,.button{background:var(--colour-zinc-900);border:0;border-radius:.5rem;color:var(--colour-white);cursor:pointer;font-size:.875rem;font-weight:600;line-height:1.5rem;padding:.5rem .75rem;text-decoration:none;text-align:center;&.phx-submit-loading{opacity:75%}&:hover{background:var(--colour-zinc-700)}&:active{color:var(--colour-white-opacity-80)}&:visited{color:var(--colour-white)}}.checkbox-container{& label{align-items:center;cursor:pointer;line-height:1.5rem}& input[type=checkbox]{appearance:none;width:0;height:0;opacity:0;position:absolute;&:checked+checkbox-outline{background:var(--theme);border-color:var(--theme);& svg{color:var(--background);opacity:1}}&:disabled+checkbox-outline{cursor:not-allowed;opacity:.5}&:focus-visible+checkbox-outline{box-shadow:0 0 0 2px var(--colour-white, #fff),0 0 0 4px var(--colour-zinc-800, #27272a);outline:none}}& checkbox-outline{background:var(--colour-white);border:1px solid var(--border-colour);border-radius:.25rem;display:inline-block;transition:background-color .15s ease,border-color .15s ease;height:1.25rem;width:1.25rem;margin-right:.25rem;position:relative;top:.125rem;& svg{height:.875rem;width:.875rem;margin:.1rem;opacity:0;transition:opacity .15s ease}}}select,textarea,input{background:var(--background);border:1px solid var(--border-colour);border-radius:.5rem;color:var(--colour-zinc-900);display:block;margin:.5rem 0;padding:.5rem;width:100%}input[type=color]{padding:0;&::-webkit-color-swatch-wrapper{padding:0;border-radius:.5rem;overflow:hidden;&::-webkit-color-swatch{border-radius:.5rem}}&::-moz-color-swatch{border:0;border-radius:.5rem;padding:1rem}}input[type=file]::file-selector-button{border-radius:.35rem;margin:0 .4rem 0 0rem;padding:.3rem .4rem}@media (min-width: 640px){select,textarea,input{font-size:.875rem;line-height:1.5rem}}select:focus,textarea:focus,input:focus{border-color:var(--colour-zinc-400);box-shadow:var(--ring-inset) 0 0 0 calc(0px + var(--ring-offset-width)) var(--ring-colour)}textarea{min-height:6rem}select .error,textarea .error,input .error,select .error:focus,textarea .error:focus,input .error:focus{border-color:var(--colour-rose-400)}label{color:var(--colour-zinc-800);display:block;font-size:.875rem;font-weight:600;line-height:1.5rem}error-hint{color:var(--colour-rose-600);display:flex;font-size:.875rem;gap:.375rem;line-height:1.5rem;margin-top:.375rem;.icon{flex:none;height:1.25rem;margin-top:.125rem;width:1.25rem}}header.with-actions{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}header h1{color:var(--colour-zinc-800);font-size:1.125rem;font-weight:600;line-height:2rem}header p{color:var(--colour-zinc-600);margin:.5rem 0;font-size:.875rem;line-height:1.5rem}header .actions{flex:none}body.modal-open{overflow:hidden}.modal-hidden{display:none}.modal-shown{display:block}table{border:1px solid var(--border-colour);border-radius:.25rem;border-spacing:0;margin:.75rem 0;min-width:100%;overflow-y:auto;text-align:left;th,td{padding:.5rem;&:first-child{border-left:none}}tr:last-child td{border-bottom:none}& thead{border-collapse:collapse;color:var(--colour-zinc-500);font-size:.875rem;line-height:1.5rem;& th{border-bottom:1px solid var(--border-colour);font-weight:600}}& tbody{border-top-width:1px;font-size:.875rem;line-height:1.5rem;position:relative;border-color:var(--colour-zinc-200);color:var(--colour-zinc-700);& tr:hover{background:var(--colour-zinc-50)}& td{border-bottom:1px solid var(--border-colour);&.action{white-space:nowrap;width:0;& a{white-space:nowrap}}&.with-row-click:hover{cursor:pointer}}}}@media (min-width: 640px){table{overflow:visible;width:100%}}.hide-transition{transition-property:all;transition-timing-function:cubic-bezier(.4,0,1,1);transition-duration:.2s}.hide-transition-start{opacity:1;transform:translateY(0)}.hide-transition-end{opacity:0;transform:translateY(1rem)}.modal-transition-show{opacity:100}.modal-transition-hide{opacity:0}.show-transition{transition-property:all;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.3s}.show-transition-start{opacity:0;transform:translateY(1rem)}.show-transition-end{opacity:1;transform:translateY(0)}@media (min-width: 640px){.hide-transition-start{transform:scale(1)}.hide-transition-end,.show-transition-start{transform:translateY(0),scale(.95)}.show-transition-end{transform:scale(1)}}.screen-reader-only{position:absolute;border-width:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}html,body{height:100%;width:100%}aside.background{position:absolute;top:0;left:0;right:0;z-index:-1}main{display:flex;flex-direction:column}.definition{display:flex;flex-direction:column;align-items:center;justify-content:center}.definition header h1{margin-bottom:0}.definition header p{margin-top:0}.definition>p{padding:3em}.hero{display:flex;flex-direction:column;align-items:baseline}.hero h1,.hero p,.definition p{color:#000;font-family:helvetica;line-height:1.15}.hero h1{text-transform:uppercase;font-size:5em;font-weight:800}.hero p{font-size:2.5em;font-weight:400}.landing{padding-top:10%;max-width:80%;margin:0 auto}footer{bottom:1em;display:block;font-family:Arial;font-weight:700;position:fixed;text-align:center;text-transform:uppercase;width:100%}footer p{font-size:.7em;margin:1em}footer.small{font-size:.5em}