@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0);@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);:root{--seatWidth:35px;--hoverColor:#dadada;--stageColor:#7a0404;--backgroundColor:#fff}a,body,button,div,em,footer,h1,h2,h3,h4,h5,h6,header,html,i,img,input,li,nav,p,section,select,span,strong,table,td,textarea,th,tr,ul{-webkit-appearance:none;appearance:none;border:none;border-radius:0;box-sizing:border-box;font-family:Inter,sans-serif;font-optical-sizing:auto;font-size:1.05rem;font-style:normal;font-variation-settings:"wdth" 100;font-weight:400;list-style-type:none;margin:0;outline:none;padding:0;vertical-align:initial}a,button{transition:all .2s ease-in-out}button{background-color:initial;cursor:pointer}strong{font-weight:600}header{margin-bottom:20px}header input{border:1px solid #dadada;border:1px solid var(--hoverColor);border-radius:10px;max-width:350px;padding:10px}.button{border-radius:10px;color:#000;padding:10px 20px}.mini-button{--webkit-user-select:none;align-items:center;background-color:#fff;background-color:var(--backgroundColor);border:1px solid #dadada;border:1px solid var(--hoverColor);border-radius:5px;color:#fff;color:var(--backgroundColor);cursor:pointer;display:flex;font-size:.6em;justify-content:center;min-height:35px;min-height:var(--seatWidth);min-width:35px;min-width:var(--seatWidth);transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.mini-button:hover{background-color:#dadada;background-color:var(--hoverColor)}.button:active,.mini-button:active{opacity:.8}.mini-button.active{background-color:#dadada;background-color:var(--hoverColor)}.mini-button span{color:#444;font-size:1.5em}.button.gray{background-color:#dadada;background-color:var(--hoverColor)}.button.black{background-color:#222;color:#fff;color:var(--backgroundColor)}.button.circle{background-color:#fff;background-color:var(--backgroundColor);border-radius:50em;height:40px;padding:initial;width:40px}.no-pointer-events{pointer-events:none}.flex{display:flex}.flex-gap-small{gap:5px}.flex-gap-normal{gap:10px}.flex-gap-medium{gap:15px}.flex-gap-large{gap:20px}.flex-grow{flex-grow:1}.flex-column{flex-direction:column}.flex-h-center{justify-content:center}.flex-v-center{align-items:center}.flex-end{justify-content:end}.flex-space-between{justify-content:space-between}.flex-space-around{justify-content:space-around}.relative{position:relative}.container{--webkit-user-select:none;margin:20px;-webkit-user-select:none;user-select:none;white-space:nowrap}.canvas{height:100vh;overflow:hidden;width:100vw}.seatmap{min-height:500px;overflow:auto;padding-bottom:10px;white-space:nowrap}.stage{background-color:#7a0404;background-color:var(--stageColor);border-radius:10px;color:#fff;color:var(--backgroundColor);font-size:1.6em;font-weight:600;letter-spacing:20px;margin-bottom:20px;padding:10px 0;text-align:center}.stage input{border-radius:5px;padding:10px}.stage button,.stage input{background-color:#fff;background-color:var(--backgroundColor)}.new-row{margin-top:10px}.row{height:48px;padding:6px 0}.row-label{align-items:center;display:flex;font-weight:600;justify-content:center;min-height:30px;min-width:70px}.row-label:not(button) span{font-size:1.1em}.row-buttons{margin-right:10px}.seat-buttons{margin-left:10px}.seat,.space{--webkit-user-select:none;align-items:center;background-color:#fff;background-color:var(--backgroundColor);border-radius:5px;cursor:pointer;display:flex;font-size:.6em;justify-content:center;min-height:35px;min-height:var(--seatWidth);min-width:35px;min-width:var(--seatWidth);transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.seat{border:solid #222;border-width:1px 1px 5px;color:#111}.seat:hover{background-color:#dadada;background-color:var(--hoverColor)}.seat:active{opacity:.8}.seat.active{background-color:#7a0404;background-color:var(--stageColor);border-bottom:5px solid red}.seat.active,.space{color:#fff;color:var(--backgroundColor)}.space{border:1px solid #fff;border:1px solid var(--backgroundColor)}.space:hover{background-color:#dadada;background-color:var(--hoverColor)}.space:active{opacity:.8}.space.active{background-color:#dadada;background-color:var(--hoverColor)}.seat.preview,.space.preview{cursor:inherit}.seat.preview:active,.seat.preview:hover,.space.preview:active,.space.preview:hover{background-color:#fff;background-color:var(--backgroundColor)}.seat.preview:active,.space.preview:active{opacity:1}.seat.occupied{opacity:.4;pointer-events:none}.legend{--webkit-user-select:none;background-color:#dadada;background-color:var(--hoverColor);border-radius:10px;bottom:20px;left:20px;margin-inline:auto;padding:10px;position:absolute;right:20px;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.legend *{font-size:.8em}.legend strong{font-size:1em}.legend .seat{cursor:default;min-height:25px;min-width:25px;pointer-events:none}.legend .seat:active{opacity:1}.dropdown{background-color:#222;border:1px solid #fff;border:1px solid var(--backgroundColor);border-radius:5px;min-width:180px;position:absolute;z-index:9999}.dropdown.top-left{bottom:41px;right:0}.dropdown.top-right{bottom:41px;left:0}.dropdown.bottom-left{right:0;top:40px}.dropdown.bottom-right{left:0;top:40px}.dropdown button{align-items:center;color:#fff;color:var(--backgroundColor);display:flex;font-size:.8em;padding:8px 15px 8px 10px;text-align:left}.dropdown button span{font-size:1.25em;margin-right:5px}.dropdown button:first-child{border-top-left-radius:5px;border-top-right-radius:5px;padding-top:10px}.dropdown button:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-bottom:10px}.dropdown button:hover{background-color:#333}.dropdown button:active{opacity:.6}.dropdown button.active,.dropdown-form{background-color:#333}.dropdown-form{border-top:1px solid #111;padding:10px}.dropdown-form input{font-size:.8em;text-align:center}.dropdown-form button,.dropdown-form input{border-radius:5px;font-weight:600;padding:10px;width:100%}.dropdown-form button{background-color:#000;justify-content:center}.dropdown-form button:hover{background-color:#222}.close-button{position:absolute;right:17px;top:65px;z-index:999999}.close-button button{margin-bottom:5px}.controls{position:absolute;right:17px;top:150px;z-index:99999}.controls button{margin-top:5px}.close-button button:active,.controls button:active{opacity:.7}.buttons{margin:10px 0 40px}.react-tooltip{font-size:.7em!important}.react-tooltip *{font-size:1.05em;line-height:160%;text-align:center}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}@media (max-width:600px){header input{font-size:.9em;max-width:180px}.stage input{max-width:120px}.buttons{flex-direction:column}.buttons .totals{margin-bottom:20px}}