*,:before,:after{box-sizing:border-box;scrollbar-color:var(--ui-color-2) transparent;scrollbar-width:thin;margin:0}html,body{height:100%}body{line-height:inherit;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}a,button{cursor:pointer}script{display:none!important}:root{--ui-color-0:#fff;--ui-color-1:#000;--ui-color-2:#e8172c;--color-text:var(--ui-color-1);--color-background:var(--ui-color-0);--color-border:var(--ui-color-1);--color-text-secondary:oklch(from var(--ui-color-1) calc(l + .7) calc(c - 0) calc(h + 0));--color-background-secondary:#d8d6d1;--color-border-secondary:oklch(from var(--ui-color-1) calc(l + .9) calc(c - 0) calc(h + 0));--color-accent:var(--ui-color-2);--color-danger:var(--ui-color-2);--font-size:14px;--font-small:round(down, var(--font-size) * .9, var(--interval));--font-spaced:.15em;--interval:2px;--layout-base:round(down, var(--font-size) * 2, var(--interval));--layout-width:1224px;--layout-gutter:round(down, var(--layout-base) / 2, var(--interval));--layout-spacing:round(down, var(--layout-base) / 1, var(--interval)) round(down, var(--layout-base) / 1, var(--interval));--layout-spacing-xxs:2px 8px;--layout-spacing-xs:round(down, var(--layout-base) / 3, var(--interval)) round(down, var(--layout-base) / 2, var(--interval));--layout-spacing-s:round(down, var(--layout-base) / 2, var(--interval)) round(down, var(--layout-base) / 2, var(--interval));--layout-spacing-l:round(down, var(--layout-base) * 2, var(--interval)) round(down, var(--layout-base) * 2, var(--interval));font-optical-sizing:auto;font-family:JetBrains Mono,monospace}*{font-family:inherit;font-size:inherit;border-radius:0}:root{font-size:var(--font-size)}body{color:var(--color-text);background-color:var(--color-background-secondary);font-size:var(--font-size)}#app-header>div,#app-main>div,#app-footer>div{padding:var(--layout-spacing);width:100%;max-width:var(--layout-width);background-color:var(--color-background);margin:0 auto}#app-header:not(:first-child)>div,#app-main:not(:first-child)>div,#app-footer:not(:first-child)>div{border-top:1px solid var(--color-border-secondary)}a{color:var(--color-accent);font-weight:700;text-decoration:none;display:inline-block}a:before{content:"[";color:var(--color-text);font-weight:400}a:after{content:"]";color:var(--color-text);font-weight:400}a:hover{color:var(--color-accent)}button,.button{font-size:var(--font-small);letter-spacing:var(--font-spaced);text-transform:uppercase;white-space:nowrap;color:var(--color-background);background-color:var(--color-text);border:1px solid var(--color-border);padding:var(--layout-spacing-xs);font-weight:700;line-height:1;display:inline-block}button:before,button:after,.button:before,.button:after{content:"";display:none}button:hover,.button:hover{color:var(--color-text);background-color:var(--color-background)}button.ghost,.button.ghost{color:var(--color-text);background-color:var(--color-background);border-color:var(--color-border)}button.danger,.button.danger{border-color:var(--color-danger);background-color:var(--color-danger)}button.danger:hover,.button.danger:hover{color:var(--color-danger);background:var(--color-background)}button:disabled,.button:disabled{color:var(--color-background);background-color:var(--color-border-secondary);border-color:var(--color-border-secondary);cursor:not-allowed}label{color:var(--color-text-secondary);font-size:var(--font-small);text-transform:uppercase}input,select,textarea{border:1px solid var(--color-border);width:100%;padding:var(--layout-spacing-xs);outline:none}input::placeholder,select::placeholder,textarea::placeholder{color:var(--color-text-secondary)}input:focus,select:focus,textarea:focus{border-color:var(--color-accent)}form{gap:calc(var(--layout-gutter) / 2);display:grid}#toast-notifications{width:100%;padding:var(--layout-spacing);justify-content:center;gap:calc(var(--layout-gutter) / 2);grid-auto-flow:row;display:grid;position:fixed;bottom:0;right:0}#toast-notifications>div{color:var(--color-background);background:var(--color-text);padding:var(--layout-spacing-xs);display:inline-block}#toast-notifications>div.error{background:var(--color-danger)}#app-header>div{place-items:center;gap:var(--layout-base);grid-template-columns:1fr auto 1fr;display:grid}#app-header>div>:first-child{justify-self:start}#app-header>div>:nth-child(3){justify-self:end}#app-header .button{padding-left:calc(var(--layout-gutter) * 2.5);position:relative}#app-header .button:before{left:var(--layout-gutter);top:var(--layout-gutter);transform:translateY(calc(var(--layout-gutter) / -4));content:"";aspect-ratio:1;height:calc(var(--layout-gutter) / 2);background-color:var(--color-accent);z-index:1;width:auto;position:absolute;display:block!important}#app-navigation ul{gap:var(--layout-base);padding:0;list-style:none;display:flex}#app-navigation a{text-transform:uppercase;letter-spacing:var(--font-spaced);color:var(--color-text);text-decoration:none;display:block;position:relative}#app-navigation a:before,#app-navigation a:after{content:""}#app-navigation a.ghost{color:var(--color-text-secondary)}#app-navigation a.router-link-exact-active:after{content:"";background:var(--color-accent);width:100%;height:2px;display:block;position:absolute;bottom:-6px;left:0}#app-main #qr-gallery-empty{place-items:center;gap:var(--layout-base);text-align:center;background-color:var(--color-background-secondary);padding:var(--layout-spacing-l);display:grid}#app-main #qr-gallery{gap:var(--layout-base);grid-auto-flow:row;display:grid}#app-main #qr-gallery #filters{gap:var(--layout-gutter);flex-wrap:wrap;display:flex}#app-main #qr-gallery #filters button span{color:var(--color-text-secondary)}#app-main #qr-gallery #filters button:not(.is-active){color:var(--color-text);border-color:var(--color-border-secondary);background:0 0}#app-main #qr-gallery #filters button:hover{border-color:inherit}#app-main #qr-gallery ol{gap:var(--layout-gutter);grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}#app-main #qr-gallery ol li{border:1px solid var(--color-border);padding:var(--layout-spacing-s);gap:var(--layout-gutter);grid-auto-flow:row;display:grid;position:relative}#app-main #qr-gallery ol li:before{content:"";width:calc(var(--layout-base) / 2);height:calc(var(--layout-base) / 2);border-left:2px solid var(--color-focus);border-top:2px solid var(--color-focus);z-index:1;position:absolute;top:-1px;left:-1px}#app-main #qr-gallery ol li:after{content:"";width:calc(var(--layout-base) / 2);height:calc(var(--layout-base) / 2);border-right:2px solid var(--color-focus);border-bottom:2px solid var(--color-focus);z-index:1;position:absolute;bottom:-1px;right:-1px}#app-main #qr-gallery ol li>:first-child{gap:var(--layout-gutter);display:flex}#app-main #qr-gallery ol li>:first-child img{width:calc(var(--layout-base) * 2);height:calc(var(--layout-base) * 2);flex:0}#app-main #qr-gallery ol li>:first-child p{text-align:right;color:var(--color-text-secondary);font-size:var(--font-small);flex:1}#app-main #qr-gallery ol li>:nth-child(2){font-weight:700}#app-main #qr-gallery ol li>:nth-child(3){gap:var(--layout-gutter);display:flex}#app-main #qr-gallery ol li>:nth-child(3)>:first-child{font-size:var(--font-small);border:1px solid var(--color-border-secondary);padding:var(--layout-spacing-xxs)}#app-main #qr-gallery ol li>:nth-child(3)>:nth-child(2){color:var(--color-text-secondary);font-size:var(--font-small)}#app-main #qr-gallery ol li>:nth-child(4){gap:var(--layout-gutter);display:flex}#app-main #qr-gallery ol li>:nth-child(4)>:first-child{flex:1}#app-main #qr-gallery ol li>:nth-child(4)>:nth-child(2){color:var(--color-text-secondary);font-size:var(--font-small);text-transform:uppercase;flex:0}#app-main #qr-gallery #pagination{gap:var(--layout-base);justify-content:end;align-items:center;display:flex}#app-main #qr-create{gap:calc(var(--layout-gutter) * 2);grid-auto-flow:row;display:grid}#app-main #qr-create>header{gap:var(--layout-gutter);font-size:var(--font-small);color:var(--color-text-secondary);display:flex}#app-main #qr-create>header>:first-child{flex:1}#app-main #qr-create>main{gap:calc(var(--layout-gutter) * 4);background-image:linear-gradient(to bottom, var(--color-border-secondary), var(--color-border-secondary));background-position:60%;background-repeat:no-repeat;background-size:1px 100%;grid-auto-columns:3fr 2fr;grid-auto-flow:column;display:grid}#app-main #qr-create section{gap:var(--layout-gutter);grid-auto-rows:max-content;display:grid}#app-main #qr-create section#type-select{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}#app-main #qr-create section#type-select button{padding:var(--layout-spacing-s);white-space:break-spaces;text-align:start;place-items:start;gap:calc(var(--layout-gutter) / 2);color:var(--color-text);background:var(--color-background);grid-auto-rows:max-content;grid-auto-flow:row;display:grid}#app-main #qr-create section#type-select button.is-selected{color:var(--color-background);background:var(--color-border)}#app-main #qr-create section#type-select button strong{text-transform:uppercase;font-size:1rem}#app-main #qr-create section#type-select button span{color:var(--color-text-secondary);text-transform:none}#app-main #qr-create section#qr-content{column-gap:calc(var(--layout-gutter) / 2)}#app-main #qr-create section#qr-content.vcard{grid-template-columns:repeat(6,1fr)}#app-main #qr-create section#qr-content.vcard>*{grid-column:span 2}#app-main #qr-create section#qr-content.vcard>:nth-child(2){grid-column:span 3}#app-main #qr-create section#qr-content.vcard>:nth-child(3){grid-column:span 1}#app-main #qr-create section#qr-content.vcard>:nth-child(7),#app-main #qr-create section#qr-content.vcard>:nth-child(8){grid-column:span 3}#app-main #qr-create section#qr-content.wifi>:nth-child(4){gap:calc(var(--layout-gutter) / 2);grid-template-columns:max-content 1fr;display:grid}#app-main #qr-create section#qr-content.wifi>:nth-child(4) input{grid-area:1/1}#app-main #qr-create section#qr-content.wifi>:nth-child(4) label{grid-area:1/2}#app-main #qr-create section#qr-content.payment{grid-template-columns:repeat(6,1fr)}#app-main #qr-create section#qr-content.payment>*{grid-column:span 2}#app-main #qr-create section#qr-content.payment>:first-child{grid-column:span 6}#app-main #qr-create section#qr-content.payment>:nth-child(2){grid-column:span 5}#app-main #qr-create section#qr-content.payment>:nth-child(3){grid-column:span 1}#app-main #qr-create section#qr-content.payment>:nth-child(7),#app-main #qr-create section#qr-content.payment>:nth-child(8){grid-column:span 3}#app-main #qr-create section#qr-meta #folders{gap:calc(var(--layout-gutter) / 2);flex-wrap:wrap;display:flex}#app-main #qr-create section#qr-meta #folders button{color:var(--color-text);background-color:var(--color-background)}#app-main #qr-create section#qr-meta #folders button.is-selected{color:var(--color-background);background-color:var(--color-border)}#app-main #qr-create section#qr-meta #folders input{width:auto;display:inline-block}#app-main #qr-create section#controls{align-content:end;justify-items:center;row-gap:calc(var(--layout-gutter) * 2);grid-template-rows:1fr max-content}#app-main #qr-create section#controls #preview{width:calc(var(--layout-gutter) * 10);height:calc(var(--layout-gutter) * 10);align-self:center;position:relative}#app-main #qr-create section#controls #preview:before{content:"";width:calc(var(--layout-base) / 2);height:calc(var(--layout-base) / 2);border-left:2px solid var(--color-focus);border-top:2px solid var(--color-focus);z-index:1;position:absolute;top:-1px;left:-1px}#app-main #qr-create section#controls #preview:after{content:"";width:calc(var(--layout-base) / 2);height:calc(var(--layout-base) / 2);border-right:2px solid var(--color-focus);border-bottom:2px solid var(--color-focus);z-index:1;position:absolute;bottom:-1px;right:-1px}#app-main #qr-create section#controls #pagination{justify-self:stretch;gap:calc(var(--layout-gutter) / 2);grid-template-columns:repeat(2,1fr);display:grid}#app-main #qr-edit{gap:calc(var(--layout-gutter) * 2);grid-auto-flow:row;display:grid}#app-main #qr-edit>header{gap:var(--layout-gutter);font-size:var(--font-small);color:var(--color-text-secondary);display:flex}#app-main #qr-edit>header>:first-child{flex:1}#app-main #qr-edit>main{gap:calc(var(--layout-gutter) * 4);row-gap:calc(var(--layout-gutter) * 2);background-image:linear-gradient(to bottom, var(--color-border-secondary), var(--color-border-secondary));background-position:60%;background-repeat:no-repeat;background-size:1px 100%;grid-auto-rows:1fr max-content max-content;grid-auto-columns:3fr 2fr;grid-auto-flow:column;display:grid}#app-main #qr-edit>main>:first-child{grid-area:1/1}#app-main #qr-edit>main>:nth-child(2){grid-area:span 2/2}#app-main #qr-edit>main>:nth-child(3){grid-area:2/1}#app-main #qr-edit>main section{gap:var(--layout-gutter);grid-auto-rows:max-content;display:grid}#app-main #qr-edit>main section#qr-content{column-gap:calc(var(--layout-gutter) / 2);grid-area:1/1/2/2}#app-main #qr-edit>main section#qr-content.vcard{grid-template-columns:repeat(6,1fr)}#app-main #qr-edit>main section#qr-content.vcard>*{grid-column:span 2}#app-main #qr-edit>main section#qr-content.vcard>:nth-child(2){grid-column:span 3}#app-main #qr-edit>main section#qr-content.vcard>:nth-child(3){grid-column:span 1}#app-main #qr-edit>main section#qr-content.vcard>:nth-child(7),#app-main #qr-edit>main section#qr-content.vcard>:nth-child(8){grid-column:span 3}#app-main #qr-edit>main section#qr-content.wifi>:nth-child(4){gap:calc(var(--layout-gutter) / 2);grid-template-columns:max-content 1fr;display:grid}#app-main #qr-edit>main section#qr-content.wifi>:nth-child(4) input{grid-area:1/1}#app-main #qr-edit>main section#qr-content.wifi>:nth-child(4) label{grid-area:1/2}#app-main #qr-edit>main section#qr-content.payment{grid-template-columns:repeat(6,1fr)}#app-main #qr-edit>main section#qr-content.payment>*{grid-column:span 2}#app-main #qr-edit>main section#qr-content.payment>:first-child{grid-column:span 6}#app-main #qr-edit>main section#qr-content.payment>:nth-child(2){grid-column:span 5}#app-main #qr-edit>main section#qr-content.payment>:nth-child(3){grid-column:span 1}#app-main #qr-edit>main section#qr-content.payment>:nth-child(7),#app-main #qr-edit>main section#qr-content.payment>:nth-child(8){grid-column:span 3}#app-main #qr-edit>main section#qr-meta{grid-area:2/1/3/2}#app-main #qr-edit>main section#qr-meta #folders{gap:calc(var(--layout-gutter) / 2);flex-wrap:wrap;display:flex}#app-main #qr-edit>main section#qr-meta #folders button{color:var(--color-text);background-color:var(--color-background)}#app-main #qr-edit>main section#qr-meta #folders button.is-selected{color:var(--color-background);background-color:var(--color-border)}#app-main #qr-edit>main section#qr-meta #folders input{width:auto;display:inline-block}#app-main #qr-edit>main section#controls{align-content:end;justify-items:center;row-gap:calc(var(--layout-gutter) * 2);grid-area:1/2/4/3;grid-template-rows:max-content 1fr max-content}#app-main #qr-edit>main section#controls #preview{width:calc(var(--layout-gutter) * 10);height:calc(var(--layout-gutter) * 10);align-self:center;position:relative}#app-main #qr-edit>main section#controls #preview:before{content:"";width:calc(var(--layout-base) / 2);height:calc(var(--layout-base) / 2);border-left:2px solid var(--color-focus);border-top:2px solid var(--color-focus);z-index:1;position:absolute;top:-1px;left:-1px}#app-main #qr-edit>main section#controls #preview:after{content:"";width:calc(var(--layout-base) / 2);height:calc(var(--layout-base) / 2);border-right:2px solid var(--color-focus);border-bottom:2px solid var(--color-focus);z-index:1;position:absolute;bottom:-1px;right:-1px}#app-main #qr-edit>main section#controls #preview.unsaved{opacity:.5}#app-main #qr-edit>main section#controls #pagination{justify-self:stretch;gap:calc(var(--layout-gutter) / 2);grid-template-columns:repeat(2,1fr);display:grid}#app-main #qr-edit>main section#dangerzone{border:1px solid var(--color-accent);padding:var(--layout-spacing-s);grid-area:3/1/4/2;grid-template-columns:1fr max-content;align-items:center;display:grid}#app-main #qr-edit>main section#dangerzone p{color:var(--color-accent)}#app-footer{font-size:var(--font-small)}