@charset "utf-8";

.loading-placeholder[_ngcontent-ng-c3777395752] { animation: 2s ease-in-out 0s infinite normal none running _ngcontent-ng-c3777395752_loading-placeholder-animation; background-image: linear-gradient(90deg,var(--neutral-200, #d9d9d9),var(--neutral-100, #f4f4f4),var(--neutral-200, #d9d9d9)); background-size: 100vw; }

.loading-placeholder[_ngcontent-ng-c3777395752] > [_ngcontent-ng-c3777395752] { visibility: hidden; }

@keyframes _ngcontent-ng-c3777395752_loading-placeholder-animation { 
  0% { background-position: -100vw 0px; }
  100% { background-position: 0px 0px; }
}

[_nghost-ng-c3777395752] { display: flex; flex: 1 1 0%; justify-content: center; padding: 0.3125rem 0px 0px; }

.is-desktop [_nghost-ng-c3777395752]:not(.v3) { margin-left: 7.5rem; }

button[_ngcontent-ng-c3777395752] { cursor: pointer; padding: 0px; }

@keyframes _ngcontent-ng-c3777395752_pulse { 
  0% { box-shadow: rgb(213, 229, 212) 0px 0px; }
  50% { box-shadow: 0 0 .5rem .1875rem var(--success-green, #2b7f27); }
  100% { box-shadow: rgb(213, 229, 212) 0px 0px; }
}

@keyframes _ngcontent-ng-c3777395752_bounce-tooltip-bottom { 
  100% { bottom: 1rem; }
}

@keyframes _ngcontent-ng-c3777395752_bounce-tooltip-top { 
  100% { top: 4.4375rem; }
}

.seatmap__container[_ngcontent-ng-c3777395752] { background-color: var(--light-base, #fff); border-bottom: .1875rem solid var(--light-grey, #c3c7cc); border-radius: 1rem 1rem 6.25rem 6.25rem / 3.25rem 3.25rem 6.25rem 6.25rem; border-left: .125rem solid var(--light-grey, #c3c7cc); border-right: .125rem solid var(--light-grey, #c3c7cc); margin: 0px 1.5625rem; padding: 0px 1rem 6rem; position: relative; }

.is-desktop[_nghost-ng-c3777395752] .seatmap__container[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .seatmap__container[_ngcontent-ng-c3777395752] { border-left-width: 0.1875rem; border-right-width: 0.1875rem; border-top-left-radius: 1rem 2rem; border-top-right-radius: 1rem 2rem; margin-top: 1.25rem; padding: 0px 0.75rem 10.125rem; }

.is-desktop[_nghost-ng-c3777395752] .seatmap__container--open-seatmap[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .seatmap__container--open-seatmap[_ngcontent-ng-c3777395752] { margin-top: -31.875rem; }

.seatmap__pointer-tooltip[_ngcontent-ng-c3777395752] { align-items: center; display: flex; flex-direction: column; pointer-events: none; position: fixed; width: 22rem; z-index: 1; }

.seatmap__pointer-tooltip--bottom[_ngcontent-ng-c3777395752] { animation: 0.8s cubic-bezier(0.3, -0.05, 0.7, -0.5) 0.1s infinite alternate none running _ngcontent-ng-c3777395752_bounce-tooltip-bottom; bottom: 0.75rem; }

.seatmap__pointer-tooltip--top[_ngcontent-ng-c3777395752] { animation: 0.8s cubic-bezier(0.3, -0.05, 0.7, -0.5) 0.1s infinite alternate none running _ngcontent-ng-c3777395752_bounce-tooltip-top; top: 4.1875rem; }

.seatmap__pointer-tooltip-text[_ngcontent-ng-c3777395752] { background-color: var(--success-green, #2b7f27); border-radius: 0.25rem; color: var(--light-base, #fff); cursor: pointer; max-width: 6.875rem; padding: 0.75rem 1rem; pointer-events: auto; text-align: center; }

.seatmap__pointer-tooltip-arrow-top[_ngcontent-ng-c3777395752] { background-color: var(--success-green, #2b7f27); height: 0.9375rem; width: 0.9375rem; transform: translateY(50%) rotate(45deg); }

.seatmap__pointer-tooltip-arrow-bottom[_ngcontent-ng-c3777395752] { background-color: var(--success-green, #2b7f27); height: 0.9375rem; width: 0.9375rem; transform: translateY(-50%) rotate(45deg); }

.seatmap__toilet[_ngcontent-ng-c3777395752] { display: none; position: absolute; width: 2.25rem; z-index: 1; }

.is-desktop[_nghost-ng-c3777395752] .seatmap__toilet[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .seatmap__toilet[_ngcontent-ng-c3777395752] { display: block; }

.seatmap__toilet--top[_ngcontent-ng-c3777395752] { left: 0.75rem; top: -1rem; }

.seatmap__toilet--left[_ngcontent-ng-c3777395752] { bottom: 7.5rem; left: 0.75rem; }

.seatmap__toilet--right[_ngcontent-ng-c3777395752] { bottom: 7.5rem; right: 0.75rem; }

.seatmap__head[_ngcontent-ng-c3777395752] { left: -0.125rem; position: absolute; top: 0px; transform: translateY(-90%); width: calc(100% + 0.25rem); }

.is-desktop[_nghost-ng-c3777395752] .seatmap__head[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .seatmap__head[_ngcontent-ng-c3777395752] { left: -0.1875rem; width: calc(100% + 0.375rem); }

.seatmap__column[_ngcontent-ng-c3777395752] { display: flex; padding-top: 1.5rem; position: relative; }

.seatmap__column-item[_ngcontent-ng-c3777395752] { display: flex; height: auto; color: var(--standard-grey, #6c7079); font-weight: 700; justify-content: center; margin-left: 0.625rem; width: 1.75rem; }

.is-desktop[_nghost-ng-c3777395752] .seatmap__column-item[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .seatmap__column-item[_ngcontent-ng-c3777395752] { margin-left: 0.75rem; width: 2rem; }

.seatmap__column-item[_ngcontent-ng-c3777395752]:first-child { margin-left: 0px; }

.is-desktop[_nghost-ng-c3777395752] .seatmap__column-item[_ngcontent-ng-c3777395752]:first-child, .is-desktop [_nghost-ng-c3777395752] .seatmap__column-item[_ngcontent-ng-c3777395752]:first-child { margin-left: 0px; }

.seatmap__column-item--aisle[_ngcontent-ng-c3777395752] { align-items: center; border-bottom: 0px; color: var(--standard-grey, #6c7079); font-weight: 400; width: 1.25rem; }

.is-desktop[_nghost-ng-c3777395752] .seatmap__column-item--aisle[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .seatmap__column-item--aisle[_ngcontent-ng-c3777395752] { width: 0.5rem; }

.seatmap__seatrow[_ngcontent-ng-c3777395752] { margin-top: 0.5rem; position: relative; }

.seatmap__seatrow--with-band[_ngcontent-ng-c3777395752] { margin-top: 1.125rem; padding-top: 1.125rem; }

.seatmap__seats[_ngcontent-ng-c3777395752] { display: flex; }

.seatmap__extraleg-label[_ngcontent-ng-c3777395752] { color: var(--primary-blue, #073590); height: 0.6875rem; text-align: center; }

.is-desktop[_nghost-ng-c3777395752] .seatmap__extraleg-label[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .seatmap__extraleg-label[_ngcontent-ng-c3777395752] { height: 0.75rem; }

.seatmap__extraleg[_ngcontent-ng-c3777395752] { border-radius: 0.5rem; display: flex; flex-direction: column; color: var(--standard-grey, #6c7079); font-weight: 700; justify-content: center; margin-left: 0.625rem; width: 1.75rem; }

.is-desktop[_nghost-ng-c3777395752] .seatmap__extraleg[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .seatmap__extraleg[_ngcontent-ng-c3777395752] { margin-left: 0.75rem; width: 2rem; }

.seatmap__extraleg[_ngcontent-ng-c3777395752]:first-child { margin-left: 0px; }

.is-desktop[_nghost-ng-c3777395752] .seatmap__extraleg[_ngcontent-ng-c3777395752]:first-child, .is-desktop [_nghost-ng-c3777395752] .seatmap__extraleg[_ngcontent-ng-c3777395752]:first-child { margin-left: 0px; }

.seatmap__extraleg--aisle[_ngcontent-ng-c3777395752] { text-align: center; align-items: center; border-bottom: 0px; color: var(--standard-grey, #6c7079); font-weight: 400; width: 1.25rem; }

.is-desktop[_nghost-ng-c3777395752] .seatmap__extraleg--aisle[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .seatmap__extraleg--aisle[_ngcontent-ng-c3777395752] { width: 0.5rem; }

.seatmap__extraleg--active[_ngcontent-ng-c3777395752] { background-color: rgb(205, 215, 233); }

.seatmap__extraleg--active.seatmap__extraleg--unavailable[_ngcontent-ng-c3777395752] { background-color: var(--bg-grey, #f4f4f4); }

.seatmap__seat[_ngcontent-ng-c3777395752] { align-items: center; border: 0.125rem solid transparent; border-radius: 0.5rem; display: flex; height: 1.75rem; justify-content: center; overflow: visible; position: relative; width: 100%; }

.is-desktop[_nghost-ng-c3777395752] .seatmap__seat[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .seatmap__seat[_ngcontent-ng-c3777395752] { height: 2rem; }

.seatmap__seat--aisle[_ngcontent-ng-c3777395752] { border: none; }

.seatmap__seat--undefined[_ngcontent-ng-c3777395752] { visibility: hidden; }

.seatmap__seat--pulse[_ngcontent-ng-c3777395752] { animation: 2s ease 0s infinite normal none running _ngcontent-ng-c3777395752_pulse; background-color: var(--success-green, #2b7f27); border-color: var(--success-green, #2b7f27); box-shadow: 0 0 0 var(--success-green, #2b7f27); }

.seatmap__seat--standard[_ngcontent-ng-c3777395752] { background-color: var(--light-blue, #166bc8); border-color: var(--light-blue, #166bc8); }

.seatmap__seat--standard.seatmap__seat--animate[_ngcontent-ng-c3777395752] { animation: 1s ease 0s 1 normal none running _ngcontent-ng-c3777395752_pulse-standard; }

@keyframes _ngcontent-ng-c3777395752_pulse-standard { 
  50% { background-color: var(--light-base, #fff); box-shadow: rgb(162, 196, 233) 0px 0px 0.125rem 0.125rem; }
}

.seatmap__seat--standard-light[_ngcontent-ng-c3777395752] { background-color: var(--light-blue-light-40, #73a6de); border-color: var(--light-blue-light-40, #73a6de); }

.seatmap__seat--extraleg[_ngcontent-ng-c3777395752] { background-color: var(--primary-blue, #073590); border-color: var(--primary-blue, #073590); }

.seatmap__seat--extraleg.seatmap__seat--animate[_ngcontent-ng-c3777395752] { animation: 1s ease 0s 1 normal none running _ngcontent-ng-c3777395752_pulse-extraleg; }

@keyframes _ngcontent-ng-c3777395752_pulse-extraleg { 
  50% { background-color: var(--light-base, #fff); box-shadow: rgb(57, 93, 166) 0px 0px 0.125rem 0.125rem; }
}

.seatmap__seat--extraleg-light[_ngcontent-ng-c3777395752] { background-color: var(--primary-blue-light-40, #6a86bc); border-color: var(--primary-blue-light-40, #6a86bc); }

.seatmap__seat--priority[_ngcontent-ng-c3777395752] { background-color: var(--main-yellow, #f1c933); border-color: var(--main-yellow, #f1c933); }

.seatmap__seat--priority.seatmap__seat--animate[_ngcontent-ng-c3777395752] { animation: 1s ease 0s 1 normal none running _ngcontent-ng-c3777395752_pulse-priority; }

@keyframes _ngcontent-ng-c3777395752_pulse-priority { 
  50% { background-color: var(--light-base, #fff); box-shadow: rgb(249, 233, 173) 0px 0px 0.125rem 0.125rem; }
}

.seatmap__seat--selected[_ngcontent-ng-c3777395752] { background-color: var(--success-green, #2b7f27); border-color: var(--success-green, #2b7f27); }

.seatmap__seat--locked[_ngcontent-ng-c3777395752] { background-color: var(--success-green-light-60, #aacca9); border-color: var(--success-green-light-60, #aacca9); color: var(--light-base, #fff); }

.seatmap__seat--unavailable[_ngcontent-ng-c3777395752] { background-color: var(--lighter-grey, #e0e1e3); border-color: var(--lighter-grey, #e0e1e3); }

.seatmap__seat--unavailable-light[_ngcontent-ng-c3777395752] { background-color: var(--light-grey-light-40, #dbdde0); border-color: var(--light-grey-light-40, #dbdde0); }

.seatmap__seat--random[_ngcontent-ng-c3777395752] { background-color: var(--warning-orange-light-40, #da9367); border-color: var(--warning-orange-light-40, #da9367); }

.seatmap__seat-text[_ngcontent-ng-c3777395752] { color: var(--light-base, #fff); font-weight: 700; margin-top: 0.125rem; text-align: center; width: 100%; }

.seatmap__seat-icon[_ngcontent-ng-c3777395752] { fill: var(--light-base, #fff); justify-self: center; margin-top: 0.125rem; }

.plane-gates[_ngcontent-ng-c3777395752] { background-color: var(--light-grey, #c3c7cc); bottom: 0px; height: 1.5rem; margin-bottom: 0.75rem; overflow: visible; position: absolute; width: 0.3125rem; }

.is-desktop[_nghost-ng-c3777395752] .plane-gates[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .plane-gates[_ngcontent-ng-c3777395752] { height: 1.875rem; width: 0.4375rem; }

.plane-gates--left[_ngcontent-ng-c3777395752] { left: 0px; transform: translate(-1.25rem); }

.is-desktop[_nghost-ng-c3777395752] .plane-gates--left[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .plane-gates--left[_ngcontent-ng-c3777395752] { transform: translate(-1.0625rem); }

.plane-gates--right[_ngcontent-ng-c3777395752] { right: 0px; transform: translate(1.25rem); }

.is-desktop[_nghost-ng-c3777395752] .plane-gates--right[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .plane-gates--right[_ngcontent-ng-c3777395752] { transform: translate(1.0625rem); }

.plane-gates--top[_ngcontent-ng-c3777395752] { margin-bottom: 1.6875rem; }

.plane-gates--bottom[_ngcontent-ng-c3777395752] { margin-bottom: -0.5rem; }

.is-desktop[_nghost-ng-c3777395752] .plane-gates--bottom[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .plane-gates--bottom[_ngcontent-ng-c3777395752] { margin-bottom: -4.625rem; }

.exit-arrow[_ngcontent-ng-c3777395752] { fill: var(--light-grey, #c3c7cc); position: relative; top: 0.1875rem; }

.exit-arrow--left[_ngcontent-ng-c3777395752] { transform: translate(-100%); }

.exit-arrow--right[_ngcontent-ng-c3777395752] { right: -0.5rem; transform: rotate(180deg); }

.wings[_ngcontent-ng-c3777395752] { overflow: visible; position: relative; z-index: 0; }

.wings__plane-wing[_ngcontent-ng-c3777395752] { background-repeat: no-repeat; background-size: 10.9375rem 18.75rem; height: 21.875rem; pointer-events: none; position: absolute; visibility: visible; width: 12.5rem; }

.is-desktop[_nghost-ng-c3777395752] .wings__plane-wing[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .wings__plane-wing[_ngcontent-ng-c3777395752] { background-size: 60rem; height: 80rem; }

.wings__plane-wing--left[_ngcontent-ng-c3777395752] { left: -1rem; transform: rotateY(180deg) translate(100%); }

.is-desktop[_nghost-ng-c3777395752] .wings__plane-wing--left[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .wings__plane-wing--left[_ngcontent-ng-c3777395752] { left: -0.75rem; width: 12.625rem; }

.wings__plane-wing--right[_ngcontent-ng-c3777395752] { right: -1rem; transform: translate(100%); }

.is-desktop[_nghost-ng-c3777395752] .wings__plane-wing--right[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .wings__plane-wing--right[_ngcontent-ng-c3777395752] { right: -0.75rem; width: 41.375rem; }

.is-desktop[_nghost-ng-c3777395752] .wings__plane-wing--left.wings__plane-wing--v3[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .wings__plane-wing--left.wings__plane-wing--v3[_ngcontent-ng-c3777395752], .is-desktop[_nghost-ng-c3777395752] .wings__plane-wing--right.wings__plane-wing--v3[_ngcontent-ng-c3777395752], .is-desktop [_nghost-ng-c3777395752] .wings__plane-wing--right.wings__plane-wing--v3[_ngcontent-ng-c3777395752] { width: 27rem; }