{"version":3,"file":"./style-index.css","mappings":";;;AAAA,gBAAgB;AAAhB;;;;;EAAA;AAQA;EACI;EACA;EACA;AAAJ;;AAGA;EACI;AAAJ;;AAGA;EACI;EACA;EACA;EACA;EACA;AAAJ;;AAGA;EACC;EACA;AAAD;;AAGA;EACC;EACA;EACA;EACA;EACA;AAAD;;AAEA;EACC;EACG;EACA;EACA;EACA;AACJ;;AAGA;EACC;EACA;EACA;EACA;EACA;AAAD;;AAEA;EACC;EACA;AACD;;AACA;EACC;EACG;EACA;EACA;EACA;AAEJ;;AAAA;EACC;EACA;EACA;AAGD;;AADA;EACC;EACA;AAID;;AAFA;EACI;AAKJ;;AAAA;AACA;EACC;EACA;EACA;EACA;EACA;AAGD;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAGF;;AAAA;EACE;EACA;EACA;EACA;AAGF;;AADA;EACE;AAIF;;AADA;EACE;EACA;EACA;EACA;AAIF;;AAFA;EACE;AAKF;;AAFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEQ;AAKV;;AAFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAKF;;AAHA;EACE;AAMF;;AAJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAOF;;AALA;EACE;AAQF;;AALA;EAEU;EACR;AAQF;;AALA;EAEU;EACR;AAQF;AAIA;EACE;IACE;EAOF;EALA;IACE;EAOF;AACF;AAGA;EACE;IACE;EAOF;EALA;IACE;EAOF;AACF;AAHA;AACA;EACC;EACA;EACA;EACA;EACA;AAKD;;AAHA;EACC;EACA;EACA;EACA;EACA;AAMD;;AAHA;EACI;EACA;EACA;EACA;EACA;EACA;AAMJ;;AAHA;EACC;EACA;EACA;EACA;EACA;EACA;AAMD;;AAHA;EACC;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAKD;;AAHA;EACC;EACA;AAMD;;AAJA;EACC;EACA;AAOD;;AALA;EACC;EACA;AAQD;;AANA;EACC;EACA;AASD;;AAPA;EACC;EACA;EACA;EACA;EACA;AAUD;;AAPA;EACC;IAAO;EAWN;EAVD;IAAK;EAaJ,EAbgC;AAclC;AAZA;EACC;IAAO;EAeN;EAdD;IAAK;EAiBJ,EAjB4B;AAkB9B;AAhBA,wC","sources":["webpack://the-countdown/./src/style.scss"],"sourcesContent":["/**\r\n * The following styles get applied both on the front of your site\r\n * and in the editor.\r\n *\r\n * Replace them with your own styles or remove the file completely.\r\n */\r\n\r\n\r\n.the-countdown {\r\n    text-align: center;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n}\r\n\r\n.tc-textCenter {\r\n    text-align: center;\r\n}\r\n\r\n.tc-error {\r\n    border: 1px solid #ffa601;\r\n    border-left-width: 7px;\r\n    padding: 15px;\r\n    border-radius: 2px;\r\n    text-align: initial;\r\n}\r\n\r\n.tc-label {\r\n\tdisplay: block;\r\n\tfont-size: small;\r\n}\r\n\r\n.tc-template-default {\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tlist-style: none;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n}\r\n.tc-template-default > span {\r\n\ttext-align: center;\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    line-height: normal;\r\n}\r\n\r\n\r\n.tc-template-scoreboard {\r\n\tpadding: 0;\r\n\tmargin: 0 auto;\r\n\tlist-style: none;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n}\r\n.tc-template-scoreboard > span {\r\n\tpadding: 8px;\r\n\tflex-basis: 20%;\r\n}\r\n.tc-template-scoreboard > span > span {\r\n\ttext-align: center;\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    line-height: normal;\r\n}\r\n.tc-template-scoreboard span.label {\r\n\tpadding: 5px 0;\r\n\ttext-transform: uppercase;\r\n\tborder-radius: 5px 5px 0 0;\r\n}\r\n.tc-template-scoreboard span.amount {\r\n\tpadding: 10px 0;\r\n\tborder-radius: 0 0 5px 5px;\r\n}\r\n.tc-template-scoreboard > span > span > span {\r\n    padding: 0 10px;\r\n}\r\n\r\n\r\n\r\n/****** FLIP */\r\n.tc-template-flip {\r\n\tmargin: 0;\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n}\r\n\r\n.flipUnitContainer {\r\n  display: block;\r\n  position: relative;\r\n  perspective-origin: 50% 50%;\r\n  perspective: 300px;\r\n  background-color: white;\r\n  border-radius: 3px;\r\n  box-shadow: 0px 10px 10px -10px grey;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.upperCard, .lowerCard {\r\n  display: flex;\r\n  position: relative;\r\n  justify-content: center;\r\n  width: 100%;\r\n  height: 50%;\r\n  overflow: hidden;\r\n  border: 1px inset rgba(0,0,0,0.01);\r\n}\r\n\r\n.upperCard {\r\n  align-items: flex-end;\r\n  border-bottom: 0.5px solid rgba(255,255,255,0.3);\r\n  border-top-left-radius: 3px;\r\n  border-top-right-radius: 3px;\r\n}\r\n.upperCard span {\r\n  transform: translateY(50%);\r\n}\r\n\r\n.lowerCard {\r\n  align-items: flex-start;\r\n  border-top: 0.5px solid rgba(255,255,255,0.3);\r\n  border-bottom-left-radius: 3px;\r\n  border-bottom-right-radius: 3px;\r\n}\r\n.lowerCard span {\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.flipCard {\r\n  display: flex;\r\n  justify-content: center;\r\n  position: absolute;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 50%;\r\n  overflow: hidden;\r\n  -webkit-backface-visibility: hidden;\r\n          backface-visibility: hidden;\r\n}\r\n\r\n.flipCard.unfold {\r\n  top: 50%;\r\n  align-items: flex-start;\r\n  transform-origin: 50% 0%;\r\n  transform: rotateX(180deg);\r\n  background-color: white;\r\n  border-bottom-left-radius: 3px;\r\n  border-bottom-right-radius: 3px;\r\n  border: 0.5px solid rgba(255,255,255,0.3);\r\n  border-top: 0.5px solid rgba(0,0,0,0.01);\r\n}\r\n.flipCard.unfold span {\r\n  transform: translateY(-50%);\r\n}\r\n.flipCard.fold {\r\n  top: 0%;\r\n  align-items: flex-end;\r\n  transform-origin: 50% 100%;\r\n  transform: rotateX(0deg);\r\n  background-color: white;\r\n  border-top-left-radius: 3px;\r\n  border-top-right-radius: 3px;\r\n  border: 0.5px solid rgba(255,255,255,0.3);\r\n  border-bottom: 0.5px solid rgba(0,0,0,0.01);\r\n}\r\n.flipCard.fold span {\r\n  transform: translateY(50%);\r\n}\r\n\r\n.fold {\r\n  -webkit-animation: fold 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal forwards;\r\n          animation: fold 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal forwards;\r\n  transform-style: preserve-3d;\r\n}\r\n\r\n.unfold {\r\n  -webkit-animation: unfold 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal forwards;\r\n          animation: unfold 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal forwards;\r\n  transform-style: preserve-3d;\r\n}\r\n\r\n@-webkit-keyframes fold {\r\n  0% {\r\n    transform: rotateX(0deg);\r\n  }\r\n  100% {\r\n    transform: rotateX(-180deg);\r\n  }\r\n}\r\n\r\n@keyframes fold {\r\n  0% {\r\n    transform: rotateX(0deg);\r\n  }\r\n  100% {\r\n    transform: rotateX(-180deg);\r\n  }\r\n}\r\n@-webkit-keyframes unfold {\r\n  0% {\r\n    transform: rotateX(180deg);\r\n  }\r\n  100% {\r\n    transform: rotateX(0deg);\r\n  }\r\n}\r\n@keyframes unfold {\r\n  0% {\r\n    transform: rotateX(180deg);\r\n  }\r\n  100% {\r\n    transform: rotateX(0deg);\r\n  }\r\n}\r\n\r\n\r\n/** CIRCULAR **/\r\n.tc-template-circular {\r\n\tmargin: 0;\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n}\r\n.circular-container {\r\n\tposition: relative;\r\n\theight: 100px;\r\n\twidth: 100px;\r\n\tdisplay: block;\r\n\ttext-align: center;\r\n}\r\n\r\n.circular-container > span {\r\n    display: inline-block;\r\n    line-height: 100px;\r\n    width: 100px;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.circular-container svg {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\twidth: 100px;\r\n\theight: 100px;\r\n\ttransform: rotateY(-180deg) rotateZ(-90deg);\r\n}\r\n\r\n.circular-container svg.fill circle {\r\n\tstroke-dasharray: 283px;\r\n\tstroke-dashoffset: 0px;\r\n\tstroke-linecap: round;\r\n\tstroke-width: 10px;\r\n\tstroke: #92ef92;\r\n\tfill: none;\r\n\t\t\r\n\tanimation-timing-function: linear;\r\n\tanimation-iteration-count: infinite;\r\n\tanimation-fill-mode: forwards;\r\n}\r\n.circular-container svg.fill-seconds circle {\r\n\tanimation-duration: 60s;\r\n\tanimation-name: countdown-seconds;\r\n}\r\n.circular-container svg.fill-minutes circle {\r\n\tanimation-duration: 3600s;\r\n\tanimation-name: countdown-minutes;\r\n}\r\n.circular-container svg.fill-hours circle {\r\n\tanimation-duration: 2592000s;\r\n\tanimation-name: countdown-hours;\r\n}\r\n.circular-container svg.fill-days circle {\r\n\tanimation-duration: 31536000s;\r\n\tanimation-name: countdown-days;\r\n}\r\n.circular-container svg.shadow circle {\r\n\tstroke-dashoffset: 0px;\r\n\tstroke-linecap: round;\r\n\tstroke-width: 10px;\r\n\tstroke: #f2f2f2;\r\n\tfill: none;\r\n}\r\n\r\n@keyframes countdown-seconds {\r\n\tfrom { stroke-dashoffset: 0px; }\r\n\tto { stroke-dashoffset: 283px; } /* Length = 2πr = 2 * π * 45 = 282,6 */\r\n}\r\n@keyframes countdown-minutes {\r\n\tfrom { stroke-dashoffset: 0px; }\r\n\tto { stroke-dashoffset: 0; } /* Length = 2πr = 2 * π * 45 = 282,6 */\r\n}\r\n/* Length = 2πr = 2 * π * 45 = 282,6  */"],"names":[],"sourceRoot":""}