.reference-map-section{background:#fafbfc;padding:34px 0 70px;color:#111}.reference-map-page{box-sizing:border-box;padding:0 20px;width:100%}.reference-map-title{font-size:24px;line-height:1.1;text-transform:uppercase;margin:0 0 20px;font-weight:700}.reference-map-preview-notice{margin:0 0 16px;padding:10px 14px;border-left:5px solid #ed0000;background:#fff0ee;color:#651b16;font-size:14px}.reference-map-information{min-height:48px;background:#b8e1f7;border-left:5px solid #3989d1;color:#676767;display:flex;align-items:center;padding:8px 14px;gap:14px;margin-bottom:20px}.reference-map-information>span{width:27px;height:27px;flex:none;border-radius:50%;background:#3989d1;color:#fff;display:grid;place-items:center;font-weight:700;font-family:Arial}.reference-map-information p{margin:0;font-size:15px}.reference-map-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,1fr);gap:30px;align-items:start}.reference-map-canvas-wrap{min-width:0;position:relative;border-right:1px solid #e4e4e4}.reference-map-canvas{height:680px;display:grid;place-items:center;overflow:auto;--reference-map-scale:1}.reference-map-overview{display:block;width:min(100%,680px);height:min(100%,660px);transform:scale(var(--reference-map-scale));transform-origin:center;transition:transform .2s}.reference-map-overview[hidden],.reference-map-detail[hidden]{display:none}.reference-map-zone{cursor:pointer;outline:none}.reference-map-zone>rect,.reference-map-zone>polygon,.reference-map-zone>path,.reference-map-zone>circle{fill:var(--map-category,#ddd);stroke:#fff;stroke-width:18;transition:filter .15s,stroke .15s}.reference-map-zone>text{font-family:Arial,sans-serif;font-weight:500;fill:#111;pointer-events:none}.reference-map-zone:hover>rect,.reference-map-zone:hover>polygon,.reference-map-zone:hover>path,.reference-map-zone:hover>circle,.reference-map-zone:focus-visible>rect,.reference-map-zone:focus-visible>polygon,.reference-map-zone:focus-visible>path,.reference-map-zone:focus-visible>circle{filter:brightness(1.17);stroke:#ed0000}.reference-map-zone.is-selected>rect,.reference-map-zone.is-selected>polygon,.reference-map-zone.is-selected>path,.reference-map-zone.is-selected>circle{stroke:#ed0000;stroke-width:28}.reference-map-decoration-line{stroke:#111;stroke-width:10;pointer-events:none}.reference-map-decoration-text{fill:#111;font-family:Arial,sans-serif;pointer-events:none}.reference-map-detail{position:relative;width:100%;height:100%;display:grid;place-items:center;transform:scale(var(--reference-map-scale));transform-origin:center;transition:transform .2s}.reference-map-detail svg{width:min(100%,670px);height:660px;overflow:visible}.reference-map-detail svg>rect,.reference-map-detail svg>path,.reference-map-detail svg>polygon,.reference-map-detail svg>circle:not(.reference-map-seat-dot){fill:#fff;stroke:#555;stroke-width:4}.reference-map-seat-dot{fill:#e7e7e7;stroke:none;cursor:pointer;outline:none;transition:fill .12s}.reference-map-seat-dot:hover,.reference-map-seat-dot:focus-visible{fill:#ff9818;stroke:#ff9818;stroke-width:4}.reference-map-seat-dot.is-selected{fill:#ed0000;stroke:#ed0000;stroke-width:3}.reference-map-tooltip{position:absolute;top:28px;left:26%;max-width:50%;padding:12px 17px;background:#050505;color:#fff;border-radius:5px;font-size:17px;pointer-events:none}.reference-map-toolbar{position:absolute;z-index:3;bottom:16px;left:16px;display:flex;gap:5px;background:#fff;padding:5px;border-radius:20px;box-shadow:0 2px 10px #0002}.reference-map-toolbar button{width:25px;height:25px;border:2px solid #2d3444;border-radius:50%;background:#fff;color:#2d3444;font:700 16px/19px Arial;padding:0;cursor:pointer}.reference-map-toolbar button:focus-visible{outline:2px solid #ed0000;outline-offset:2px}.reference-map-tickets{min-width:0;max-height:min(790px,calc(100vh - 190px));overflow-y:auto;padding-right:3px}.reference-map-selection{position:sticky;top:0;z-index:2;background:#fff;border:1px solid #e8e8e8;padding:11px 15px;margin-bottom:7px;font-size:14px;line-height:1.35;color:#333;overflow-wrap:anywhere}.reference-map-tickets form,.reference-map-tickets [data-map-ticket-list]{display:grid;gap:2px}.reference-map-ticket__quantity[hidden],.reference-map-ticket__counter[hidden]{display:none}.reference-map-ticket{--category:#28dff0;min-height:82px;background:#fff;border:1px solid #ececec;border-left:5px solid var(--category);border-radius:5px;display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;column-gap:8px;padding:9px 20px 9px 7px;transition:background .15s,box-shadow .15s}.reference-map-ticket.is-map-hovered{background:#fff2ee}.reference-map-ticket.is-map-selected{background:#fff0eb;box-shadow:0 3px 12px #0001}.reference-map-ticket--0{--category:#9631ff}.reference-map-ticket--1{--category:#2ee6ed}.reference-map-ticket--2{--category:#ff46aa}.reference-map-ticket--3{--category:#ffe500}.reference-map-ticket--4{--category:#ff8d00}.reference-map-ticket--5{--category:#79ff17}.reference-map-ticket--6{--category:#3989ff}.reference-map-ticket__arrow{font:36px/1 Arial;color:#ed0000;transform:translateY(-2px)}.reference-map-ticket__price{font-size:18px;display:flex;align-items:center;gap:7px;white-space:nowrap}.reference-map-ticket__info{display:inline-grid;place-items:center;width:18px;height:18px;border:2px solid #111;border-radius:50%;font:700 11px Arial;margin-left:8px}.reference-map-ticket__name{font-size:17px;line-height:1.15;text-transform:uppercase;margin-top:3px;overflow-wrap:anywhere}.reference-map-ticket__quantity{font-size:13px;color:#666;white-space:nowrap}.reference-map-ticket__counter{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700}.reference-map-ticket__counter button{width:25px;height:25px;border-radius:50%;border:2px solid #111;background:#fff;font-size:18px;line-height:18px;padding:0;cursor:pointer}.reference-map-ticket__add{width:74px;height:48px;border:0;background:#aaa;color:#fff;transform:skew(-24deg);font-size:13px;font-weight:700;text-transform:uppercase;cursor:pointer}.reference-map-ticket__add span{display:block;transform:skew(24deg)}.reference-map-ticket__add:not(:disabled){background:#ed0000}.reference-map-ticket__add:disabled{cursor:not-allowed}.reference-map-zone>text{letter-spacing:0;paint-order:stroke;stroke:none}.reference-map-ticket{grid-template-columns:22px minmax(0,1fr) auto auto;row-gap:6px;cursor:pointer}.reference-map-ticket__expanded{grid-column:2/-1;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;padding:8px 0 5px}.reference-map-ticket__expanded[hidden]{display:none}.reference-map-ticket__section{justify-self:start;background:#ed0000;color:#fff;padding:4px 9px;font-size:14px}.reference-map-ticket__expanded>button{justify-self:start;border:0;background:none;padding:0;text-decoration:underline;font-weight:700}.reference-map-ticket__expanded label{grid-column:1/-1;border:1px solid #ed0000;border-radius:9px;padding:9px 12px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;text-transform:uppercase}.reference-map-ticket__expanded input{min-width:0;width:min(190px,45%);border:0;border-bottom:1px solid #777;outline:0;background:transparent;font-weight:400;text-transform:none}.reference-map-ticket__expanded input:focus{border-bottom-color:#ed0000}.reference-map-detail svg{overflow:hidden}.reference-map-tooltip{left:50%;transform:translate(-50%);max-width:90%;white-space:nowrap}@media(max-width:990px){.reference-map-shell{grid-template-columns:1fr;gap:20px}.reference-map-canvas-wrap{border-right:0}.reference-map-tickets{max-height:none}.reference-map-canvas{height:570px}.reference-map-detail svg{height:550px}}@media(max-width:650px){.reference-map-page{padding:0 14px}.reference-map-title{font-size:20px}.reference-map-information p{font-size:12px}.reference-map-canvas{height:410px}.reference-map-overview,.reference-map-detail{min-width:440px}.reference-map-detail svg{height:400px}.reference-map-ticket{grid-template-columns:16px minmax(0,1fr) auto;min-height:75px;padding-right:11px}.reference-map-ticket__quantity,.reference-map-ticket__counter{grid-column:2;grid-row:2}.reference-map-ticket__add{grid-column:3;grid-row:1/3;width:64px;height:42px}.reference-map-ticket__price{font-size:15px}.reference-map-ticket__name,.reference-map-tooltip{font-size:13px}}@media(max-width:650px){.reference-map-ticket__expanded{grid-column:1/-1;grid-template-columns:1fr}.reference-map-ticket__expanded label{grid-column:1}.reference-map-canvas{height:440px}.reference-map-overview{min-width:0;width:100%;height:100%}.reference-map-detail{min-width:0}.reference-map-detail svg{height:430px}.reference-map-ticket__counter,.reference-map-ticket__quantity{grid-row:auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/arena-map.css.map */