.ticket-group circle[data-role='marker']{
   fill:#1D82DC;
   stroke:#0067CE;
   cursor:pointer;
   stroke-width:0.5;
   transform-box: fill-box;
   transform-origin: center;
   scale: 1;
   transition: scale 0.3s ease;
   transform: scale(1);   

}
 
.ticket-group text[data-role='price']{
   transform: scale(1);
   transform-box: fill-box;
   transform-origin: center;
   transition: transform 0.3s ease;   
}


 /* Scale up gradually across breakpoints */
 @media (min-width: 1600px) {
   .ticket-group circle[data-role='marker'] {
     transform: scale(1.2);
   }
   .ticket-group text[data-role='price']{
      transform: scale(1.1);
   }
   #ticket-bubble-container{
      transform: scale(1.2);
      margin-top: -8px;
   }   
 }
 
 @media (min-width: 2000px) {
   .ticket-group circle[data-role='marker'] {
     transform: scale(1.4);
   }
   .ticket-group text[data-role='price']{
      transform: scale(1.2);
   }
   #ticket-bubble-container{
      transform: scale(1.4);
      margin-top: -15px;
   }        
 }
 
 @media (min-width: 2400px) {
   .ticket-group circle[data-role='marker'] {
     transform: scale(1.6);
   }
   .ticket-group text[data-role='price']{
      transform: scale(1.3);
   }
   #ticket-bubble-container{
      transform: scale(1.6);
      margin-top: -22px;
   }        
 }
 
 @media (min-width: 3000px) {
   .ticket-group circle[data-role='marker'] {
     transform: scale(1.8);
   }
   .ticket-group text[data-role='price']{
      transform: scale(1.4);
   }       
 }
 



.ticket-group[data-dclass='good'] circle[data-role='marker']{
   fill:#5fa95d;
   stroke:#8AA609;
}
.ticket-group[data-dclass='great'] circle[data-role='marker']{
   fill:#429B46;
   stroke:#438716;
}
.ticket-group[data-dclass='best'] circle[data-role='marker']{
   fill:#1A8828;
   stroke:#008000;
}


circle.ticket-marker{
   fill:#1D82DC;
   stroke:#0067CE;
   stroke-width:1;
}
circle.ticket-marker[data-dclass='good']{
   fill:#4b8949;
   stroke:#2d6f30;
}
circle.ticket-marker[data-dclass='great']{
   fill:#37843b;
   stroke:#12671d;
}
circle.ticket-marker[data-dclass='excellent']{
   fill:#157622;
   stroke:#045f04;
}



/* Control stroke-width for ticket markers based on zoomfactor attribute  */

#scaleSVG[data-zoomfactor='100'] .ticket-group circle[data-role='marker'] {
    stroke-width: 0.5;
}


#scaleSVG[data-zoomfactor='110'] .ticket-group circle[data-role='marker'],

#scaleSVG[data-zoomfactor='120'] .ticket-group circle[data-role='marker'],

#scaleSVG[data-zoomfactor='130'] .ticket-group circle[data-role='marker'] {
    stroke-width: 0.6;
}


#scaleSVG[data-zoomfactor='90'] .ticket-group circle[data-role='marker'],

#scaleSVG[data-zoomfactor='80'] .ticket-group circle[data-role='marker'] {
    stroke-width: 0.4;
}


#scaleSVG[data-zoomfactor='70'] .ticket-group circle[data-role='marker'],

#scaleSVG[data-zoomfactor='60'] .ticket-group circle[data-role='marker'] {
    stroke-width: 0.3;
}


#scaleSVG[data-zoomfactor='50'] .ticket-group circle[data-role='marker'],

#scaleSVG[data-zoomfactor='40'] .ticket-group circle[data-role='marker'],

#scaleSVG[data-zoomfactor='30'] .ticket-group circle[data-role='marker'],

#scaleSVG[data-zoomfactor='20'] .ticket-group circle[data-role='marker'],

#scaleSVG[data-zoomfactor='10'] .ticket-group circle[data-role='marker'] {
    stroke-width: 0.2;
}


/* Control stroke-width for ticket markers based on zoomfactor attribute  */
#scaleSVG[data-zoomfactor='90'] circle.ticket-marker{
   stroke-width:0.9;
}
#scaleSVG[data-zoomfactor='80'] circle.ticket-marker{
   stroke-width:0.78;
}
#scaleSVG[data-zoomfactor='70'] circle.ticket-marker{
   stroke-width:0.67;
}
#scaleSVG[data-zoomfactor='60'] circle.ticket-marker{
   stroke-width:0.57;
}
#scaleSVG[data-zoomfactor='50'] circle.ticket-marker{
   stroke-width:0.47;
}
#scaleSVG[data-zoomfactor='40'] circle.ticket-marker{
   stroke-width:0.37;
}
#scaleSVG[data-zoomfactor='30'] circle.ticket-marker{
   stroke-width:0.27;
}
#scaleSVG[data-zoomfactor='20'] circle.ticket-marker{
   stroke-width:0.17;
}
#scaleSVG[data-zoomfactor='10'] circle.ticket-marker{
   stroke-width:0.07;
}

/* Control stroke-width for ticket markers based on zoomfactor attribute  */
#viewport[data-zoomfactor='90'] circle.ticket-marker{
   stroke-width:0.9;
}
#viewport[data-zoomfactor='80'] circle.ticket-marker{
   stroke-width:0.78;
}
#viewport[data-zoomfactor='70'] circle.ticket-marker{
   stroke-width:0.67;
}
#viewport[data-zoomfactor='60'] circle.ticket-marker{
   stroke-width:0.57;
}
#viewport[data-zoomfactor='50'] circle.ticket-marker{
   stroke-width:0.47;
}
#viewport[data-zoomfactor='40'] circle.ticket-marker{
   stroke-width:0.37;
}
#viewport[data-zoomfactor='30'] circle.ticket-marker{
   stroke-width:0.27;
}
#viewport[data-zoomfactor='20'] circle.ticket-marker{
   stroke-width:0.17;
}
#viewport[data-zoomfactor='10'] circle.ticket-marker{
   stroke-width:0.07;
}


text.ticket-price, .ticket-group text[data-role='price']{
   font-family: Roboto,Arial,sans-serif;
   fill:#000000;
   font-weight:500;
   text-anchor:start;
   cursor:pointer;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   stroke:#FFF;
   stroke-width:0.18em;
   paint-order:stroke fill;
}



text.ticket-price[data-dclass='excellent']{font-size:140%;}
text.ticket-price[data-dclass='great']{font-size:122%;}
text.ticket-price[data-dclass='good']{font-size:115%;}


polygon[data-sectionid='static_stage'],polygon[data-sectionid='b_stage'],polygon[data-sectionid='fighting_ring']{
   fill: black !important;
   stroke:none !important;
   pointer-events:none;
}
text[data-sectionid='static_stage'],text[data-sectionid='b_stage']{
   fill: white !important;
   color:white !important;
   pointer-events:none;
}

text.is-dyn{pointer-events: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
 




/* Ticket Bar container - minimal, no background or border */
.map-ticket-bar {
   position: absolute;
   top: 6px;
   right: 4px;
   z-index: 1;
   justify-items: right;
 }
 
 /* Group: icon + label (+ switch or button) */
 .ticket-bar-group {

    line-height: 32px;
   display: flex;
   align-items: center;
   gap: 4px;
   font-size: 16px;
   background: none;
   border: none;
   outline: none;
   padding: 0 8px;
   background: white;
   border-radius: 16px;
   border: 1px solid #E5E5E5;
   height: 36px;
   font-weight: 500;
   font-size: 12px;
   margin-bottom: 4px;
 }
 
 /* Iconify icons with mask (mdi recommended) */
 .ticket-icon {
   width: 16px;
   height: 16px;
   background: currentColor;
   display: inline-block;
   vertical-align: middle;
   mask-size: cover;
   mask-repeat: no-repeat;
   -webkit-mask-size: cover;
   -webkit-mask-repeat: no-repeat;
 }
 .icon-star {
   mask-image: url('https://api.iconify.design/mdi:star-outline.svg');
   -webkit-mask-image: url('https://api.iconify.design/mdi:star-outline.svg');
 }
 .icon-numeric {
   -webkit-mask-image: url('https://api.iconify.design/ant-design/number-outlined.svg');
   mask-image: url('https://api.iconify.design/ant-design/number-outlined.svg');
 }
 .icon-more {
   mask-image: url('https://api.iconify.design/mingcute:settings-2-line.svg');
   -webkit-mask-image: url('https://api.iconify.design/mingcute:settings-2-line.svg');
 }
 .icon-chevron{
   -webkit-mask-image: url('https://api.iconify.design/mdi/chevron-down.svg');
   mask-image: url('https://api.iconify.design/mdi/chevron-down.svg');    
 }

 
 /* Modern CSS switch (pure, no icons needed) */
 .switch {
   position: relative;
   display: inline-block;
   width: 32px;
   height: 16px;
 }
 .switch-input {
   opacity: 0;
   width: 0;
   height: 0;
 }
 .switch-slider {
   position: absolute;
   cursor: pointer;
   background-color: #e5e5e5;
   border-radius: 16px;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   transition: background-color 0.2s;
 }
 .switch-slider:before {
   content: '';
   position: absolute;
   left: 2px;
   top: 2px;
   width: 12px;
   height: 12px;
   background: #fff;
   border-radius: 50%;
   transition: .2s;
 }
 .switch-input:checked + .switch-slider {
   background-color: #FF6600;
 }
 .switch-input:checked + .switch-slider:before {
   transform: translateX(16px);
   background: #fff;
   /* slider color on checked */
 }
 
/* text.ticket-price[data-dclass='excellent']{font-size:125%;}
text.ticket-price[data-dclass='great']{font-size:120%;}
text.ticket-price[data-dclass='good']{font-size:112%;} */



/* Dots animation */
.animated-ellipsis {
   display: flex;
   gap: 4px;
 }
 
 .animated-ellipsis div {
   width: 8px;
   height: 8px;
   background: #555;
   border-radius: 50%;
   animation: blink 1.4s infinite both;
 }
 
 .animated-ellipsis div:nth-child(1) { animation-delay: 0s; }
 .animated-ellipsis div:nth-child(2) { animation-delay: 0.2s; }
 .animated-ellipsis div:nth-child(3) { animation-delay: 0.4s; }
 
 @keyframes blink {
   0%, 80%, 100% { opacity: 0.3; transform: scale(1); }
   40% { opacity: 1; transform: scale(1.3); }
 }
 
 .animated-ellipsis-container {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: white;
   border-radius: 20px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.15);
   padding: 12px 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1000;
 }


#filterMask{
   background: none;
   height: 100px;
   width: 100px;
   left: calc(50% + 80px);
}


.svgpoly.oov{
   fill: black !important;
}