:root{--seat-color:#4A4A4A;--seat-handrest-color:#4A4A4A}.seatmap-form-widget{display:grid;grid-template-columns:auto auto}.seatmap-form-widget>div{padding:1rem}.seatmap-form-widget>div:nth-of-type(2){padding-left:3rem}.seatmap-widget{display:flex;flex-wrap:wrap;gap:10px;align-items:center;gap:2rem;justify-content:center}.seatmap-container{width:max-content}.seatmap{display:grid;gap:15px;padding:2rem 1.5rem;background:#2c3947;border-radius:6px;width:min-content}.seat{width:40px;height:40px;background-color:var(--seat-color);border-radius:5px;position:relative;display:grid;justify-items:center;align-content:center;color:#fff;transition:0.2s;outline:1px solid rgba(0,183,255,0);outline-offset:5px;outline-style:dashed}.seat .headrest{position:absolute;width:70%;left:15%;height:36%;bottom:-18%;background-color:var(--seat-color);border-radius:5px;filter:brightness(125%)}.seat.no-arm::before,
.seat.no-arm::after{display:none !important}
.seat::before,.seat::after{content:"";height:70%;width:17%;position:absolute;left:-17%;top:0;background-color:var(--seat-handrest-color);border-radius:5px;filter:brightness(125%)}.seat::after{left:auto;right:-17%}.seat i{margin-top:-70%;margin-right:-1px;color:var(--seat-handrest-color);filter:brightness(170%)}.seatmap-container.selectable .seatmap .seat:not(.driver):not(.booked):not(.selected):hover{outline:1px solid #00b8ff;outline-offset:7px;outline-style:dashed;cursor:pointer}.seat.selected{outline:1px solid #00b8ff;outline-offset:7px;outline-style:dashed;box-shadow:0px 0px 6px 4px #00b8ff}.seat.booked{opacity:0.2;cursor:auto}.seatmap-legend{padding:2rem}.seatmap-legend b{font-weight:bold}.seatmap-legend-item{display:grid;grid-template-columns:min-content 1fr;gap:0 1.5rem;margin-bottom:1rem;justify-items:start;text-align:left}.seatmap-legend-item .seat{grid-area:1/1/3/2}