.seatmap-detail{position:relative;width:min(650px,100%);height:590px;display:grid;grid-template-columns:minmax(330px,1fr) 170px;gap:12px;align-items:stretch;padding:14px;transform:scale(var(--seatmap-scale,1));transform-origin:center;transition:transform .25s ease}
.seatmap-detail[hidden]{display:none}
.seatmap-detail__frame{position:relative;border:2px solid #3d3d3d;background:#fff;padding:22px 24px;overflow:hidden;min-width:0}
.seatmap-seat-grid{display:grid;grid-template-columns:repeat(20,1fr);gap:5px;width:100%;height:100%;align-content:start}
.seat-dot{appearance:none;width:10px;height:10px;min-width:0;border:0;border-radius:50%;background:#e9e9e9;padding:0;transition:transform .15s,background .15s,box-shadow .15s}
.seat-dot:hover,.seat-dot:focus-visible{background:#ff9818;box-shadow:0 0 0 2px #ff9818;outline:0;transform:scale(1.15)}
.seat-dot.is-selected{background:#f40009;box-shadow:0 0 0 2px #f40009}
.seatmap-detail__section{position:absolute;z-index:3;left:105px;top:105px;min-width:105px;background:#050505;color:#fff;border-radius:5px;padding:14px 20px;text-align:center;font-size:18px}
.seatmap-detail__section:before{content:"";position:absolute;left:20px;top:-38px;border:22px solid transparent;border-bottom-color:#050505;transform:rotate(45deg)}
.seatmap-detail__adjacent{display:grid;grid-template-rows:1fr 1fr;background:linear-gradient(#cc92c6 0 48%,#ff9818 48% 100%);border:1px solid #555;overflow:hidden}
.seatmap-detail__adjacent span{font-size:64px;color:#050505;display:grid;place-items:center;transform:translateX(20px)}
.seatmap-canvas.is-detail .arena-map{display:none}
.seatmap-canvas.is-detail .seatmap-detail{display:grid}
.seatmap-canvas.is-detail{place-items:center}
.seatmap-toolbar button:focus-visible{outline:2px solid #f40009;outline-offset:2px}
@media(max-width:650px){.seatmap-detail{min-width:500px;height:420px;grid-template-columns:340px 135px;padding:10px;transform-origin:top left}.seatmap-detail__frame{padding:18px}.seatmap-seat-grid{gap:3px}.seat-dot{width:8px;height:8px}.seatmap-detail__section{left:80px;top:80px}.seatmap-detail__adjacent span{font-size:46px}}