/* wk.css: the few extras /weihnachtskarten/ needs on top of /folding-card-maker/card.css */
.wk-views{justify-content:center;margin:0 auto .75rem;max-width:26rem}
.wk-views button[hidden]{display:none}
.fc-stage .wk-views{background:rgba(0,0,0,.22);border-color:rgba(255,255,255,.18)}
.fc-stage .wk-views button{color:var(--mat-muted)}
.fc-stage .wk-views button:hover{color:var(--mat-ink)}
.fc-stage .wk-views button.active{background:var(--mat-ink);color:var(--mat)}
.wk-inside{margin:0 auto;max-width:34rem;line-height:0}
.wk-inside canvas{display:block;width:100%;height:auto;background:#fff;border-radius:2px;box-shadow:0 1px 0 rgba(0,0,0,.1),0 18px 40px -16px rgba(0,0,0,.6)}
.wk-inside.wk-single{max-width:17rem}
.wk-chips{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}
.wk-chip{border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:.8125rem;padding:.3125rem .625rem;cursor:pointer;line-height:1.25;text-align:left}
.wk-chip:hover{border-color:var(--muted)}
.wk-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wk-motive .fc-front.wk-christ span::after{content:" \271D";color:var(--muted);font-weight:500}
.fc-form .modes button small{display:block}
.wk-motive .fc-front span{font-size:.6875rem;overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
@media(max-width:560px){.fc-fronts.wk-motive{grid-template-columns:repeat(3,minmax(0,1fr))}.wk-motive .fc-front img{max-width:4rem}}