.cx-seat__overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.cx-seat__dialog{background-color:#111827;border:1px solid #374151;border-radius:.75rem;flex-direction:column;width:100%;max-width:56rem;max-height:90vh;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000040}.cx-seat__header{border-bottom:1px solid #374151;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.cx-seat__title{color:#fff;font-size:1.125rem;font-weight:700;line-height:1.75rem}.cx-seat__subtitle{color:#9ca3af;margin-top:.125rem;font-size:.875rem;line-height:1.25rem}.cx-seat__close{color:#9ca3af;padding:.25rem;transition:color .15s,background-color .15s,border-color .15s}.cx-seat__close:hover{color:#fff}.cx-seat__close-icon{width:1.5rem;height:1.5rem}.cx-seat__body{flex:1;padding:1.25rem;overflow-y:auto}.cx-seat__loading{justify-content:center;align-items:center;height:12rem;display:flex}.cx-seat__spinner{border-bottom:2px solid #10b981;border-radius:9999px;width:2.5rem;height:2.5rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cx-seat__error{text-align:center;color:#9ca3af;padding-top:3rem;padding-bottom:3rem}.cx-seat__content{--seat-size:1rem;--seat-gap:.25rem;--label-w:1.5rem}.cx-seat__content>*+*{margin-top:1rem}.cx-seat__legend{flex-wrap:wrap;justify-content:center;gap:1rem;padding-bottom:.5rem;display:flex}.cx-seat__legend-item{align-items:center;gap:.375rem;display:flex}.cx-seat__legend-swatch{border-radius:.25rem;width:1rem;height:1rem;display:inline-block}.cx-seat__legend-swatch--available{background-color:#059669}.cx-seat__legend-swatch--unavailable{background-color:#374151}.cx-seat__legend-swatch--dbox{background-color:#2563eb}.cx-seat__legend-label{color:#d1d5db;font-size:.75rem;line-height:1rem}.cx-seat__screen{margin-bottom:1.5rem;position:relative}.cx-seat__screen-bar{background:linear-gradient(90deg,#0000,#60a5fa99,#0000);border-radius:9999px;height:.5rem}.cx-seat__screen-label{text-align:center;color:#6b7280;text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem;font-size:.75rem;line-height:1rem}.cx-seat__grid-scroll{overflow-x:auto}.cx-seat__grid{width:fit-content;margin:0 auto;position:relative}.cx-seat__guides{top:0;bottom:0;left:calc(var(--label-w) + var(--seat-gap));pointer-events:none;z-index:1;position:absolute;right:0}.cx-seat__guide{position:absolute}.cx-seat__guide--v{border-left:1px dashed #fbbf2499;top:0;bottom:0;transform:translate(-50%)}.cx-seat__guide--h{border-top:1px dashed #fbbf2499;left:0;right:0;transform:translateY(-50%)}.cx-seat__row{align-items:center;gap:var(--seat-gap);margin-bottom:var(--seat-gap);display:flex}.cx-seat__row-label{color:#6b7280;width:var(--label-w);text-align:left;flex-shrink:0;font-size:.75rem;line-height:1rem}.cx-seat__row-seats{gap:var(--seat-gap);display:flex}.cx-seat__gap{width:var(--seat-size);height:var(--seat-size);flex-shrink:0}.cx-seat__seat{width:var(--seat-size);height:var(--seat-size);cursor:default;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background-color .15s,border-color .15s;display:flex;overflow:hidden}.cx-seat__seat--dbox-available{background-color:#3b82f6}.cx-seat__seat--dbox-available:hover{background-color:#60a5fa}.cx-seat__seat--dbox-taken{background-color:#1e3a8a4d;border:1px solid #1e3a8a}.cx-seat__seat--available{background-color:#059669}.cx-seat__seat--available:hover{background-color:#10b981}.cx-seat__seat--taken{background-color:#374151}.cx-seat__seat-label{-webkit-user-select:none;user-select:none;font-size:5px;font-weight:700;line-height:1}.cx-seat__seat-label--available{color:#ffffffe6}.cx-seat__seat-label--taken{color:#6b7280}.cx-seat__stats{border-top:1px solid #374151;justify-content:center;gap:1rem;padding-top:1rem;display:flex}.cx-seat__stat{color:#d1d5db;font-size:.875rem;line-height:1.25rem}.cx-seat__stat-value{font-weight:700}.cx-seat__stat-value--available{color:#34d399}.cx-seat__stat-value--taken{color:#9ca3af}.cx-seat__stat-value--total{color:#fff}