.spaces-planner{--paper:#f8f7f2;--ink:#242624;--sig:var(--asif-signal,#e7df72);--sans:var(--asif-sans);--mono:var(--asif-mono);--muted:#565951;--asf-ink-rgb:36 38 36;--asf-color-plan-seat:#b74330;--asf-motion-plan-reflow:.3s;--asf-motion-ease-plan:cubic-bezier(.2,0,0,1);--asf-motion-fast:.14s;--asf-size-touch-min:44px;--line-strong:#b5b8ac;display:block;padding-bottom:12px;color:var(--ink)}.spaces-planner [hidden]{display:none!important}.spaces-planner__intro{max-width:68ch;font:400 16px/1.6 var(--sans);margin:0 0 24px;color:var(--muted)}.spaces-planner__workspace{display:grid;grid-template-columns:1fr;gap:32px;padding:32px;background:var(--paper);border-radius:var(--asif-radius-control)}.spaces-planner__settings{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 28px;margin:0;padding:0;border:0;min-width:0}.spaces-planner__settings>label.spaces-planner__label{grid-column:1;grid-row:1}.spaces-planner__settings>.spaces-planner__stepper{grid-column:1;grid-row:2;align-self:start;margin:0}.spaces-planner__settings>p{grid-column:2;grid-row:1}.spaces-planner__settings>.spaces-planner__formats{grid-column:2;grid-row:2}.spaces-planner__label{display:block;font:600 16px/1.4 var(--sans);margin:0 0 12px}.spaces-planner__stepper{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;max-width:240px;margin-bottom:28px;border:1px solid #a6aa9e;border-radius:var(--asif-radius-control);overflow:hidden;background:#fff}.spaces-planner__stepper button{border-radius:0;height:52px;border:0;background:transparent;font:400 24px/1 var(--sans);cursor:pointer}.spaces-planner__stepper input{border-radius:0;width:100%;min-width:0;padding:0;border:0;border-inline:1px solid #d5d7cf;text-align:center;font:600 23px/1 var(--sans);background:transparent;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.spaces-planner__stepper input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}@media(min-width:900px){.spaces-planner__settings>.spaces-planner__stepper{height:64px}.spaces-planner__stepper button{height:62px}}.spaces-planner__formats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.spaces-planner__format{position:relative;display:block}.spaces-planner__format input{position:absolute;opacity:0;width:1px;height:1px}.spaces-planner__format>span{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:4px;min-height:64px;padding:12px 14px;border:1px solid #b9bdb2;border-radius:var(--asif-radius-control);cursor:pointer;background:transparent}.spaces-planner__format strong{font:500 14px/1.3 var(--sans)}.spaces-planner__format small{font:400 12px/1.3 var(--sans);white-space:nowrap}.spaces-planner__format input:checked+span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--sig)}.spaces-planner__format input:disabled+span{border-style:dashed;opacity:.55;cursor:not-allowed}.spaces-planner button:disabled{opacity:.4;cursor:default}.spaces-planner__format input:focus-visible+span,.spaces-planner button:focus-visible,.spaces-planner input:focus-visible{outline:3px solid #242624;outline-offset:3px}.spaces-planner__drawing{min-width:0;align-self:center}.spaces-planner .asf-plan__buehne{min-width:0}.spaces-planner .asf-plan__svg{max-height:none}.spaces-planner .asf-plan__zonen{justify-content:center;margin-top:20px;gap:8px}.spaces-planner .asf-plan__zonen button{border-radius:var(--asif-radius-control);background:transparent;font:500 13px/1.3 var(--sans)}.spaces-planner .asf-plan__zonen button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.spaces-planner .asf-plan__zone-fill--buehne{fill:#e7dfce}.spaces-planner .asf-plan__zone-fill--cafe{fill:#e7eae0}.spaces-planner .asf-plan__moebel--tisch{fill:#fffdf5;stroke:#777d70}.spaces-planner .asf-plan__wand{stroke:#464b40;stroke-width:1.7px}.spaces-planner__legend{font:400 12px/1.5 var(--sans);color:var(--muted);text-align:center;margin:14px 0 0}.spaces-planner__zone{font:400 14px/1.55 var(--sans);padding:12px 0;margin:10px 0 0;border-top:1px solid #cfd2c6}.spaces-planner__result{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 12px}.spaces-planner__result>div{max-width:65ch;font:400 14px/1.6 var(--sans)}.spaces-planner__result p{margin:0}.spaces-planner__result [data-planner-capacity]:empty{display:none}.spaces-planner__result [data-planner-capacity]{margin-top:8px;color:var(--muted)}.spaces-planner__result .spaces-action{flex-shrink:0}.spaces-planner__shared{font:400 12px/1.5 var(--sans);color:var(--muted);margin:0}.spaces-plan-original{margin:0;font-size:12px;max-width:280px}.spaces-plan-original summary{cursor:pointer;padding-block:8px}.spaces-plan-original img{max-height:380px;object-fit:contain;margin-block:16px}@media(max-width:899px){.spaces-planner__workspace{grid-template-columns:1fr;padding:24px}.spaces-planner__settings{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:0 24px}.spaces-planner__settings>label.spaces-planner__label{grid-column:1;grid-row:1}.spaces-planner__stepper{grid-column:1;grid-row:2;align-self:start;width:100%;margin:0}.spaces-planner__settings>p{grid-column:2;grid-row:1}.spaces-planner__formats{grid-column:2;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))}.spaces-planner__format>span{flex-direction:column;align-items:start}.spaces-planner__result{align-items:start;flex-direction:column}}@media(max-width:599px){.spaces-planner__workspace{padding:20px 16px;gap:28px;margin-inline:-4px}.spaces-planner__settings{display:block}.spaces-planner__settings>.spaces-planner__stepper{max-width:none;margin:0 0 24px}.spaces-planner__formats{grid-template-columns:repeat(2,minmax(0,1fr))}.spaces-planner__format>span{min-height:70px;gap:4px}.spaces-planner__intro{font-size:16px}.spaces-planner .asf-plan__svg{max-height:350px}.spaces-planner__result .spaces-action{width:100%}.spaces-planner__result{gap:16px}.spaces-planner .asf-plan__zonen button{padding:8px 10px}}@media(prefers-reduced-motion:reduce){.spaces-planner{--asf-motion-plan-reflow:0ms}.spaces-planner .asf-plan__sitz{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/272/assets/asif-spaces-planner.css.map */