#container-quick-event-select lh{
   
   padding: 8px 12px;

   /* Over-ride left positioning */
   position: unset;

   /* Over-ride fixed height */
   height: unset;

   /* Over-write border separator */
   border-right: none;
}


#container-quick-event-select lh button{

   /* Over-ride stacked selects */
   display: inline-block;
   margin-bottom: unset;

   line-height: 40px;
   height: 40px;
   border: 1px solid #E5E5E5;
   margin-right: 12px;
   border-radius: 8px;
   padding: 0 16px;
   text-align: center;
   
}


#container-quick-event-select .title{
   display: inline-block;
}

#container-quick-event-select lh button.is-selected, #container-quick-event-select lh button:hover{
   border: 1px solid #000;
   color: #FFF;
   background: #000;
   border-color: #000;
}



#container-quick-event-select lh button:after{

   /* Remove extra spacing at end */
   content: none;
}


#container-quick-event-select.has-selector ul li:first-of-type,
#container-quick-event-select.has-selector ul li.is-temp[data-order='1'],
#container-quick-event-select.has-selected-performer ul li.is-temp[data-order='1']{
   
   /* Over-ride big left margin */
   margin: 8px !important;
}


#cancel-grouped-performer{

   /* Over-ride wrapping styles */
   width: unset;
   text-wrap: unset;
}


polygon.is-sec[data-hl='none'], polygon.is-sec[data-hl='default']{
   fill-opacity: unset !important;
   fill: #E9E9E9;
}


polygon.is-sec{
   fill: #0067CE;
}

polygon.is-sec:hover{
   fill: #0067CE !important;
}

polygon.is-sec[data-hl='none']:hover, polygon.is-sec[data-hl='default']:hover{
   fill: #E9E9E9 !important;
}


#container-map-controls button{height: 40px;width: 40px;padding: 0;font-size: 14px;webkit-box-shadow:var(--google-shadow);-moz-box-shadow:var(--google-shadow);box-shadow:var(--google-shadow);display:block;border-radius:100%;}

#container-map-controls button[data-action='reset']{display:unset;}


#container-map-controls button[data-action='zoomout'], #container-map-controls button[data-action='zoomin']{
   margin-bottom:2px;
}


#svgmap, #svgMapHolder{
   height: 100% !important;
   width: 100% !important;
}

.event-options {
   display: flex;
   align-items: center;
   gap: 14px;
   width: 100%;
   min-width: 0;
 }
 
 .event-btn {
   display: flex;
   align-items: center;
   border: 1px solid #e5e5e5;
   background: #fff;
   border-radius: 12px;
   padding: 12px;
   max-width: 420px;
   flex: 1 1 0;
   min-width: 0;
   overflow: hidden;
   gap: 4px;
   cursor: pointer;
 }
 
 .icon-mask {
   display: inline-block;
   width: 24px;
   height: 24px;
   background: currentColor;
   flex-shrink: 0;
 }
 
 .icon-calendar {
   -webkit-mask-image: url('https://api.iconify.design/mdi/calendar.svg');
   mask-image: url('https://api.iconify.design/mdi/calendar.svg');
   -webkit-mask-size: cover; mask-size: cover;
   margin-right: 8px;
   background: #0067CE;
 }
 
 .icon-close {
   -webkit-mask-image: url('https://api.iconify.design/mdi/close.svg');
   mask-image: url('https://api.iconify.design/mdi/close.svg');
   -webkit-mask-size: cover; mask-size: cover;
   margin-left: 18px;
 }
 
 .icon-ticket {
   -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');
   -webkit-mask-size: cover; mask-size: cover;
   margin-right: 4px;
   background: #0067CE;
 }
 
 .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');
   -webkit-mask-size: cover; mask-size: cover;
   margin-left: 8px;
 }
 
 .event-info {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   min-width: 0;
   flex: 1;
 }
 
 .event-info .event-info-date {
   color: #222;
   font-size: 12px;
   margin-bottom: 2px;
   font-weight: normal;
 }
 
 .event-info .event-info-name {
   color: #000;
   font-size: 16px;
   font-weight: 500;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 100%;
 }
 
 .quantity-select {
   position: relative;
   min-width: 123px;
   flex-shrink: 0;
 }
 
 .quantity-btn {
   background: #fff;
   border: 1.5px solid #e0e0e0;
   border-radius: 12px;
   padding: 12px;
   gap: 7px;
   display: flex;
   align-items: center;
   width: 100%;
   min-width: 100px;
   font-size: 15px;
   cursor: pointer;
   box-sizing: border-box;
 }
 
 .quantity-label {
   flex: 1;
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 .quantity-dropdown {
   margin: 0;
   padding: 0;
   position: absolute;
   z-index: 99;
   top: 110%;
   left: 0;
   width: 100%;
   background: #fff;
   box-shadow: 0 6px 16px rgba(34,54,94,.18);
   border: 1px solid #dedede;
   border-radius: 10px;
   list-style: none;
   display: none;
 }
 .quantity-select.open .quantity-dropdown {
   display: block;
 }
 .quantity-dropdown li {
   padding: 10px 20px;
   cursor: pointer;
   background: #fff;
   font-size: 15px;
 }
 .quantity-dropdown li:hover {
   background: #f5f5f5;
 }
 
 /* Responsive tweak for small screens */
 @media (max-width: 600px) {
   .event-btn,
   .quantity-btn {
     padding: 7px 5px;
     font-size: 13px;
   }
   .ticket-bar { gap: 7px; }
   .icon-mask { width: 18px; height: 18px; }
 }
 
 .ticket-bar{
    padding: 12px;
 }

.event-btn, .quantity-select, .quantity-btn{
   height: 56px;
}

#container-quick-event-select{

   /* Allow qty selector to show */
   overflow-y: unset;
}

#container-quick-event-select .quantity-dropdown{
   top: 48px;
}


#container-quick-event-select .quantity-dropdown li{
   color: black;
   height: unset;
   width: unset;
   display: block;
   text-align: unset;
}



#container-quick-event-select li.ticket-row{
   color: unset;
   border: 1px solid #E5E5E5;
   border-radius: 8px;
   height: 80px;
   width: 144px;
   box-sizing: border-box;
   overflow: hidden;
}


#container-quick-event-select .ticket-list-header {
 
   display: block;

   margin-bottom: 4px;
   font-size: 13px;
   margin-top: 12px;
}

.event-options{

}


#container-quick-event-select .ticket-list{
   gap: 12px;
   display: grid;
   grid-auto-flow: column;
}

#container-quick-event-select .ticket-list li{
   display: unset;
   margin: unset !important;
}

#container-quick-event-select.has-selector ul.ticket-list li{
   margin: unset !important;
}

#container-quick-event-select li.ticket-row{
   padding: 8px;
   text-align: unset;
   height: 72px;
   width: 160px;
}





.ticket-marker{
   cursor: pointer;
}

.ticket-marker circle {
   transition: opacity 0.15s;
 }
 
 .ticket-marker:hover circle {
   opacity: 0.8;
 }

 
 .tippy-box[data-theme~='brand'] {
   background-color: #0067CE;
   color: white;
   border-radius: 8px;
   webkit-box-shadow:var(--google-shadow);-moz-box-shadow:var(--google-shadow);box-shadow:var(--google-shadow);
 }

 .tippy-content{
    padding: 16px;
 }

 .tippy-box[data-theme~='brand'][data-placement^='top'] > .tippy-arrow::before {
   border-top-color: #0067CE;
 }
 .tippy-box[data-theme~='brand'][data-placement^='bottom'] > .tippy-arrow::before {
   border-bottom-color: #0067CE;
 }
 .tippy-box[data-theme~='brand'][data-placement^='left'] > .tippy-arrow::before {
   border-left-color: #0067CE;
 }
 .tippy-box[data-theme~='brand'][data-placement^='right'] > .tippy-arrow::before {
   border-right-color: #0067CE;
 }

 .tippy-box[data-theme~='brand'] > .tippy-svg-arrow {
   fill: #0067CE;
 }

 .tippy-box[data-theme~='brand'] > .tippy-arrow::before {
   transform: scale(1.5);
 }

.tippy-box li{
   margin-bottom: 0px !important;
}




 
.ticket-popup {
   width: 320px;
   background: #fff;
   border-radius: 8px;
   overflow: hidden;
   z-index: 9999;

}

.popup-hero {
   position: relative;
   background: #eee;
   height: 120px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-end;
   padding: 8px;
   overflow: hidden;
   cursor: pointer;   
}

.popup-hero-img {
   position: absolute;
   top: 0; left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: 1;
}

.popup-tag {
   z-index: 2;
   background: white;
   padding: 4px 8px;
   font-size: 12px;
   border-radius: 12px;
   position: absolute;
   top: 8px;
   left: 8px;
   font-weight: bold;
}
.tag-green { color: #009933; }
.tag-orange { color: #FF6600; }
.tag-default { color: #000; }

.popup-close {
   z-index: 2;
   background: white;
   border-radius: 50%;
   font-size: 18px;
   height: 32px;
   width: 32px;
   cursor: pointer;
   position: absolute;
   top: 8px;
   right: 8px;
   color: black;
   text-align: center;
   line-height: 32px;
   padding: 0;
   border:none;
}

.popup-body {
   padding: 8px 12px;
   padding-bottom: 4px;
   position: relative;
}

.popup-seat {
   font-weight: bold;
   font-size: 15px;
   margin-bottom: 4px;
}

.popup-quantity {
   font-size: 14px;
   margin-bottom: 8px;
}

.popup-features {
   font-size: 13px;
   color: #333;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-bottom: 4px;
}

.popup-features:after{
   content: "More...";
   display: block;
}

.popup-price-details{
   position: relative;
} 

.popup-price-details .popup-deal{
   position: absolute;
   bottom: 4px;
   left: 0;
}

.popup-price {
   font-size: 24px;
   font-weight: bold;
   text-align: right;

}

.popup-price:after{
   content: "/ea";
   font-size: 12px;
   font-weight: normal;
}


.popup-actions {
   display: flex;
   justify-content: space-between;
   padding: 0 12px 12px;
}

.ticket-popup .popup-checkout {
   flex: 1;
   background: #0067ce;
   color: #fff;
   border: none;
   padding: 10px;
   border-radius: 4px;
   font-weight: bold;
   cursor: pointer;
   font-size: 14px;
}

.popup-more {
   width: 32px;
   height: 32px;
   background: #FFFFFF;
   border: 1px solid #E5E5E5;
   border: none;
   font-size: 20px;
   border-radius: 4px;
   cursor: pointer;
   padding: 0;
   border-radius: 50%;
   position: absolute;
   right: 8px;
   top: -16px;
   z-index: 20;
}

.popup-image-wrapper img {
   transition: filter 0.3s ease;
   filter: blur(12px);
}

.popup-image-wrapper img.loaded {
   filter: blur(0);
}

.popup-deal{
   font-weight: bold;
   color: #333;
   bottom: 4px;
}

.popup-deal[data-category='excellent'], .popup-deal[data-category='best']{   
   color: #008000;
}

.popup-deal[data-category='great']{   
   color: #008000;
}
.popup-deal[data-category='great']{ 
   color: #008000;
}






#svgmarkers g path, #svgmarkers  g rect, #svgmarkers  g use {
   stroke-width: 2;
   stroke: #E5E5E5;
}


text[data-role='label']{
   font-weight: bold;
   font-size: 12px;
}


g text[data-role='label']{
   dominant-baseline: middle;
   text-anchor: middle;
}

g text[data-role='note']{
   dominant-baseline: middle;
}



g[data-mrkgrp='primary'] rect, g[data-mrkgrp='primary'] polygon, g[data-mrkgrp='primary'] path, g[data-mrkgrp='primary'] use{
   fill: #FF6600;
   stroke: #FFF;
}


g[data-mrkgrp='primary'] text[data-role='label']{
   fill: #FFF;
}




g[data-mrkgrp='related'] rect, g[data-mrkgrp='related'] polygon, g[data-mrkgrp='related'] path, g[data-mrkgrp='related'] use{
   fill: #FFF;
}


g[data-mrkgrp='related'] text[data-role='label']{
   fill: #FF6600;
}


g[data-mrkgrp='featured'] rect, g[data-mrkgrp='featured'] polygon, g[data-mrkgrp='featured'] path, g[data-mrkgrp='featured'] use{
   fill: #FFF;
}


g[data-mrkgrp='featured'] text[data-role='label']{
   fill: #0067CE;
}

g[data-mrkgrp='featured'] text[data-role='note']{
   stroke: #FFF;
   stroke-width: 0.18em;
   paint-order: stroke fill;
   font-weight: 500;
   font-size: 10px;
}

g text[data-role='rank']{
   fill: #FFF;
   dominant-baseline: middle;
   text-anchor: middle;
   font-size: 11px;
   font-weight:500;
}


g[data-mrkgrp='primary'] text[data-role='rank']{
   fill: #FF6600;
}

#svgmarkers g circle{
   stroke: #FFF;
   stroke-width: 1;
}

g[data-mrkgrp='related'] circle{
   fill: #FF6600;
}

g[data-mrkgrp='primary'] circle{
   fill: #FFF;
   stroke: #FF6600;
}

g[data-mrkgrp='featured'] circle{
   fill: #0067CE;
}


g[data-mrkgrp='related'] circle{
   fill: #FF6600;
}


#list .shop-all-card{
   background: #0067CE;
   color: white;
   border: none;
   border-radius: 8px;
}

#list .shop-all-card button{
   position: absolute;
   bottom: 8px;
   right: 8px;
   color: #0067ce;
   border:   none;
   height: 28px;
   padding: 0 8px;
}


#list .shop-all-card .shop-all-headline{
   font-weight: bold;
   font-size: 14px;
   margin-bottom: 8px;
}



#list{
   position: absolute;
   bottom: 0;
   width: calc(100% - 56px);
   background: #ffffffb8;
   padding: 16px 0;
   padding-left: 0;
   margin-left: 4px;
   margin: 16px;
   border-radius: 16px;
   padding: 12px;

}


#list .ticket-list-header{
   font-size: 14px;
   margin-bottom: 12px;
}

#list .ticket-list-header a{
   position: absolute;
   right: 16px;
   font-weight:bold;
   font-size: 13px;
}


.marker-hover use, .marker-hover polygon, .marker-hover rect  {
   /* Example: darken background, use transition for smooth effect */
   fill: #000 !important;
   transition: fill 0.2s;
   stroke: #FFF;
   stroke-width: 2;
 }
 
 .marker-hover  text[data-role='label'] {
   /* Example: darken background, use transition for smooth effect */
   fill: #FFF !important;
   transition: fill 0.2s;
 }

 #container-map-controls button.is-disabled{
   box-shadow: none;
   color: #999;
   border-color: #F1F1F1;
   cursor: default;
   pointer-events:none;
 }

.ticket-bar .elfsight{
   position: absolute;
   top: 12px;
   right: 16px;   
}


.tickets-to-map-bar {
   display: flex;
   align-items: center;
   gap: 30px;
   margin: 20px 8px 12px 8px;
   font-size: 13px;
 }
 
 .tickets-to-map-label {
   color: #333;
 }
 
 .map-switches {
   display: flex;
   gap: 30px;
 }
 
 .map-switch {
   display: flex;
   align-items: center;
   gap: 4px;
   cursor: pointer;
   user-select: none;
   padding: 0 0 0 0;
   color: #222;
   outline: none;
 }
 
 .switch-indicator {
   width: 40px;
   height: 20px;
   border-radius: 12px;
   background: #eee;
   position: relative;
   transition: background 0.15s;
   margin-right: 4px;
   flex-shrink: 0;
 }
 


 .map-switch-similar .switch-indicator {
   background: #ffede5;
 }
 .map-switch-similar.active .switch-indicator {
   background: #ff6600;
 }
 .map-switch-featured .switch-indicator {
   background: #eaf2ff;
 }
 .map-switch-featured.active .switch-indicator {
   background: #0067CE;
 }
 .map-switch-popular .switch-indicator {
   background: #eaeaea;
 }
 .map-switch-popular.active .switch-indicator {
   background: #111;
 }
 
 .switch-indicator::after {
   content: '';
   display: block;
   position: absolute;
   top: 2px;
   left: 2px;
   width: 16px;
   height: 16px;
   border-radius: 50%;
   background: #fff;
   transition: left 0.18s;
 }
 
 .map-switch.active .switch-indicator::after {
   left: 22px;
 }
 
 /* Label Spacing & Colors */
 .switch-label {
   margin-left: 0;
   font-size: 12px;
   color: #111;
 }

 .map-switch:hover .switch-label {
   color: black;
}
 
 /* Separator line between switches (imitate your screenshot) */
 .map-switch:not(:last-child) {
   position: relative;
 }
 .map-switch:not(:last-child)::after {
   content: '';
   display: inline-block;
   width: 2px;
   height: 18px;
   background: #e0e0e0;
   position: absolute;
   right: -15px;
   top: 50%;
   transform: translateY(-50%);
 }
 

 .ticket-row {
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 1px 6px rgba(60,60,60,0.04);
   padding: 18px 20px 16px 20px;
   font-family: 'Inter', sans-serif;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   position: relative;
}

/* Badge/Tagline Row */
.ticket-header {
   display: flex;
   align-items: center;
   margin-bottom: 8px;
   width: 100%;
}

/* Badge style, inline with tagline */
.ticket-badge {
   width: 22px;
   height: 22px;
   border-radius: 50%;
   color: #fff;
   font-weight: 700;
   font-size: 14px;
   text-align: center;
   line-height: 22px;
   margin-right: 8px;
   background: #333;
   flex-shrink: 0;
}
.section-ticket .ticket-badge {
   background: #333;
}
.featured-ticket .ticket-badge {
   background: #FF6600;
}

/* Tagline beside badge */
.ticket-tagline {
   font-weight: bold;
   font-size: 13px;

   margin-bottom: 0;
   margin-right: 0;
   width: calc(100% - 32px);
}
.featured-ticket .ticket-tagline {
   color: #FF6600;
}

/* Content below header row */
.ticket-section {
   font-size: 13px;
   margin-bottom: 2px;
   width: 100%;
   display: none;
}
.ticket-qty {
   font-size: 12px;
   color: #444;
   margin-bottom: 10px;
}

.ticket-price {
   font-size: 18px;
   font-weight: bold;

   position: absolute;
   bottom: 8px;
   right: 8px;   
}

.price-main {
   font-size: 20px;
   font-weight: bold;

}
.price-unit {
   font-size: 11px;
   font-weight: 500;

}

.ticket-deal-btn {
   color: #0067CE;
   font-size: 12px;
   font-weight: 500;

   text-decoration: none;

   position: absolute;
   bottom: 8px;
   right:8px;
}
.ticket-deal-btn:hover {
   text-decoration: underline;
}


 .ticket-row{
    width: 220px;
    height: 90px;
    box-sizing: border-box;
    padding: 8px;
    border: 1px solid #F8F8F8;
    transition: border 0.3s ease;
 }

 .ticket-row:hover{
    border-color: #CCC;
 }


 .ticket-row.is-primary{
    color: white !important;
    background: #FF6600 !important;
 }
 
 .ticket-row.is-primary .ticket-badge{
    color: #FF6600;
    background: white;
 }


 .ticket-row.is-featured .ticket-badge{
   color: white;
   background: #0067CE;
} 


.ticket-row.is-related .ticket-badge{
   color: white;
   background: #FF6600;
} 



.ticket-attribute-headline {
   max-width: calc(100% - 96px);
   position: relative;
   padding-left: 2em; /* space for the icon */
}

.ticket-attribute-headline::before {
   content: '';
   display: inline-block;
   position: absolute;
   left: 4px;
   top: 50%;
   transform: translateY(-50%);
   width: 1em;
   height: 1em;
   color: rgb(18, 102, 24);
   background-color: currentColor; /* inherits from .ticket-attribute-headline */
   mask: url("https://api.iconify.design/mdi:check.svg?color=white") no-repeat center / contain;
   -webkit-mask: url("https://api.iconify.design/mdi:check.svg?color=white") no-repeat center / contain;
}



.ticket-row.is-primary .ticket-attribute-headline::before {
   color: white;
}



.ticket-row.slide{
   align-items: unset;
}

/* pixi is not interactive */
#ajax-ti-map canvas{
   cursor: default !important;
}

#selectEventHintModal .modal-container{
   max-width: 480px;
   text-align:center;
   font-size: 16px;
   color: #666;
}

#selectEventHintModal .modal-container hgroup{
   padding-top: 0;
}

#selectEventHintModal .modal-container div{
   font-weight: bold;
   margin-bottom: 2rem;
   font-size: 22px;
}

#selectEventHintModal .modal-container img{
   max-height: 120px;
   width: unset;
}


#selectEventHintModal .modal-container p{
   color: #666;
   font-size: 15px;
   margin-bottom: 2rem;
}

#ajax-ti-map{
   background: #E9E9E9;
}

#svgmap{
   overflow: visible;
}


#svgMapHolder{
   overflow: visible !important;
}



.tippy-list span{
   display: block;
   position: relative;
   padding-left: 1.6em;
}

.tippy-list span::before {
   content: '';
   display: inline-block;
   position: absolute;
   left: 4px;
   top: 50%;
   transform: translateY(-50%);
   width: 1em;
   height: 1em;
   color: white;
   background-color: currentColor;
   mask: url("https://api.iconify.design/mdi:check.svg?color=white") no-repeat center / contain;
   -webkit-mask: url("https://api.iconify.design/mdi:check.svg?color=white") no-repeat center / contain;
}



/* Zoom effect on hover */
.ticket-popup .popup-hero{
   overflow:hidden;
}
.ticket-popup img{
   transition: transform 0.5s ease;
}

.ticket-popup .popup-hero img:hover{
   transform: scale(1.1);
}



.ticket-popup button:hover{
   transform: scale(1.01);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}

.ticket-popup .popup-body:hover{
   cursor: pointer;
   text-shadow: 0 0 #666;
}


.ticket-popup  .popup-checkout{
   transition: opacity 0.5s ease;
}

.ticket-popup  .popup-checkout:hover{
   opacity: 0.9;
}

#overlay{
   z-index: 10000000000;
}

section#section-interactive-map.is-plugin{
   pointer-events: auto;
}
section#section-interactive-map.is-plugin #ajax-ti-map:after {
   height: 100%;
   background: #000000ba;
   position: absolute;
   top: 0;
   left: 0;
   content: "Select an event and shop all tickets to use the interactive seating chart";
   text-align: center;
   padding-top: 40px;
   color: white;
   font-size: 24px;
   padding: 20%;
   width: 60%;
   z-index: 51;
   cursor: pointer;
}

section#section-interactive-map.is-plugin #svgMapHolder:after{
   position: absolute;
   top: 0;
   left: 0;
   content: "Shop All Tickets";
   text-align: center;
   color: white;
   font-size: 24px;
   padding: 16px;
   z-index: 52;
   cursor: pointer;
   background: #0067CE;
   margin-top: 40%;
   border-radius: 8px;
   left: 33%;
   right: 33%;
   font-size: 16px;
   font-weight: bold;
}


#section-interactive-map.is-plugin .tickets-to-map-bar, #section-interactive-map.is-plugin .quantity-select, #section-interactive-map.is-plugin #change-map-type-trigger{
   opacity: 0;
   pointer-events: none;
}

#list ul.skeleton{
   display: inline-grid;
   grid-template-columns: 1fr 1fr 1fr; /* Divides remaining space equally */
   gap: 12px;
   width: 100%;   
}


#list .sk-raw {

   height: 90px;
}

#container-quick-event-select{
   height: 212px;
}



.notice-aip{
   color: #333;
   font-weight: 500;
   position: relative;
   padding: 8px;
   padding-left: 24px;
}

.notice-aip:before 
{
   content: "";
   position: absolute;
   width: 16px;
   height: 16px;
   left: 8px;
   top: 0px;
   background-color: #EF356C; 
   top: 6px;
 
   --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath fill='%23000' d='M88.286 67.965c-.022-.038-.052-.069-.076-.105l.002-.001L61.307 21.26l-.015.008a2.1 2.1 0 0 0-.929-.801l.038-.022l-7.986-4.612l8.871 15.365l20.178 34.949l-.002.001c.024.036.054.067.076.105a2.09 2.09 0 0 1-.765 2.855l.014.025l-29.861 17.24l1.293 2.239c.026.055.044.112.075.166a2.085 2.085 0 0 0 2.772.801l.005.008l32.465-18.743l-.014-.025a2.09 2.09 0 0 0 .764-2.854'/%3E%3Cpath fill='%23000' d='M73.88 67.143a2.09 2.09 0 0 0 .765-2.855c-.022-.038-.052-.069-.076-.105l.002-.001l-26.905-46.599l-.015.008a2.1 2.1 0 0 0-.929-.801l.038-.022l-11.01-6.357v.044a2.08 2.08 0 0 0-1.846-.107l-.012-.021l-.206.119l-.013.006c-.006.003-.007.006-.012.008L12.478 22.69a2.08 2.08 0 0 0-1.037 1.764l-.007-.004v12.714l.021-.012c-.047.427.03.872.261 1.273c.014.024.032.042.047.065l26.815 46.446c.026.055.044.112.075.166a2.085 2.085 0 0 0 2.772.801l.005.008l32.465-18.743zM29.545 27.522a3.865 3.865 0 1 1 1.415-5.279a3.86 3.86 0 0 1-1.415 5.279'/%3E%3C/svg%3E");
 
   -webkit-mask-image: var(--svg);
   mask-image: var(--svg);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
}