@import url("/apps/lib/styles-extension-framework.css");


.text p, .text li, p.text, li.text{color: rgba(0, 0, 0, 0.87);font-size:13px;line-height:19px;margin-bottom:1em;}


/**
 * Default ticket styles here
 * Assume desktop-first, then use mobile stylesheet to over-ride
*/
li.ticket{padding:8px;height:54px;position:relative;}
li.ticket img.preview-photo{height:54px;width:54px;position:absolute;top:8px;left:0;}

li.ticket img.preview-photo:not(.no-photo) {
   background: url('https://www.rateyourseats.com/assets/images/loading-small_4.gif') center center no-repeat;
 }




li.ticket p{line-height:18px;color:black;padding-left:53px;margin:0;}
li.ticket p.ticket-section{font-size:14px;}
li.ticket p.ticket-rating{}
li.ticket p.ticket-rating .star-icon{line-height:18px;}
li.ticket span.tag{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#E5E5E5;font-size:8px;padding:2px 4px;color:#666;margin-right:5px;font-weight:bold;margin-top:2px;}
li.ticket span.tag.obstructed{color:red;border:1px solid red;line-height:11px;height:11px;}
li.ticket span.tag.tag-saved{display:none;}
li.ticket.saved span.tag.tag-saved{display:block;}
li.ticket p.ticket-deal{font-size:11px;color:#666;}
li.ticket p.ticket-deal span{color:white;border-radius:2psx;line-height:14px;padding:1px 4px;font-size:11px;height:14px;}
li.ticket p.ticket-deal.excellent span{background:#1A8828;}
li.ticket p.ticket-deal.great span{background:#429B46;}
li.ticket p.ticket-deal.good span{background:#5fa95d;}
li.ticket p.ticket-deal.ok span{background:#FFB61F;}
li.ticket p.ticket-deal.poor span{background:#F34A1C;}
li.ticket .buy-button{position:absolute;top:17px;right:6px;padding:0;width:72px;height:36px;line-height:36px;background:#0067CE;color:white;border:none;}
li.ticket .buy-button:hover{background:linear-gradient(#0067CE,#0357ab);}
li.ticket .buy-button-deal-excellent{background:#1A8828;}
li.ticket .buy-button-deal-excellent:hover{background:linear-gradient(#1A8828,#016b01);}
li.ticket .buy-button-deal-great{background:#429B46;}
li.ticket .buy-button-deal-great:hover{background:linear-gradient(#429B46,#448816);}
li.ticket .buy-button-deal-good{background:#5fa95d;}
li.ticket .buy-button-deal-good:hover{background:linear-gradient(#5fa95d,#51A11B);}
li.ticket .buy-button-deal:hover{}
li.ticket .quantity-details{font-size:11px;color:#666;text-align:center;position:absolute;right:84px;line-height:16px;top:19px;}

li.ticket.has-date p{line-height:13px;}
li.ticket.has-date p.ticket-section{margin-top:8px;font-size:13px;}
li.ticket.has-date p.event-date{font-size:10px;line-height:inherit;position:absolute;top:3px;color:#666;}
li.ticket.has-date p.event-date{font-size:11px;top:-1px;left:-7px;color:#444;padding:3px !important;background:#EAEAEA;border:1px solid #DDD;}
.mobile li.ticket.has-date p.event-date{left:-3px;}
li.ticket.has-date{padding-top:20px;}
li.ticket.has-date img.preview-photo{top:20px;}

/*ADDING USD NOTATION FOR CANADIAN LISTINGS 4.27.18*/ 
body[data-country='ca'] li.ticket .buy-button{line-height:31px;}
body[data-country='ca'] li.ticket .buy-button::after {content:"\A USD";font-size:8px;margin-top:-19px;display:block;font-weight:normal;height: 8px;}
body[data-country='ca'] #buy-bar .buy-button::after {content:"\A USD";font-size:8px;margin-top:-26px;display:block;font-weight:normal;height: 8px;}
body[data-country='ca'] .ticket-listing .section-ticket-stub .row-2 .el-value::after, body[data-country='ca'] .compare-tickets-results-table .ticket .value-price::after {content:"\A USD";font-size:8px;font-weight:normal;height: 8px;}


.bg-deal-excellent{background:#1A8828 !important;}
.bg-deal-great{background:#429B46 !important;}
.bg-deal-good{background:#5fa95d !important;}
.bg-deal-ok{background:#FFB61F !important;}
.bg-deal-poor{background:#F34A1C !important;}

.color-deal-excellent{color:#1A8828 !important;}
.color-deal-great{color:#429B46 !important;}
.color-deal-good{color:#5fa95d !important;}
.color-deal-ok{color:#FFB61F !important;}
.color-deal-poor{color:#F34A1C !important;}



#master-ticket-list.low-images li.ticket p, #tickets-container.low-images li.ticket p{padding-left:0;}
#master-ticket-list.low-images li.ticket img.preview-photo,#tickets-container.low-images li.ticket img.preview-photo{display:none;}



button.button-close{background:none;background-image:none;border:none;font-weight:bold;padding:0;margin:0;line-height:1em;}
button.button-close:before{content:"✕";}
button.button-close:hover {webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;background:none;opacity:0.85;}
button.button-close:focus {outline:0;}

.rotate-header
{
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform: rotate(-90deg);


}

.avatar-color-orange{background:#FF6600 !important;}
.avatar-color-brand{background:#0067CE !important;}
.avatar-color-dull{background:#333 !important;}





/*Style a selected ticket listing*/
.ticket-listing{overflow-y:scroll;}
.ticket-listing section{background:white;border:1px solid #CCC;margin-top:-1px;padding:16px;position:relative;}
.ticket-listing li h2{font-size:14px;color:black !important;}
.ticket-listing .section-ticket-stub{background:rgba(0,103,206,0.90) none;border:none;margin-top:0;position:relative;padding:0;}
.ticket-listing .section-ticket-stub .col{padding:5px 0;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:33%;float:left;}
.ticket-listing .section-ticket-stub .col:first-of-type{text-align:left;}
.ticket-listing .section-ticket-stub .col-67{width:67%;}
.ticket-listing .section-ticket-stub .event-title{color:#CADCED;padding:8px;text-align:center;font-size:11px;padding-bottom:4px;}
.ticket-listing .section-ticket-stub .row.row-1{overflow:auto;border-bottom:1px dashed #93BAE0; padding-bottom:11px;margin-bottom:14px;}
.ticket-listing .section-ticket-stub .row.row-2{overflow:auto;padding-bottom:10px;}
.ticket-listing .section-ticket-stub .el-label{color:#93BAE0;font-size:12px;}
.ticket-listing .section-ticket-stub .el-value{color:white;font-size:28px;padding-left:33px;width:100%;float:left;}
.ticket-listing .section-ticket-stub .col-button{padding:5px 10px;}
.ticket-listing .section-ticket-stub .button-buy{margin:0;}
.ticket-listing .section-ticket-stub .rotate-header{ 
    width:40px;

    text-align:center;
    position:absolute;margin-top:10px;left:0;}
.ticket-listing .section-ticket-stub .button-buy{font-weight:normal;background: #60A00A !important;color:white !important;border-radius:0;width:100%;font-size:14px;border:none;}

.ticket-listing section .item-avatar span.item-avatar-colored{position:absolute;top:0px;left:0px;max-width:50px;max-height:50px;width:100%;height:100%;border-radius:50%;background:#333;text-align:center;color:white;}
.ticket-listing .item-avatar span.item-avatar-colored{line-height:50px;font-size:24px;}
.ticket-listing .item-avatar span.item-avatar-colored.with-footnote .main-item{line-height:normal;position:absolute;top:5px;width:100%;text-align:center;font-size:24px;left:0;}
.ticket-listing .item-avatar span.item-avatar-colored.with-footnote .secondary-item{position:absolute;font-size:8px;bottom:10px;line-height:normal;width:100%;left:0;}


.image-crop img{height:100%;}




.ticket-listing .item-avatar, .ticket-listing .item-avatar .item-content, .ticket-listing .item-avatar-left, .ticket-listing .item-avatar-left .item-content {padding-left: 66px;min-height: 66px;}

.ticket-listing li.item-avatar{margin-bottom:0;}
.section-seatscore p:last-of-type{margin-bottom:0;}




table.compare-tickets td{width:100px;padding:10px;border:1px solid #CCC;font-size:12px;}
table.compare-tickets td.empty{border:none;}
table.compare-tickets td.label{width:80px;background:#E5E5E5;font-weight:500;color:#777;}
table.compare-tickets td:not(.preview-photo).base-ticket{background:#F8F8F8;}
table.compare-tickets td.preview-photo{vertical-align:top;border:none;}
table.compare-tickets td.preview-photo img{width:100px;height:60px;margin-bottom:5px;}
table.compare-tickets td.preview-photo p{line-height:15px;margin-bottom:0;}
table.compare-tickets td.value-seatscore{font-size:18px;color:#FF6600;}
table.compare-tickets td.value-price{font-size:14px;font-weight:bold;}
table.compare-tickets td.value-deal{font-weight:500;}
table.compare-tickets td.value-deal em{color:#999;font-weight:normal;font-size:11px;}

table.compare-tickets td.value-seatscore.base-ticket .stars-no-background .star-icon,table.compare-tickets td.value-seatscore.base-ticket .stars-no-background .star-icon {color:#F8F8F8;}

.ticket-listing section.section-compare{padding:15px;padding-right:0;background:#F1F1F1;padding-bottom:30px;}

.compare-tickets-results-table{position:relative;}


.section-compare .ticket{border-top:none;margin-left:-1px;user-select:none;cursor:default;}

.section-compare .ticket.base-ticket{position:absolute;left:0;z-index:2;top:-1px;border:1px solid #E5E5E5;}
.section-compare .preview-photo{padding:10px;padding-bottom:0;}
.section-compare .preview-photo img{width:100px;height:60px;}
.section-compare .value-headline{border-bottom:1px solid #E5E5E5;padding:5px 10px;line-height:15px;height:30px;overflow:hidden;width:100px;}
.section-compare .other-ticket .value-headline{color:#0067CE;}
.section-compare .other-ticket .go-to-ticket:hover{opacity:0.80;cursor:pointer;}
.section-compare .other-ticket .go-to-ticket:hover .value-headline{text-decoration:underline;}
.section-compare .value-price{border:1px solid #E5E5E5;border-top:0;padding:10px;font-weight:bold;font-size:14px;background:white;}
.section-compare .value-stars{border:1px solid #E5E5E5;border-top:0;padding:10px;font-size:18px;color:#FF6600;background:white;line-height:22px;}
.section-compare .value-stars em{font-weight:normal;color:#666;font-size:11px;}
.section-compare .value-deal{border:1px solid #E5E5E5;border-top:0;padding:10px;font-weight:500;line-height:15px;height:30px;overflow:hidden;background:white;}
.section-compare .value-deal em{font-weight:normal;color:#666;font-size:11px;}
.section-compare .value-quantity{padding:10px;border:1px solid #E5E5E5;border-top:0;background:white;}

.section-compare .base-ticket .value-price,.section-compare .base-ticket .value-stars,.section-compare .base-ticket .value-deal,.section-compare .base-ticket .value-quantity{border-right:0;border-left:0;}
.section-compare .base-ticket .value-quantity{border:none;}

.section-compare .swiper-container{margin-left:120px;overflow-x:auto;}



.slick-active{webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}

.slick-card{margin-bottom:16px;position:relative;
   padding: 16px;
   border-radius: 8px;
}
.slick-card.slick-active{height:inherit;}
.slick-center{}
.slick-card.card-basic{}
.slick-card.card-staff-pick{}
    .slick-card.card-staff-pick.staff-pick-positive i{color:#009800;}
    .slick-card.card-staff-pick.staff-pick-negative i{color:#FF0000;}
.slick-card.card-staff-pick .below-title{padding-left:28px;}    
.slick-card.card-review{}
.slick-card.card-comment{}
.slick-card.card-question{}
.slick-card h2{font-weight:500;line-height:16px;font-size:14px;position:relative;}
.slick-card.card-review h2,.slick-card.card-comment h2{font-style: italic;}
.slick-card.card-review h2:before,.slick-card.card-comment h2:before,.slick-card.card-review h2:after,.slick-card.card-comment h2:after{content:"\"";}
.slick-card h2 i{position:absolute;font-size:18px;left:0;}
.slick-card h2.has-icon{padding-left:28px;position:relative;}
.slick-card h2.has-helper{width:85%;}
.slick-card h2.has-icon.has-helper{}
.slick-card .title-helper{position:absolute;font-size:11px;color:#666;right:10px;top:10px;line-height:19px;}
.slick-card p.commentary.indent{padding-left:28px;}
.slick-card p.above-title{color:#999;font-size: 12px;margin-bottom:5px;}
.slick-card p.below-title{color:#666;margin-top:-8px;}



.content-preformatted figure .expand{display:none;position:absolute;top:0px;right:0;padding:10px;background:rgba(0,0,0,0.20) none;color:white;line-height:20px;font-size:16px;}
.content-preformatted figure.image-crop .expand{display:block;}




.content-preformatted figure.image-crop{height:220px;margin-bottom:20px;}
.content-preformatted figure.image-crop figcaption, .content-preformatted .image-crop .full-caption{background:white;bottom:0;padding:0;line-height:16px;width:100%;margin:0;position:absolute;}





.section-seat-views{position:relative;}
.section-seat-views button{position:absolute;top:6px;right:6px;height:28px;width:28px;background:rgba(255,255,255,0.90) none;line-height:28px;padding:0;color:#666;}
.section-seat-views .photo-count{background: rgba(0,0,0,0.30) none;line-height:20px;padding:0 5px;color:white;position:absolute;bottom:8px;left:8px;}

.section-seat-views img{width:100% !important; object-fit:cover !important;}

.avatar-color-orange .star-icon.star-half{color:#FF6600;}

/**
 * section-seat-views styles
*/ 
.ticket-listing .section-seat-views{padding:0;}





/**
 * section-seatscore styles
*/ 

.section-seatscore p.item-pro,.section-seatscore p.item-con{font-weight:500;padding-left:12px;position:relative;}
.section-seatscore p.item-con{font-weight:normal;}
.section-seatscore p.item-pro:before,.section-seatscore p.item-con:before{content:"+";position:absolute;left:0;}
.section-seatscore p.item-con:before{content:"-";}





.section-reviews .slick-card{
   background:white;
   border:1px solid #E5E5E5;
}
.section-reviews  .slick-list.slick-single{padding:0 !important;}
.section-reviews .slick-center .slick-card{margin-right:10px;}

.section-reviews .slick-card img{max-width:100%;}


.section-hero-header{background:#0067CE;color:white;padding:15px;}
.section-hero-header h1{font-size:20px;margin-bottom:0px;}

.section-hero-header .star-icon{color:#3385D8;}
.section-hero-header .star-icon.full:before{color:white;}
.section-hero-header .star-icon.half:before{color:white;}

.ticket-listing .options-drawer .option{width:20%;margin-right:5%;text-align:center;color:#666;text-transform:uppercase;float:left;font-size:11px;}
.ticket-listing .options-drawer .option i{margin-bottom:5px;font-size:22px;}
.ticket-listing.favorite .option-favorite i{color:red;}

li.ticket .ticket-section i{display:none;color:red;font-size:10px;}
li.ticket.favorite .ticket-section i{display:inline;}

.a166825 img.preview-photo, .a166825 img.preview, .a166825 .preview-photo img{
  filter: blur(0.5px);
}
.a166825 .section-seat-views figure img{
  filter: blur(0.8px);
}
.a166825 figure.photo-matte img{
  filter: blur(1px);
}


/*SPINNER STYLES (1.25.2018)--------------------------------------------------*/
.rys-loader-v1{width:75px;height:75px;position:relative;top:50px;left:50%;transform:translateX(-50%);}
.rys-loader-v1-outer{
  left:0px;top:0px;width:75px;height:75px;margin:0px;border-radius:50%;position:relative;
  background: -moz-linear-gradient(left, #FF6600 0%, rgba(255, 255, 255, 0) 40%);
  background: -webkit-linear-gradient(left, #FF6600 0%, rgba(255, 255, 255, 0) 40%);
  background: -o-linear-gradient(left, #FF6600 0%, rgba(255, 255, 255, 0) 40%);
  background: -ms-linear-gradient(left, #FF6600 0%, rgba(255, 255, 255, 0) 40%);
  background: linear-gradient(to right, #FF6600 0%, rgba(255, 255, 255, 0) 40%);
  -webkit-animation: rlv1Spin 1.4s infinite linear;
  animation: rlv1Spin 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.rys-loader-v1-outer:before{width:50%;height:50%;background:#FF6600;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:'';}
.rys-loader-v1-outer:after{background:#0067CE;width:90%;height:90%;border-radius:50%;content:'';margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;}
@-webkit-keyframes rlv1Spin {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes rlv1Spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.rys-loader-v1-inner{background-image:url('/assets/images/no-shadow-no-circle-te-spin.png');position:absolute;top:0px;left:0px;width:100%;height:100%;}
.rys-loader-v1-msg{padding:15px 30px;margin-top:50px;text-align:center;font-weight:700;color:#666;font-size:14px;}
.rys-loader-v1-msg:after{content:'Searching for the best seats and the lowest prices...';}
/*SUPPORTING REFRESH ADDITIONS (1.25.2018)------------------------------------*/
.no-pointer-events{pointer-events:none !important;}
#slide-in-ticket .slide-in-ticket-refresh{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(255,255,255,0.6);z-index:10;padding-top:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#slide-in-ticket .rys-loader-v1-msg{color:#333 !important;}
#no-ticket-refresh-message p{margin-bottom:0px! important; padding-bottom:0px !important;}
#slide-in-section .no-ticket-refresh-message{text-align:center;background:#F8F8F8;padding:15px 10px;}
#slide-in-section .no-ticket-refresh-message p{margin-bottom:0px;}

#container-aip-toggle{padding:10px;border-bottom:1px solid #E5E5E5;background:#F8F8F8;}
#container-aip-toggle span:hover{text-decoration:underline;cursor:pointer;}
#container-aip-toggle .fa-toggle-on{color:#0067CE;}



.ticket-listing .template-skeleton section{
  padding: 10px;
}
.skeleton-text, .skeleton-image{
  background: #F1F1F1;
  border-radius: 3px;
}
.skeleton-text{
  margin-bottom: 10px;  
  height: 16px;
}
.skeleton-text:last-of-type{
  margin-bottom: 0;
}
.skeleton-image{
  height: 50vw;
}



#modal-ti{
  border: none;
  width: 420px;  
  border-radius: 8px;
  text-align: center;
  padding: 24px;
}

#modal-ti, #modal-ti *{
  box-sizing: border-box;  
}

#modal-ti .header {
  font-size: 24px;
  margin-bottom: 40px;
}

#modal-ti p {
  font-size: 16px;
  margin-bottom: 40px;
}

#modal-ti button {
  font-size: 16px;
  margin-bottom: 24px;
  width: 80%;
  height: 48px;
  font-weight: normal;
  border: 1px solid black;
  border-radius: 8px;
  box-shadow: none;
  transition: filter 0.3s;
}

#modal-ti button:hover{
  filter: brightness(1.2);
}

#modal-ti .button-primary{
  background-color: black;
  color: white;  
}
#modal-ti .button-filter {
  background-color: black;
  color: white;
}

#modal-ti .button-all {
  background-color: white;
  color: black;
}

#modal-ti .button-have-tickets {
  background: none;
  text-decoration: underline;
  color: #444;
  font-size: 14px;
  border-color: white;
  margin-bottom: 0;
}


#modal-ti[data-mode='already'] form *{
  display: inline;
  height: 48px;
  width: unset;
}
#modal-ti[data-mode='already'] input{
  width: 67%;
  margin-right: 2%;
  padding-left: 2%;
}
#modal-ti[data-mode='already'] button[type='submit']{
  width: 30%;
  background: black;
  color:white;
}
#modal-ti[data-mode='already'] .button-dont-want{
  background: none;
  text-decoration: underline;
  color: #444;
  font-size: 14px;
  border-color: white;
  margin-bottom: 0;
}


#modal-ti[data-version='4']{
  max-height: unset;
  height: 100%;
  left: 0;
  top: 0;
  margin: unset;
  border-radius: 0;
  text-align: unset;
}

#card-filters-hint{
  position: absolute;
  width: 240px;
  z-index:60000;
  border-radius: 8px;
  color: white;
  padding: 16px;
  display: none;
  background: #0067CE;
  line-height: 1.2;
  font-size: 13px;
}

.arrow-right-top:after{
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index:1000;
    right: -10px;
    top: 10px;
    border-width: 18px 0 18px 18px;
    border-color: transparent transparent transparent #FFF;
}

#card-filters-hint .arrow-right-top:after{
  border-color: transparent transparent transparent #0067CE;
}

.arrow-top-right:after{
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index:1000;
    top: -10px;
    right: 10px;
    border-width: 0 18px 18px 18px;
    border-color: transparent transparent #FFF transparent;
}

#card-filters-hint .arrow-top-right:after{
  border-color: transparent transparent #0067CE transparent;
}

.ticket-listing p.fees-notice{
  background: #E5F0FA;
  padding: 4px;
  display: inline-block;
  font-size: 12px;
}
.section-dialog .fees-notice{
  background: #E5F0FA;
  text-align: center;
  padding: 10px;
  margin-bottom: 4px;
  margin-top: -12px;
}


section.section-ticket-stub .league-banner,.section-dialog .league-banner{
   color: white;
   background: black;
   overflow: auto;
   line-height: 30px;
   padding: 4px;
   overflow: auto;
   border-top: none;
}

section.section-ticket-stub .league-banner[data-league='mlb'],.section-dialog .league-banner[data-league='mlb']{
   background: #041E43;
}

section.section-ticket-stub .league-banner img, .section-dialog .league-banner img{
   height: 30px;
   float: left;
   margin-right: 4px;
}


.ticket-popup {
   position: absolute;
   top: 20px;
   left: 20px;
   width: 320px;
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 6px 20px rgba(0,0,0,0.50);
   overflow: hidden;
   z-index: 9999;

}

.popup-hero {
   position: relative;
   background: #eee;
   height: 150px;
   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: 4px;
   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;
}

.popup-body {
   padding: 12px;
}

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

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

.popup-price {
   font-size: 15px;
   font-weight: bold;
}

.popup-price strong:after{
   content: "/ea";
   font-size: 11px;
}

.popup-price span{
   font-weight: normal;
   color: #333;
}

.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;
   margin-right: 8px;
   font-size: 14px;
}

.popup-more {
   width: 40px;
   background: #FFFFFF;
   border: 1px solid #E5E5E5;
   border: none;
   font-size: 20px;
   border-radius: 4px;
   cursor: pointer;
   padding: 0;
}

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

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


.filter-bar {
   display: flex;
   justify-content: space-between;
   align-items: stretch;
   border-bottom: 1px solid #e5e5e5;
   background: #fff;
   padding: 0;
   height: calc(72px - 1px);
}

.filter-item {
   flex: 1;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   padding: 10px 0;
   position: relative;
   border-bottom: none;
   transition: background-color 0.15s ease;
   opacity: 0.8;
}

.filter-item.is-selected{
   opacity: 1;
}

.filter-item[data-id='recommended'].is-selected{
   color:#FF6600;
}

.filter-item[data-id='premium'].is-selected{
   color:#8800aa;
}

.filter-item[data-id='deals'].is-selected{
   color:#008000;
}

.filter-item[data-id='budget'].is-selected{
   color:#0067ce;
}

.filter-item.is-selected *{
   scale: 1.1;
}

.filter-item.is-selected::before {
   content: "×";
   position: absolute;
   top: 4px;
   left: 8px;
   font-size: 16px;
   color: #333;
   cursor: pointer;
}



/* Selected item draws a thick blue tab that touches the gray border */
.filter-item.is-selected::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 3px;
   background: #0067ce;
}

.filter-item[data-id='recommended'].is-selected::after{
   background:#FF6600;
}

.filter-item[data-id='premium'].is-selected::after{
   background:#8800aa;
}

.filter-item[data-id='deals'].is-selected::after{
   background:#008000;
}

.filter-item[data-id='budget'].is-selected::after{
   background:#0067ce;
}


.filter-icon {
   display: inline-block;
   width: 28px;
   height: 28px;
   margin-bottom: 4px;
   position: relative;
}

.filter-icon::before {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-position: center;
   mask-position: center;
   background-color: currentColor;
}

/* Icons — define SVG as masks */

/* hugeicons:dollar-square */
.icon-budget::before {
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' color='%23000'%3E%3Cpath d='M2.5 12c0-4.23 0-6.345 1.198-7.747q.256-.3.555-.555C5.655 2.5 7.77 2.5 12 2.5s6.345 0 7.747 1.198q.3.256.555.555C21.5 5.655 21.5 7.77 21.5 12s0 6.345-1.198 7.747q-.256.3-.555.555C18.345 21.5 16.23 21.5 12 21.5s-6.345 0-7.747-1.198q-.3-.256-.555-.555C2.5 18.345 2.5 16.23 2.5 12'/%3E%3Cpath d='M14.71 10.061c-.099-.763-.975-1.995-2.55-1.995c-1.829 0-2.599 1.013-2.755 1.52c-.244.678-.195 2.071 1.95 2.223c2.68.19 3.754.506 3.618 2.147s-1.631 1.995-2.812 1.957s-3.113-.58-3.188-2.04m3-6.875V8.07m0 7.833v1.095'/%3E%3C/g%3E%3C/svg%3E");
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' color='%23000'%3E%3Cpath d='M2.5 12c0-4.23 0-6.345 1.198-7.747q.256-.3.555-.555C5.655 2.5 7.77 2.5 12 2.5s6.345 0 7.747 1.198q.3.256.555.555C21.5 5.655 21.5 7.77 21.5 12s0 6.345-1.198 7.747q-.256.3-.555.555C18.345 21.5 16.23 21.5 12 21.5s-6.345 0-7.747-1.198q-.3-.256-.555-.555C2.5 18.345 2.5 16.23 2.5 12'/%3E%3Cpath d='M14.71 10.061c-.099-.763-.975-1.995-2.55-1.995c-1.829 0-2.599 1.013-2.755 1.52c-.244.678-.195 2.071 1.95 2.223c2.68.19 3.754.506 3.618 2.147s-1.631 1.995-2.812 1.957s-3.113-.58-3.188-2.04m3-6.875V8.07m0 7.833v1.095'/%3E%3C/g%3E%3C/svg%3E");   
   color: #0067ce;
}

/* teenyicons:discount-outline */

.icon-deals::before {
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='none' stroke='%23000' d='M5 5.5h1m3 4h1M10 5l-5 5M6.801.79L5.672 1.917a1 1 0 0 1-.698.29H3.196a.99.99 0 0 0-.988.988v1.778a1 1 0 0 1-.29.698L.79 6.802a.99.99 0 0 0 0 1.397l1.13 1.129a1 1 0 0 1 .289.698v1.778c0 .546.442.988.988.988h1.778c.262 0 .513.104.698.29l1.13 1.129a.99.99 0 0 0 1.397 0l1.129-1.13a1 1 0 0 1 .698-.289h1.778a.99.99 0 0 0 .988-.988v-1.778c0-.262.104-.513.29-.698l1.129-1.13a.99.99 0 0 0 0-1.397l-1.13-1.129a1 1 0 0 1-.289-.698V3.196a.99.99 0 0 0-.988-.988h-1.778a1 1 0 0 1-.698-.29L8.198.79a.99.99 0 0 0-1.397 0Z' stroke-width='1'/%3E%3C/svg%3E");
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='none' stroke='%23000' d='M5 5.5h1m3 4h1M10 5l-5 5M6.801.79L5.672 1.917a1 1 0 0 1-.698.29H3.196a.99.99 0 0 0-.988.988v1.778a1 1 0 0 1-.29.698L.79 6.802a.99.99 0 0 0 0 1.397l1.13 1.129a1 1 0 0 1 .289.698v1.778c0 .546.442.988.988.988h1.778c.262 0 .513.104.698.29l1.13 1.129a.99.99 0 0 0 1.397 0l1.129-1.13a1 1 0 0 1 .698-.289h1.778a.99.99 0 0 0 .988-.988v-1.778c0-.262.104-.513.29-.698l1.129-1.13a.99.99 0 0 0 0-1.397l-1.13-1.129a1 1 0 0 1-.289-.698V3.196a.99.99 0 0 0-.988-.988h-1.778a1 1 0 0 1-.698-.29L8.198.79a.99.99 0 0 0-1.397 0Z' stroke-width='1'/%3E%3C/svg%3E");   
   color: #008000;
}


/* material-symbols:diamond-outline-rounded */
.icon-premium::before {
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 19.875q-.425 0-.825-.187t-.7-.538L2.825 10q-.225-.275-.337-.6t-.113-.675q0-.225.038-.462t.162-.438L4.45 4.1q.275-.5.738-.8T6.225 3h11.55q.575 0 1.038.3t.737.8l1.875 3.725q.125.2.163.437t.037.463q0 .35-.112.675t-.338.6l-7.65 9.15q-.3.35-.7.538t-.825.187M9.625 8h4.75l-1.5-3h-1.75zM11 16.675V10H5.45zm2 0L18.55 10H13zM16.6 8h2.65l-1.5-3H15.1zM4.75 8H7.4l1.5-3H6.25z'/%3E%3C/svg%3E");


   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 19.875q-.425 0-.825-.187t-.7-.538L2.825 10q-.225-.275-.337-.6t-.113-.675q0-.225.038-.462t.162-.438L4.45 4.1q.275-.5.738-.8T6.225 3h11.55q.575 0 1.038.3t.737.8l1.875 3.725q.125.2.163.437t.037.463q0 .35-.112.675t-.338.6l-7.65 9.15q-.3.35-.7.538t-.825.187M9.625 8h4.75l-1.5-3h-1.75zM11 16.675V10H5.45zm2 0L18.55 10H13zM16.6 8h2.65l-1.5-3H15.1zM4.75 8H7.4l1.5-3H6.25z'/%3E%3C/svg%3E");

   color: #8800aa;
}


.icon-more::before {
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M472 168H40a24 24 0 0 1 0-48h432a24 24 0 0 1 0 48m-80 112H120a24 24 0 0 1 0-48h272a24 24 0 0 1 0 48m-96 112h-80a24 24 0 0 1 0-48h80a24 24 0 0 1 0 48'/%3E%3C/svg%3E");


   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M472 168H40a24 24 0 0 1 0-48h432a24 24 0 0 1 0 48m-80 112H120a24 24 0 0 1 0-48h272a24 24 0 0 1 0 48m-96 112h-80a24 24 0 0 1 0-48h80a24 24 0 0 1 0 48'/%3E%3C/svg%3E");

   color: #000000;
}



.icon-recommended::before {
   mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='365px' height='374px' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='opacity:0.914' fill='%23fefffe' d='M 355.5,2.5 C 356.5,2.5 357.5,2.5 358.5,2.5C 329.161,124.856 299.661,247.189 270,369.5C 246.241,370.494 222.408,370.828 198.5,370.5C 200.75,259.162 203.25,147.829 206,36.5C 255.94,25.2145 305.773,13.8811 355.5,2.5 Z M 341.5,17.5 C 342.376,17.3691 343.043,17.7025 343.5,18.5C 315.845,131.453 288.345,244.453 261,357.5C 243.738,359.478 226.238,360.145 208.5,359.5C 211.338,254.476 214.338,149.476 217.5,44.5C 259.111,36.2464 300.445,27.2464 341.5,17.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:0.911' fill='%23fefffe' d='M 186.5,104.5 C 187.163,106.473 187.496,108.639 187.5,111C 185.904,188.73 184.237,266.397 182.5,344C 162.927,344.826 143.427,344.659 124,343.5C 108.178,271.888 92.6778,200.221 77.5,128.5C 114.059,120.99 150.393,112.99 186.5,104.5 Z M 171.5,119.5 C 172.5,119.5 173.5,119.5 174.5,119.5C 174.077,191.169 173.41,262.836 172.5,334.5C 158.588,334.823 144.754,334.49 131,333.5C 117.177,267.886 103.677,202.22 90.5,136.5C 117.697,131.195 144.697,125.528 171.5,119.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:0.91' fill='%23fefffe' d='M 72.5,213.5 C 74.5,213.5 76.5,213.5 78.5,213.5C 87.7551,251.443 96.7551,289.443 105.5,327.5C 84.4894,327.833 63.4894,327.5 42.5,326.5C 30.0638,294.356 17.7304,262.189 5.5,230C 27.9756,224.631 50.3089,219.131 72.5,213.5 Z M 64.5,225.5 C 66.7659,225.141 68.5993,225.808 70,227.5C 77.2729,257.758 84.7729,287.925 92.5,318C 78.2585,318.823 64.0918,318.656 50,317.5C 39.352,290.374 28.852,263.207 18.5,236C 34.0304,232.781 49.3638,229.281 64.5,225.5 Z'/%3E%3C/g%3E%3C/svg%3E");
   -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='365px' height='374px' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath style='opacity:0.914' fill='%23fefffe' d='M 355.5,2.5 C 356.5,2.5 357.5,2.5 358.5,2.5C 329.161,124.856 299.661,247.189 270,369.5C 246.241,370.494 222.408,370.828 198.5,370.5C 200.75,259.162 203.25,147.829 206,36.5C 255.94,25.2145 305.773,13.8811 355.5,2.5 Z M 341.5,17.5 C 342.376,17.3691 343.043,17.7025 343.5,18.5C 315.845,131.453 288.345,244.453 261,357.5C 243.738,359.478 226.238,360.145 208.5,359.5C 211.338,254.476 214.338,149.476 217.5,44.5C 259.111,36.2464 300.445,27.2464 341.5,17.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:0.911' fill='%23fefffe' d='M 186.5,104.5 C 187.163,106.473 187.496,108.639 187.5,111C 185.904,188.73 184.237,266.397 182.5,344C 162.927,344.826 143.427,344.659 124,343.5C 108.178,271.888 92.6778,200.221 77.5,128.5C 114.059,120.99 150.393,112.99 186.5,104.5 Z M 171.5,119.5 C 172.5,119.5 173.5,119.5 174.5,119.5C 174.077,191.169 173.41,262.836 172.5,334.5C 158.588,334.823 144.754,334.49 131,333.5C 117.177,267.886 103.677,202.22 90.5,136.5C 117.697,131.195 144.697,125.528 171.5,119.5 Z'/%3E%3C/g%3E%3Cg%3E%3Cpath style='opacity:0.91' fill='%23fefffe' d='M 72.5,213.5 C 74.5,213.5 76.5,213.5 78.5,213.5C 87.7551,251.443 96.7551,289.443 105.5,327.5C 84.4894,327.833 63.4894,327.5 42.5,326.5C 30.0638,294.356 17.7304,262.189 5.5,230C 27.9756,224.631 50.3089,219.131 72.5,213.5 Z M 64.5,225.5 C 66.7659,225.141 68.5993,225.808 70,227.5C 77.2729,257.758 84.7729,287.925 92.5,318C 78.2585,318.823 64.0918,318.656 50,317.5C 39.352,290.374 28.852,263.207 18.5,236C 34.0304,232.781 49.3638,229.281 64.5,225.5 Z'/%3E%3C/g%3E%3C/svg%3E");
   background-color: #FF6600;

}




.filter-label {
   font-size: 13px;
   font-weight: 500;
}

.ticket-preview {
   width: 100%;
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.15);
   display: flex;
   flex-direction: column;
   overflow: hidden;
   position: relative;
}

.ticket-preview .header {
   position: relative;
   min-height: 32px;
}

.ticket-preview .header-img-container {
   width: 100%;
   height: 140px;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   background-image: url('/assets/images/no-photo_1.png'); /* Your placeholder image */
   background-position: center; /* Centers the image horizontally and vertically */
   background-repeat: no-repeat; /* Prevents the image from repeating */
   background-color: #EBEBEB; /* Your fallback background color */
 } 

.ticket-preview .header-img {
   width: 100%;
   height: 140px;
   object-fit: cover;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
}

.ticket-preview .tag-icons{
   position: absolute;
   top: 8px;
   left: 8px;
}

.ticket-preview .tag-icon {

   display: inline-block;
   align-items: center;
   background: white;
   border-radius: 12px;
   padding: 3px 12px;
   font-size: 12px;
   font-weight: bold;
   position: relative;
   height: 20px;
   line-height: 20px;
   margin-right: 2px;
   border: 1px solid #E5E5E5;
}

.ticket-preview .tag-icon span{
   padding-left: 20px;
   
}

.ticket-preview .tag-icon span:before{
   content: "";
   position: absolute;
   width: 18px;
   height: 18px;
   left: 8px;
   top: 4px;

}

.ticket-preview .tag-icon[data-option='deal']{
   color: #008000;
}
.ticket-preview .tag-icon[data-option='premium']{
   color: #8800aa;
}
.ticket-preview .tag-icon[data-option='budget']{
   color: #0067ce;
}


.ticket-preview .tag-icon[data-option='deal'] span:before{

   background-color: #008000;



   --svgx: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='none' stroke='%23000' d='M5 5.5h1m3 4h1M10 5l-5 5M6.801.79L5.672 1.917a1 1 0 0 1-.698.29H3.196a.99.99 0 0 0-.988.988v1.778a1 1 0 0 1-.29.698L.79 6.802a.99.99 0 0 0 0 1.397l1.13 1.129a1 1 0 0 1 .289.698v1.778c0 .546.442.988.988.988h1.778c.262 0 .513.104.698.29l1.13 1.129a.99.99 0 0 0 1.397 0l1.129-1.13a1 1 0 0 1 .698-.289h1.778a.99.99 0 0 0 .988-.988v-1.778c0-.262.104-.513.29-.698l1.129-1.13a.99.99 0 0 0 0-1.397l-1.13-1.129a1 1 0 0 1-.289-.698V3.196a.99.99 0 0 0-.988-.988h-1.778a1 1 0 0 1-.698-.29L8.198.79a.99.99 0 0 0-1.397 0Z' stroke-width='1'/%3E%3C/svg%3E");
 
   -webkit-mask-image: var(--svgx);
   mask-image: var(--svgx);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;   
}


.ticket-preview .tag-icon[data-option='premium'] span:before{

   background-color: #8800aa;



   --svgpremium: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 19.875q-.425 0-.825-.187t-.7-.538L2.825 10q-.225-.275-.337-.6t-.113-.675q0-.225.038-.462t.162-.438L4.45 4.1q.275-.5.738-.8T6.225 3h11.55q.575 0 1.038.3t.737.8l1.875 3.725q.125.2.163.437t.037.463q0 .35-.112.675t-.338.6l-7.65 9.15q-.3.35-.7.538t-.825.187M9.625 8h4.75l-1.5-3h-1.75zM11 16.675V10H5.45zm2 0L18.55 10H13zM16.6 8h2.65l-1.5-3H15.1zM4.75 8H7.4l1.5-3H6.25z'/%3E%3C/svg%3E");
 
   -webkit-mask-image: var(--svgpremium);
   mask-image: var(--svgpremium);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;   
}

.ticket-preview .tag-icon[data-option='budget'] span:before{

   background-color: #0067ce;



   --svgbudget: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' color='%23000'%3E%3Cpath d='M2.5 12c0-4.23 0-6.345 1.198-7.747q.256-.3.555-.555C5.655 2.5 7.77 2.5 12 2.5s6.345 0 7.747 1.198q.3.256.555.555C21.5 5.655 21.5 7.77 21.5 12s0 6.345-1.198 7.747q-.256.3-.555.555C18.345 21.5 16.23 21.5 12 21.5s-6.345 0-7.747-1.198q-.3-.256-.555-.555C2.5 18.345 2.5 16.23 2.5 12'/%3E%3Cpath d='M14.71 10.061c-.099-.763-.975-1.995-2.55-1.995c-1.829 0-2.599 1.013-2.755 1.52c-.244.678-.195 2.071 1.95 2.223c2.68.19 3.754.506 3.618 2.147s-1.631 1.995-2.812 1.957s-3.113-.58-3.188-2.04m3-6.875V8.07m0 7.833v1.095'/%3E%3C/g%3E%3C/svg%3E");
 
   -webkit-mask-image: var(--svgbudget);
   mask-image: var(--svgbudget);
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;   
}






.ticket-preview .tag-icon .icons {
   width: 16px;
   height: 16px;
   margin-right: 4px;
}

.ticket-preview .close-button {
   position: absolute;
   top: 8px;
   right: 8px;
   background: white;
   border-radius: 50%;
   height: 24px;
   padding-top: 8px;
   width: 32px;
   text-align: center;
   cursor: pointer;
   border: 1px solid #E5E5E5;
   box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.ticket-preview .close-button .icons {
   width: 16px;
   height: 16px;
}

.ticket-preview .fp-body {
   padding: 12px 12px 0;
   flex-grow: 1;
   position: relative;
}

.ticket-preview .section-row {
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 2px;
}

.ticket-preview .ticket-count {
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 16px;
}

.ticket-preview .ticket-description {
   font-size: 12px;
   color: #FF6600;
   line-height: 1.3;
   margin-bottom: 12px;
   font-weight: bold;
}

.ticket-preview .ticket-description li{
   padding-left: 20px;
   position: relative;    
}

.ticket-preview .ticket-description li:before{
   content: "✔";
   position:absolute;
   left: 4px;
}

.ticket-preview .show-details {
   font-size: 13px;
   color: #444444;
   font-weight: 500;
}

.ticket-preview .price-row {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   padding: 8px 16px 0;
   position: absolute;
   right: 0;
   bottom: 0;
}

.ticket-preview .price-icon {
   width: 18px;
   height: 18px;
   margin-right: 8px;
}

.ticket-preview .price-tag {
   text-align: right;
}

.ticket-preview .price-tag div:first-child {
   font-size: 18px;
   font-weight: bold;
}

.ticket-preview .price-note {
   font-size: 9px;
   color: #252525;
   font-weight: normal;
   position: relative;
}

.price-note:before {
   content: "";
   position: absolute;
   width: 16px;
   height: 16px;
   left: -18px;
   top: -2px;
   background-color: #EF356C;
 
   --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%;
 }
 

.ticket-preview .footer {
   padding: 16px 12px;
}

.ticket-preview .checkout-btn {
   background: #0067ce;
   color: white;
   font-weight: bold;
   font-size: 15px;
   padding: 12px 0;
   width: 100%;
   border-radius: 8px;
   text-align: center;
   cursor: pointer;
   display: block;
}

#container-ticket-preview {
   position: absolute;
   bottom: 0;
   left: 0;
   width: calc(100% - 16px);
   padding: 8px;
   padding-top: 2px; /*adds slight difference if overlaying map*/
   background: white;
   z-index: 9999;
   display: flex;
   align-items: center;
   justify-content: center;
}