.qr-zones[data-v-2fcd48f5]{--ease:cubic-bezier(.22,1,.36,1);background:#171517;color:#f7f2f4;container:qr-zones/inline-size;display:grid;font-family:Gtwalsheimpro,Helvetica Neue,Arial,sans-serif;gap:.9rem;min-height:30rem;padding:clamp(1rem,3vw,1.6rem)}.qr-zones__head[data-v-2fcd48f5]{align-items:center;border-bottom:1px solid #332e31;display:flex;gap:.75rem;justify-content:space-between;padding-bottom:.8rem}.qr-zones__head div[data-v-2fcd48f5]{display:grid;gap:.12rem}.qr-zones__head small[data-v-2fcd48f5]{color:#a79ea3;font-size:.75rem}.qr-zones__head strong[data-v-2fcd48f5]{font-size:1rem}.qr-zones__count[data-v-2fcd48f5]{background:#262225;border-radius:999px;color:#d8d0d4;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:700;padding:.32rem .6rem;white-space:nowrap}.qr-zones__body[data-v-2fcd48f5]{align-items:start;display:grid;gap:.9rem;grid-template-columns:minmax(0,1.25fr) minmax(12rem,.75fr)}.qr-zones__plan[data-v-2fcd48f5]{background:linear-gradient(#1d1a1c,#1d1a1c) padding-box,repeating-linear-gradient(0deg,transparent 0 15px,hsla(0,0%,100%,.03) 15px 16px);border:1px solid #332e31;border-radius:.8rem;display:grid;gap:.5rem;grid-template-areas:"inside bar" "terrace terrace";grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:auto auto;padding:.6rem}.qr-zones__area[data-v-2fcd48f5]{align-content:start;background:var(--zone-soft);border:1.5px solid var(--zone);border-radius:.6rem;display:grid;gap:.55rem;padding:.6rem;position:relative;transition:border-color .5s ease,background-color .5s ease,opacity .5s ease}.qr-zones__area.is-terrace[data-v-2fcd48f5]{border-style:dashed;grid-area:terrace}.qr-zones__area.is-inside[data-v-2fcd48f5]{grid-area:inside}.qr-zones__area.is-bar[data-v-2fcd48f5]{grid-area:bar}.qr-zones__area-name[data-v-2fcd48f5]{align-items:center;color:var(--zone);display:flex;font-size:.75rem;font-weight:800;gap:.4rem;letter-spacing:.04em;text-transform:uppercase;transition:color .5s ease}.qr-zones__area-name em[data-v-2fcd48f5]{background:#3a3336;border-radius:.25rem;color:#e9e2e6;font-size:.625rem;font-style:normal;letter-spacing:.06em;opacity:0;padding:.12rem .4rem;transform:translate(-.25rem);transition:opacity .4s ease,transform .5s var(--ease)}.qr-zones__area ul[data-v-2fcd48f5]{display:grid;gap:.4rem;grid-template-columns:repeat(auto-fill,2.3rem);list-style:none;margin:0;padding:0}.qr-zones__area.is-inside ul[data-v-2fcd48f5]{grid-template-columns:repeat(3,2.3rem)}.qr-zones__area.is-terrace ul[data-v-2fcd48f5]{grid-template-columns:repeat(8,minmax(0,2.3rem))}.qr-zones__area.is-bar ul[data-v-2fcd48f5]{grid-template-columns:repeat(2,2.3rem)}.qr-zones__area li[data-v-2fcd48f5]{aspect-ratio:1;background:#2a2528;border-radius:.35rem;box-shadow:inset 0 0 0 1px #ffffff0f;display:grid;place-items:center;transition:background-color .5s ease,color .5s ease}.qr-zones__area li.is-round[data-v-2fcd48f5]{border-radius:50%}.qr-zones__area li span[data-v-2fcd48f5]{color:#efe8ec;font-size:.625rem;font-weight:700;padding-top:.55rem;position:relative}.qr-zones__area li span[data-v-2fcd48f5]:before{background:var(--zone);border-radius:.1rem;content:"";height:.45rem;left:50%;position:absolute;top:0;transform:translate(-50%);transition:background-color .5s ease;width:.45rem}.qr-zones__area.is-off[data-v-2fcd48f5]{background:#ffffff05;border-color:#4a4347}.qr-zones__area.is-off .qr-zones__area-name[data-v-2fcd48f5]{color:#8f868b}.qr-zones__area.is-off .qr-zones__area-name em[data-v-2fcd48f5]{opacity:1;transform:none}.qr-zones__area.is-off li[data-v-2fcd48f5]{background:#221f21}.qr-zones__area.is-off li span[data-v-2fcd48f5]{color:#6f676b}.qr-zones__area.is-off li span[data-v-2fcd48f5]:before{background:#4a4347}.qr-zones__list[data-v-2fcd48f5]{display:grid;gap:.45rem;list-style:none;margin:0;padding:0}.qr-zones__list li[data-v-2fcd48f5]{align-items:center;background:#211e20;border:1px solid #393438;border-radius:.6rem;display:grid;gap:.65rem;grid-template-columns:auto minmax(0,1fr) auto;padding:.7rem .75rem;transition:background-color .4s ease,border-color .4s ease}.qr-zones__list li.is-off[data-v-2fcd48f5]{background:#1c191b;border-color:#302b2e}.qr-zones__dot[data-v-2fcd48f5]{background:var(--zone);border-radius:50%;height:.7rem;transition:background-color .4s ease,opacity .4s ease;width:.7rem}.qr-zones__list li.is-off .qr-zones__dot[data-v-2fcd48f5]{opacity:.35}.qr-zones__name[data-v-2fcd48f5]{display:grid;gap:.12rem;min-width:0}.qr-zones__name b[data-v-2fcd48f5]{font-size:.875rem}.qr-zones__name small[data-v-2fcd48f5]{color:#b0a8ac;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-zones__list li.is-off .qr-zones__name b[data-v-2fcd48f5]{color:#b9b0b5}.qr-zones__meta[data-v-2fcd48f5]{display:flex;flex-wrap:wrap;gap:.1rem .45rem}.qr-zones__state[data-v-2fcd48f5]{color:#95d5aa!important;font-weight:700}.qr-zones__list li.is-off .qr-zones__meta[data-v-2fcd48f5]{display:flex;flex-wrap:wrap;gap:.1rem .45rem}.qr-zones__state[data-v-2fcd48f5]{color:#ffad91!important}.qr-zones__switch[data-v-2fcd48f5]{background:#d64f28;border:0;border-radius:999px;cursor:pointer;height:1.5rem;padding:0;position:relative;transition:background-color .35s ease;width:2.6rem}.qr-zones__switch[data-v-2fcd48f5]:before{content:"";inset:-.75rem -.25rem;position:absolute;z-index:1}.qr-zones__switch span[data-v-2fcd48f5]{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000059;height:1.12rem;left:.19rem;position:absolute;top:.19rem;transform:translate(1.1rem);transition:transform .4s var(--ease);width:1.12rem}.qr-zones__switch[aria-checked=false][data-v-2fcd48f5]{background:#4a4347}.qr-zones__switch[aria-checked=false] span[data-v-2fcd48f5]{transform:none}.qr-zones__switch[data-v-2fcd48f5]:focus-visible{outline:3px solid #ffb299;outline-offset:2px}.qr-zones.is-play .qr-zones__area[data-v-2fcd48f5],.qr-zones.is-play .qr-zones__area li[data-v-2fcd48f5]{transition-duration:.8s}@container qr-zones (max-width: 36rem){.qr-zones__body[data-v-2fcd48f5]{grid-template-columns:minmax(0,1fr)}.qr-zones__list[data-v-2fcd48f5]{gap:.4rem;grid-template-columns:repeat(3,minmax(0,1fr))}.qr-zones__list li[data-v-2fcd48f5]{grid-template-areas:"dot name" "switch switch";grid-template-columns:auto minmax(0,1fr);padding:.6rem;row-gap:.55rem}.qr-zones__dot[data-v-2fcd48f5]{grid-area:dot}.qr-zones__name[data-v-2fcd48f5]{grid-area:name}.qr-zones__switch[data-v-2fcd48f5]{grid-area:switch}.qr-zones__meta[data-v-2fcd48f5]{flex-direction:column}}@container qr-zones (max-width: 24rem){.qr-zones__list[data-v-2fcd48f5]{grid-template-columns:minmax(0,1fr)}.qr-zones__list li[data-v-2fcd48f5]{grid-template-areas:"dot name switch";grid-template-columns:auto minmax(0,1fr) auto;padding:.55rem .7rem}.qr-zones__meta[data-v-2fcd48f5]{flex-direction:row}.qr-zones__area.is-terrace ul[data-v-2fcd48f5]{gap:.25rem;grid-template-columns:repeat(8,minmax(0,2rem))}.qr-zones__area ul[data-v-2fcd48f5]{gap:.3rem;grid-template-columns:repeat(auto-fill,2rem)}.qr-zones__area.is-inside ul[data-v-2fcd48f5]{grid-template-columns:repeat(3,2rem)}.qr-zones__area.is-bar ul[data-v-2fcd48f5]{grid-template-columns:repeat(2,2rem)}}@media(max-width:560px){.qr-zones[data-v-2fcd48f5]{min-height:0;padding:.9rem}}@media(prefers-reduced-motion:reduce){.qr-zones[data-v-2fcd48f5] *,.qr-zones[data-v-2fcd48f5] :after,.qr-zones[data-v-2fcd48f5] :before{animation:none!important;transition:none!important}}