@import"https://fonts.googleapis.com/css?family=Grenze+Gotisch";:root{--token-white: hsl(43, 100%, 99%);--token-yellow: hsl(60, 45%, 98%);--token-yellow-mute: hsl(29, 42%, 88%);--token-black: rgb(49, 43, 70);--token-blue: rgb(0, 3, 199);--token-blue-no-opacity: 0, 3, 199;--token-blue-dark: rgb(43, 156, 248);--token-blue-dark-no-opacity: 171, 188, 247;--token-blue-mute: rgb(46, 47, 92);--token-grey-light: rgba(60, 84, 121, .29);--token-grey-dark: rgba(76, 78, 99, .65)}:root{--color-background: var(--token-yellow);--color-background-mute: var(--token-yellow-mute);--color-background-danger: rgb(255, 219, 219);--color-foreground-danger: rgb(163, 35, 35);--color-accent: var(--token-blue);--color-on-accent: var(--token-yellow);--color-accent-subtle: rgba(var(--token-blue-no-opacity), .4);--color-foreground-strong: var(--token-blue);--color-foreground: var(--token-blue-mute);--color-border: var(--token-grey-light);--color-backdrop: rgba(60, 60, 60, .4);--padding-xl: 64px ;--padding-l: 48px ;--padding-m: 24px ;--padding-s: 16px;--padding-xs: 8px ;--gap-xl: 64px ;--gap-l: 32px ;--gap-m: 16px;--gap-s: 8px ;--gap-xs: 4px ;--border: solid 1px var(--color-border);--border-radius: 4px;--font-family-heading: "Grenze Gotisch", serif;--font-family-body: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;--line-height-tighter: 1;--line-height-tight: 1.2;--line-height-loose: 1.6;--font-size-body-l: 1.2rem ;--font-size-body-m: 1rem;--font-size-body-s: .8rem ;--font-size-heading-xl: 6rem ;--font-size-heading-l: 4rem ;--font-size-heading-m: 3rem ;--font-size-heading-s: 1.5em }@media(prefers-color-scheme:dark){:root{--color-background: var(--token-black);--color-background-mute: var(--token-blue-mute);--color-accent: var(--token-blue-dark);--color-on-accent: var(--token-black);--color-accent-subtle: rgba(var(--token-blue-dark-no-opacity), .4);--color-border: var(--token-grey-dark);--color-foreground-strong: var(--token-blue-dark);--color-foreground: var(--token-white)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-foreground-strong);background-color:var(--color-background);transition:color .5s,background-color .5s;line-height:var(--line-height-loose);font-family:var(--font-family-body);font-size:18px;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h2,h3{font-family:var(--font-family-heading)}h1{font-family:var(--font-family-heading);font-size:var(--font-size-heading-l);line-height:var(--line-height-tighter)}h2{font-size:var(--font-size-heading-m);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-heading-s);line-height:var(--line-height-tight)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#app{display:flex;min-height:100vh;width:100%;position:relative;background-color:var(--color-accent)}main{width:100%}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.button[data-v-a3a5b37c]{border:0;padding:0;font-family:unset;font-size:var(--font-size-body-s);text-decoration:none;transition:background-color .2s;cursor:pointer;display:flex;align-items:center;gap:var(--gap-xs);width:fit-content;text-transform:uppercase;font-weight:700;border-radius:var(--border-radius);padding:var(--padding-xs);color:var(--color-accent);background-color:transparent}.button__primary[data-v-a3a5b37c]{border:1px solid var(--color-accent-subtle)}.button__inverted[data-v-a3a5b37c]{background-color:var(--color-on-accent);border:1px solid var(--color-on-accent)}.button__icon[data-v-a3a5b37c]{background-color:var(--color-accent);width:1.3em;height:1.3em;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.button__primary[data-v-a3a5b37c]:hover,.button__primary[data-v-a3a5b37c]:focus{color:var(--color-on-accent);background-color:var(--color-accent)}.button__secondary[data-v-a3a5b37c]:hover,.button__secondary[data-v-a3a5b37c]:focus{text-decoration:underline;text-underline-offset:.25em}.button__primary:hover>.button__icon[data-v-a3a5b37c],.button__primary:focus>.button__icon[data-v-a3a5b37c]{background-color:var(--color-on-accent)}main[data-v-0fb91119]{display:flex;align-items:center;justify-content:center}main>div[data-v-0fb91119]{max-width:464px;display:flex;flex-direction:column;gap:var(--gap-l);padding:var(--padding-l) var(--padding-m);font-size:var(--font-size-body-l);color:var(--color-on-accent);background-color:var(--color-accent)}h1[data-v-0fb91119]{font-size:var(--font-size-heading-xl);color:var(--color-background-mute)}button[data-v-bbb96e2a]{border:0;padding:0;font-family:unset;cursor:pointer;display:flex;align-items:center;gap:var(--gap-xs);color:var(--color-accent);text-transform:uppercase;background:transparent;padding:var(--padding-xs);border:1px solid var(--color-accent-subtle);border-radius:1000px;position:relative}.button__icon[data-v-bbb96e2a]{background-color:var(--color-accent);width:24px;height:24px;transform:scale(.8)}.button__label[data-v-bbb96e2a]{opacity:0;transition:opacity .3s;position:absolute;left:50%;transform:translate(-50%);top:-100%;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--padding-xs);color:var(--color-foreground);background:var(--color-background);font-size:var(--font-size-body-s);font-weight:700;white-space:nowrap}button[data-v-bbb96e2a]:hover,button[data-v-bbb96e2a]:focus{color:var(--color-on-accent);background-color:var(--color-accent)}button:hover>.button__icon[data-v-bbb96e2a],button:focus>.button__icon[data-v-bbb96e2a]{background-color:var(--color-on-accent)}button:hover>.button__label[data-v-bbb96e2a],button:focus>.button__label[data-v-bbb96e2a]{opacity:1}#page-array__2 .card[data-v-0a66c4a5]{cursor:grab}.card[data-v-0a66c4a5]{display:flex;flex-direction:column;justify-content:space-between;gap:var(--gap-m);border:var(--border);border-radius:var(--border-radius);background-color:var(--color-background);width:100%;padding:var(--padding-s) var(--padding-m);position:relative}.card__page[data-v-0a66c4a5]{text-align:center}.card__preview[data-v-0a66c4a5]{color:var(--color-foreground)}.card__preview>span[data-v-0a66c4a5]:last-of-type{display:none}.card__preview-arrows-wrapper[data-v-0a66c4a5]{display:flex;align-items:center;gap:var(--gap-s)}.card__arrows_desktop[data-v-0a66c4a5]{display:none}.card__arrows_mobile[data-v-0a66c4a5]{display:flex;flex-direction:column;justify-content:center;gap:var(--gap-s);margin-right:calc(-1 * var(--padding-s))}.card__buttons[data-v-0a66c4a5]{display:flex;gap:var(--gap-m);justify-content:center}.card__checkbox[data-v-0a66c4a5]{display:flex;gap:var(--gap-xs);border:1px solid var(--color-accent-subtle);border-radius:var(--border-radius);padding:var(--padding-xs)}.card__checkbox[data-v-0a66c4a5],.card__checkbox[data-v-0a66c4a5]>*{cursor:pointer;font-size:var(--font-size-body-s);font-weight:700;text-transform:uppercase}.card[data-v-0a66c4a5]:active{cursor:grabbing}@media not (max-width:568px){.card[data-v-0a66c4a5]{height:100%;width:100%;max-width:12.5em;padding:var(--padding-m)}.card__preview>span[data-v-0a66c4a5]:last-of-type{display:unset}.card__arrows_desktop[data-v-0a66c4a5]{position:absolute;display:flex;justify-content:space-between;top:var(--padding-m);left:0;padding:0 var(--padding-xs);width:100%;opacity:0}.card__arrows_mobile[data-v-0a66c4a5]{display:none}.card:hover .card__arrows_desktop[data-v-0a66c4a5],.card:focus-within .card__arrows_desktop[data-v-0a66c4a5]{opacity:1}}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.page-order[data-v-b3d170d8]{display:flex;flex-direction:column;gap:var(--gap-s);width:100%;max-width:560px;color:var(--color-foreground);position:relative}.page-order__copied[data-v-b3d170d8]{position:absolute;top:-4px;right:8px;color:var(--color-accent)}.page-order__warning[data-v-b3d170d8]{display:flex;gap:var(--gap-s);padding:var(--padding-xs);border-radius:var(--border-radius);border:1px solid var(--color-foreground-danger);color:var(--color-foreground-danger);background:var(--color-background-danger);font-size:var(--font-size-body-s);font-weight:700}.page-order__warning>div[data-v-b3d170d8]{background-color:var(--color-foreground-danger);width:24px;height:24px;transform:scale(.8)}.page-order__label[data-v-b3d170d8]{text-transform:uppercase;font-weight:700;font-size:var(--font-size-body-s);color:var(--color-accent)}.page-order__input_wrapper[data-v-b3d170d8]{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-s);width:100%;height:42px}.page-order__input[data-v-b3d170d8]{border:none;height:100%;width:100%;padding:var(--padding-xs);border-radius:var(--border-radius)}.page-modal[data-v-1adc3914]{border:1px solid var(--color-accent-subtle);background-color:var(--color-background);color:var(--color-foreground);margin:auto;border-radius:var(--border-radius);max-width:600px;padding:var(--padding-m)}.page-modal[data-v-1adc3914]::backdrop{background-color:var(--color-backdrop)}.page-modal__header[data-v-1adc3914]{display:flex;flex-direction:column-reverse;margin-bottom:var(--gap-l)}.page-modal__header h3[data-v-1adc3914]{font-size:var(--font-size-heading-m);color:var(--color-accent);text-align:center}.page-modal__header__close-button[data-v-1adc3914]{align-self:flex-end}.page-modal__content[data-v-1adc3914]{font-family:var(--font-family-body);white-space:pre-line;margin-bottom:var(--gap-l)}.page-modal__buttons[data-v-1adc3914]{display:flex;justify-content:space-between;gap:var(--gap-m)}#page-array__1[data-v-119a6ca2],#page-array__2[data-v-119a6ca2]{display:flex;flex-direction:column;align-items:center;gap:var(--gap-l);background:var(--color-background-mute);border:1px solid var(--color-accent-subtle);border-radius:var(--border-radius);padding:var(--padding-m) var(--padding-s)}.page-array__card-list[data-v-119a6ca2]{display:flex;justify-content:center;gap:var(--gap-m);border:2px dashed var(--color-background);border-radius:var(--border-radius);padding:var(--padding-xs);min-height:224px;width:100%;flex-direction:column}#page-array__1 p[data-v-119a6ca2],#page-array__2 p[data-v-119a6ca2]{color:var(--color-foreground)}[role=tablist][data-v-119a6ca2]{list-style-type:none;padding:0;display:flex}[role=tablist] li button[data-v-119a6ca2]{font-family:var(--font-family-body);text-decoration:none;color:var(--color-accent);cursor:pointer;display:block;padding:var(--padding-s);background-color:var(--color-background-mute);border:1px solid var(--color-background-mute);border-radius:var(--border-radius) var(--border-radius) 0 0;text-transform:uppercase;font-size:var(--font-size-body-s);font-weight:700;position:static}[role=tablist] [aria-selected=true][data-v-119a6ca2]{border-color:var(--color-accent-subtle) var(--color-accent-subtle) var(--color-background-mute) var(--color-accent-subtle);position:relative;top:2px}@media not (max-width:568px){#page-array__1[data-v-119a6ca2],#page-array__2[data-v-119a6ca2]{padding:var(--padding-l) var(--padding-m)}.page-array__card-list[data-v-119a6ca2]{flex-direction:row;flex-wrap:wrap}}h1[data-v-824a0b79]{text-align:center}main[data-v-824a0b79]{display:flex;flex-direction:column;gap:var(--gap-l);max-width:1480px;background-color:var(--color-background);padding:var(--padding-m) var(--padding-xs)}@media not (max-width:568px){h1[data-v-824a0b79]{font-size:10vw}main[data-v-824a0b79]{padding:var(--padding-m);gap:var(--gap-xl)}}@media not (max-width:800px){main[data-v-824a0b79]{padding:var(--padding-l)}}