@font-face{font-family:Atkinson;src:url("/fonts/atkinson-hyperlegible-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Atkinson;src:url("/fonts/atkinson-hyperlegible-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Azeret;src:url("/fonts/azeret-mono-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Azeret;src:url("/fonts/azeret-mono-600.woff2") format("woff2");font-weight:600;font-display:swap}
:root{--white:#fff;--black:#111;--grey:#777;--light:#ddd}
*{box-sizing:border-box}
html,body{width:1920px;height:1080px;margin:0;overflow:hidden;background:var(--white);color:var(--black)}
body{font-family:Atkinson,sans-serif}
#root,#film{display:block;position:relative;width:1920px;height:1080px;overflow:hidden}
.field{fill:var(--white)}
.display{font-family:Atkinson,sans-serif;fill:var(--black)}
.mono{font-family:Azeret,monospace;fill:var(--black)}
.inverse{fill:var(--white)}
.ink-fill{fill:var(--black)}
.rule,.route,.view-outline,.check-box,.permission-check,#delete-slash,.place,.lock-shackle,.brand-mark{fill:none;stroke:var(--black);stroke-linecap:square;stroke-linejoin:miter}
.rule{stroke-width:3}.rule.strong,.view-outline,.place{stroke-width:5}.rule.hair{stroke-width:2;stroke:var(--grey)}
.text-rule,.record-rule{stroke:var(--light)}
.route{fill:none;stroke:var(--black);stroke-width:4;stroke-linecap:square;stroke-linejoin:miter}
.strong-route{stroke-width:7}
.small{font-size:38px;letter-spacing:.04em}.field-copy{font-size:42px}.filename{font-size:22px;font-weight:600}.code{font-size:29px}.path{font-size:21px}.record-state{font-size:25px;font-weight:600}
.question{font-size:47px;font-weight:400;letter-spacing:-.02em}.brand{font-size:32px;font-weight:700;letter-spacing:-.025em}.brand-mark{stroke-width:3}
.collection-name{font-size:34px;font-weight:700}.edge{stroke-width:3}
.statement{font-size:42px;font-weight:400;letter-spacing:-.018em}
.app-name{font-size:34px;font-weight:700}.app-field{font-size:23px}.check-box{fill:var(--white);stroke-width:4}
.permission-title{font-size:34px;font-weight:700}.permission-word{font-size:25px}.permission-check{stroke-width:5}.denied{color:var(--grey)}.denied text{fill:var(--grey)}.denied .check-box{stroke:var(--grey)}#delete-slash{stroke-width:4}.approval-copy{font-size:23px;font-weight:600}
.access-copy{font-size:37px}.place-name{font-size:41px;font-weight:700}.place-detail{font-size:19px}.app-node-name{font-size:31px;font-weight:700}.lock-shackle{stroke-width:7}.route-state{font-size:23px;font-weight:600}.revoke-copy{font-size:22px;font-weight:600}
.new-app-shape{fill:var(--black)}.new-app-name{font-size:34px;font-weight:700;fill:var(--white)}.new-app-detail{font-size:18px;fill:var(--white)}
.final-brand{font-family:Atkinson,sans-serif;font-size:72px;font-weight:700;letter-spacing:-.035em;fill:var(--black)}.final-line{font-size:37px}.final-dashes{font-size:34px}
@media(prefers-reduced-motion:reduce){#film{scroll-behavior:auto}}