(function appFlashsale($){let css_assets=document.createElement("style");css_assets.type="text/css";css_assets.id="appFlashsaleCssAssets";css_assets.textContent=``;document.getElementsByTagName("head")[0].appendChild(css_assets);let flashsalePosition='container';let flashsaleSelector='box_flashsale';let productTimerPosition='availability';let productTimerSelector='flashsaleProductTimer';let flashsaleTimerAnimation='rotate';let flashsaleTimerAnimationDirection='down';let productTimerAnimation='rotate';let productTimerAnimationDirection='down';let flashsaleBorderColor='hsl(31, 81%, 50%)';let flashsaleHeadFontColor='hsl(31, 81%, 50%)';let flashsalePercentFontColor='hsl(0, 100%, 100%)';let flashsalePercentBackground='hsl(31, 81%, 50%)';let flashsalePriceEmFontColor='hsl(31, 81%, 50%)';let flashsalePriceDelFontColor='hsl(0, 0%, 60%)';let flashsaleRibbonFontColor='hsl(0, 100%, 100%)';let flashsaleRibbonBackground='hsl(195, 87%, 15%)';let flashsaleTimerHeadFontColor='hsl(0, 0%, 0%)';let flashsaleTimerBorderColor='hsl(31, 81%, 50%)';let flashsaleTimerValueFontColor='hsl(0, 0%, 0%)';let flashsaleTimerLabelFontColor='hsl(0, 0%, 0%)';let productTimerHeadFontColor='hsl(0, 0%, 0%)';let productTimerBorderColor='hsl(31, 81%, 50%)';let productTimerValueFontColor='hsl(0, 0%, 0%)';let productTimerLabelFontColor='hsl(0, 0%, 0%)';let arrowsBackground='hsla(0, 0%, 85%, 0)';let arrowsBorderColor='hsl(0, 0%, 20%)';let arrowsColor='hsl(0, 0%, 20%)';let shopId=407;let translations_array={"text_flashsaleRibbon":{"__default":"OKAZJA DNIA","pl_PL":"OKAZJA DNIA"},"text_flashsaleHead":{"__default":"Oszcz\u0119dzasz","pl_PL":"Oszcz\u0119dzasz"},"text_flashsaleHistoricPrice":{"__default":"Najni\u017csza cena z 30 dni przed t\u0105 promocj\u0105:","pl_PL":"Najni\u017csza cena z 30 dni przed t\u0105 promocj\u0105:"},"text_flashsaleAddToBasket":{"__default":"DO KOSZYKA","pl_PL":"DO KOSZYKA"},"text_flashsaleOutOfStock":{"__default":"WYPRZEDANO","pl_PL":"WYPRZEDANO"},"text_flashsaleTimerHeader":{"__default":"DO NAST\u0118PNEJ OKAZJI DNIA POZOSTA\u0141O:","pl_PL":"DO NAST\u0118PNEJ OKAZJI DNIA POZOSTA\u0141O:"},"text_flashsaleTimerHeaderTimeEnd":{"__default":"OD\u015aWIE\u017b STRON\u0118, ABY ZOBACZY\u0106 NOW\u0104 OKAZJ\u0118 DNIA","pl_PL":"OD\u015aWIE\u017b STRON\u0118, ABY ZOBACZY\u0106 NOW\u0104 OKAZJ\u0118 DNIA"},"text_flashsaleTimerUnitDay":{"__default":"DNI","pl_PL":"DNI"},"text_flashsaleTimerUnitHour":{"__default":"GODZ","pl_PL":"GODZ"},"text_flashsaleTimerUnitMinute":{"__default":"MIN","pl_PL":"MIN"},"text_flashsaleTimerUnitSecond":{"__default":"SEK","pl_PL":"SEK"},"text_productTimerHeader":{"__default":"\u015aPIESZ SI\u0118, OFERTA KO\u0143CZY SI\u0118 ZA:","pl_PL":"\u015aPIESZ SI\u0118, OFERTA KO\u0143CZY SI\u0118 ZA:"},"text_productTimerHeaderTimeEnd":{"__default":"OFERTA SKO\u0143CZY\u0141A SI\u0118. SPRAWD\u0179 STRON\u0118 G\u0141\u00d3WN\u0104, ABY ZOBACZY\u0106 NOW\u0104 OFERT\u0118","pl_PL":"OFERTA SKO\u0143CZY\u0141A SI\u0118. SPRAWD\u0179 STRON\u0118 G\u0141\u00d3WN\u0104, ABY ZOBACZY\u0106 NOW\u0104 OFERT\u0118"},"text_productTimerUnitDay":{"__default":"DNI","pl_PL":"DNI"},"text_productTimerUnitHour":{"__default":"GODZ","pl_PL":"GODZ"},"text_productTimerUnitMinute":{"__default":"MIN","pl_PL":"MIN"},"text_productTimerUnitSecond":{"__default":"SEK","pl_PL":"SEK"}};let hideUnavailableProducts=1;let continuouslyCheckProductAvailability=1;let continuouslyCheckInterval=15;let displayAsSlider=0;let showFlashsaleTimer=1;let showProductTimer=1;let showDayInFlashsaleTimer=0;let showDayInProductTimer=0;let containerMarginTop=0;let containerMarginBottom=0;let flashsaleSpacing=20;let flashsalePadding=15;let flashsaleBorderWidth=2;let flashsaleBorderRadius=0;let flashsaleImageWidth=200;let flashsaleImageHeight=150;let flashsaleInfoMargin=12;let flashsaleHeadFontSize=24;let flashsalePercentFontSize=14;let flashsaleNameFontSize=14;let flashsalePriceFontSize=20;let flashsaleRibbonWidth=100;let flashsaleRibbonHeight=28;let flashsaleRibbonFoldHeight=8;let flashsaleRibbonFontSize=13;let flashsaleTimerHeadMargin=12;let flashsaleTimerHeadFontSize=16;let flashsaleTimerMargin=8;let flashsaleTimerWidth=64;let flashsaleTimerHeight=60;let flashsaleTimerBorderWidth=2;let flashsaleTimerBorderRadius=5;let flashsaleTimerValueMargin=0;let flashsaleTimerValueHeight=24;let flashsaleTimerValueFontSize=18;let flashsaleTimerLabelFontSize=14;let productTimerHeadMargin=12;let productTimerHeadFontSize=16;let productTimerMargin=8;let productTimerWidth=64;let productTimerHeight=60;let productTimerBorderWidth=2;let productTimerBorderRadius=5;let productTimerValueMargin=0;let productTimerValueHeight=24;let productTimerValueFontSize=18;let productTimerLabelFontSize=14;let arrowsHoverVisible=1;let containerMargin=0;let arrowsMargin=-40;let arrowsWidth=40;let arrowsHeight=40;let arrowsBorderWidth=0;let arrowsBorderRadius=0;let arrowsFont=18;let promos={"483":1731492000};let escapeHtml=function escapeHtml(unsafe){return unsafe.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;");};let getTranslation=function getTranslation(var_name,current_lang=Shop.lang.name){if(!(current_lang in translations_array[var_name])){translation=translations_array[var_name]['__default'];}else{translation=translations_array[var_name][current_lang];}
return escapeHtml(translation);};let text_flashSaleRibbon=getTranslation('text_flashsaleRibbon');let text_flashSaleHead=getTranslation('text_flashsaleHead');let text_flashsaleHistoricPrice=getTranslation('text_flashsaleHistoricPrice');let text_flashSaleAddToBasket=getTranslation('text_flashsaleAddToBasket');let text_flashSaleOutOfStock=getTranslation('text_flashsaleOutOfStock');let text_flashsaleTimerHeader=getTranslation('text_flashsaleTimerHeader');let text_flashsaleTimerHeaderTimeEnd=getTranslation('text_flashsaleTimerHeaderTimeEnd');let text_flashsaleTimerUnitDay=getTranslation('text_flashsaleTimerUnitDay');let text_flashsaleTimerUnitHour=getTranslation('text_flashsaleTimerUnitHour');let text_flashsaleTimerUnitMinute=getTranslation('text_flashsaleTimerUnitMinute');let text_flashsaleTimerUnitSecond=getTranslation('text_flashsaleTimerUnitSecond');let text_productTimerHeader=getTranslation('text_productTimerHeader');let text_productTimerHeaderTimeEnd=getTranslation('text_productTimerHeaderTimeEnd');let text_productTimerUnitDay=getTranslation('text_productTimerUnitDay');let text_productTimerUnitHour=getTranslation('text_productTimerUnitHour');let text_productTimerUnitMinute=getTranslation('text_productTimerUnitMinute');let text_productTimerUnitSecond=getTranslation('text_productTimerUnitSecond');let MxTimer=function MxTimer(timer,animation='none',direction='down',callBack=function(){},firstCall=true){let date=new Date($(timer).data('time')*1000);let time=date.getTime()-new Date().getTime();if(time<=0){$(timer).find('.mx_timer_days .mx_timer_value').html('0');$(timer).find('.mx_timer_hours .mx_timer_value').html('00');$(timer).find('.mx_timer_minutes .mx_timer_value').html('00');$(timer).find('.mx_timer_seconds .mx_timer_value').html('00');callBack();return;}
let seconds=Math.floor(time / 1000);let minutes=Math.floor(seconds / 60);let hours=Math.floor(minutes / 60);let days=Math.floor(hours / 24);let insertNewValue=function insertNewValue(number,prevNumber,timerValue,usePad=true){let str='';let prevStr='';if(usePad){prevStr=prevNumber.toString().padStart(2,'0');str=number.toString().padStart(2,'0');}else{prevStr=prevNumber.toString();str=number.toString();}
if(str!=timerValue.find('.new_value').text()){timerValue.empty();if(direction=='down'){timerValue.append(`<div class="new_value">${str}</div>`);timerValue.append(`<div class="old_value">${prevStr}</div>`);}else{timerValue.append(`<div class="old_value">${prevStr}</div>`);timerValue.append(`<div class="new_value">${str}</div>`);}}};if(animation=='none'){if($(timer).find('.mx_timer_days').length==0){$(timer).find('.mx_timer_hours .mx_timer_value').html(hours.toString().padStart(2,'0'));}else{$(timer).find('.mx_timer_days .mx_timer_value').html(days);$(timer).find('.mx_timer_hours .mx_timer_value').html((hours%24).toString().padStart(2,'0'));}
$(timer).find('.mx_timer_minutes .mx_timer_value').html((minutes%60).toString().padStart(2,'0'));$(timer).find('.mx_timer_seconds .mx_timer_value').html((seconds%60).toString().padStart(2,'0'));}
else{if($(timer).find('.mx_timer_days').length==0){insertNewValue(hours,hours+1,$(timer).find('.mx_timer_hours .mx_timer_value'));}else{insertNewValue(days,days+1,$(timer).find('.mx_timer_days .mx_timer_value'),false);insertNewValue(hours%24,(hours+1)%24,$(timer).find('.mx_timer_hours .mx_timer_value'));}
insertNewValue(minutes%60,(minutes+1)%60,$(timer).find('.mx_timer_minutes .mx_timer_value'));insertNewValue(seconds%60,(seconds+1)%60,$(timer).find('.mx_timer_seconds .mx_timer_value'));if(firstCall)setTimeout(function(){$(timer).find('.old_value, .new_value').css('animation-duration','0s');},0);}
setTimeout(function(){MxTimer(timer,animation,direction,callBack,false);},1000);};let container=$(`<div class="mx_flashsale_container"></div>`);if(flashsalePosition=='container'){if($(`#${flashsaleSelector}`).length>0){container.appendTo(`#${flashsaleSelector}`);container.parent().get(0).style.setProperty('overflow','visible','important');}}else{if(flashsalePosition=='main')container.prependTo('.main .centercol');}
let APIloader=function APIloader(){if(!window.frontAPI){setTimeout(APIloader,100);}
else{if(Object.keys(promos).length==0){return;}
if($('.shop_product').length>0){let productId=$('[name="product_id"]').val();if(typeof promos[productId]!=='undefined'){let productTimerContainer=$(`<div class="mx_flashsale_product_timer"></div>`);if(productTimerPosition=='container'){productTimerContainer.appendTo(`#${productTimerSelector}`);}else{if(productTimerPosition=='availability')productTimerContainer.insertBefore('.f-grid-6 > .availability');}
let animationClass='';if(productTimerAnimation!='none'){animationClass+=` mx_${productTimerAnimation}`;animationClass+=` mx_${productTimerAnimationDirection}`;}
let counter=$('<div class="mx_counter"></div>').appendTo(productTimerContainer);counter.append(`<div class="mx_head">${text_productTimerHeader}</div>`);let timer=$('<div class="mx_flashsale_timer" data-time="'+promos[productId]+'"></div>').appendTo(counter);if(showDayInProductTimer){timer.append(`<div class="mx_timer_box mx_timer_days"><div class="mx_timer_value${animationClass}">0</div><div class="mx_timer_label">${text_productTimerUnitDay}</div></div>`);}
timer.append(`<div class="mx_timer_box mx_timer_hours"><div class="mx_timer_value${animationClass}">0</div><div class="mx_timer_label">${text_productTimerUnitHour}</div></div>`);timer.append(`<div class="mx_timer_box mx_timer_minutes"><div class="mx_timer_value${animationClass}">0</div><div class="mx_timer_label">${text_productTimerUnitMinute}</div></div>`);timer.append(`<div class="mx_timer_box mx_timer_seconds"><div class="mx_timer_value${animationClass}">0</div><div class="mx_timer_label">${text_productTimerUnitSecond}</div></div>`);MxTimer(timer,productTimerAnimation,productTimerAnimationDirection,function(){$(counter).find('.mx_head').html(text_productTimerHeaderTimeEnd);});delete promos[Shop.pageId];}}
if(container.length>0&&Object.keys(promos).length>0){let imageSizeSteps=[75,150,300,500].reverse();let imageSize=Math.max(flashsaleImageWidth,flashsaleImageHeight);let imageStep=imageSizeSteps[0];for(let imageSizeStep of imageSizeSteps){if(imageSize<=imageSizeStep){imageStep=imageSizeStep;}}
let products=[];let recurentGetProducts=function recurentGetProducts(page=1){frontAPI.getProducts(function(prods){for(let prod of prods.list){if(prod.price.gross.base_float==prod.price.gross.final_float)continue;if(hideUnavailableProducts&&!prod.can_buy)continue;products.push(prod);}
if(page<prods.pages&&page<10){recurentGetProducts(page+1);}
else{if(products.length==0){return;}
for(let product of products){let flashsale=$(`<div class="mx_flashsale" data-id="${product.id}"></div>`).appendTo(container);let ribbon=$('<div class="mx_ribbon"></div>').appendTo(flashsale);ribbon.append(`<div class="mx_ribbon_text">${text_flashSaleRibbon}</div>`);ribbon.append(`<div class="mx_ribbon_background"></div>`);ribbon.wrapInner('<div class="mx_ribbon_banner"></div>');ribbon.wrapInner('<div class="mx_ribbon_container"></div>');let img=$('<div class="mx_img"></div>').appendTo(flashsale);img.append('<img src="/environment/cache/images/'+imageStep+'_'+imageStep+'_productGfx_'+(product.main_image_filename?product.main_image_filename:'__overlay.jpg')+'" alt="'+product.name+'">');img.wrapInner('<a href="'+product.url+'" title="'+escapeHtml(product.name)+'"></a>');let info=$('<div class="mx_info"></div>').appendTo(flashsale);let head=$('<div class="mx_head"></div>').appendTo(info);head.append(`<span class="mx_head_text">${text_flashSaleHead}</span>`);head.append('<span class="mx_percent">-'+Math.round(100-product.price.gross.final_float*100/product.price.gross.base_float)+'%</span>');info.append('<div class="mx_name"><a href="'+product.url+'" title="'+escapeHtml(product.name)+'">'+escapeHtml(product.name)+'</a></div>');let price=$('<div class="mx_price"></div>').appendTo(info);price.append('<em>'+product.price.gross.final+'</em>');price.append('<del>'+product.price.gross.base+'</del>');let historic_price=$('<div class="mx_historic_price"></div>').appendTo(info);historic_price.append(`${text_flashsaleHistoricPrice}`);historic_price.append(`<strong class="js__omnibus-price"> ${product.historical_lowest_price}</strong>`);let button=$('<form class="basket basket-box" action="/pl/basket/add/post" method="post"></form>').appendTo(info);button.append('<input type="hidden" name="quantity" value="1">');button.append('<input type="hidden" name="stock_id" value="'+product.stockId+'">');if(product.can_buy){button.append(`<button class="addtobasket btn btn-red" type="submit"><span>${text_flashSaleAddToBasket}</span></button>`);}else{button.append(`<div class="mx_outOfStock">${text_flashSaleOutOfStock}</div>`);}
button.wrapInner('<fieldset></fieldset>');let animationClass='';if(flashsaleTimerAnimation!='none'){animationClass+=` mx_${flashsaleTimerAnimation}`;animationClass+=` mx_${flashsaleTimerAnimationDirection}`;}
let counter=$('<div class="mx_counter"></div>').appendTo(flashsale);counter.append(`<div class="mx_head">${text_flashsaleTimerHeader}</div>`);let timer=$('<div class="mx_flashsale_timer" data-time="'+promos[product.id]+'"></div>').appendTo(counter);if(showDayInFlashsaleTimer){timer.append(`<div class="mx_timer_box mx_timer_days"><div class="mx_timer_value${animationClass}">0</div><div class="mx_timer_label">${text_flashsaleTimerUnitDay}</div></div>`);}
timer.append(`<div class="mx_timer_box mx_timer_hours"><div class="mx_timer_value${animationClass}">0</div><div class="mx_timer_label">${text_flashsaleTimerUnitHour}</div></div>`);timer.append(`<div class="mx_timer_box mx_timer_minutes"><div class="mx_timer_value${animationClass}">0</div><div class="mx_timer_label">${text_flashsaleTimerUnitMinute}</div></div>`);timer.append(`<div class="mx_timer_box mx_timer_seconds"><div class="mx_timer_value${animationClass}">0</div><div class="mx_timer_label">${text_flashsaleTimerUnitSecond}</div></div>`);MxTimer(timer,flashsaleTimerAnimation,flashsaleTimerAnimationDirection,function(){$(counter).find('.mx_head').html(text_flashsaleTimerHeaderTimeEnd);});}
if(displayAsSlider&&products.length>1){container.children().wrap('<div>');container.wrapInner('<div>');if(arrowsHoverVisible)container.addClass('arrows_hover_visible');let slider=tns({container:container.children().get(0),gutter:flashsaleRibbonFoldHeight*2.5,controlsText:['<span class="fa fa-chevron-left"></span>','<span class="fa fa-chevron-right"></span>',],controlsPosition:'bottom',navPosition:'bottom',nav:false,loop:false,rewind:true,mouseDrag:true,responsive:{425:{speed:600,},1200:{speed:800,}}});}
if(continuouslyCheckProductAvailability){let continuouslyCheck=function continuouslyCheck(){let products=[];let recurentGetProducts=function recurentGetProducts(page=1){frontAPI.getProducts(function(prods){for(let prod of prods.list){if(prod.price.gross.base_float==prod.price.gross.final_float)continue;products.push(prod);}
if(page<prods.pages&&page<10){recurentGetProducts(page+1);}
else{for(let product of products){if(!product.can_buy){if($(`.mx_flashsale[data-id="${product.id}"] .addtobasket`).length>0){$(`<div class="mx_outOfStock">${text_flashSaleOutOfStock}</div>`).insertAfter($(`.mx_flashsale[data-id="${product.id}"] .addtobasket`));$(`.mx_flashsale[data-id="${product.id}"] .addtobasket`).remove();}}}
setTimeout(continuouslyCheck,continuouslyCheckInterval*1000);}},{ids:Object.keys(promos),urlParams:`?limit=50&page=${page}`});}();};setTimeout(continuouslyCheck,continuouslyCheckInterval*1000);}}},{ids:Object.keys(promos),urlParams:`?limit=50&page=${page}`});}();}}};APIloader();let style=$('<style id="mx_flashsale_css"></style>').appendTo('head');style.append(`
  .mx_flashsale_container {
   margin: 0 ${containerMargin}px;
   margin-top: ${containerMarginTop}px;
   margin-bottom: ${containerMarginBottom}px;
  }
 `);if(arrowsMargin<0){style.append(`
  @media screen and (max-width: 768px) {
   .mx_flashsale_container {
    margin: 0 ${containerMargin - arrowsMargin}px;
    margin-top: ${containerMarginTop}px;
    margin-bottom: ${containerMarginBottom}px;
   }
  }
 `);}
style.append(`
  .mx_flashsale {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   border: ${flashsaleBorderWidth}px solid ${flashsaleBorderColor};
   border-radius: ${flashsaleBorderRadius}px;
   padding: ${flashsalePadding}px;
   gap: ${flashsalePadding}px;
  }
  .mx_flashsale:not(:last-child) {
   margin-bottom: ${flashsaleSpacing}px;
  }
  .mx_flashsale .mx_img {
   flex: 0 0 ${flashsaleImageWidth}px;
   height: ${flashsaleImageHeight}px;
   line-height: ${flashsaleImageHeight}px;
   text-align: center;
  }
  .mx_flashsale .mx_img img {
   max-height: 100%;
  }
  .mx_flashsale .mx_info {
   flex: 1 1;
  }
  .mx_flashsale .mx_info .mx_head {
   margin-bottom: ${flashsaleInfoMargin}px;
  }
  .mx_flashsale .mx_info .mx_head_text {
   font-weight: bold;
   line-height: 1.1em;
   font-size: ${flashsaleHeadFontSize}px;
   color: ${flashsaleHeadFontColor};
   letter-spacing: 1px;
  }
  .mx_flashsale .mx_info .mx_percent {
   display: inline-block;
   vertical-align: text-bottom;
   margin-left: 15px;
   padding: 6px 8px;
   line-height: 1.1em;
   font-size: ${flashsalePercentFontSize}px;
   color: ${flashsalePercentFontColor};
   background: ${flashsalePercentBackground};
  }
  .mx_flashsale .mx_info .mx_name {
   margin-bottom: ${flashsaleInfoMargin}px;
   font-size: ${flashsaleNameFontSize}px;
   line-height: 1.1em;
  }
  .mx_flashsale .mx_info .mx_price {
   margin-bottom: ${flashsaleInfoMargin}px;
   font-size: ${flashsalePriceFontSize}px;
   font-weight: bold;
  }
  .mx_flashsale .mx_info .mx_price em {
   color: ${flashsalePriceEmFontColor};
  }
  .mx_flashsale .mx_info .mx_price del {
   color: ${flashsalePriceDelFontColor};
   margin-left: 10px;
  }
  .mx_flashsale .mx_info .mx_historic_price {
   margin-bottom: ${flashsaleInfoMargin}px;
  }
  .mx_flashsale .mx_info form {
   margin: 0;
  }
  .mx_flashsale .mx_ribbon {
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 0;
   z-index: 1;
  }
  .mx_flashsale .mx_ribbon_container {
   position: absolute;
   top: ${-flashsaleRibbonFoldHeight}px;
   left: ${flashsaleRibbonWidth / 1.4142135623730951 - flashsaleRibbonWidth - flashsaleRibbonFoldHeight}px;
   width: ${flashsaleRibbonWidth}px;
   transform: rotate(-45deg);
   transform-origin: top right;
  }
  .mx_flashsale .mx_ribbon_container::before {
   position: absolute;
   content: "";
   top: 0;
   right: 100%;
   width: ${flashsaleRibbonHeight}px;
   height: ${flashsaleRibbonFoldHeight * 1.4142135623730951}px;
   transform: skewY(-45deg);
   transform-origin: top right;
   background: ${flashsaleRibbonBackground};
   filter: brightness(0.6);
   z-index: -1;
  }
  .mx_flashsale .mx_ribbon_container::after {
   position: absolute;
   content: "";
   top: 0;
   left: 100%;
   width: ${flashsaleRibbonHeight}px;
   height: ${flashsaleRibbonFoldHeight * 1.4142135623730951}px;
   transform: skewY(45deg);
   transform-origin: top left;
   background: ${flashsaleRibbonBackground};
   filter: brightness(0.6);
   z-index: -1;
  }
  .mx_flashsale .mx_ribbon_banner {
   position: relative;
   width: ${flashsaleRibbonWidth}px;
   height: ${flashsaleRibbonHeight}px;
   display: grid;
   text-align: center;
   align-content: center;
   justify-content: center;
   color: ${flashsaleRibbonFontColor};
   font-size: ${flashsaleRibbonFontSize}px;
   font-weight: bold;
   line-height: 1.1em;
   z-index: 1;
  }
  .mx_flashsale .mx_ribbon_background {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: -1;
   filter: drop-shadow(0px 6px 6px #888);
  }
  .mx_flashsale .mx_ribbon_background::before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   transform: skewX(-45deg);
   transform-origin: top right;
   background: ${flashsaleRibbonBackground};
   z-index: -1;
  }
  .mx_flashsale .mx_ribbon_background::after {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   transform: skewX(45deg);
   transform-origin: top left;
   background: ${flashsaleRibbonBackground};
   z-index: -1;
  }
  .mx_flashsale_container .mx_counter {
   max-width: 100%;
   flex: 0 1 0;
  }
  .mx_flashsale_product_timer .mx_counter {
   margin-bottom: 20px;
  }
  .mx_counter .mx_head {
   font-weight: bold;
   text-align: center;
   letter-spacing: 1px;
  }
  .mx_flashsale_container .mx_counter .mx_head {
   margin-bottom: ${flashsaleTimerHeadMargin}px;
   font-size: ${flashsaleTimerHeadFontSize}px;
   color: ${flashsaleTimerHeadFontColor};
  }
  .mx_flashsale_product_timer .mx_counter .mx_head {
   margin-bottom: ${productTimerHeadMargin}px;
   font-size: ${productTimerHeadFontSize}px;
   color: ${productTimerHeadFontColor};
  }
  .mx_flashsale_timer {
   display: grid;
   grid-auto-flow: column;
   justify-content: center;
  }
  .mx_flashsale_container .mx_flashsale_timer {
   gap: ${flashsaleTimerMargin}px;
  }
  .mx_flashsale_product_timer .mx_flashsale_timer {
   gap: ${productTimerMargin}px;
  }
  .mx_flashsale_timer .mx_timer_box {
   display: grid;
   text-align: center;
   align-content: center;
   box-sizing: border-box;
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_box {
   width: ${flashsaleTimerWidth}px;
   height: ${flashsaleTimerHeight}px;
   gap: ${flashsaleTimerValueMargin}px;
   border: ${flashsaleTimerBorderWidth}px solid ${flashsaleTimerBorderColor};
   border-radius: ${flashsaleTimerBorderRadius}px;
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_box {
   width: ${productTimerWidth}px;
   height: ${productTimerHeight}px;
   gap: ${productTimerValueMargin}px;
   border: ${productTimerBorderWidth}px solid ${productTimerBorderColor};
   border-radius: ${productTimerBorderRadius}px;
  }
  .mx_flashsale_timer .mx_timer_label {
   font-weight: normal;
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_label {
   font-size: ${flashsaleTimerLabelFontSize}px;
   color: ${flashsaleTimerLabelFontColor};
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_label {
   font-size: ${productTimerLabelFontSize}px;
   color: ${productTimerLabelFontColor};
  }
  .mx_flashsale_timer .mx_timer_value {
   position: relative;
   overflow: hidden;
   height: var(--height);
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_value {
   --height: ${flashsaleTimerValueHeight}px;
   font-size: ${flashsaleTimerValueFontSize}px;
   color: ${flashsaleTimerValueFontColor};
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_value {
   --height: ${productTimerValueHeight}px;
   font-size: ${productTimerValueFontSize}px;
   color: ${productTimerValueFontColor};
  }
  .mx_flashsale_timer .mx_timer_value.mx_flip {
   perspective: 3em;
   padding: calc(var(--height) / 4) 0;
  }
  .mx_flashsale_timer .mx_timer_value.mx_rotate {
   padding: calc(var(--height) / 4) 0;
  }
  .mx_flashsale_timer .mx_timer_value .old_value,
  .mx_flashsale_timer .mx_timer_value .new_value {
   position: absolute;
   width: 100%;
   line-height: var(--height);
  }



  .mx_flashsale_container .mx_flashsale_timer .mx_timer_value.mx_slide.mx_down .old_value {
   animation: 0.6s mxSlideDownOldValue forwards ease;
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_value.mx_slide.mx_down .new_value {
   animation: 0.6s mxSlideDownNewValue forwards ease;
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_value.mx_slide.mx_up .old_value {
   animation: 0.6s mxSlideUpOldValue forwards ease;
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_value.mx_slide.mx_up .new_value {
   animation: 0.6s mxSlideUpNewValue forwards ease;
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_value.mx_flip.mx_down .old_value {
   animation: 0.6s mxFlipDownOldValue forwards ease;
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_value.mx_flip.mx_down .new_value {
   animation: 0.6s mxFlipDownNewValue forwards ease;
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_value.mx_flip.mx_up .old_value {
   animation: 0.6s mxFlipUpOldValue forwards ease;
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_value.mx_flip.mx_up .new_value {
   animation: 0.6s mxFlipUpNewValue forwards ease;
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_value.mx_rotate.mx_down .old_value {
   animation: 0.6s mxRotateDownOldValue forwards ease;
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_value.mx_rotate.mx_down .new_value {
   animation: 0.6s mxRotateDownNewValue forwards ease;
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_value.mx_rotate.mx_up .old_value {
   animation: 0.6s mxRotateUpOldValue forwards ease;
  }
  .mx_flashsale_container .mx_flashsale_timer .mx_timer_value.mx_rotate.mx_up .new_value {
   animation: 0.6s mxRotateUpNewValue forwards ease;
  }



  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_value.mx_slide.mx_down .old_value {
   animation: 0.6s mxSlideDownOldValue forwards ease;
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_value.mx_slide.mx_down .new_value {
   animation: 0.6s mxSlideDownNewValue forwards ease;
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_value.mx_slide.mx_up .old_value {
   animation: 0.6s mxSlideUpOldValue forwards ease;
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_value.mx_slide.mx_up .new_value {
   animation: 0.6s mxSlideUpNewValue forwards ease;
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_value.mx_flip.mx_down .old_value {
   animation: 0.6s mxFlipDownOldValue forwards ease;
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_value.mx_flip.mx_down .new_value {
   animation: 0.6s mxFlipDownNewValue forwards ease;
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_value.mx_flip.mx_up .old_value {
   animation: 0.6s mxFlipUpOldValue forwards ease;
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_value.mx_flip.mx_up .new_value {
   animation: 0.6s mxFlipUpNewValue forwards ease;
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_value.mx_rotate.mx_down .old_value {
   animation: 0.6s mxRotateDownOldValue forwards ease;
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_value.mx_rotate.mx_down .new_value {
   animation: 0.6s mxRotateDownNewValue forwards ease;
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_value.mx_rotate.mx_up .old_value {
   animation: 0.6s mxRotateUpOldValue forwards ease;
  }
  .mx_flashsale_product_timer .mx_flashsale_timer .mx_timer_value.mx_rotate.mx_up .new_value {
   animation: 0.6s mxRotateUpNewValue forwards ease;
  }



  @keyframes mxSlideDownOldValue {
   0% {transform: translateY(0);}
   100% {transform: translateY(100%);}
  }
  @keyframes mxSlideDownNewValue {
   0% {transform: translateY(-100%);}
   100% {transform: translateY(0);}
  }
  @keyframes mxSlideUpOldValue {
   0% {transform: translateY(0);}
   100% {transform: translateY(-100%);}
  }
  @keyframes mxSlideUpNewValue {
   0% {transform: translateY(100%);}
   100% {transform: translateY(0);}
  }
  @keyframes mxFlipDownOldValue {
   0% {transform: rotateX(0deg)}
   50% {transform: rotateX(-90deg)}
   100% {transform: rotateX(-90deg)}
  }
  @keyframes mxFlipDownNewValue {
   0% {transform: rotateX(90deg)}
   50% {transform: rotateX(90deg)}
   100% {transform: rotateX(0deg)}
  }
  @keyframes mxFlipUpOldValue {
   0% {transform: rotateX(0deg)}
   50% {transform: rotateX(90deg)}
   100% {transform: rotateX(90deg)}
  }
  @keyframes mxFlipUpNewValue {
   0% {transform: rotateX(-90deg)}
   50% {transform: rotateX(-90deg)}
   100% {transform: rotateX(0deg)}
  }
  @keyframes mxRotateDownOldValue {
   0% {transform: rotateX(0deg) translateZ(calc(var(--height) / 2));}
   100% {transform: rotateX(-90deg) translateZ(calc(var(--height) / 2));}
  }
  @keyframes mxRotateDownNewValue {
   0% {transform: rotateX(90deg) translateZ(calc(var(--height) / 2));}
   100% {transform: rotateX(0deg) translateZ(calc(var(--height) / 2));}
  }
  @keyframes mxRotateUpOldValue {
   0% {transform: rotateX(0deg) translateZ(calc(var(--height) / 2));}
   100% {transform: rotateX(90deg) translateZ(calc(var(--height) / 2));}
  }
  @keyframes mxRotateUpNewValue {
   0% {transform: rotateX(-90deg) translateZ(calc(var(--height) / 2));}
   100% {transform: rotateX(0deg) translateZ(calc(var(--height) / 2));}
  }


  .mx_flashsale_container .tns-outer {
      position: relative;
  }
  .mx_flashsale_container .tns-ovh {
   margin-top: -${flashsaleRibbonFoldHeight*2.5}px;
   padding-top: ${flashsaleRibbonFoldHeight*2.5}px;
   margin-left: -${flashsaleRibbonFoldHeight*2.5}px;
   padding-left: ${flashsaleRibbonFoldHeight*2.5}px;
  }
  .mx_flashsale_container .tns-item > .mx_flashsale {
   user-select: none;
  }
  .mx_flashsale_container .tns-controls > button {
   position: absolute;
   top: 50%;
   transform: translateY(${-Math.round(arrowsHeight/2)}px);
   display: inline-block;
   width: ${arrowsWidth}px;
   height: ${arrowsHeight}px;
   font-size: ${arrowsFont}px;
   color: ${arrowsColor};
   background: ${arrowsBackground};
   border: ${arrowsBorderWidth}px solid ${arrowsBorderColor};
   border-radius: ${arrowsBorderRadius}px;
  }
  .mx_flashsale_container .tns-controls > button[data-controls="prev"] {
   left: ${arrowsMargin}px;
  }
  .mx_flashsale_container .tns-controls > button[data-controls="next"] {
   right: ${arrowsMargin}px;
  }
  @media screen and screen and (min-width: 769px) {
   .mx_flashsale_container.arrows_hover_visible .tns-controls > button {
    display: none;
   }
   .mx_flashsale_container.arrows_hover_visible .tns-outer:hover .tns-controls > button {
    display: inline-block;
   }
  }
  .mx_flashsale_container .tns-nav {
   text-align: center;
   margin: 10px 0;
   line-height: 9px;
  }
  .mx_flashsale_container .tns-nav > button {
   display: inline-block;
   width: 9px;
   height: 9px;
   margin: 0 5px;
   border-radius: 50%;
   background: #ddd;
   cursor: pointer;
  }
  .mx_flashsale_container .tns-nav > button.tns-nav-active {
   background: #888;
  }
 `);}(jQuery));
//# sourceURL=script_appFlashsale