@charset "UTF-8";
*,*:before,*:after {
    margin:0;
    padding:0;
    box-sizing:border-box
}
body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,pre {
    margin:0
}
body {
    min-height:100vh
}
ul[role=list],ol[role=list],li {
    list-style:none;
    padding-left:0
}
a:not([class]) {
    text-decoration-skip-ink:auto
}
img {
    display:block;
    height:auto;
    max-width:100%
}
li img,p img {
    display:inline-block;
    vertical-align:sub
}
input,button,textarea,select {
    font:inherit;
    letter-spacing:inherit;
    word-spacing:inherit
}
textarea {
    border:none!important
}
iframe {
    border:0
}
input[type=number] {
    -webkit-appearance:textfield;
    -moz-appearance:textfield;
    appearance:textfield
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance:none
}
@font-face {
    font-family:IA Writer Quattro;
    src:url(/assets/fonts/iAWriterQuattroV.ttf) format("opentype");
    font-weight:400 700;
    font-style:normal
}
@font-face {
    font-family:IA Writer Quattro;
    src:url(/assets/fonts/iAWriterQuattroV-Italic.ttf) format("opentype");
    font-weight:400 700;
    font-style:italic
}
@font-face {
    font-family:IA Writer Mono;
    src:url(/assets/fonts/iAWriterMonoV.ttf) format("opentype");
    font-weight:400 700;
    font-style:normal
}
:root {
    --font-family-serif: "Newsreader", Georgia, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-code: "IA Writer Mono", sans-serif;
    --font-family-sans: "IA Writer Quattro", sans-serif;
    --color-primary-rgb: 0, 0, 0;
    --color-secondary-rgb: 255, 255, 255;
    --color-accent-rgb: 0, 0, 255;
    --color-primary: rgb( var(--color-primary-rgb, black) );
    --color-secondary: rgb( var(--color-secondary-rgb, white) );
    --color-accent: rgb( var(--color-accent-rgb, blue) );
    --font-weight-extra-light: 200;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --font-size-base: 1rem;
    --font-size-1: calc(var(--font-size-base) * 1.125);
    --font-size-2: calc(var(--font-size-base) * 1);
    --font-size-3: calc(var(--font-size-base) * .875);
    --font-size-4: calc(var(--font-size-base) * .75);
    --line-height-text: 1.5;
    --line-height-list: 1.375;
    --space-base: .75rem;
    --height-btn: calc(var(--space-base) * 3);
    --height-btn-slim: calc(var(--space-base) * 2.5);
    --height-btn-mobile: calc(var(--space-base) * 4);
    --padding: var(--height-btn);
    --block-padding: calc(var(--space-base) * 2);
    --padding-btn: var(--space-base);
    --padding-btn-slim: .625rem;
    --padding-btn-mobile: .875rem;
    --margin-block: var(--padding);
    --margin-block-edit: calc(var(--block-padding) / 2);
    --margin-heading: 1.5em;
    --margin-text: .5em;
    --margin-list: .25em;
    --margin-h1-after: 1rem;
    --margin-h2-after: .875rem;
    --margin-h3-after: .75rem;
    --margin-h4-after: .625rem;
    --margin-h5-after: .5rem;
    --border: .125rem;
    --grid-step: 12px;
    --grid-border: 1px;
    --z-index-base: 999;
    --z-index-viewfinder: var(--z-index-base);
    --z-index-menu: calc(var(--z-index-base) - 1);
    --z-index-edit: var(--z-index-base);
    --z-index-block: calc(var(--z-index-base) - 3);
    --z-index-grid: 0
}
*:not(textarea):focus-visible {
    outline:var(--border) solid var(--color-accent)!important;
    border:calc(var(--border) / 2) solid var(--color-accent)!important;
    z-index:var(--z-index-base)
}
.sr-only {
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    height:1px;
    overflow:hidden;
    position:absolute;
    white-space:nowrap;
    width:1px
}
html {
    width:100%;
    max-width:100vw;
    scroll-behavior:smooth
}
body {
    font-family:var(--font-family-sans);
    font-weight:var(--font-weight-regular);
    font-size:var(--font-size-1);
    padding:var(--padding);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background-color:var(--color-secondary)
}
.block:not(.block--edited) svg {
    width:100%;
    height:100%
}
.no-scroll {
    overflow:hidden!important
}
.no-pointer {
    pointer-events:none!important
}
.grid {
    background:linear-gradient(90deg,var(--color-background),calc(var(--grid-step) - var(--grid-border)),transparent 0),linear-gradient(var(--color-background),calc(var(--grid-step) - var(--grid-border)),transparent 0),var(--color-primary);
    background-size:var(--grid-step) var(--grid-step)
}
.border,::file-selector-button,::-webkit-file-upload-button {
    border:calc(var(--border) / 2) solid var(--color-primary);
    outline:calc(var(--border) / 2) solid var(--color-primary)
}
.border--blue {
    border-color:var(--color-accent);
    outline-color:var(--color-accent)
}
.hidden {
    display:none!important
}
audio {
    width:100%
}
.force-front {
    z-index:999!important
}
@media screen and (max-width: 800px) {
    html {
        width:100%;
        min-height:100vh;
        height:strech;
        height:moz-available;
        height:-webkit-strech
    }
    body {
        height:strech;
        height:moz-available;
        height:-webkit-strech;
        width:100vw;
        -webkit-overflow-scrolling:touch
    }
    .hidden--mobile {
        display:none!important
    }
}
p {
    line-height:var(--line-height-text)
}
strong,b {
    font-weight:var(--font-weight-bold)
}
em,i {
    font-style:italic
}
del {
    text-decoration-line:line-through;
    text-decoration-thickness:var(--border)
}

h1,.h1 {
    font-size:calc(var(--font-size-base) * 3.75);
    line-height:1.25;
    margin-bottom:calc(var(--margin-h1-after) / 2)
}
h2,.h2 {
    font-size:calc(var(--font-size-base) * 2.375);
    line-height:1.3;
    margin-bottom:calc(var(--margin-h2-after) / 2.5)
}
h3,.h3 {
    font-size:calc(var(--font-size-base) * 1.875);
    line-height:1.35;
    margin-bottom:calc(var(--margin-h3-after) / 3)
}
h4,.h4 {
    font-size:calc(var(--font-size-base) * 1.5);
    line-height:1.4;
    margin-bottom:calc(var(--margin-h4-after) / 3)
}
h5,.h5 {
    font-size:calc(var(--font-size-base) * 1.25);
    line-height:1.45;
    margin-bottom:calc(var(--margin-h5-after) / 3)
}
h1,h2,h3,h4,h5 {
    font-family:var(--font-family-code)
}
h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter {
    text-transform:uppercase
}
.block *+p,.block--markdown *+ul,.block--markdown *+ol {
    margin-top:var(--margin-text)
}
.block *+h1,.block *+h2,.block *+h3,.block *+h4,.block *+h5 {
    margin-top:var(--margin-heading)
}
.block h1:not(:last-child),.block h2:not(:last-child),.block h3:not(:last-child),.block h4:not(:last-child),.block h5:not(:last-child) {
    margin-bottom:var(--margin-text)
}
img {
    width:100%
}
h1,h2,h3,h4,h5,p {
    cursor:text
}
blockquote {
    margin:var(--margin-block-edit) var(--block-padding);
    font-family:var(--font-family-code);
    font-size:var(--font-size-2)
}
blockquote p {
    font-size:inherit
}
blockquote:first-child p:first-child {
    margin-top:0
}
cite {
    font-size:inherit;
    font-style:normal;
    font-weight:var(--font-weight-semi-bold)
}
.block--markdown ul,.block--markdown ol {
    margin-left:var(--block-padding);
    line-height:var(--line-height-list)
}
.block--markdown ul li,.block--markdown ol li {
    margin-top:var(--margin-list);
    padding-left:var(--margin-text)
}
.block--markdown ul li {
    list-style-type:square
}
.block--markdown ol li {
    list-style-type:decimal
}
.block--markdown ol li::marker {
    font-family:var(--font-family-code);
    font-weight:var(--font-weight-semi-bold);
    font-size:var(--font-size-2);
    white-space:normal
}
pre,code {
    font-family:var(--font-family-code);
    font-size:var(--font-size-3);
    background-color:rgba(var(--color-primary-rgb),.1);
    padding:.2em .4em
}
hr {
    color:var(--color-primary);
    height:var(--border);
    background:var(--color-primary);
    border:var(--border)
}
.block *+hr {
    margin:var(--block-padding) 0
}
hr:first-child {
    margin-bottom:var(--block-padding)
}
hr:last-child {
    margin-bottom:0
}
@media screen and (max-width: 800px) {
    h1 {
        font-size:calc(var(--font-size-base) * 2.5)
    }
    h2 {
        font-size:calc(var(--font-size-base) * 2)
    }
    h3 {
        font-size:calc(var(--font-size-base) * 1.625)
    }
    h4 {
        font-size:calc(var(--font-size-base) * 1.375)
    }
    h5 {
        font-size:calc(var(--font-size-base) * 1.25)
    }
}
.block a {
    color:var(--color-accent)
}
.block a[target]:after,.block a[href]:after {
    display:inline-block;
    font-family:var(--font-family-code);
    font-weight:var(--font-weight-regular);
    margin-left:calc(var(--margin-text) / 1.25)
}
.block--image a[target]:after,.block--image a[href]:after,.block--representative__list-linked-spaces a[target]:after,.block--representative__list-linked-spaces a[href]:after {
    margin-left:calc(var(--margin-text) / 1.5)
}
.block--markdown p a[target]:after,.block--markdown p a[href]:after,.block--markdown ul a[target]:after,.block--markdown ul a[href]:after,.block--representative_introduction a[target]:after,.block--representative_introduction a[href]:after {
    margin-left:calc(var(--margin-text) / 2.5)
}
.block a:not(.no-arrow):after {
    content:"→"
}
.block a[target]:not(.no-arrow):after {
    content:"↗︎"
}
.block a:hover {
    text-decoration-line:underline;
    text-underline-offset:21.25%;
    text-decoration-thickness:.07em
}
a {
    text-decoration:none;
    cursor:pointer;
    color:inherit
}
a.full {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.no-arrow {
    display:inline-block;
    margin:0 calc(var(--block-padding) / 4) calc(var(--block-padding) / 3) 0
}
.no-arrow:last-child {
    margin:0
}
i {
    display:inherit;
    width:var(--height-btn);
    height:var(--height-btn);
    border:calc(var(--border) / 2) solid var(--color-primary);
    outline:calc(var(--border) / 2) solid var(--color-primary);
    background-color:var(--color-primary);
    background-size:cover;
    background-position:center;
    vertical-align:text-top
}
i:hover {
    background-color:var(--color-accent);
    border:calc(var(--border) / 2) solid var(--color-accent);
    outline:calc(var(--border) / 2) solid var(--color-accent)
}
i.twitter {
    background-image:url(/assets/images/icons/twitter.svg)
}
i.facebook {
    background-image:url(/assets/images/icons/facebook.svg)
}
i.mastodon {
    background-image:url(/assets/images/icons/mastodon.svg)
}
i.instagram {
    background-image:url(/assets/images/icons/instagram.svg)
}
i.linkedin {
    background-image:url(/assets/images/icons/linkedin.svg)
}
.icon {
    width:var(--block-padding);
    height:var(--block-padding)
}
@media screen and (max-width: 800px) {
    i {
        height:var(--height-btn-mobile);
        width:var(--height-btn-mobile)
    }
    .no-arrow {
        margin:0 calc(var(--block-padding) / 2) calc(var(--block-padding) / 2) 0
    }
}
.btn-height {
    height:var(--height-btn)
}
button,label,.btn,::file-selector-button,::-webkit-file-upload-button {
    display:-webkit-box;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--font-family-code);
    background:var(--color-secondary);
    padding:0 var(--padding-btn);
    padding-bottom:2px;
    height:var(--height-btn);
    width:max-content
}
button,span,::file-selector-button,::-webkit-file-upload-button {
    font-weight:var(--font-weight-semi-bold);
    font-size:var(--font-size-2)
}
.btn--icon {
    width:var(--height-btn);
    padding:0;
    align-items:center
}
.btn:not(.flex-col) .icon+* {
    margin-left:.5em
}
.btn.flex-col .icon+* {
    margin-top:.5em
}
button a {
    width:100%;
    height:100%;
    display:flex;
    align-items:center
}
.lock-active,.lock-active button,button.active,.menu .active,.inputWrapper.active,.line.active .index__category.active,::file-selector-button,::-webkit-file-upload-button {
    background-color:var(--color-primary);
    color:var(--color-secondary)!important
}
.line:hover>li>button,.line:hover>li>button>a,label:hover,button:not(.off,.no-hover,[disabled]):hover,button:not(.no-hover,[disabled]):hover+span,.full__button:hover,.inputWrapper:hover,::file-selector-button:hover,.selected,#markdown:not(h1,h2,h3,h4,h5,p):hover {
    border-color:var(--color-accent);
    outline-color:var(--color-accent);
    background-color:var(--color-accent)!important;
    color:var(--color-secondary)!important;
    cursor:pointer;
    z-index:3
}
.menu li:hover>.wrapper,.menu li:hover>.wrapper>button,.menu li:hover>.wrapper>span {
    border-color:var(--color-primary);
    outline-color:var(--color-primary);
    background-color:var(--color-primary)!important;
    color:var(--color-secondary)!important;
    cursor:pointer;
    z-index:3
}
.menu li:hover>.wrapper.hover,.menu li:hover>.wrapper.hover>button,.menu li:hover>.wrapper.hover>span {
    border-color:var(--color-accent);
    outline-color:var(--color-accent);
    background-color:var(--color-accent)!important;
    color:var(--color-secondary)!important
}
.line:hover,.border:hover {
    position:relative;
    z-index:var(--z-index-edit)
}
button[disabled] {
    cursor:not-allowed
}
.flex {
    display:flex
}
#md-buttons,#edit-buttons--left {
    position:absolute;
    left:0;
    z-index:var(--z-index-edit)
}
.block--selected #edit-buttons--left {
    left:-1px
}
#md-buttons {
    top:calc(0px - calc(var(--height-btn) + var(--margin-block-edit)));
    text-transform:capitalize
}
#edit-buttons--left {
    bottom:calc(0px - calc(var(--height-btn) + var(--margin-block-edit)))
}
#bold {
    font-weight:var(--font-weight-bold);
    text-transform:inherit
}
#italic {
    font-style:italic;
    text-transform:inherit
}
#note {
    display:none;
    visibility:collapse
}
symbol>#icon-link #quote {
    letter-spacing:2px
}
#markdown {
    color:var(--color-primary)
}
.warn {
    background-color:var(--color-accent);
    color:var(--color-secondary)
}
.input-file {
    font-family:var(--font-family-code);
    font-size:var(--font-size-3);
    font-weight:var(--font-weight-medium);
    width:100%;
    padding:var(--block-padding)
}
::file-selector-button,::-webkit-file-upload-button {
    display:inline-block;
    margin-right:var(--block-padding)
}
@media screen and (max-width: 800px) {
    button,::file-selector-button,::-webkit-file-upload-button {
        height:var(--height-btn-mobile);
        font-size:var(--font-size-1);
        padding:0 var(--padding-btn-mobile)
    }
    button a {
        display:block;
        height:auto
    }
}
#view {
    position:absolute;
    top:0;
    left:0;
    width:auto;
    height:auto;
    padding:var(--padding);
    z-index:var(--z-index-grid);
    cursor:grab;
    pointer-events:all
}
#view {
    overflow:hidden;
    min-width:100%!important;
    min-height:100%!important
}
#view:not(.free) {
    width:auto!important;
    height:auto!important
}
#view.extend {
    width:2500px!important;
    height:2500px!important
}
#blocks.linear {
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%
}
#blocks.linear .block,#blocks.linear .block--image,#blocks.linear textarea {
    position:relative;
    transform:translate(0)!important
}
.vertical .block,.horizontal .block,.full .block {
    transform:translate(0)!important
}
#blocks.vertical .block,#blocks.horizontal .block,#blocks.horizontal,#blocks.vertical #blocks.full,#blocks.full .block {
    position:static!important;
    z-index:var(--z-index-block)
}
#view.horizontal {
    width:auto!important;
    height:100%!important;
    min-width:100%!important;
    display:flex;
    flex-direction:column;
    justify-content:center
}
#blocks.horizontal {
    display:flex;
    flex-direction:row;
    align-items:center
}
#blocks.horizontal {
    height:auto!important;
    position:relative!important
}
#blocks.horizontal .block,#blocks.horizontal .absolute {
    margin-right:var(--margin-block);
    max-height:100%
}
#blocks.horizontal .block:last-child {
    margin-right:0
}
#blocks.horizontal .absolute {
    position:relative
}
.horizontal textarea {
    position:relative;
    transform:none!important;
    right:0;
    max-height:100%
}
.horizontal #md-buttons,.horizontal #edit-buttons--left {
    transform:none!important
}
#view.vertical {
    width:100%!important;
    height:auto!important;
    min-height:100%!important
}
#blocks.vertical {
    display:flex;
    flex-direction:column;
    align-items:center
}
#blocks.vertical {
    margin:calc(var(--height-btn) + var(--margin-block)) 0;
    height:auto!important;
    position:relative!important
}
#blocks.vertical .block,#blocks.vertical .absolute {
    margin-bottom:var(--margin-block);
    max-width:100%
}
#blocks.vertical .block:last-child {
    margin-bottom:0
}
#blocks.vertical .absolute {
    position:relative
}
.vertical textarea {
    position:relative;
    transform:none!important;
    bottom:0;
    max-width:100%
}
.vertical #md-buttons,.vertical #edit-buttons--left {
    transform:none!important
}
.full #viewfinder {
    z-index:1
}
.main {
    position:relative
}
#view.full,#view.full .main {
    width:100%!important;
    height:100%!important;
    cursor:auto!important
}
#blocks.full {
    height:100%;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:calc(var(--height-btn) * 2)
}
#blocks.full .block,#blocks.full .absolute {
    max-width:100%
}
#blocks.full .absolute {
    display:flex;
    max-width:calc(100% - calc(var(--padding) * 4))
}
#blocks.full .block--markdown>div>div,#blocks.horizontal .block--markdown>div>div {
    max-height:calc(100vh - calc(var(--padding) * 6));
    overflow-y:scroll
}
.full textarea {
    position:relative;
    transform:none!important;
    max-width:100%
}
.full #md-buttons,.full #edit-buttons--left {
    transform:none!important
}
#slide-nav {
    padding:0 var(--padding)
}
@media screen and (max-width: 800px) {
    #view {
        padding:0;
        width:100%!important;
        height:auto!important
    }
}
@keyframes flash {
    0% {
        border-color:red
    }
    to {
        border-color:var(--color-accent)
    }
}
* {
    scrollbar-width:thin;
    scrollbar-color:var(--color-primary) transparent
}
*::-webkit-scrollbar {
    width:6px;
    height:6px
}
*::-webkit-scrollbar-track {
    background:transparent
}
*::-webkit-scrollbar-thumb {
    background-color:var(--color-primary);
    border-radius:0;
    border:none
}
.breadcrumb {
    position:fixed;
    z-index:999;
    top:calc(var(--padding) + 3.125rem);
    left:0;
    right:0;
    padding-right:var(--padding);
    padding-left:var(--padding);
    overflow-x:auto;
    padding-bottom:.875rem;
    display:none
}
.breadcrumb ol {
    display:flex;
    width:max-content
}
.breadcrumb ol>li:nth-child(1),.breadcrumb ol>li:nth-child(2) {
    display:none
}
.breadcrumb ol>li:last-child {
    margin-right:var(--padding)
}
.breadcrumb ol>li {
    margin-right:1px;
    margin-bottom:1px
}
.breadcrumb ol>li>a {
    display:inline-block;
    background:var(--color-secondary);
    padding:.05em .5em;
    min-height:1.875rem
}
button[data-v-f3de3364] {
    margin-left:var(--padding-btn)
}
.lock-visible {
    display:block!important;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.lock-visible--flex {
    display:flex!important
}
#overlay {
    position:fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    background-color:#000;
    opacity:.3
}
#viewfinder {
    position:fixed;
    left:0;
    top:0;
    z-index:var(--z-index-viewfinder);
    width:100vw;
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
#viewfinder:not(.active) {
    pointer-events:none
}
#viewfinder.active {
    background-color:rgba(var(--color-primary-rgb),.5)
}
#viewfinder input[type=radio],#viewfinder input[type=radio]:before {
    display:none
}
.viewfinder__section {
    display:flex;
    justify-content:space-between;
    padding:var(--padding)
}
.viewfinder__btn {
    pointer-events:all
}
#viewfinder a {
    font-weight:var(--font-weight-semi-bold)!important
}
.viewfinder__section--mobile {
    display:none
}
#viewfinder__bottom {
    justify-content:space-between
}
ul.menu,.menu ul,.menu form {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width:fit-content;
    position:relative
}
.menu__arrow {
    z-index:1;
    font-family:var(--font-family-code);
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    width:var(--height-btn);
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.pin {
    width:1rem;
    height:1rem;
    position:absolute
}
.pin--bottom {
    bottom:1rem;
    left:calc(50vw - 1rem)
}
.menu li {
    display:flex;
    align-items:flex-start;
    position:relative;
    background:var(--color-secondary)
}
.menu li>span {
    cursor:pointer;
    pointer-events:all;
    display:flex
}
.menu li>ul,.menu li>form,.menu li>form>ul {
    display:none;
    position:absolute
}
ul.lock-visible {
    z-index:2
}
.menu li:hover {
    z-index:3
}
.menu li:hover>ul,.menu li:hover>form,.menu li:hover>form>ul {
    display:flex
}
.menu.top li {
    width:max-content;
    height:100%;
    max-height:2.8125rem
}
.menu li>a {
    padding:.5rem 1rem
}
.menu.bottom ul,.menu.bottom form,.menu.bottom li {
    flex-direction:column-reverse
}
.menu.right ul,.menu.right form {
    align-items:flex-end
}
.menu.right li>ul {
    right:100%
}
.menu.right li>span {
    flex-direction:row-reverse
}
.menu.left li>ul,.menu.left li>form {
    left:100%
}
@media screen and (max-width: 800px) {
    .viewfinder__section {
        display:none
    }
    .viewfinder__section--mobile {
        display:flex;
        padding:0;
        pointer-events:all
    }
    #index-mobile {
        pointer-events:all;
        width:100vw;
        display:flex;
        flex-direction:column;
        justify-content:flex-end
    }
    #index-mobile__background {
        position:fixed;
        z-index:calc(var(--z-index-viewfinder) - 1);
        left:0;
        top:0;
        width:100vw;
        height:100vh;
        background-color:var(--color-primary);
        opacity:.3
    }
    #menu-mobile {
        position:fixed;
        width:100vw;
        bottom:3rem;
        overflow-y:auto;
        background-color:var(--color-secondary);
        min-height:var(--height-btn-mobile);
        max-height:calc(100% - var(--height-btn-mobile));
        z-index:var(--z-index-menu);
        padding-top:calc(var(--border) / 2);
        pointer-events:all
    }
    #current-section {
        position:fixed;
        bottom:0;
        pointer-events:all!important;
        display:flex;
        width:100%;
        z-index:var(--z-index-viewfinder);
        transition:all .2s ease-in-out;
        -webkit-transition:all .2s ease-in-out;
        -moz-transition:all .2s ease-in-out;
        -o-transition:all .2s ease-in-out
    }
    .current-section--hide {
        bottom:calc(0px - var(--height-btn-mobile))!important
    }
    #viewfinder .border {
        border-right:none;
        border-left:none
    }
    #current-section__return,.current-section__title-active,#current-section__close {
        background-color:var(--color-accent)!important;
        border-color:var(--color-accent);
        outline-color:var(--color-accent)
    }
    .menu__arrow,#current-section__return,#current-section__close {
        min-width:var(--height-btn-mobile);
        font-size:var(--font-size-1)
    }
    #current-section__close-image {
        width:.6rem
    }
    .index__button,#current-section__title {
        display:block;
        width:100%
    }
    .index__button,.index__link,#current-section__title {
        overflow:hidden
    }
    .index__button,#current-section__title {
        white-space:nowrap
    }
    .index__link,#current-section__title {
        text-overflow:ellipsis
    }
    .wrapper {
        display:flex
    }
    .index__button {
        text-align:left;
        color:inherit
    }
    #current-section__title {
        text-align:center
    }
    .unvisible {
        visibility:hidden!important;
        pointer-events:none!important
    }
}
#index-mobile button[data-v-d16a311e],#index-mobile a[data-v-d16a311e],#index-mobile span[data-v-d16a311e] {
    text-transform:none
}
textarea[data-v-494b9096] {
    width:calc(100% - var(--border) * 2)
}

.block--markdown,.block--code {
    padding:var(--block-padding);
    min-width:calc(var(--padding) * 2)
}
.block--markdown:not(textarea) {
    height:auto!important
}
.note,.block li a.note,.block p a.note {
    margin:0;
    font-family:var(--font-family-code)!important;
    font-weight:var(--font-weight-semi-bold)
}
.highlight {
    border-color:var(--color-accent);
    outline-color:var(--color-accent)
}
textarea {
    position:relative;
    min-width:304.55px!important;
    min-height:304.55px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:none;
    outline:none;
    resize:none;
    padding:var(--block-padding);
    font-family:var(--font-family-sans);
    font-size:var(--font-size-1);
    z-index:var(--z-index-edit)
}
.note {
    scroll-margin-block-start:6rem
}
.note:target,.note:focus-visible,.note:focus,.note:active {
    text-decoration:underline;
    text-underline-offset:.3rem;
    text-decoration-thickness:2px
}
.block--image textarea {
    min-width:auto;
    min-height:auto;
    z-index:0
}
.grow-wrap {
    display:grid
}
.grow-wrap:after {
    content:attr(data-replicated-value) " ";
    white-space:pre-wrap;
    visibility:hidden
}
.grow-wrap>textarea {
    resize:none;
    overflow:hidden
}
.grow-wrap>textarea,.grow-wrap:after {
    border:1px solid black;
    padding:.5rem;
    font:inherit;
    grid-area:1 / 1 / 2 / 2
}
.caption-field,figcaption {
    padding:var(--block-padding)
}
.caption-field,figcaption,figcaption p {
    font-family:var(--font-family-code);
    font-size:var(--font-size-3)
}
.block--image button#cover {
    position:absolute;
    top:-50px;
    left:0;
    transform-origin:bottom left;
    transform:scale(.666)
}
.block--image {
    cursor:zoom-in
}
.block--image--zoomed {
    cursor:zoom-out;
    transform:none!important;
    z-index:999!important
}
.block--image--zoomed figcaption {
    display:none
}
figure.--zoomed {
    position:fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    background-color:#000000b3;
    display:flex
}
figure.--zoomed img {
    opacity:1;
    object-fit:contain
}
@media screen and (max-width: 800px) {
    .block--image {
        width:auto;
        border:none;
        outline:var(--border) solid var(--color-primary)
    }
}
.caption-field {
    width:100%;
    padding:var(--block-padding);
    text-overflow:ellipsis
}
.caption-field:focus-visible {
    border:none!important;
    outline:none!important
}
.block--representative__image,.block--representative figure {
    position:relative
}
#blocks.full .block--representative figure img,#blocks.horizontal .block--representative figure img {
    object-fit:cover;
    max-height:35vh
}
#blocks.full .block--representative__image+.block--representative__sum,#blocks.horizontal .block--representative__image+.block--representative__sum {
    max-height:40vh;
    overflow-y:scroll
}
.block--representative__image a {
    position:absolute;
    width:80%;
    height:80%;
    margin:10%
}
.block--representative__image a:hover {
    background-color:transparent
}
.block--representative__sum {
    padding:var(--block-padding)
}
.block--representative_introduction,.block--representative_introduction h1,.block--representative_introduction h2,.block--representative_introduction h3,.block--representative_introduction h4,.block--representative_introduction h5 {
    font-family:var(--font-family-sans);
    font-weight:var(--font-weight-regular);
    font-size:var(--font-size-1);
    line-height:var(--line-height-text)
}
.block--representative__data {
    display:flex
}
.block--representative__data>div {
    width:100%
}
.block--representative__data>div>* {
    margin-bottom:var(--padding-btn-slim)
}
.block--representative__linked-spaces {
    line-height:var(--line-height-text);
    margin-top:var(--margin-text)
}
.block--representative__linked-spaces:first-letter {
    text-transform:uppercase
}
.block--representative__linked-spaces a {
    font-family:var(--font-family-code)!important;
    font-weight:var(--font-weight-bold);
    font-size:var(--font-size-3)
}
.block[data-v-3ad7e601] {
    position:absolute;
    font-family:var(--font-family-sans);
    border:calc(var(--border) / 2) solid var(--color-primary);
    outline:calc(var(--border) / 2) solid var(--color-primary);
    background-color:var(--color-secondary);
    overflow-wrap:break-word;
    height:auto!important;
    color:#000
}
.grid .block[data-v-3ad7e601]:not(.block--selected) {
    cursor:pointer!important
}
.block [id^=block-][data-v-3ad7e601] {
    scroll-margin-top:20vh
}
.block .drag[data-v-3ad7e601] {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
@media screen and (min-width: 800px) {
    .block[data-v-3ad7e601]:not(.block--image--zoomed):hover {
        z-index:998!important
    }
}
.front[data-v-3ad7e601] {
    z-index:var(--z-index-edit)
}
.no-select .block[data-v-3ad7e601] {
    -webkit-user-select:none;
    user-select:none
}
.grid .block[data-v-3ad7e601]:not(.block--edited):before,.grid .block[data-v-3ad7e601]:not(.block--edited):after {
    content:url("data:image/svg+xml,%3Csvg width='9' height='20' viewBox='0 0 9 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4.5L8 1L1 1L0.999999 4.5L4.5 8L8 4.5Z' fill='white' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
    display:flex;
    position:absolute;
    right:-5.5px;
    z-index:var(--z-index-block)
}
.block[data-v-3ad7e601]:before {
    top:calc(0rem - var(--border))
}
.block[data-v-3ad7e601]:after {
    bottom:calc(0rem - var(--border));
    transform:scaleY(-1)
}
.block--options[data-v-3ad7e601] {
    position:relative;
    justify-content:center
}
.block--options>div[data-v-3ad7e601] {
    position:relative;
    justify-content:center;
    width:100%;
    font-size:1.6rem
}
.block--options .btn[data-v-3ad7e601] {
    height:100%;
    width:100%;
    justify-content:center;
    align-items:center;
    background:none
}
.block--flashing[data-v-3ad7e601] {
    animation:flash .3s infinite
}
@media screen and (max-width: 800px) {
    .block[data-v-3ad7e601] {
        margin:0;
        margin-bottom:var(--margin-block);
        outline:none;
        border-right:none;
        border-left:none;
        border-top:var(--border) solid var(--color-primary);
        border-bottom:var(--border) solid var(--color-primary);
        width:100%;
        transform:translate(0)!important;
        position:static!important
    }
    .block[data-v-3ad7e601]:not(.block--image) {
        width:100%!important
    }
    .block[data-v-3ad7e601]:last-child {
        margin-bottom:10rem!important
    }
    .block[data-v-3ad7e601] {
        max-width:100%!important;
        margin-bottom:var(--padding)
    }
    .block[data-v-3ad7e601]:before,.block[data-v-3ad7e601]:after {
        content:""
    }
    .block[data-v-3ad7e601]:last-child {
        margin-bottom:calc(var(--height-btn-mobile) + var(--margin-block))!important
    }
    .block iframe[data-v-3ad7e601] {
        display:block;
        margin-bottom:var(--block-padding)
    }
    .block *+iframe[data-v-3ad7e601],.block iframe[data-v-3ad7e601]+* {
        margin-top:var(--block-padding)
    }
    .block iframe[data-v-3ad7e601]:last-child {
        margin-bottom:0!important
    }
}
li[data-v-9841c5b8] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:21rem
}
li[data-v-9841c5b8]:not(:last-child) {
    border-bottom:1px solid #000
}
li[data-v-9841c5b8] {
    font-family:var(--font-family-code),monospace
}
.ordered-item__index[data-v-9841c5b8] {
    display:flex
}
.ordered-item__index[data-v-9841c5b8]>* {
    border-left:1px solid #000;
    padding-left:calc(var(--block-padding) / 2);
    height:2.9rem
}
a[data-v-9841c5b8] {
    color:var(--color-accent);
    margin-right:1rem;
    padding:calc(var(--block-padding) / 2)
}
input[data-v-9841c5b8],button[data-v-9841c5b8] {
    border:none
}
input[data-v-9841c5b8] {
    width:2.5rem
}
.blocks-sequence[data-v-0dd7b2b4]:not(.open) {
    overflow:hidden
}
.blocks-sequence[data-v-0dd7b2b4] {
    position:fixed!important;
    top:calc(var(--padding) * 2 + var(--height-btn));
    left:calc(var(--margin-block));
    background-color:#fff;
    overflow:auto;
    max-height:calc(100vh - (4 * var(--padding) + 2 * var(--height-btn)))
}
.blocks-sequence[data-v-0dd7b2b4]:hover {
    z-index:999
}
.full .blocks-sequence[data-v-0dd7b2b4] {
    left:calc(var(--margin-block) + 2.3rem + var(--margin-block))
}
header[data-v-0dd7b2b4] {
    position:sticky;
    top:0;
    background-color:#fff
}
header button[data-v-0dd7b2b4] {
    width:100%;
    display:flex;
    justify-content:space-between
}
.blocks-sequence:not(.open) ul[data-v-0dd7b2b4] {
    height:0
}
input[data-v-0dd7b2b4],button[data-v-0dd7b2b4] {
    border:none
}
.reorder-icon[data-v-0dd7b2b4] {
    transform:scale(1.5)
}
#blocks[data-v-0f74752a] {
    position:absolute;
    height:100%;
    width:100%
}
#selection[data-v-0f74752a] {
    position:absolute;
    width:1000vw;
    height:1000vh
}
.block--selected[data-v-0f74752a],.block--edited[data-v-0f74752a],.block--highlight[data-v-0f74752a] {
    border:calc(var(--border) / 2) solid var(--color-accent);
    outline:calc(var(--border) / 2) solid var(--color-accent);
    z-index:var(--z-index-edit)!important
}
@media screen and (max-width: 800px) {
    #blocks[data-v-0f74752a] {
        width:100%!important;
        padding-top:0!important;
        height:auto!important;
        position:relative!important;
        display:flex;
        flex-direction:column;
        align-items:center
    }
}
#context-menu[data-v-53fb029d] {
    position:absolute;
    z-index:999;
    pointer-events:all;
    margin-top:0!important
}
.context-menu__button\|.border.prevent-unselect[data-v-53fb029d] {
    font-size:var(--font-size-4);
    height:var(--height-btn-slim);
    padding:0 var(--padding-btn-slim)
}
.breadcrumbs[data-v-21ee16d5] {
    position:absolute;
    left:calc(var(--grid-step) * 16);
    font-family:var(--font-family-mono),sans-serif;
    font-weight:var(--font-weight-semi-bold);
    font-size:var(--font-size-2);
    text-transform:lowercase;
    height:var(--height-btn);
    display:flex;
    align-items:center;
    z-index:990
}
.breadcrumbs a[data-v-21ee16d5] {
    display:inline-block;
    max-width:10rem;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:var(--color-primary)
}
.breadcrumbs a[data-v-21ee16d5]:hover {
    text-decoration:underline
}
.breadcrumbs .arrow[data-v-21ee16d5] {
    display:inline-block;
    margin:0 .5rem;
    cursor:text
}
@media screen and (max-width: 800px) {
    .breadcrumbs[data-v-21ee16d5] {
        display:none
    }
}