/*! For license information please see bundle.js.LICENSE.txt */ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.TimerBar=t():e.TimerBar=t()}(this,(()=>(()=>{"use strict";var e={78:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(601),a=n.n(r),o=n(314),l=n.n(o)()(a());l.push([e.id,":root {\n --flip-background-color: #ffffff;\n --timer-digit-color: #ffffff;\n --font-size: 16px;\n}\n\n.flip-digit {\n display: inline-block;\n font-size: var(--font-size);\n perspective: 1000px;\n color: var(--timer-digit-color);\n background-color: var(--flip-background-color);\n padding: 0.5rem;\n border-radius: 5px;\n margin: 0 2px;\n font-weight: bold;\n}\n\n.flip-digit.flip {\n animation: flip 0.5s ease-in-out;\n}\n\n@keyframes flip {\n 0% {\n transform: rotateX(0deg);\n }\n 100% {\n transform: rotateX(360deg);\n }\n}\n",""]);const i=l},297:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(601),a=n.n(r),o=n(314),l=n.n(o)()(a());l.push([e.id,":root{\n --timer-digit-color: #FFF3D9;\n --timer-colon-separator-color: #FFF3D9;\n --font-size: 16px;\n}\n.plain-digit {\n margin: 0 2px;\n color: var(--timer-digit-color);\n}\n\n.colon {\n color: var(--timer-colon-separator-color);\n}",""]);const i=l},864:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(601),a=n.n(r),o=n(314),l=n.n(o)()(a());l.push([e.id,":root{\n --timer-digit-color: #FFF3D9;\n --timer-colon-separator-color: #FFF3D9;\n --timer-background-color: linear-gradient(to bottom, red, red);\n --font-size: 16px;\n}\n.tile-digit {\n margin: 0 2px;\n font-size: var(--font-size);\n /* background: linear-gradient(to bottom, var(--timer-background-color), var(--gradient-color)); */\n background: var(--timer-background-color);\n border-radius: 15%;\n transform: translate3d(0, 0, 0);\n padding: 0.2rem;\n margin: 0 2px;\n}\n.tile-digit span {\n width: 100%;\n height: 100%;\n color: var(--timer-digit-color);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.colon {\n color: var(--timer-colon-separator-color);\n}",""]);const i=l},523:(e,t,n)=>{n.d(t,{A:()=>i});var r=n(601),a=n.n(r),o=n(314),l=n.n(o)()(a());l.push([e.id,"@import url(https://fonts.googleapis.com/css2?family=Bangers&family=Carter+One&family=Chewy&family=Crafty+Girls&family=Dancing+Script:wght@400..700&family=Great+Vibes&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Julius+Sans+One&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lobster&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Mystery+Quest&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poiret+One&family=Quicksand:wght@300..700&family=Righteous&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Unica+One&family=Varela+Round&display=swap);"]),l.push([e.id,"/* SaleBanner.css */\n:root {\n --background-color: #1e1e20;\n --text-color: #f2ca80;\n --font-size: 16px;\n --button-bg-color: #d8ab2e;\n --button-text-color: #2a2c2b;\n --font-family: 'Helvetica';\n --bar-padding: 0.5rem;\n}\n\n.bar{\n text-align: center;\n background-color: var(--background-color);\n color: var(--text-color);\n font-size: calc(var(--font-size) * 1.5);\n position: relative;\n padding: var(--bar-padding) 1.2rem;\n font-family: var(--font-family);\n background-blend-mode: overlay;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.barText{\n margin: auto 0;\n}\n\n.closeButton{\n color: var(--text-color);\n cursor: pointer;\n position: absolute;\n right: 0;\n top: calc(50% - 9px);;\n background: none;\n border: none;\n margin-right: 10px;\n}\n\n.callToAction{\n cursor: pointer;\n background-color: var(--button-bg-color);\n color: var(--button-text-color);\n padding: 0.4rem .8rem;\n font-size: var(--font-size);\n border: none;\n border-radius: 5px;\n margin: 0;\n --font-family: var(--font-family);\n margin: auto;\n}\n\n\n/* Button animations */\n/* Emitting */\n.no-animation {\n animation: none;\n}\n@keyframes emitting {\n 0% { transform:scale(0.5); opacity:0.0; }\n 50% { transform:scale(1.2); opacity:0.5; }\n 100% { transform:scale(1.0); opacity:1.0; }\n}\n\n.emitting {\n animation: emitting 3s forwards infinite;\n}\n\n/* Bounce */\n@keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-30px); }\n 60% { transform: translateY(-15px); }\n}\n.bounce {\n animation: bounce 1s ease infinite;\n}\n.timerbar-spacer{\n z-index: -1 !important;\n}\n/* Flash */\n@keyframes flash {\n 0%, 50%, 100% { opacity: 1; }\n 25%, 75% { opacity: 0; }\n}\n.flash {\n animation: flash 3s ease infinite;\n}\n\n/* Rubber Band */\n\n@keyframes rubberBand {\n 0%{\n transform: scaleX(1);\n }\n 40%{\n transform: scaleX(1.12) scaleY(0.75);\n }\n 55%{\n transform: scaleX(0.85) scaleY(1);\n }\n 65%{\n transform: scaleX(1.09) scaleY(0.85);\n }\n 75%{\n transform: scaleX(0.9) scaleY(1);\n }\n 90%{\n transform: scaleX(1.05) scaleY(0.95);\n }\n 100%{\n transform: scaleX(1) scaleY(1);\n }\n}\n\n.rubberBand {\n animation : rubberBand 1s alternate ease-out infinite;\n}\n\n/* Swing */\n@keyframes swing {\n 20% { transform: rotate(15deg); }\n 40% { transform: rotate(-10deg); }\n 60% { transform: rotate(5deg); }\n 80% { transform: rotate(-5deg); }\n 100% { transform: rotate(0deg); }\n}\n.swing {\n animation: swing 1s ease;\n transform-origin: top center;\n}\n\n/* Tada */\n@keyframes tada {\n 0% { transform: scale(1); }\n 10%, 20% { transform: scale(0.9) rotate(-3deg); }\n 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }\n 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }\n 100% { transform: scale(1) rotate(0); }\n}\n.tada {\n animation: tada 1s ease;\n}\n\n/* Wobble */\n@keyframes wobble {\n 0% { transform: translateX(0%); }\n 15% { transform: translateX(-25%) rotate(-5deg); }\n 30% { transform: translateX(20%) rotate(3deg); }\n 45% { transform: translateX(-15%) rotate(-3deg); }\n 60% { transform: translateX(10%) rotate(2deg); }\n 75% { transform: translateX(-5%) rotate(-1deg); }\n 100% { transform: translateX(0%); }\n}\n.wobble {\n animation: wobble 1s ease;\n}\n\n/* Jello */\n@keyframes jello {\n 0%, 11.1%, 100% { transform: none; }\n 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }\n 33.3% { transform: skewX(6.25deg) skewY(6.25deg); }\n 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }\n 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }\n 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }\n 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }\n 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }\n}\n.jello {\n animation: jello 1s ease;\n transform-origin: center;\n}\n\n.btn-preview-wrapper{\n display: none;\n}\n\n/* Flip */\n@keyframes flip {\n 0% { transform: perspective(400px) rotateY(0); }\n 100% { transform: perspective(400px) rotateY(360deg); }\n}\n.flip {\n animation: flip 1s ease;\n backface-visibility: visible;\n}\n\n@keyframes backgroundAnimation {\n 0% {\n background-position: center top;\n }\n 100% {\n background-position: center bottom;\n }\n}\n\n/* Media query para pantallas más grandes */\n@media (min-width: 768px) {\n /* .bar span{\n margin: .45rem\n } */\n .btn-preview-wrapper{\n display: block;\n }\n .bar{\n flex-direction: row;\n }\n .callToAction{\n margin: inherit;\n }\n}\n\n@media (min-width: 1024px) {\n\n}",""]);const i=l},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,a,o){"string"==typeof e&&(e=[[null,e,void 0]]);var l={};if(r)for(var i=0;i0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=o),n&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=n):c[2]=n),a&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=a):c[4]="".concat(a)),t.push(c))}},t}},601:e=>{e.exports=function(e){return e[1]}},551:(e,t,n)=>{var r=n(540),a=n(982);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n