@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
.T_24E {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}
.T_24E * {
  box-sizing: border-box;
}
.T_24E h1,
.T_24E h2,
.T_24E h3,
.T_24E h4,
.T_24E h5,
.T_24E h6 {
  font-weight: 700;
  margin: unset;
}
.T_24E h1 {
  font-size: 42px;
  line-height: 1.15;
}
.T_24E h2 {
  font-size: 36px;
  line-height: 1.11;
}
.T_24E h3 {
  font-size: 16px;
  line-height: 1.25;
}
@media (min-width: 481px) {
  .T_24E h3 {
    font-size: 24px;
    line-height: 1.33;
  }
}
.T_24E h4 {
  line-height: 1.14;
  font-size: 21px;
}
.T_24E h5 {
  font-size: 14px;
  line-height: 1.14;
}
.LWO7o {
  width: 100%;
  height: 320px;
  display: grid;
  grid-row-gap: 16px;
  align-items: start;
  position: relative;
  grid-template-columns: 1fr 400px;
  grid-template-areas: 'map component';
}
@media (min-width: 768px) {
  .LWO7o {
    height: 520px;
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .LWO7o {
    height: 756px;
    margin-bottom: 64px;
  }
}
.s0IKf {
  width: 100%;
  height: 320px;
  display: grid;
  grid-row-gap: 16px;
  align-items: start;
  position: relative;
  grid-template-columns: 1fr 48px 400px;
  grid-template-areas: 'map mode-selection component';
}
@media (min-width: 768px) {
  .s0IKf {
    height: 520px;
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .s0IKf {
    height: 756px;
    margin-bottom: 64px;
  }
}
.F_uwS {
  width: 100%;
  height: 320px;
  display: grid;
  grid-row-gap: 16px;
  align-items: start;
  position: relative;
  grid-template-columns: 1fr;
  grid-template-areas: 'map';
}
@media (min-width: 768px) {
  .F_uwS {
    height: 520px;
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .F_uwS {
    height: 756px;
    margin-bottom: 64px;
  }
}
.F_uwS.Qa7cc {
  height: unset;
  grid-template-rows: 360px;
  pointer-events: none;
}
.k3KJ3 {
  width: 100%;
  height: 320px;
  display: grid;
  grid-row-gap: 16px;
  align-items: start;
  position: relative;
  grid-template-columns: 100%;
  grid-template-rows: 1fr auto;
  grid-template-areas: 'map' 'seat-legend';
}
@media (min-width: 768px) {
  .k3KJ3 {
    height: 520px;
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .k3KJ3 {
    height: 756px;
    margin-bottom: 64px;
  }
}
.k3KJ3.YbHRh.us6du.pm7Af {
  grid-template-areas: 'map' 'map3d-actions' 'seat-legend' 'tickets-summary';
}
@media (min-width: 768px) {
  .k3KJ3.YbHRh.us6du.pm7Af {
    grid-template-areas: 'map tickets-summary' 'seat-legend seat-legend';
  }
}
.k3KJ3.YbHRh.us6du:not(.pm7Af) {
  grid-template-areas: 'map' 'map3d-actions' 'seat-legend' 'tickets-summary';
}
@media (min-width: 768px) {
  .k3KJ3.YbHRh.us6du:not(.pm7Af) {
    grid-template-areas: 'map' 'seat-legend' 'tickets-summary';
  }
}
.k3KJ3.YbHRh:not(.us6du) {
  grid-template-areas: 'map' 'map3d-actions' 'seat-legend';
}
@media (min-width: 768px) {
  .k3KJ3.YbHRh:not(.us6du) {
    grid-template-areas: 'map' 'seat-legend';
  }
}
.k3KJ3:not(.YbHRh).us6du.pm7Af {
  grid-template-areas: 'map' 'seat-legend' 'tickets-summary';
}
@media (min-width: 768px) {
  .k3KJ3:not(.YbHRh).us6du.pm7Af {
    grid-template-areas: 'map tickets-summary' 'seat-legend seat-legend';
  }
}
.k3KJ3:not(.YbHRh).us6du:not(.pm7Af) {
  grid-template-areas: 'map' 'seat-legend' 'tickets-summary';
}
@media (min-width: 768px) {
  .k3KJ3 {
    max-width: 1136px;
  }
  .k3KJ3.pm7Af.Ngywx {
    grid-template-columns: 1fr 448px;
  }
  .k3KJ3.pm7Af.xvfCT {
    grid-template-columns: 1fr 88px;
  }
}

.qFps8 {
  grid-area: component;
  padding: 32px 24px 24px 24px;
  height: 100%;
  display: grid;
  grid-row-gap: 16px;
}
.qFps8.kJDuP {
  grid-template-rows: 1fr 32px;
}
.qFps8.nEffl {
  grid-template-rows: 1fr 28px;
  padding-bottom: 0;
}
.qFps8.kJDuP.nEffl {
  grid-template-rows: 1fr 32px 28px;
}
.zVLQO {
  visibility: hidden;
  display: grid;
  padding: 0 24px;
}
.txsuG {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  outline: none;
  cursor: pointer;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  min-width: 140px;
  height: 32px;
  padding: 4px;
  border-radius: 18px !important;
}
.txsuG:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.txsuG.E0qd2.OgJyc {
  background: #ee0c2c;
  color: #fff;
  border: 1px solid #ee0c2c;
}
.txsuG.E0qd2.JpFzS {
  background: #fff;
  color: #ee0c2c;
  border: 1px solid #ee0c2c;
}
.txsuG.E0qd2:hover {
  background: #d1102b;
  color: #fff;
  border: 1px solid #d1102b;
}
.txsuG.AE6DZ {
  background: #282522;
  color: #fff;
}
.txsuG.AE6DZ.OgJyc {
  background: #282522;
  color: #fff;
  border: 1px solid #282522;
}
.txsuG.AE6DZ.JpFzS {
  background: #fff;
  color: #282522;
  border: 1px solid #282522;
}
.txsuG.AE6DZ:hover {
  background: #282522;
  color: #fff;
  border: 1px solid #282522;
}
.AKqIb {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(40, 37, 34, 0.4);
  display: grid;
  justify-content: center;
  align-items: center;
}
.eFT4X {
  position: relative;
  background-color: #fff;
  border-radius: 16px !important;
  padding: 56px 80px;
  width: 512px;
  display: grid;
  grid-row-gap: 16px;
}
.V4qIq {
  position: absolute;
  top: 23px;
  right: 23px;
  border: unset !important;
}
.V4qIq span {
  transition: all 300ms ease;
  font-size: 12px;
}
.V4qIq:hover {
  background-color: #fff !important;
}
.V4qIq:hover span {
  color: #ee0c2c;
}
.rb_l4 {
  padding-top: 8px;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-column-gap: 8px;
}
.gA01t {
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  cursor: pointer;
  padding: unset;
  border-color: rgba(0, 0, 0, 0);
}
.LKNf8 {
  border-radius: 100% !important;
}
.YUuff {
  background-color: #fff;
}
.KBqcX {
  background-color: #f3f3f3;
}
.NYkj1 {
  border: unset;
}
.MQ5Mw {
  border: 1px solid #282522;
}
.op1XZ {
  border: 1px solid #ee0c2c;
}
.MQ5Mw.F6nwL > div > span {
  font-size: 10px;
}
.op1XZ.F6nwL > div > span {
  font-size: 10px;
}
.b76A9:hover {
  border: 1px solid #f3f3f3;
  background-color: #f3f3f3;
}
.y9qJA:hover {
  border: 1px solid #e1e1e1;
  background-color: #e1e1e1;
}
.ZMcHw:hover {
  border: 1px solid #ee0c2c;
  background-color: #ee0c2c;
}
.ZMcHw:hover > div {
  color: #fff !important;
}
.Vgn5k > div {
  color: #f3f3f3 !important;
}
._1LW7 > div {
  color: #e1e1e1 !important;
}
.lyQ4O > div {
  color: #ee0c2c !important;
}
.Y2lwW > div {
  color: #282522 !important;
}
.pADtB > div {
  color: #fff !important;
}
.F6nwL {
  width: 22px;
  height: 22px;
}
.o6EXd {
  width: 32px;
  height: 32px;
}
.mZqMM {
  width: 40px;
  height: 40px;
}
._JX0J {
  width: 48px;
  height: 48px;
}
.IEjKV {
  cursor: none;
  pointer-events: none;
}
.IEjKV.PJoKH {
  border: 1px solid #ee0c2c;
  background-color: #ee0c2c;
}
.IEjKV.PJoKH > div {
  color: #fff !important;
}
.IEjKV.tw0mA {
  border: 1px solid #fff;
  background-color: #fff;
}
.E6Vf0 {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}
@font-face {
  font-family: 'cartographer_iconset';
  src: url(c1189cae512c09b259a6.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.huadz {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 100% !important;
}
.huadz.hLq3O {
  color: #ee0c2c;
}
.huadz.hLq3O.zONNv {
  border-color: #ee0c2c;
}
.huadz.MjhwO {
  color: #282522;
}
.huadz.MjhwO.zONNv {
  border-color: #282522;
}
.huadz.b3ysu {
  color: #fff;
}
.huadz.b3ysu.zONNv {
  border-color: #fff;
}
.huadz.zONNv {
  border: 1px solid;
}
.huadz [class^='icon-'],
.huadz [class*=' icon-'],
.huadz .uxgGe {
  font-family: 'cartographer_iconset' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.huadz .VIN8e:before {
  content: '';
}
.huadz .l7JSl:before {
  content: '';
}
.huadz .fzysH:before {
  content: '';
}
.huadz .ofF1R:before {
  content: '';
}
.huadz .c29wq:before {
  content: '';
}
.huadz .llepH:before {
  content: '';
}
.huadz .BA_re:before {
  content: '';
}
.huadz .yNcrj:before {
  content: '';
}
.huadz .uBzBu:before {
  content: '';
}
.huadz .l5XQO:before {
  content: '';
}
.huadz .TgaRo:before {
  content: '';
}
.huadz .EXWNu:before {
  content: '';
}
.huadz .cNrhZ:before {
  content: '';
}
.huadz .doCqr:before {
  content: '';
}
.huadz .sVDNz:before {
  content: '';
}
.huadz .r9pa3:before {
  content: '';
}
.huadz .RmZpl:before {
  content: '';
}
.huadz .k5pCx:before {
  content: '';
}
.huadz .PcSzd:before {
  content: '';
}
.huadz .u9zjI:before {
  content: '';
}
.huadz .uCI2w:before {
  content: '';
}
.huadz .V0mG9:before {
  content: '';
}
.huadz .Ia_vZ:before {
  content: '';
}
.huadz .VW_Ol:before {
  content: '';
}
.huadz .rNrIF:before {
  content: '';
}
.huadz .JmfGq:before {
  content: '';
}
.huadz .cn9OO:before {
  content: '';
}
.huadz .CR_4Y:before {
  content: '';
}
.huadz .cigUf:before {
  content: '';
}
.huadz .QaHh5:before {
  content: '';
}
.huadz .EeUQx:before {
  content: '';
}
.huadz .AZX90:before {
  content: '';
}
.huadz .GHGdw:before {
  content: '';
}
.huadz .bTR5I:before {
  content: '';
}
.huadz .lQfBe:before {
  content: '';
}
.huadz .YnH1m:before {
  content: '';
}
.huadz .E9F_8:before {
  content: '';
}
.huadz .o6b59:before {
  content: '';
}
.huadz .WN_1k:before {
  content: '';
}
.huadz .rN0Qz:before {
  content: '';
}
.huadz .x9bT9:before {
  content: '';
}
.huadz .wxazP:before {
  content: '';
}
.dIOjv {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-radius: 24px !important;
  background-color: #fff !important;
  opacity: 1 !important;
}
.hc7rD {
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #282522;
}
.oGlvk {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
}
.oGlvk.eb4Yy {
  color: #797979;
}
.oGlvk.JBHpw {
  color: #282522;
}
.TqwnB {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}
.TqwnB.eb4Yy {
  color: #797979;
}
.TqwnB.JBHpw {
  color: #282522;
}
.uNSoj {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.uNSoj.eb4Yy {
  color: #797979;
}
.uNSoj.JBHpw {
  color: #282522;
}
.mhTMt {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
}
.mhTMt.eb4Yy {
  color: #797979;
}
.mhTMt.JBHpw {
  color: #282522;
}
.L2SPt {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vRZ1p {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.vRZ1p * {
  flex: 1;
}
.e8B_Z {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.e8B_Z .eTTEj {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #282522;
}
.e8B_Z .CoMCj {
  position: relative;
  width: 100%;
  border-radius: 16px !important;
  border: none;
  cursor: pointer;
}
.e8B_Z .CoMCj span {
  font-size: 10px;
}
.e8B_Z .CoMCj .bqcaI {
  position: absolute;
  z-index: 2;
  top: 100%;
  width: 100%;
  cursor: pointer;
  background-color: #fff;
  padding-bottom: 6px;
  border-top: none;
  border-bottom: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.e8B_Z .CoMCj .Z02lm {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  color: #282522;
  padding: 4px 16px;
}
.e8B_Z .CoMCj .Z02lm.RGiwy {
  color: #a7a7a7;
}
.e8B_Z .CoMCj .MniIN {
  height: 1px;
  margin: 0 16px 4px 16px;
  background-color: #e1e1e1;
}
.e8B_Z .CoMCj .pY011 {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 16px;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 16px !important;
}
.e8B_Z .CoMCj .pY011 .ADDrn {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.e8B_Z .CoMCj .pY011 .uvWcg {
  display: flex;
  justify-content: flex-end;
}
.e8B_Z .CoMCj .pY011.LfpMM {
  border-bottom: none;
  border-radius: 16px 16px 0 0 !important;
}
.e8B_Z .CoMCj .pY011.LfpMM .ADDrn {
  color: #a7a7a7;
}
.wAtTM {
  width: 100%;
}
.EOPyA {
  height: 32px;
  appearance: none;
  outline: none;
  border: 1px solid #282522;
  border-radius: 16px !important;
  padding: 0 16px;
  display: grid;
  align-items: center;
}
.EOPyA::placeholder {
  color: #a7a7a7;
  opacity: 1;
}
.EOPyA:-ms-input-placeholder {
  color: #a7a7a7;
}
.EOPyA::-ms-input-placeholder {
  color: #a7a7a7;
}
.kHTKi {
  grid-area: mode-selection;
  height: 100%;
  background-color: #f3f3f3;
  padding-top: 16px;
}
.Ni_nL {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  align-items: center;
  margin-bottom: 21px;
  position: relative;
}
.nCaKT {
  position: absolute;
  width: 400px;
  height: 459px;
  z-index: 9999;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.18);
  border-radius: 24px !important;
  top: -18px;
  right: -10px;
  padding: 24px;
}
._S4i3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Ski2n {
  font-weight: 600;
}
.M7Mv7 {
  display: grid;
  row-gap: 8px;
  margin-top: 34px;
}
.M7Mv7 > div {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 269px 59px;
  column-gap: 24px;
  align-items: center;
}
.KAOlR {
  margin-top: 8px;
  width: 50%;
}
.K0dg6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 32px;
}
.A2Ie_ {
  width: 352px;
  height: 1px;
  background-color: #e1e1e1;
}
.mDGNl {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mDGNl > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.u3JJq {
  position: absolute;
  bottom: 26px;
  left: 26px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.FRP9g {
  width: 8px;
  height: 8px;
  border-radius: 100% !important;
  background: #23b832;
}
.LAbH6 {
  border: unset !important;
}
.LAbH6:hover {
  background-color: #fff;
}
.LAbH6:hover span {
  color: #ee0c2c;
}
.m2Giu input[type='checkbox'] {
  width: 0;
  height: 0;
  display: none;
}
.m2Giu label {
  display: block;
  position: relative;
  cursor: pointer;
  box-shadow: 0 0 20px rgba(71, 122, 133, 0.3137254902);
}
.m2Giu label::after {
  content: '';
  background-color: #fff;
  position: absolute;
  border-radius: 50% !important;
  transition: 0.25s;
}
.m2Giu label:active:after {
  width: 20px;
}
.m2Giu.wf7iN.qy2XH label {
  width: 48px;
  height: 24px;
  border-radius: 16px !important;
}
.m2Giu.wf7iN.qy2XH label::after {
  width: 20px;
  height: 20px;
  top: 2px;
  left: 2px;
}
.m2Giu.wf7iN.qy2XH input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.m2Giu.wf7iN.zNnS1 label {
  width: 40px;
  height: 20px;
  border-radius: 16px !important;
}
.m2Giu.wf7iN.zNnS1 label::after {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}
.m2Giu.wf7iN.zNnS1 input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.m2Giu.XUzDf {
  margin: 0 2px;
}
.m2Giu.XUzDf.qy2XH label {
  width: 32px;
  height: 12px;
  border-radius: 16px !important;
}
.m2Giu.XUzDf.qy2XH label::after {
  width: 20px;
  height: 20px;
  top: -4px;
  left: -2px;
}
.m2Giu.XUzDf.qy2XH input:checked + label:after {
  left: calc(100% + 2px);
  transform: translateX(-100%);
}
.m2Giu.XUzDf.zNnS1 label {
  width: 24px;
  height: 10px;
  border-radius: 16px !important;
}
.m2Giu.XUzDf.zNnS1 label::after {
  width: 16px;
  height: 16px;
  top: -3px;
  left: 0px;
}
.m2Giu.XUzDf.zNnS1 input:checked + label:after {
  left: 100%;
  transform: translateX(-100%);
}
.m2Giu.tK9MB.qy2XH label {
  width: 48px;
  height: 24px;
  border-radius: 8px !important;
}
.m2Giu.tK9MB.qy2XH label::after {
  width: 16px;
  height: 16px;
  top: 4px;
  left: 4px;
}
.m2Giu.tK9MB.qy2XH input:checked + label:after {
  left: calc(100% - 4px);
  transform: translateX(-100%);
}
.m2Giu.tK9MB.zNnS1 label {
  width: 40px;
  height: 20px;
  border-radius: 8px !important;
}
.m2Giu.tK9MB.zNnS1 label::after {
  width: 12px;
  height: 12px;
  top: 4px;
  left: 4px;
}
.m2Giu.tK9MB.zNnS1 input:checked + label:after {
  left: calc(100% - 4px);
  transform: translateX(-100%);
}
.m2Giu.WtPAU label {
  background-color: #d1d1d6;
}
.m2Giu.WtPAU input:checked + label {
  background-color: #1dc9a0;
}
.m2Giu._p_mX label {
  background-color: #c7c7cc;
}
.m2Giu._p_mX input:checked + label {
  background-color: #12b28c;
}
.m2Giu._UEB2 label {
  background-color: #d1d1d6;
}
.m2Giu._UEB2 input:checked + label {
  background-color: #ee0c2c;
}
.m2Giu.SF10A label {
  background-color: #c7c7cc;
}
.m2Giu.SF10A input:checked + label {
  background-color: #d1102b;
}
.m2Giu.qanbM label {
  background-color: #f2f2f7;
}
.m2Giu.qanbM label::after {
  background-color: #e5e5ea;
}
.m2Giu.qanbM input:checked + label {
  background-color: #f2f2f7;
}
.o2MJl {
  display: grid;
  grid-row-gap: 16px;
  position: relative;
  height: 100%;
  align-content: start;
}
._0Ek7D {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 250px;
}
.MfD_K {
  display: grid;
  grid-row-gap: 10px;
}
.U4Lmj,
.bDVHJ {
  display: grid;
  grid-template-columns: 0.55fr 0.45fr auto;
  grid-column-gap: 8px;
  align-items: center;
}
.bDVHJ {
  padding-bottom: 8px;
  border-bottom: 1px solid #f3f3f3;
  grid-template-columns: calc(16px + 0.55fr) auto;
  margin-bottom: 6px;
}
.nUi0v {
  display: grid;
  grid-template-columns: 16px auto;
  grid-column-gap: 8px;
  align-items: center;
}
.JuMxF {
  width: 16px;
  height: 16px;
  border-radius: 100% !important;
  border: 1px solid #e1e1e1;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}
.JuMxF > div {
  border-radius: 100% !important;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.FM6qj {
  margin-top: 32px;
}
.cuhdH {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.t6HBE {
  margin-top: 8px;
  width: 50%;
}
.gvNjg {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 32px;
}
.FTFFV {
  width: 352px;
  height: 1px;
  background-color: #e1e1e1;
}
.DfVCV {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
}
.piqOD {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.piqOD > div {
  display: grid;
  grid-template-columns: 0.6fr 0.3fr 0.1fr;
  align-items: center;
}
.zZWoT {
  margin-top: 32px;
}
.Sr_3j {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hdOPN {
  margin-top: 8px;
  width: 50%;
}
.Db6Y0 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 32px;
}
.c4XTr {
  width: 352px;
  height: 1px;
  background-color: #e1e1e1;
}
.mbxjS {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
}
.sr9Yi {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sr9Yi > div {
  display: grid;
  grid-template-columns: 0.6fr 0.3fr 0.1fr;
  align-items: center;
}
.U06Cq {
  margin: 32px 0 24px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.Z4q6l {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
}
.Z4q6l * {
  flex: 1;
}
.KnChd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #dadada;
  padding: 0 24px;
  margin: 0 -24px;
  width: calc(100% + 48px);
}
.rdyvH {
  display: flex;
  align-items: center;
  gap: 4px;
}
.jfvPr {
  width: 8px;
  height: 8px;
  border-radius: 100% !important;
  background: #23b832;
  border-radius: 100% !important;
}
.drYP1 {
  width: 8px;
  height: 8px;
  border-radius: 100% !important;
  background: #fff;
  border: 2px solid #23b832;
}
.WdTMB {
  display: grid;
  align-content: start;
  grid-row-gap: 24px;
}
.lH7uI {
  display: grid;
  align-content: start;
  grid-row-gap: 32px;
}
.zS0nG {
  height: 1px;
  background-color: #e1e1e1;
  margin: 0 -24px;
  width: calc(100% + 48px);
}
.fyJHt {
  display: grid;
  grid-column-gap: 8px;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid #f3f3f3;
}
.quNWP {
  display: grid;
  grid-row-gap: 8px;
  line-height: 1.25;
}
.BZIGf {
  display: grid;
  grid-template-columns: 8px auto 1fr 0.7fr 72px repeat(2, auto);
  grid-column-gap: 8px;
  align-items: center;
  padding: 0 0 16px 0;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  box-sizing: border-box;
}
.vi4aw {
  width: 12px;
  height: 12px;
  border: 3px solid;
  border-radius: 100% !important;
}
.C16Vk {
  cursor: move;
  width: 16px;
  height: 16px;
  display: grid;
  justify-content: center;
  align-items: center;
  justify-items: start;
  grid-template-columns: 4px 1fr;
  grid-column-gap: 4px;
}
.dPSVT {
  background-color: #fff;
}
.QXzi6 {
  background-color: rgb(243.5, 243.5, 243.5);
}
.u7RV1 {
  background-color: hsla(0, 0%, 100%, 0.8);
}
.LP8cZ {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 64px 48px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
}
.Q4gDF {
  width: 24px;
  height: 24px;
  border-radius: 100% !important;
  border: 1px solid #e1e1e1;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}
.Q4gDF > div {
  border-radius: 100% !important;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.mQWep {
  margin-top: 8px;
}
.vJsDY {
  justify-self: center;
}
.PIQEQ {
  position: relative;
}
.RiVCO {
  width: 24px;
  height: 24px;
  border-radius: 100% !important;
  border: 1px solid #e1e1e1;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  outline: none;
  padding: unset;
  cursor: pointer;
}
.w4YDt {
  border-radius: 100% !important;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.hzjZW {
  position: absolute;
  top: calc(100% + 4px);
  z-index: 9999;
  right: calc(100% - 12px);
  background-color: #fff;
  border-radius: 8px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}
.LiSBF {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.Z_lc3 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  padding-top: 16px;
}
.sDSvi {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  outline: none;
  font-weight: 500;
}
.sDSvi:disabled {
  opacity: 0.6;
  pointer-events: none;
}
.sDSvi.pf0LM {
  min-width: 136px;
  height: 32px;
  padding: 0 8px;
  border-radius: 16px !important;
}
.sDSvi.a7fpp {
  padding: 0;
  width: 32px;
  height: 32px;
}
.sDSvi.dXQbI {
  padding: 0;
  width: 32px;
  height: 32px;
  border-radius: 100% !important;
}
.sDSvi._fYPI,
.sDSvi.Z463c {
  border: unset;
  background-color: #fff;
  color: #2d2a26;
}
.sDSvi._fYPI:hover,
.sDSvi.Z463c:hover {
  background-color: #2d2a26;
  color: #fff;
}
.sDSvi.Z463c {
  border: 1px solid rgba(45, 42, 38, 0.6);
}
.sDSvi.mTCJD {
  border: 1px solid #ea0a2a;
  background-color: #ea0a2a;
  color: #fff;
}
.sDSvi.mTCJD:hover {
  background-color: #fff;
  color: #ea0a2a;
}
.sDSvi.Mi4hZ {
  border: 1px solid #c9c5c0;
  background-color: #c9c5c0;
  color: #fff;
}
.sDSvi.Mi4hZ:hover {
  background-color: #2d2a26;
}
.sXUUF {
  font-size: 16px;
}
.edrgT {
  background-color: rgba(255, 225, 77, 0.5) !important;
}
.nxk3y {
  width: 100%;
  height: 100%;
  border-left: 1px solid #dadada;
  grid-area: component;
  padding: 32px 24px 24px 24px;
}
.TmFIs {
  display: grid;
  grid-row-gap: 16px;
  grid-template-rows: 29px auto 1fr auto;
  height: 100%;
  align-items: flex-start;
}
.QTqAy {
  display: grid;
  grid-template-columns: 1fr 42px;
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  align-items: center;
}
.xg16d {
  display: grid;
  grid-row-gap: 8px;
}
.Bkk2j {
  display: grid;
  grid-row-gap: 10px;
  padding-right: 4px;
  max-height: 380px;
  overflow-y: auto;
}
.gnVd6 {
  display: grid;
  grid-template-columns: 4px 1fr auto;
  grid-column-gap: 4px;
  align-items: center;
}
.kFQPr {
  width: 4px;
  height: 4px;
  background: #282522;
  border-radius: 100% !important;
}
.HcJUO {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
}
.o_VlN {
  margin: 8px 0;
}
.kfvHL {
  height: 32px;
  border-radius: 16px !important;
}
.HYFqH {
  height: 24px;
  width: 24px;
  border-radius: 16px !important;
}
.sz96I {
  height: 32px;
}
.hgPsT {
  height: 1px;
  background-color: #e1e1e1;
  width: 100%;
}
.RAOqi {
  box-shadow: 0 4px 10px 0 rgba(33, 33, 33, 0.15);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.RAOqi::before {
  content: '';
  display: block;
  position: absolute;
  left: -100%;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, transparent 0%, #eaeaea 50%, transparent 100%);
  animation: W16Yd 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes W16Yd {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}
.Y_c41 {
  height: 100%;
  display: grid;
  grid-row-gap: 16px;
  grid-template-rows: auto 1fr 32px;
}
.Y_c41.CvOki {
  align-content: start;
  grid-template-rows: unset;
  grid-row-gap: 24px;
}
.xbjIj {
  display: grid;
  align-items: center;
  grid-template-columns: 18px 1fr auto;
  grid-row-gap: 16px;
  grid-column-gap: 8px;
  max-height: 574px;
  overflow-y: auto;
  padding-right: 4px;
}
.x73vT {
  width: 18px;
  height: 18px;
  border-radius: 100% !important;
  border: 1px solid #e1e1e1;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}
.x73vT > div {
  border-radius: 100% !important;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.aXVWZ {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  grid-column-gap: 10px;
}
.uaxFl {
  display: grid;
  align-content: center;
}
.oLUMH {
  justify-self: center;
  width: 170px;
}
.jOqvs {
  display: grid;
  grid-row-gap: 24px;
  grid-template-rows: 29px 1fr auto;
  height: 100%;
  align-items: start;
}
.kNtzO {
  display: grid;
  grid-row-gap: 16px;
  justify-content: start;
}
.skoM9 {
  display: grid;
  align-items: center;
  grid-column-gap: 8px;
  grid-template-columns: 16px 1fr;
}
.x8BrR {
  margin: 8px 0;
}
.Ea3z3 {
  width: 16px;
  height: 16px;
  border-radius: 100% !important;
  border: 1px solid #e1e1e1;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}
.Ea3z3 > div {
  border-radius: 100% !important;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.NOqcW {
  bottom: 24px;
  left: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
}
@keyframes OWat4 {
  50% {
    transform: scale(0.9);
  }
}
.ZA40g {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  display: grid;
  align-items: center;
  grid-template-columns: 16px 1fr;
  grid-column-gap: 8px;
  width: 100%;
}
.ZA40g input {
  display: none;
}
.ZA40g.eyo44 {
  pointer-events: none;
  opacity: 0.6;
}
.Fz2l9 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 4px !important;
  vertical-align: middle;
  border: 1px solid;
  transition: all 0.2s ease;
  animation: OWat4 0.4s ease;
}
.Fz2l9.jksNR {
  border-color: #d1d1d6;
}
.Fz2l9.nnB_v {
  border-color: #aeaeb2;
}
.Fz2l9 svg {
  position: absolute;
  top: 2px;
  left: 1px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 14px;
  stroke-dashoffset: 14px;
  transition: all 0.3s ease;
}
.Fz2l9:before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50% !important;
}
.Fz2l9:before.jksNR {
  background: #d1102b;
}
.Fz2l9:before.nnB_v {
  background: #d1102b;
}
.Fz2l9.L5WkQ {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  padding-left: 8px;
  display: none;
}
.Fz2l9.xHc87.jksNR {
  background: #d1102b;
  border-color: #d1102b;
}
.Fz2l9.xHc87.nnB_v {
  background: #d1102b;
  border-color: #d1102b;
}
.Fz2l9.xHc87 svg {
  stroke-dashoffset: 0;
}
.Fz2l9.xHc87:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}
.dWhDs {
  grid-area: map;
  position: relative;
  height: 100%;
  background-color: #fff;
}
@media (min-width: 1200px) {
  .dWhDs {
    height: 756px;
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
  }
}
.dWhDs.G87SW {
  height: 100dvh;
}
.dWhDs.G87SW.oL70y {
  height: calc(100dvh - 96px);
}
.dWhDs.MmFdW {
  position: fixed;
  height: 100%;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 9999999999999;
}
.dWhDs.MmFdW .rqVTv > div {
  border-radius: 0 !important;
}
.dWhDs.MmFdW .T5lx0 {
  display: none;
}
.rqVTv {
  height: 100%;
  width: 100%;
  position: relative;
}
.rqVTv > div {
  border-radius: 16px !important;
}
.rqVTv.UQt4q {
  display: none;
}
.E1ztz {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.dEKZ1 {
  position: absolute;
  width: 112px;
  height: 32px;
  left: calc(50% - 56px);
  bottom: 8px;
  top: unset;
  background-color: hsla(0, 0%, 100%, 0.95);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  border-radius: 24px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.KVnWB span {
  font-size: 11px;
}
.EaD0B {
  position: absolute;
  width: 256px;
  height: 48px;
  left: calc(50% - 128px);
  bottom: unset;
  top: 16px;
  background-color: hsla(0, 0%, 100%, 0.95);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  border-radius: 24px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.EaD0B.xbMXr {
  display: flex;
  justify-content: center;
}
.McLGG {
  position: fixed;
  z-index: 99999999;
  background-color: #fff;
  border-radius: 8px !important;
  height: 128px;
  opacity: 0;
  animation: kVMRE 0.15s ease-in forwards;
  border: 1px solid #2d2a26;
}
.McLGG::after {
  content: ' ';
  position: absolute;
  top: 100%;
  left: 25%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: #2d2a26 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.IrvLB {
  display: grid;
  align-items: center;
  grid-template-columns: 256px;
  height: 100%;
}
.XtDSm {
  padding: 16px;
  display: grid;
  grid-row-gap: 8px;
  cursor: pointer;
}
.f9t20 {
  height: 1px;
  width: 100%;
  background-color: #2d2a26;
}
.cdCvK {
  display: none;
}
.McLGG.Mpf5z {
  display: block;
}
.McLGG.Mpf5z .IrvLB {
  grid-template-columns: 128px 126px;
  grid-column-gap: 16px;
}
.McLGG.Mpf5z .XtDSm {
  padding-right: 0;
}
.McLGG.Mpf5z .cdCvK {
  border-radius: 8px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.McLGG.Mpf5z .cdCvK img {
  border-radius: 8px !important;
  border: none;
  width: 125px;
  height: 125px;
}
.McLGG.Mpf5z::after {
  left: 64px;
}
@keyframes kVMRE {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes TczMy {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.S2nQX {
  position: absolute !important;
  right: 16px;
  top: 16px;
  z-index: 6;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #2d2a26 !important;
  color: #2d2a26;
  border-radius: 16px !important;
  outline: none;
  cursor: pointer;
  appearance: none;
  transition: all 300ms ease;
  padding: 0;
}
.S2nQX .JhjPf {
  display: none;
  opacity: 0;
}
.S2nQX:hover {
  background-color: #fff !important;
}
@media (min-width: 1200px) {
  .S2nQX:hover {
    width: 140px;
    justify-content: space-between;
    padding-left: 12px;
    padding-right: 12px;
  }
  .S2nQX:hover .JhjPf {
    display: block;
    animation: TczMy 0.15s ease-in 0.1s forwards;
  }
}
.C8U_L {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9999;
  height: 64px;
}
@media (min-width: 1200px) {
  .C8U_L {
    display: block;
  }
}
.YiI36 {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-column-gap: 16px;
  align-items: center;
  padding-left: 24px;
}
.a2Mw2 {
  position: absolute !important;
  left: 16px;
  top: 16px;
  z-index: 6;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 3px;
  background-color: #fff;
  border: 1px solid #fff !important;
  border-radius: 50% !important;
}
.a2Mw2 img {
  width: 26px;
}
@media (min-width: 1200px) {
  .a2Mw2 {
    border: 1px solid #2d2a26 !important;
    cursor: pointer;
  }
}
.a2Mw2.i1tNc {
  border-radius: 4px 4px 0 0 !important;
  background-color: hsla(0, 0%, 100%, 0.8);
  border-color: rgba(0, 0, 0, 0) !important;
}
.TNWyU {
  position: absolute;
  z-index: 7;
  top: 48px;
  left: 16px;
  background-color: hsla(0, 0%, 100%, 0.8);
  padding: 4px 0;
  max-height: 250px;
  min-width: 200px;
  overflow-y: auto;
  border-radius: 0 4px 4px 4px !important;
  animation: qSxR5 300ms ease;
}
@media (min-width: 1200px) {
  .TNWyU {
    max-height: 620px;
  }
}
.hxrXj {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: 16px 1fr auto auto;
  grid-column-gap: 8px;
  padding: 8px;
  cursor: pointer;
  transition: background-color 300ms ease;
}
.hxrXj:hover {
  background-color: rgba(45, 42, 38, 0.15);
}
.yb4ys {
  height: 16px;
  width: 100%;
  border-radius: 4px !important;
}
.GmWs1 {
  grid-column: 1/4;
}
.PExYv {
  border: 1px solid #2d2a26;
  border-radius: 4px !important;
  width: 16px;
  height: 16px;
}
.PExYv div {
  width: 100%;
  height: 100%;
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 3px !important;
  transition: border 300ms ease;
}
.PExYv.AJmG1 div {
  border-color: #ea0a2a;
}
@keyframes qSxR5 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.anpMX {
  position: absolute !important;
  left: 16px;
  top: 16px;
  z-index: 6;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #2d2a26 !important;
}
@media (min-width: 1200px) {
  .anpMX {
    display: none;
  }
}
.anpMX.zNAvq {
  left: 64px;
}
.anpMX:hover {
  background-color: #fff !important;
}
.FS2QE,
.ndK29,
.bfS1H,
.AOk5B {
  z-index: 6;
  position: absolute;
  display: none;
}
@media (min-width: 1200px) {
  .FS2QE,
  .ndK29,
  .bfS1H,
  .AOk5B {
    display: block;
  }
}
.AOk5B {
  top: 16px;
  left: calc(50% - 16px);
}
.AOk5B img {
  transform: rotate(180deg);
}
.bfS1H {
  right: 16px;
  top: calc(50% - 16px);
}
.bfS1H img {
  transform: rotate(270deg);
}
.FS2QE {
  bottom: 16px;
  left: calc(50% - 16px);
}
.ndK29 {
  left: 16px;
  top: calc(50% - 16px);
}
.ndK29 img {
  transform: rotate(90deg);
}
.yNiqR {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0);
  border: unset;
  padding: unset;
  border-radius: 100% !important;
  cursor: pointer;
}
.yNiqR:hover {
  background-color: rgba(45, 42, 38, 0.6) !important;
}
.JWF0h {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: space-between;
  height: 32px;
  position: absolute;
  bottom: 16px;
  z-index: 2;
  width: 100%;
  padding: 0 16px;
}
@media (min-width: 1200px) {
  .JWF0h {
    grid-template-columns: repeat(3, 1fr);
  }
}
.JWF0h .HbbDG,
.JWF0h .WpmqE {
  display: none;
  height: 32px;
}
@media (min-width: 1200px) {
  .JWF0h .HbbDG,
  .JWF0h .WpmqE {
    display: block;
  }
}
.JWF0h .HbbDG {
  justify-self: center;
}
.JWF0h .WpmqE {
  justify-self: end;
}
.r9PzD {
  margin-left: -16px;
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: start;
  align-items: center;
  grid-column-gap: 16px;
  position: relative;
  color: #fff;
  font-weight: 100;
}
.r9PzD .r2sgN {
  position: relative;
}
.r9PzD .r2sgN .yWIOE {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 7;
  padding-left: 8px;
  height: 100%;
  display: flex;
  align-items: center;
}
.r9PzD .r2sgN .yWIOE div {
  max-height: 30px;
  max-width: 64px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dmUv9 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.dWo97 {
  grid-area: map3d-actions;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px calc((100vw - 32px - 120px) * 0.125 + 8px) 0;
  background-color: #fff;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  height: calc(80px + 16px);
  margin-top: -48px;
}
@media (min-width: 1200px) {
  .dWo97 {
    display: none;
  }
}
.dWo97 button {
  height: 32px;
  min-width: unset;
  width: 124px;
}
.dWo97.phJn5 {
  position: fixed;
  bottom: 28px;
  padding: 0 46px;
  width: 100vw;
  margin-left: -16px;
  height: unset;
  z-index: 10000000000000;
  background-color: unset;
  border-radius: unset !important;
}
.GZSxZ {
  grid-area: tickets-summary;
  background-color: #fff;
  border-radius: 16px !important;
  overflow: hidden;
}
@media (min-width: 768px) {
  .GZSxZ {
    width: 100%;
    padding-left: 16px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 100%;
  }
}
.Zji60 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 0 calc((100vw - 32px - 120px) * 0.0625 + 0px);
}
@media (min-width: 768px) {
  .Zji60 {
    align-items: start;
    padding: 16px 16px 0 48px;
    height: 96px;
  }
}
.CeFa5 .uXmeJ {
  display: flex;
  align-items: center;
}
.CeFa5 .uXmeJ img {
  margin-right: 8px;
}
@media (min-width: 768px) {
  .CeFa5 .uXmeJ img {
    display: none;
  }
}
.CeFa5 .KSB_L {
  display: none;
}
@media (min-width: 768px) {
  .CeFa5 .KSB_L {
    display: block;
  }
}
.PHA45 .SK2hU {
  transform: rotate(270deg);
}
@media (min-width: 768px) {
  .PHA45 .SK2hU {
    transform: unset;
  }
}
.PHA45 .Trgu8 {
  display: none;
}
.q16V1 {
  display: grid;
  align-content: start;
  grid-row-gap: 16px;
  position: relative;
  padding: 32px calc((100vw - 32px - 120px) * 0.0625 + 0px);
  background-color: #2d2a26;
}
.q16V1.MqNpx {
  display: none;
}
@media (min-width: 768px) {
  .q16V1.MqNpx {
    display: grid;
  }
}
@media (min-width: 768px) {
  .q16V1 {
    overflow: auto;
    height: calc(100% - 96px);
    padding: 0 16px;
    background-color: #fff;
    grid-row-gap: 32px;
  }
}
.c5jDS {
  position: absolute;
  bottom: 0;
  left: calc(50% - 16px);
}
.c5jDS img {
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .c5jDS {
    display: none;
  }
}
.GZSxZ.h8HmF .PHA45 .SK2hU {
  transform: rotate(90deg);
}
@media (min-width: 768px) {
  .GZSxZ.h8HmF {
    grid-row-gap: 8px;
  }
  .GZSxZ.h8HmF .Zji60 {
    padding-left: 16px;
    margin-bottom: 48px;
    height: 48px;
  }
  .GZSxZ.h8HmF .PHA45 {
    margin-left: 10px;
  }
  .GZSxZ.h8HmF .PHA45 .SK2hU {
    display: none;
  }
  .GZSxZ.h8HmF .PHA45 .Trgu8 {
    display: block;
  }
  .GZSxZ.h8HmF .CeFa5 {
    display: none;
  }
}
@media (min-width: 768px) {
  .GZSxZ.TuqwC {
    display: none;
  }
}
.ScBLT {
  grid-area: seat-legend;
  display: flex;
  align-items: center;
  height: 16px;
}
.ScBLT > div {
  display: flex;
}
.ScBLT > div:not(:first-child) {
  margin-left: 16px;
}
.ScBLT img {
  margin-right: 8px;
}
.kFERm {
  display: flex;
  position: relative;
}
.TohOa {
  position: absolute;
  top: 12px;
  left: -1px;
  z-index: 2;
}
@media (min-width: 768px) {
  .TohOa {
    top: 0;
    left: 16px;
  }
}
.TohOa .i4X7n {
  transform: rotate(270deg);
}
@media (min-width: 768px) {
  .TohOa .i4X7n {
    transform: unset;
  }
}
.TohOa ._4hUmZ {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  top: 5px;
  left: -5px;
  color: #fff;
  z-index: 2;
}
@media (min-width: 768px) {
  .TohOa ._4hUmZ {
    top: 2px;
    left: 0;
  }
}
.TohOa .tsY5D {
  display: none;
  writing-mode: tb-rl;
  transform: rotate(-180deg);
  margin-left: 5px;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .TohOa .tsY5D {
    display: block;
  }
}
.Vzu36 {
  position: absolute;
  right: 0;
  top: 0;
}
.Vzu36 .ebADE {
  display: none;
}
@media (min-width: 768px) {
  .Vzu36 .ebADE {
    display: block;
  }
}
.Vzu36 .PWAaQ {
  position: absolute;
  display: flex;
  align-items: center;
  top: 40px;
  right: 0;
}
@media (min-width: 768px) {
  .Vzu36 .PWAaQ {
    top: 0;
    right: 12px;
    height: 100%;
  }
}
.kFERm.WX2ZR .Vzu36 {
  display: none;
}
.n4Yqx {
  z-index: 1;
  height: 104px;
}
.n4Yqx img {
  height: 104px;
  width: calc(calc((100vw - 32px - 120px) * 0.75 + 88px) + 16px);
}
@media (min-width: 481px) {
  .n4Yqx img {
    width: unset;
  }
}
@media (min-width: 768px) {
  .n4Yqx img {
    width: unset;
    height: unset;
  }
}
.n4Yqx select {
  background-color: #fff;
  border: 1px solid #2d2a26;
}
.n60q6 {
  position: absolute;
  top: 0;
  display: grid;
  grid-row-gap: 8px;
  padding: 16px 8px 8px calc(calc((100vw - 32px - 120px) * 0.0625 + 0px) + 16px);
  width: calc(calc((100vw - 32px - 120px) * 0.75 + 88px) + 16px);
}
@media (min-width: 481px) {
  .n60q6 {
    margin-left: 16px;
    padding-left: calc((100vw - 32px - 120px) * 0.0625 + 0px);
    background-color: #f5f5f5;
    border-radius: 16px !important;
    height: 104px;
  }
}
@media (min-width: 768px) {
  .n60q6 {
    margin-left: unset;
    background-color: unset;
    border-radius: unset !important;
    width: calc(100% - 56px);
    grid-row-gap: 4px;
    padding: 16px 16px 16px 72px;
  }
}
.n60q6 h3 {
  height: 16px;
}
@media (min-width: 768px) {
  .n60q6 h3 {
    height: unset;
  }
}
.n60q6 select {
  height: 32px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: var(--image-arrow-down);
  background-position: right 10px bottom 46%;
  background-repeat: no-repeat;
  background-size: 11.83px 5.16px;
  cursor: pointer;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .n60q6 select {
    margin-top: 12px;
    background-position: right 16px bottom 46%;
  }
}
.n60q6 .whtM6 {
  justify-self: center;
}
@media (min-width: 768px) {
  .n60q6 .whtM6 {
    margin-top: 12px;
  }
}
.rlk1a {
  appearance: none;
  box-sizing: border-box;
  outline: none;
}
*[data-cartographer-mode='shop'] .rlk1a {
  padding: 0 16px;
  border: 1px solid #2d2a26;
  border-radius: 16px !important;
  font-size: 14px;
  height: 24px;
  background-position: right 16px bottom 46%;
  background-repeat: no-repeat;
  background-size: 11.83px 5.16px;
  background-color: #fff;
  cursor: pointer;
}
@media (min-width: 1200px) {
  *[data-cartographer-mode='shop'] .rlk1a {
    height: 32px;
  }
}
.dhrw2 {
  color: rgb(124.5, 124.5, 124.5);
  border-color: hsl(34.2857142857, 8.4337349398%, 66.2745098039%);
}

/*# sourceMappingURL=silent-cartographer.css.map*/