kz-seatmap{--_kz-bg: var(--kz-bg, #ffffff);--_kz-surface: var(--kz-surface, #f4f8fe);--_kz-ink: var(--kz-ink, #0f1f3d);--_kz-ink-soft: var(--kz-ink-soft, #5b6b82);--_kz-line: var(--kz-line, #e3eaf5);--_kz-accent: var(--kz-accent, #1668e3);--_kz-accent-ink: var(--kz-accent-ink, #ffffff);--_kz-sold: var(--kz-sold, #6b7280);--_kz-dead: var(--kz-dead, #e5e7eb);--_kz-radius: var(--kz-radius, 16px);--_kz-tier-1: var(--kz-tier-1, #0b8a63);--_kz-tier-1-ink: var(--kz-tier-1-ink, #ffffff);--_kz-tier-2: var(--kz-tier-2, var(--kz-accent, #1668e3));--_kz-tier-3: var(--kz-tier-3, #5b3fd6);--_kz-tier-ink: var(--kz-night-ink, #ffffff);--_kz-ring-dark: var(--kz-night, #0f1f3d);display:block;color:var(--_kz-ink);font-family:var(--kz-font-body, inherit)}.kz-seatmap__head{margin-block-end:1.25rem}.kz-seatmap__title{font-family:var(--kz-font-display, inherit);font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);line-height:1.15;margin:0 0 .35rem}.kz-seatmap__subline{margin:0 0 .35rem;color:var(--_kz-ink-soft)}.kz-seatmap__summary{margin:0;font-size:.95rem}.kz-seatmap__layout{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr);align-items:start}@media screen and (min-width:990px){.kz-seatmap__layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:2rem}.kz-seatmap--ga .kz-seatmap__layout{grid-template-columns:minmax(0,1fr)}.kz-panel{position:sticky;top:var(--kz-panel-sticky-top, 1rem);max-height:calc(100vh - 2rem)}}.kz-seatmap__map{background:var(--_kz-surface);border:1px solid var(--_kz-line);border-radius:var(--_kz-radius);padding:1rem}.kz-map{display:block;width:100%;height:auto;max-height:70vh;margin:0 auto;font-family:var(--kz-font-body, inherit);-webkit-user-select:none;user-select:none}.kz-map__bowl{fill:var(--_kz-bg);stroke:var(--_kz-line);stroke-width:2}.kz-map__stage path{fill:var(--_kz-ink)}.kz-map__stage text{fill:var(--_kz-bg);font-size:18px;font-weight:700;letter-spacing:.12em}.kz-map__hatch-bg{fill:var(--_kz-dead)}.kz-map__hatch-line{stroke:var(--_kz-sold);stroke-width:4;opacity:.4}.kz-seg__shape{stroke:var(--_kz-bg);stroke-width:2.5;stroke-linejoin:round;transition:fill .16s ease,stroke .16s ease,filter .16s ease}.kz-seg__label{font-size:15px;font-weight:600;fill:var(--_kz-ink);pointer-events:none}.kz-map--johan-cruijff-arena .kz-seg__label{font-size:14px}.kz-seg--open{cursor:pointer}.kz-seg--open .kz-seg__shape{fill:var(--_kz-tier-2)}.kz-seg--open[data-tier="1"] .kz-seg__shape{fill:var(--_kz-tier-1)}.kz-seg--open[data-tier="3"] .kz-seg__shape{fill:var(--_kz-tier-3)}.kz-seg--open .kz-seg__label{fill:var(--_kz-tier-ink)}.kz-seg--open:hover .kz-seg__shape,.kz-seg--open:focus-visible .kz-seg__shape{filter:brightness(1.12)}.kz-seg--sold .kz-seg__shape{cursor:not-allowed}.kz-seg--sold .kz-seg__label{fill:var(--_kz-ink-soft)}.kz-seg--dead .kz-seg__shape{fill:var(--_kz-dead)}.kz-seg--dead .kz-seg__label{fill:var(--_kz-ink-soft);opacity:.7}.kz-seg[aria-pressed=true] .kz-seg__shape{stroke:var(--_kz-ring-dark);stroke-width:5}.kz-seatmap--filtered .kz-seg--open:not([aria-pressed=true]) .kz-seg__shape{opacity:.45}.kz-seg:focus{outline:none}.kz-seg:focus-visible .kz-seg__shape{stroke:var(--_kz-ring-dark);stroke-width:4}.kz-legend{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.85rem;color:var(--_kz-ink-soft)}.kz-legend__item{display:inline-flex;align-items:center;gap:.4rem}.kz-legend__range{color:var(--_kz-ink);font-weight:600}.kz-legend__swatch{width:14px;height:14px;border-radius:3px;flex:none;border:1px solid var(--_kz-line)}.kz-legend__swatch--tier-1{background:var(--_kz-tier-1);border-color:transparent}.kz-legend__swatch--tier-2{background:var(--_kz-tier-2);border-color:transparent}.kz-legend__swatch--tier-3{background:var(--_kz-tier-3);border-color:transparent}.kz-legend__swatch--dead{background:var(--_kz-dead)}.kz-legend__swatch--sold{background:var(--kz-sold-pattern, repeating-linear-gradient(45deg, var(--_kz-dead) 0 3px, var(--_kz-sold) 3px 5px))}.kz-panel{display:flex;flex-direction:column;background:var(--_kz-bg);border:1px solid var(--_kz-line);border-radius:var(--_kz-radius);overflow:hidden}.kz-panel__delivery{display:flex;gap:.5rem;align-items:flex-start;margin:0;padding:.75rem 1rem;font-size:.875rem;background:var(--_kz-surface);border-bottom:1px solid var(--_kz-line);color:var(--_kz-ink-soft)}.kz-panel__delivery-icon{flex:none;margin-top:.1rem;color:var(--kz-success, #15803d)}.kz-panel__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem .5rem}.kz-panel__title{margin:0;font-family:var(--kz-font-display, inherit);font-size:1.1rem}.kz-panel__reset{background:none;border:0;padding:0;color:var(--_kz-accent);font:inherit;font-size:.875rem;text-decoration:underline;cursor:pointer}.kz-panel__list{list-style:none;margin:0;padding:0 .5rem .5rem;overflow-y:auto;max-height:60vh;scroll-behavior:smooth}@media screen and (min-width:990px){.kz-panel__list{max-height:calc(100vh - 12rem)}}.kz-panel__item{border-top:1px solid var(--_kz-line);padding:.75rem .5rem;border-left:4px solid var(--_kz-tier-2);border-radius:0;transition:background .16s ease}.kz-panel__item[data-tier="1"]{border-left-color:var(--_kz-tier-1)}.kz-panel__item[data-tier="3"]{border-left-color:var(--_kz-tier-3)}.kz-panel__item:first-child{border-top:0}.kz-panel__item.is-active{background:var(--_kz-surface)}.kz-panel__item[hidden]{display:none}.kz-panel__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.25rem .75rem;align-items:center}.kz-panel__info{display:flex;flex-direction:column;min-width:0}.kz-panel__vak{font-weight:700}.kz-panel__meta{font-size:.8rem;color:var(--_kz-ink-soft)}.kz-panel__price{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.kz-panel__amount{font-weight:700;white-space:nowrap}.kz-panel__per{font-size:.7rem;color:var(--_kz-ink-soft)}.kz-panel__btn{--button-background-color: var(--_kz-accent);--button-text-color: var(--_kz-accent-ink);background:var(--_kz-accent);color:var(--_kz-accent-ink);border:0;border-radius:calc(var(--_kz-radius) * .6);padding:.55rem .9rem;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;min-height:0;min-width:0}.kz-panel__btn:hover,.kz-panel__btn:focus-visible{filter:brightness(1.1)}.kz-panel__btn--small{padding:.35rem .7rem;font-size:.8rem}.kz-panel__variants{list-style:none;margin:.6rem 0 0;padding:.25rem 0 0;border-top:1px dashed var(--_kz-line);display:grid;gap:.4rem}.kz-panel__variants[hidden]{display:none}.kz-panel__variant{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.75rem;align-items:center;font-size:.85rem}.kz-panel__variant.is-active .kz-panel__variant-info{font-weight:700}.kz-panel__variant-price{font-weight:600;white-space:nowrap}.kz-panel__empty{margin:0;padding:1rem;color:var(--_kz-ink-soft);font-size:.9rem}.kz-panel__empty[hidden]{display:none}@media(prefers-reduced-motion:reduce){.kz-seg__shape,.kz-panel__item{transition:none}.kz-panel__list{scroll-behavior:auto}}.kz-seg--small .kz-seg__label{font-size:12px;letter-spacing:.06em}.kz-seg--open[data-tier="1"] .kz-seg__label{fill:var(--_kz-tier-1-ink)}.kz-map--afas-live .kz-seg__label{font-size:20px}.kz-map__pitch-grass{fill:var(--kz-success-soft, #edf8f1);stroke:var(--_kz-line);stroke-width:2}.kz-map__pitch-lines{fill:none;stroke:var(--_kz-bg);stroke-width:3}.kz-map__pitch text{fill:var(--_kz-ink-soft);font-size:16px;font-weight:700;letter-spacing:.14em}.kz-map__pitch text.kz-map__stand{font-size:12px;letter-spacing:.2em}.kz-seatmap__viewport{position:relative;overflow:hidden;border-radius:calc(var(--_kz-radius) * .6);touch-action:pan-y}.kz-seatmap__viewport.is-zoomed{touch-action:none;cursor:grab}.kz-seatmap__canvas{transform-origin:0 0;will-change:transform}.kz-seatmap__zoom{position:absolute;right:.5rem;bottom:.5rem;display:flex;flex-direction:column;gap:.25rem}.kz-seatmap__zoom button{width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid var(--_kz-line);background:var(--_kz-bg);color:var(--_kz-ink);font:inherit;font-size:1.25rem;line-height:1;cursor:pointer}.kz-seatmap__zoom button:disabled{opacity:.4;cursor:default}.kz-seatmap__tip{position:absolute;top:0;left:0;z-index:2;max-width:calc(100% - 8px);padding:.35rem .6rem;border-radius:.5rem;background:var(--_kz-ring-dark);color:var(--_kz-tier-ink);font-size:.8rem;font-weight:600;white-space:nowrap;pointer-events:none}.kz-seatmap__tip[hidden]{display:none}.kz-seg.is-hover .kz-seg__shape{filter:brightness(1.12);stroke:var(--_kz-ring-dark)}.kz-panel__item.is-hover{background:var(--_kz-surface)}.kz-seg--dead{pointer-events:none}.kz-map--ziggo-dome .kz-seg__shape{stroke-width:6}.kz-map--ziggo-dome .kz-seg__label{font-size:18px}.kz-panel__from,.kz-panel__variant-price small{font-size:.7rem;font-weight:400;color:var(--_kz-ink-soft)}.kz-panel__item{cursor:pointer}.kz-map__deco{fill:var(--_kz-dead);stroke:var(--_kz-bg);stroke-width:2}.kz-panel__pack{display:block;font-size:.72rem;font-weight:400;color:var(--_kz-ink-soft)}.kz-panel__detail-head{padding:1rem 1rem .5rem}.kz-panel__detail-head[hidden],.kz-panel__detail[hidden]{display:none}.kz-panel__back{background:none;border:0;padding:0;margin:0 0 .5rem;color:var(--_kz-accent);font:inherit;font-size:.875rem;cursor:pointer}.kz-panel__detail-title{margin:0;font-family:var(--kz-font-display, inherit);font-size:1.25rem}.kz-panel__detail-title small{font-size:.85rem;font-weight:400;color:var(--_kz-ink-soft)}.kz-panel__detail{padding:0 1rem 1rem}.kz-panel__detail:empty{padding:0}.kz-seatmap--detail .kz-panel__head,.kz-seatmap--detail:not(.kz-seatmap--fallback) .kz-panel__list{display:none}.kz-seatmap--fallback .kz-panel__row{display:none}.kz-seatmap--fallback .kz-panel__variants{border-top:0;margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/kz-seatmap.css.map */