._SpotMap_3qczp_1{--_qui-spot-map-surface: var( --_qui-sheet-surface, var( --qui-color-surface, var( --color-surface, color-mix(in srgb, var(--color-text) 5%, transparent) ) ) );--_qui-spot-map-text: var( --qui-color-text, var(--color-text, var(--color-text)) );--_qui-spot-map-text-subdued: var( --qui-color-text-subdued, var( --color-text-subdued, color-mix(in srgb, var(--color-text) 70%, transparent) ) );display:grid;gap:clamp(3px,1.2vw,6px);max-width:var(--_qui-spot-map-max-width, 480px);margin-inline:auto;min-width:0;padding-block:2px}._SpotMap-fullWidth_3qczp_39{max-width:100%;margin-inline:0}._Spot_3qczp_1{aspect-ratio:1;min-width:0;border:none;border-radius:var(--_qui-spot-radius, 6px);background:var( --_qui-spot-surface, color-mix(in srgb, var(--_qui-spot-map-surface) 84%, black) );box-shadow:0 1px 2px #00000040,0 0 0 transparent,inset 0 1px color-mix(in srgb,var(--color-text) 9%,transparent),inset 0 -1px #0000002e,inset 0 0 0 1px color-mix(in srgb,var(--color-text) 4.5%,transparent);cursor:pointer;font-size:.75rem;font-weight:600;color:var( --_qui-spot-text, color-mix( in srgb, var(--_qui-spot-map-text) 72%, var(--_qui-spot-map-text-subdued) ) );display:flex;align-items:center;justify-content:center;text-align:center;transition:background .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease,opacity .18s ease;padding:.25rem;font-family:inherit}._Spot_3qczp_1:focus-visible{outline:none;box-shadow:0 1px 2px #00000040,0 0 0 2px color-mix(in srgb,var(--qui-color-accent, var(--color-accent, #6366f1)) 65%,transparent),inset 0 1px color-mix(in srgb,var(--color-text) 9%,transparent),inset 0 -1px #0000002e,inset 0 0 0 1px color-mix(in srgb,var(--color-text) 4.5%,transparent)}._Spot_3qczp_1:hover:not(._Spot_taken_3qczp_118){box-shadow:0 2px 6px #0000004d,0 0 10px color-mix(in srgb,var(--qui-color-accent, var(--color-accent, #6366f1)) 18%,transparent),inset 0 1px color-mix(in srgb,var(--color-text) 14%,transparent),inset 0 -1px #0003,inset 0 0 0 1px color-mix(in srgb,var(--color-text) 6%,transparent);color:var( --_qui-spot-text, var(--qui-color-text, var(--color-text, var(--color-text))) )}._Spot_taken_3qczp_118{opacity:.35;cursor:not-allowed}._Spot_original_3qczp_146{border-style:dashed;border-color:color-mix(in srgb,var(--qui-color-accent, var(--color-accent, #6366f1)) 30%,transparent)}._Spot_yourSpot_3qczp_161,._Spot_yourSpot_3qczp_161:hover{cursor:not-allowed;background:color-mix(in srgb,var(--qui-color-accent, var(--color-accent, #6366f1)) 14%,transparent);border-style:dashed;border-color:color-mix(in srgb,var(--qui-color-accent, var(--color-accent, #6366f1)) 60%,transparent);color:var( --_qui-spot-text, var(--qui-color-text, var(--color-text, var(--color-text))) );opacity:1}._Spot_selected_3qczp_160,._Spot_selected_3qczp_160:hover{background:var( --_qui-spot-selected-surface, var(--qui-color-accent, var(--color-accent, #6366f1)) );box-shadow:0 1px 2px #0000004d,0 3px 10px color-mix(in srgb,var(--qui-color-accent, var(--color-accent, #6366f1)) 28%,transparent),inset 0 1px color-mix(in srgb,var(--color-text) 30%,transparent),inset 0 -1px #00000038,inset 0 0 0 1px color-mix(in srgb,var(--color-text) 8%,transparent);color:var( --_qui-spot-selected-text, var(--qui-color-on-accent, var(--color-text-on-accent, #fff)) );transform:translateY(-1px)}._Spot_circle_3qczp_210{border-radius:50%}._Spot_empty_3qczp_214{visibility:hidden;box-shadow:none;background:transparent}._Spot_static_3qczp_222{cursor:default}._Spot_3qczp_1._Spot_static_3qczp_222:not(._Spot_assigned_3qczp_228):hover{box-shadow:0 1px 2px #00000040,0 0 0 transparent,inset 0 1px color-mix(in srgb,var(--color-text) 9%,transparent),inset 0 -1px #0000002e,inset 0 0 0 1px color-mix(in srgb,var(--color-text) 4.5%,transparent);color:var( --_qui-spot-text, color-mix( in srgb, var(--_qui-spot-map-text) 72%, var(--_qui-spot-map-text-subdued) ) )}._Spot_static_3qczp_222._Spot_assigned_3qczp_228{cursor:pointer}._Spot_assigned_3qczp_228{background:color-mix(in srgb,var(--qui-color-accent, var(--color-accent, #6366f1)) 18%,transparent);box-shadow:0 1px 2px #00000040,inset 0 1px color-mix(in srgb,var(--color-text) 12%,transparent),inset 0 -1px #0000002e,inset 0 0 0 1px color-mix(in srgb,var(--qui-color-accent, var(--color-accent, #6366f1)) 38%,transparent);color:var(--qui-color-text, var(--color-text, var(--color-text)));padding:0}._Spot_readOnly_3qczp_276,._Spot_readOnly_3qczp_276:hover{cursor:default}._Spot_readOnly_3qczp_276:not(._Spot_selected_3qczp_160):not(._Spot_taken_3qczp_118):not(._Spot_guest_3qczp_281):not(._Spot_booker_3qczp_282){opacity:.35}._Spot_readOnly_3qczp_276._Spot_taken_3qczp_118{opacity:1;background:color-mix(in srgb,var(--qui-color-accent, var(--color-accent, #6366f1)) 14%,transparent);border-color:color-mix(in srgb,var(--qui-color-accent, var(--color-accent, #6366f1)) 40%,transparent);color:var(--qui-color-text, var(--color-text, var(--color-text)))}._Spot_readOnly_3qczp_276._Spot_selected_3qczp_160{opacity:1}._Spot_readOnly_3qczp_276._Spot_guest_3qczp_281{opacity:1;background:color-mix(in srgb,var(--qui-color-accent, var(--color-accent, #6366f1)) 28%,transparent);border-style:dashed;border-color:var(--qui-color-accent, var(--color-accent, #6366f1));color:var(--qui-color-text, var(--color-text, var(--color-text)))}._Spot_readOnly_3qczp_276._Spot_booker_3qczp_282{opacity:1;background:color-mix(in srgb,var(--qui-color-accent, var(--color-accent, #6366f1)) 20%,transparent);box-shadow:0 1px 2px #00000040,inset 0 1px color-mix(in srgb,var(--color-text) 12%,transparent),inset 0 -1px #0000002e,inset 0 0 0 2px color-mix(in srgb,var(--qui-color-accent, var(--color-accent, #6366f1)) 78%,transparent);color:var(--qui-color-text, var(--color-text, var(--color-text)))}._Spot_3qczp_1._Spot_readOnly_3qczp_276:hover:not(._Spot_selected_3qczp_160):not(._Spot_taken_3qczp_118):not(._Spot_guest_3qczp_281):not(._Spot_booker_3qczp_282){border-color:var( --_qui-spot-border, var( --qui-color-border, var( --color-border, color-mix(in srgb, var(--color-text) 12%, transparent) ) ) );color:var( --_qui-spot-text, var( --qui-color-text-subdued, var( --color-text-subdued, color-mix(in srgb, var(--color-text) 70%, transparent) ) ) )}