Changeset 3196895

Timestamp:

11/25/2024 08:03:16 PM (16 months ago)

Author:

dhimanbarua

Message:

updated reveal issue

Location:

db-gradient-text-block/trunk

Files:

• build/block/gradient-text/style-index.css (modified) (1 diff)
• build/block/gradient-text/style-index.css.map (modified) (1 diff)
• db-gradient-text-block.php (modified) (2 diffs)
• readme.txt (modified) (1 diff)

db-gradient-text-block/trunk/build/block/gradient-text/style-index.css

@@ -771 +771 @@
 }
 
+@keyframes play {
+  0% {
+    opacity: 0;
+  }
+  5% {
+    opacity: 1;
+  }
+  20% {
+    opacity: 1;
+  }
+  25% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes show-img-1 {
+  0%, 66.6% {
+    visibility: hidden;
+  }
+  100%, 66.7% {
+    visibility: visible;
+  }
+}
+@keyframes slide-bg-2 {
+  33.3% {
+    transform-origin: left top;
+    transform: scale(0.05, 1);
+  }
+  66.6% {
+    transform-origin: left center;
+    transform: scale(1, 1);
+  }
+  66.7% {
+    transform-origin: right center;
+    transform: scale(1, 1);
+  }
+  100% {
+    transform-origin: right center;
+    transform: scale(0, 1);
+  }
+}
+
 /*# sourceMappingURL=style-index.css.map*/

db-gradient-text-block/trunk/build/block/gradient-text/style-index.css.map

@@ -1 @@
-{"version":3,"file":"block/gradient-text/style-index.css","mappings":"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","sources":["webpack://db-gradient-text-block/./src/block/gradient-text/style.scss"],"sourcesContent":["/*\n* Style Works for both Editor and Frontend\n*/\n\n.wp-block-boilerplate-test {\n\tborder: 2px solid rgb(21, 21, 64);\n\tpadding: 20px;\n}\n\n\n\n/* This style will render on Front-End and Visual Builder. */\n\n.gtb-gradient-text-wrraper .gtb-gradient-text {\n\tmargin: 0;\n}\n.gtb-reveal {\n\tposition: relative;\n}\n\n.gtb-reveal img {\n\tborder-style: solid;\n}\n\n.gtb-reveal > * {\n\tposition: relative;\n\t-webkit-animation-fill-mode: forwards;\n\tanimation-fill-mode: forwards;\n\t-webkit-animation-timing-function: cubic-bezier(0.075, 0.135, 0.135, 0.15, 0.86);\n\tanimation-timing-function: cubic-bezier(0.075, 0.135, 0.135, 0.15, 0.86);\n\t-webkit-animation-duration: 1s;\n\tanimation-duration: 1s;\n\t-webkit-transition-property: -webkit-transform;\n\ttransition-property: -webkit-transform;\n\t-o-transition-property: transform;\n\ttransition-property: transform;\n\ttransition-property: transform, -webkit-transform;\n\t-webkit-transition-duration: 1.2s;\n\t-o-transition-duration: 1.2s;\n\ttransition-duration: 1.2s;\n\t-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);\n\t-o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);\n\ttransition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n\n.gtb-reveal.animated {\n\t-webkit-transform: translate(0, 0);\n\t-ms-transform: translate(0, 0);\n\ttransform: translate(0, 0);\n}\n\n.gtb-reveal.animated * {\n\t-webkit-animation-name: show-img-1;\n\tanimation-name: show-img-1;\n}\n\n.gtb-reveal::after {\n\tposition: absolute;\n\tcontent: \"\";\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: block;\n\ttop: 0;\n\tleft: 0;\n}\n\n.gtb-reveal::after {\n\t-webkit-animation-fill-mode: forwards;\n\tanimation-fill-mode: forwards;\n\t-webkit-animation-timing-function: cubic-bezier(0.075, 0.135, 0.135, 0.15, 0.86);\n\tanimation-timing-function: cubic-bezier(0.075, 0.135, 0.135, 0.15, 0.86);\n\t-webkit-transform-origin: left top;\n\t-ms-transform-origin: left top;\n\ttransform-origin: left top;\n\t-webkit-transform: scale(0.05, 0);\n\t-ms-transform: scale(0.05, 0);\n\ttransform: scale(0.05, 0);\n\t-webkit-animation-duration: 1s;\n\tanimation-duration: 1s;\n}\n\n// .gtb-reveal.gtb-gradient-text-wrraper::after {\n// \tbackground-color: #615EFC;\n// } \n\n.gtb-reveal.animated::after {\n\t-webkit-animation-name: slide-bg-2;\n\tanimation-name: slide-bg-2;\n}\n\n\n//Hover Effect\n.gtb-hvr-grow {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-grow:hover,\n.gtb-hvr-grow:focus,\n.gtb-hvr-grow:active {\n    -webkit-transform: scale(1.1);\n    transform: scale(1.1);\n}\n\n/* Shrink */\n.gtb-hvr-shrink {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-shrink:hover,\n.gtb-hvr-shrink:focus,\n.gtb-hvr-shrink:active {\n    -webkit-transform: scale(0.9);\n    transform: scale(0.9);\n}\n\n/* Pulse */\n@-webkit-keyframes gtb-hvr-pulse {\n    25% {\n        -webkit-transform: scale(1.1);\n        transform: scale(1.1);\n    }\n\n    75% {\n        -webkit-transform: scale(0.9);\n        transform: scale(0.9);\n    }\n}\n\n@keyframes gtb-hvr-pulse {\n    25% {\n        -webkit-transform: scale(1.1);\n        transform: scale(1.1);\n    }\n\n    75% {\n        -webkit-transform: scale(0.9);\n        transform: scale(0.9);\n    }\n}\n\n.gtb-hvr-pulse {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-pulse:hover,\n.gtb-hvr-pulse:focus,\n.gtb-hvr-pulse:active {\n    -webkit-animation-name: gtb-hvr-pulse;\n    animation-name: gtb-hvr-pulse;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n}\n\n/* Pulse Grow */\n@-webkit-keyframes gtb-hvr-pulse-grow {\n    to {\n        -webkit-transform: scale(1.1);\n        transform: scale(1.1);\n    }\n}\n\n@keyframes gtb-hvr-pulse-grow {\n    to {\n        -webkit-transform: scale(1.1);\n        transform: scale(1.1);\n    }\n}\n\n.gtb-hvr-pulse-grow {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-pulse-grow:hover,\n.gtb-hvr-pulse-grow:focus,\n.gtb-hvr-pulse-grow:active {\n    -webkit-animation-name: gtb-hvr-pulse-grow;\n    animation-name: gtb-hvr-pulse-grow;\n    -webkit-animation-duration: 0.3s;\n    animation-duration: 0.3s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-direction: alternate;\n    animation-direction: alternate;\n}\n\n/* Pulse Shrink */\n@-webkit-keyframes gtb-hvr-pulse-shrink {\n    to {\n        -webkit-transform: scale(0.9);\n        transform: scale(0.9);\n    }\n}\n\n@keyframes gtb-hvr-pulse-shrink {\n    to {\n        -webkit-transform: scale(0.9);\n        transform: scale(0.9);\n    }\n}\n\n.gtb-hvr-pulse-shrink {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-pulse-shrink:hover,\n.gtb-hvr-pulse-shrink:focus,\n.gtb-hvr-pulse-shrink:active {\n    -webkit-animation-name: gtb-hvr-pulse-shrink;\n    animation-name: gtb-hvr-pulse-shrink;\n    -webkit-animation-duration: 0.3s;\n    animation-duration: 0.3s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-direction: alternate;\n    animation-direction: alternate;\n}\n\n/* Push */\n@-webkit-keyframes gtb-hvr-push {\n    50% {\n        -webkit-transform: scale(0.8);\n        transform: scale(0.8);\n    }\n\n    100% {\n        -webkit-transform: scale(1);\n        transform: scale(1);\n    }\n}\n\n@keyframes gtb-hvr-push {\n    50% {\n        -webkit-transform: scale(0.8);\n        transform: scale(0.8);\n    }\n\n    100% {\n        -webkit-transform: scale(1);\n        transform: scale(1);\n    }\n}\n\n.gtb-hvr-push {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-push:hover,\n.gtb-hvr-push:focus,\n.gtb-hvr-push:active {\n    -webkit-animation-name: gtb-hvr-push;\n    animation-name: gtb-hvr-push;\n    -webkit-animation-duration: 0.3s;\n    animation-duration: 0.3s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Pop */\n@-webkit-keyframes gtb-hvr-pop {\n    50% {\n        -webkit-transform: scale(1.2);\n        transform: scale(1.2);\n    }\n}\n\n@keyframes gtb-hvr-pop {\n    50% {\n        -webkit-transform: scale(1.2);\n        transform: scale(1.2);\n    }\n}\n\n.gtb-hvr-pop {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-pop:hover,\n.gtb-hvr-pop:focus,\n.gtb-hvr-pop:active {\n    -webkit-animation-name: gtb-hvr-pop;\n    animation-name: gtb-hvr-pop;\n    -webkit-animation-duration: 0.3s;\n    animation-duration: 0.3s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Bounce In */\n.gtb-hvr-bounce-in {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.5s;\n    transition-duration: 0.5s;\n}\n\n.gtb-hvr-bounce-in:hover,\n.gtb-hvr-bounce-in:focus,\n.gtb-hvr-bounce-in:active {\n    -webkit-transform: scale(1.2);\n    transform: scale(1.2);\n    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\n    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\n}\n\n/* Bounce Out */\n.gtb-hvr-bounce-out {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.5s;\n    transition-duration: 0.5s;\n}\n\n.gtb-hvr-bounce-out:hover,\n.gtb-hvr-bounce-out:focus,\n.gtb-hvr-bounce-out:active {\n    -webkit-transform: scale(0.8);\n    transform: scale(0.8);\n    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\n    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\n}\n\n/* Rotate */\n.gtb-hvr-rotate {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-rotate:hover,\n.gtb-hvr-rotate:focus,\n.gtb-hvr-rotate:active {\n    -webkit-transform: rotate(4deg);\n    transform: rotate(4deg);\n}\n\n/* Grow Rotate */\n.gtb-hvr-grow-rotate {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-grow-rotate:hover,\n.gtb-hvr-grow-rotate:focus,\n.gtb-hvr-grow-rotate:active {\n    -webkit-transform: scale(1.1) rotate(4deg);\n    transform: scale(1.1) rotate(4deg);\n}\n\n/* Float */\n.gtb-hvr-float {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n    -webkit-transition-timing-function: ease-out;\n    transition-timing-function: ease-out;\n}\n\n.gtb-hvr-float:hover,\n.gtb-hvr-float:focus,\n.gtb-hvr-float:active {\n    -webkit-transform: translateY(-8px);\n    transform: translateY(-8px);\n}\n\n/* Sink */\n.gtb-hvr-sink {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n    -webkit-transition-timing-function: ease-out;\n    transition-timing-function: ease-out;\n}\n\n.gtb-hvr-sink:hover,\n.gtb-hvr-sink:focus,\n.gtb-hvr-sink:active {\n    -webkit-transform: translateY(8px);\n    transform: translateY(8px);\n}\n\n/* Bob */\n@-webkit-keyframes gtb-hvr-bob {\n    0% {\n        -webkit-transform: translateY(-8px);\n        transform: translateY(-8px);\n    }\n\n    50% {\n        -webkit-transform: translateY(-4px);\n        transform: translateY(-4px);\n    }\n\n    100% {\n        -webkit-transform: translateY(-8px);\n        transform: translateY(-8px);\n    }\n}\n\n@keyframes gtb-hvr-bob {\n    0% {\n        -webkit-transform: translateY(-8px);\n        transform: translateY(-8px);\n    }\n\n    50% {\n        -webkit-transform: translateY(-4px);\n        transform: translateY(-4px);\n    }\n\n    100% {\n        -webkit-transform: translateY(-8px);\n        transform: translateY(-8px);\n    }\n}\n\n@-webkit-keyframes gtb-hvr-bob-float {\n    100% {\n        -webkit-transform: translateY(-8px);\n        transform: translateY(-8px);\n    }\n}\n\n@keyframes gtb-hvr-bob-float {\n    100% {\n        -webkit-transform: translateY(-8px);\n        transform: translateY(-8px);\n    }\n}\n\n.gtb-hvr-bob {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-bob:hover,\n.gtb-hvr-bob:focus,\n.gtb-hvr-bob:active {\n    -webkit-animation-name: gtb-hvr-bob-float, gtb-hvr-bob;\n    animation-name: gtb-hvr-bob-float, gtb-hvr-bob;\n    -webkit-animation-duration: .3s, 1.5s;\n    animation-duration: .3s, 1.5s;\n    -webkit-animation-delay: 0s, .3s;\n    animation-delay: 0s, .3s;\n    -webkit-animation-timing-function: ease-out, ease-in-out;\n    animation-timing-function: ease-out, ease-in-out;\n    -webkit-animation-iteration-count: 1, infinite;\n    animation-iteration-count: 1, infinite;\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-direction: normal, alternate;\n    animation-direction: normal, alternate;\n}\n\n/* Hang */\n@-webkit-keyframes gtb-hvr-hang {\n    0% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n\n    50% {\n        -webkit-transform: translateY(4px);\n        transform: translateY(4px);\n    }\n\n    100% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n}\n\n@keyframes gtb-hvr-hang {\n    0% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n\n    50% {\n        -webkit-transform: translateY(4px);\n        transform: translateY(4px);\n    }\n\n    100% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n}\n\n@-webkit-keyframes gtb-hvr-hang-sink {\n    100% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n}\n\n@keyframes gtb-hvr-hang-sink {\n    100% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n}\n\n.gtb-hvr-hang {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-hang:hover,\n.gtb-hvr-hang:focus,\n.gtb-hvr-hang:active {\n    -webkit-animation-name: gtb-hvr-hang-sink, gtb-hvr-hang;\n    animation-name: gtb-hvr-hang-sink, gtb-hvr-hang;\n    -webkit-animation-duration: .3s, 1.5s;\n    animation-duration: .3s, 1.5s;\n    -webkit-animation-delay: 0s, .3s;\n    animation-delay: 0s, .3s;\n    -webkit-animation-timing-function: ease-out, ease-in-out;\n    animation-timing-function: ease-out, ease-in-out;\n    -webkit-animation-iteration-count: 1, infinite;\n    animation-iteration-count: 1, infinite;\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-direction: normal, alternate;\n    animation-direction: normal, alternate;\n}\n\n/* Skew */\n.gtb-hvr-skew {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-skew:hover,\n.gtb-hvr-skew:focus,\n.gtb-hvr-skew:active {\n    -webkit-transform: skew(-10deg);\n    transform: skew(-10deg);\n}\n\n/* Skew Forward */\n.gtb-hvr-skew-forward {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n    -webkit-transform-origin: 0 100%;\n    transform-origin: 0 100%;\n}\n\n.gtb-hvr-skew-forward:hover,\n.gtb-hvr-skew-forward:focus,\n.gtb-hvr-skew-forward:active {\n    -webkit-transform: skew(-10deg);\n    transform: skew(-10deg);\n}\n\n/* Skew Backward */\n.gtb-hvr-skew-backward {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n    -webkit-transform-origin: 0 100%;\n    transform-origin: 0 100%;\n}\n\n.gtb-hvr-skew-backward:hover,\n.gtb-hvr-skew-backward:focus,\n.gtb-hvr-skew-backward:active {\n    -webkit-transform: skew(10deg);\n    transform: skew(10deg);\n}\n\n/* Wobble Vertical */\n@-webkit-keyframes gtb-hvr-wobble-vertical {\n    16.65% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n\n    33.3% {\n        -webkit-transform: translateY(-6px);\n        transform: translateY(-6px);\n    }\n\n    49.95% {\n        -webkit-transform: translateY(4px);\n        transform: translateY(4px);\n    }\n\n    66.6% {\n        -webkit-transform: translateY(-2px);\n        transform: translateY(-2px);\n    }\n\n    83.25% {\n        -webkit-transform: translateY(1px);\n        transform: translateY(1px);\n    }\n\n    100% {\n        -webkit-transform: translateY(0);\n        transform: translateY(0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-vertical {\n    16.65% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n\n    33.3% {\n        -webkit-transform: translateY(-6px);\n        transform: translateY(-6px);\n    }\n\n    49.95% {\n        -webkit-transform: translateY(4px);\n        transform: translateY(4px);\n    }\n\n    66.6% {\n        -webkit-transform: translateY(-2px);\n        transform: translateY(-2px);\n    }\n\n    83.25% {\n        -webkit-transform: translateY(1px);\n        transform: translateY(1px);\n    }\n\n    100% {\n        -webkit-transform: translateY(0);\n        transform: translateY(0);\n    }\n}\n\n.gtb-hvr-wobble-vertical {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-wobble-vertical:hover,\n.gtb-hvr-wobble-vertical:focus,\n.gtb-hvr-wobble-vertical:active {\n    -webkit-animation-name: gtb-hvr-wobble-vertical;\n    animation-name: gtb-hvr-wobble-vertical;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Wobble Horizontal */\n@-webkit-keyframes gtb-hvr-wobble-horizontal {\n    16.65% {\n        -webkit-transform: translateX(8px);\n        transform: translateX(8px);\n    }\n\n    33.3% {\n        -webkit-transform: translateX(-6px);\n        transform: translateX(-6px);\n    }\n\n    49.95% {\n        -webkit-transform: translateX(4px);\n        transform: translateX(4px);\n    }\n\n    66.6% {\n        -webkit-transform: translateX(-2px);\n        transform: translateX(-2px);\n    }\n\n    83.25% {\n        -webkit-transform: translateX(1px);\n        transform: translateX(1px);\n    }\n\n    100% {\n        -webkit-transform: translateX(0);\n        transform: translateX(0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-horizontal {\n    16.65% {\n        -webkit-transform: translateX(8px);\n        transform: translateX(8px);\n    }\n\n    33.3% {\n        -webkit-transform: translateX(-6px);\n        transform: translateX(-6px);\n    }\n\n    49.95% {\n        -webkit-transform: translateX(4px);\n        transform: translateX(4px);\n    }\n\n    66.6% {\n        -webkit-transform: translateX(-2px);\n        transform: translateX(-2px);\n    }\n\n    83.25% {\n        -webkit-transform: translateX(1px);\n        transform: translateX(1px);\n    }\n\n    100% {\n        -webkit-transform: translateX(0);\n        transform: translateX(0);\n    }\n}\n\n.gtb-hvr-wobble-horizontal {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-wobble-horizontal:hover,\n.gtb-hvr-wobble-horizontal:focus,\n.gtb-hvr-wobble-horizontal:active {\n    -webkit-animation-name: gtb-hvr-wobble-horizontal;\n    animation-name: gtb-hvr-wobble-horizontal;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Wobble To Bottom Right */\n@-webkit-keyframes gtb-hvr-wobble-to-bottom-right {\n    16.65% {\n        -webkit-transform: translate(8px, 8px);\n        transform: translate(8px, 8px);\n    }\n\n    33.3% {\n        -webkit-transform: translate(-6px, -6px);\n        transform: translate(-6px, -6px);\n    }\n\n    49.95% {\n        -webkit-transform: translate(4px, 4px);\n        transform: translate(4px, 4px);\n    }\n\n    66.6% {\n        -webkit-transform: translate(-2px, -2px);\n        transform: translate(-2px, -2px);\n    }\n\n    83.25% {\n        -webkit-transform: translate(1px, 1px);\n        transform: translate(1px, 1px);\n    }\n\n    100% {\n        -webkit-transform: translate(0, 0);\n        transform: translate(0, 0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-to-bottom-right {\n    16.65% {\n        -webkit-transform: translate(8px, 8px);\n        transform: translate(8px, 8px);\n    }\n\n    33.3% {\n        -webkit-transform: translate(-6px, -6px);\n        transform: translate(-6px, -6px);\n    }\n\n    49.95% {\n        -webkit-transform: translate(4px, 4px);\n        transform: translate(4px, 4px);\n    }\n\n    66.6% {\n        -webkit-transform: translate(-2px, -2px);\n        transform: translate(-2px, -2px);\n    }\n\n    83.25% {\n        -webkit-transform: translate(1px, 1px);\n        transform: translate(1px, 1px);\n    }\n\n    100% {\n        -webkit-transform: translate(0, 0);\n        transform: translate(0, 0);\n    }\n}\n\n.gtb-hvr-wobble-to-bottom-right {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-wobble-to-bottom-right:hover,\n.gtb-hvr-wobble-to-bottom-right:focus,\n.gtb-hvr-wobble-to-bottom-right:active {\n    -webkit-animation-name: gtb-hvr-wobble-to-bottom-right;\n    animation-name: gtb-hvr-wobble-to-bottom-right;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Wobble To Top Right */\n@-webkit-keyframes gtb-hvr-wobble-to-top-right {\n    16.65% {\n        -webkit-transform: translate(8px, -8px);\n        transform: translate(8px, -8px);\n    }\n\n    33.3% {\n        -webkit-transform: translate(-6px, 6px);\n        transform: translate(-6px, 6px);\n    }\n\n    49.95% {\n        -webkit-transform: translate(4px, -4px);\n        transform: translate(4px, -4px);\n    }\n\n    66.6% {\n        -webkit-transform: translate(-2px, 2px);\n        transform: translate(-2px, 2px);\n    }\n\n    83.25% {\n        -webkit-transform: translate(1px, -1px);\n        transform: translate(1px, -1px);\n    }\n\n    100% {\n        -webkit-transform: translate(0, 0);\n        transform: translate(0, 0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-to-top-right {\n    16.65% {\n        -webkit-transform: translate(8px, -8px);\n        transform: translate(8px, -8px);\n    }\n\n    33.3% {\n        -webkit-transform: translate(-6px, 6px);\n        transform: translate(-6px, 6px);\n    }\n\n    49.95% {\n        -webkit-transform: translate(4px, -4px);\n        transform: translate(4px, -4px);\n    }\n\n    66.6% {\n        -webkit-transform: translate(-2px, 2px);\n        transform: translate(-2px, 2px);\n    }\n\n    83.25% {\n        -webkit-transform: translate(1px, -1px);\n        transform: translate(1px, -1px);\n    }\n\n    100% {\n        -webkit-transform: translate(0, 0);\n        transform: translate(0, 0);\n    }\n}\n\n.gtb-hvr-wobble-to-top-right {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-wobble-to-top-right:hover,\n.gtb-hvr-wobble-to-top-right:focus,\n.gtb-hvr-wobble-to-top-right:active {\n    -webkit-animation-name: gtb-hvr-wobble-to-top-right;\n    animation-name: gtb-hvr-wobble-to-top-right;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Wobble Top */\n@-webkit-keyframes gtb-hvr-wobble-top {\n    16.65% {\n        -webkit-transform: skew(-12deg);\n        transform: skew(-12deg);\n    }\n\n    33.3% {\n        -webkit-transform: skew(10deg);\n        transform: skew(10deg);\n    }\n\n    49.95% {\n        -webkit-transform: skew(-6deg);\n        transform: skew(-6deg);\n    }\n\n    66.6% {\n        -webkit-transform: skew(4deg);\n        transform: skew(4deg);\n    }\n\n    83.25% {\n        -webkit-transform: skew(-2deg);\n        transform: skew(-2deg);\n    }\n\n    100% {\n        -webkit-transform: skew(0);\n        transform: skew(0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-top {\n    16.65% {\n        -webkit-transform: skew(-12deg);\n        transform: skew(-12deg);\n    }\n\n    33.3% {\n        -webkit-transform: skew(10deg);\n        transform: skew(10deg);\n    }\n\n    49.95% {\n        -webkit-transform: skew(-6deg);\n        transform: skew(-6deg);\n    }\n\n    66.6% {\n        -webkit-transform: skew(4deg);\n        transform: skew(4deg);\n    }\n\n    83.25% {\n        -webkit-transform: skew(-2deg);\n        transform: skew(-2deg);\n    }\n\n    100% {\n        -webkit-transform: skew(0);\n        transform: skew(0);\n    }\n}\n\n.gtb-hvr-wobble-top {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transform-origin: 0 100%;\n    transform-origin: 0 100%;\n}\n\n.gtb-hvr-wobble-top:hover,\n.gtb-hvr-wobble-top:focus,\n.gtb-hvr-wobble-top:active {\n    -webkit-animation-name: gtb-hvr-wobble-top;\n    animation-name: gtb-hvr-wobble-top;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Wobble Bottom */\n@-webkit-keyframes gtb-hvr-wobble-bottom {\n    16.65% {\n        -webkit-transform: skew(-12deg);\n        transform: skew(-12deg);\n    }\n\n    33.3% {\n        -webkit-transform: skew(10deg);\n        transform: skew(10deg);\n    }\n\n    49.95% {\n        -webkit-transform: skew(-6deg);\n        transform: skew(-6deg);\n    }\n\n    66.6% {\n        -webkit-transform: skew(4deg);\n        transform: skew(4deg);\n    }\n\n    83.25% {\n        -webkit-transform: skew(-2deg);\n        transform: skew(-2deg);\n    }\n\n    100% {\n        -webkit-transform: skew(0);\n        transform: skew(0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-bottom {\n    16.65% {\n        -webkit-transform: skew(-12deg);\n        transform: skew(-12deg);\n    }\n\n    33.3% {\n        -webkit-transform: skew(10deg);\n        transform: skew(10deg);\n    }\n\n    49.95% {\n        -webkit-transform: skew(-6deg);\n        transform: skew(-6deg);\n    }\n\n    66.6% {\n        -webkit-transform: skew(4deg);\n        transform: skew(4deg);\n    }\n\n    83.25% {\n        -webkit-transform: skew(-2deg);\n        transform: skew(-2deg);\n    }\n\n    100% {\n        -webkit-transform: skew(0);\n        transform: skew(0);\n    }\n}\n\n.gtb-hvr-wobble-bottom {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transform-origin: 100% 0;\n    transform-origin: 100% 0;\n}\n\n.gtb-hvr-wobble-bottom:hover,\n.gtb-hvr-wobble-bottom:focus,\n.gtb-hvr-wobble-bottom:active {\n    -webkit-animation-name: gtb-hvr-wobble-bottom;\n    animation-name: gtb-hvr-wobble-bottom;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Wobble Skew */\n@-webkit-keyframes gtb-hvr-wobble-skew {\n    16.65% {\n        -webkit-transform: skew(-12deg);\n        transform: skew(-12deg);\n    }\n\n    33.3% {\n        -webkit-transform: skew(10deg);\n        transform: skew(10deg);\n    }\n\n    49.95% {\n        -webkit-transform: skew(-6deg);\n        transform: skew(-6deg);\n    }\n\n    66.6% {\n        -webkit-transform: skew(4deg);\n        transform: skew(4deg);\n    }\n\n    83.25% {\n        -webkit-transform: skew(-2deg);\n        transform: skew(-2deg);\n    }\n\n    100% {\n        -webkit-transform: skew(0);\n        transform: skew(0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-skew {\n    16.65% {\n        -webkit-transform: skew(-12deg);\n        transform: skew(-12deg);\n    }\n\n    33.3% {\n        -webkit-transform: skew(10deg);\n        transform: skew(10deg);\n    }\n\n    49.95% {\n        -webkit-transform: skew(-6deg);\n        transform: skew(-6deg);\n    }\n\n    66.6% {\n        -webkit-transform: skew(4deg);\n        transform: skew(4deg);\n    }\n\n    83.25% {\n        -webkit-transform: skew(-2deg);\n        transform: skew(-2deg);\n    }\n\n    100% {\n        -webkit-transform: skew(0);\n        transform: skew(0);\n    }\n}\n\n.gtb-hvr-wobble-skew {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-wobble-skew:hover,\n.gtb-hvr-wobble-skew:focus,\n.gtb-hvr-wobble-skew:active {\n    -webkit-animation-name: gtb-hvr-wobble-skew;\n    animation-name: gtb-hvr-wobble-skew;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Buzz */\n@-webkit-keyframes gtb-hvr-buzz {\n    50% {\n        -webkit-transform: translateX(3px) rotate(2deg);\n        transform: translateX(3px) rotate(2deg);\n    }\n\n    100% {\n        -webkit-transform: translateX(-3px) rotate(-2deg);\n        transform: translateX(-3px) rotate(-2deg);\n    }\n}\n\n@keyframes gtb-hvr-buzz {\n    50% {\n        -webkit-transform: translateX(3px) rotate(2deg);\n        transform: translateX(3px) rotate(2deg);\n    }\n\n    100% {\n        -webkit-transform: translateX(-3px) rotate(-2deg);\n        transform: translateX(-3px) rotate(-2deg);\n    }\n}\n\n.gtb-hvr-buzz {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-buzz:hover,\n.gtb-hvr-buzz:focus,\n.gtb-hvr-buzz:active {\n    -webkit-animation-name: gtb-hvr-buzz;\n    animation-name: gtb-hvr-buzz;\n    -webkit-animation-duration: 0.15s;\n    animation-duration: 0.15s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n}\n\n/* Buzz Out */\n@-webkit-keyframes gtb-hvr-buzz-out {\n    10% {\n        -webkit-transform: translateX(3px) rotate(2deg);\n        transform: translateX(3px) rotate(2deg);\n    }\n\n    20% {\n        -webkit-transform: translateX(-3px) rotate(-2deg);\n        transform: translateX(-3px) rotate(-2deg);\n    }\n\n    30% {\n        -webkit-transform: translateX(3px) rotate(2deg);\n        transform: translateX(3px) rotate(2deg);\n    }\n\n    40% {\n        -webkit-transform: translateX(-3px) rotate(-2deg);\n        transform: translateX(-3px) rotate(-2deg);\n    }\n\n    50% {\n        -webkit-transform: translateX(2px) rotate(1deg);\n        transform: translateX(2px) rotate(1deg);\n    }\n\n    60% {\n        -webkit-transform: translateX(-2px) rotate(-1deg);\n        transform: translateX(-2px) rotate(-1deg);\n    }\n\n    70% {\n        -webkit-transform: translateX(2px) rotate(1deg);\n        transform: translateX(2px) rotate(1deg);\n    }\n\n    80% {\n        -webkit-transform: translateX(-2px) rotate(-1deg);\n        transform: translateX(-2px) rotate(-1deg);\n    }\n\n    90% {\n        -webkit-transform: translateX(1px) rotate(0);\n        transform: translateX(1px) rotate(0);\n    }\n\n    100% {\n        -webkit-transform: translateX(-1px) rotate(0);\n        transform: translateX(-1px) rotate(0);\n    }\n}\n\n@keyframes gtb-hvr-buzz-out {\n    10% {\n        -webkit-transform: translateX(3px) rotate(2deg);\n        transform: translateX(3px) rotate(2deg);\n    }\n\n    20% {\n        -webkit-transform: translateX(-3px) rotate(-2deg);\n        transform: translateX(-3px) rotate(-2deg);\n    }\n\n    30% {\n        -webkit-transform: translateX(3px) rotate(2deg);\n        transform: translateX(3px) rotate(2deg);\n    }\n\n    40% {\n        -webkit-transform: translateX(-3px) rotate(-2deg);\n        transform: translateX(-3px) rotate(-2deg);\n    }\n\n    50% {\n        -webkit-transform: translateX(2px) rotate(1deg);\n        transform: translateX(2px) rotate(1deg);\n    }\n\n    60% {\n        -webkit-transform: translateX(-2px) rotate(-1deg);\n        transform: translateX(-2px) rotate(-1deg);\n    }\n\n    70% {\n        -webkit-transform: translateX(2px) rotate(1deg);\n        transform: translateX(2px) rotate(1deg);\n    }\n\n    80% {\n        -webkit-transform: translateX(-2px) rotate(-1deg);\n        transform: translateX(-2px) rotate(-1deg);\n    }\n\n    90% {\n        -webkit-transform: translateX(1px) rotate(0);\n        transform: translateX(1px) rotate(0);\n    }\n\n    100% {\n        -webkit-transform: translateX(-1px) rotate(0);\n        transform: translateX(-1px) rotate(0);\n    }\n}\n\n.gtb-hvr-buzz-out {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-buzz-out:hover,\n.gtb-hvr-buzz-out:focus,\n.gtb-hvr-buzz-out:active {\n    -webkit-animation-name: gtb-hvr-buzz-out;\n    animation-name: gtb-hvr-buzz-out;\n    -webkit-animation-duration: 0.75s;\n    animation-duration: 0.75s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Forward */\n.gtb-hvr-forward {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-forward:hover,\n.gtb-hvr-forward:focus,\n.gtb-hvr-forward:active {\n    -webkit-transform: translateX(8px);\n    transform: translateX(8px);\n}\n\n/* Backward */\n.gtb-hvr-backward {\n    display: inline-block;\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-backward:hover,\n.gtb-hvr-backward:focus,\n.gtb-hvr-backward:active {\n    -webkit-transform: translateX(-8px);\n    transform: translateX(-8px);\n}"],"names":[],"sourceRoot":""}
+{"version":3,"file":"block/gradient-text/style-index.css","mappings":"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","sources":["webpack://db-gradient-text-block/./src/block/gradient-text/style.scss"],"sourcesContent":["/*\n* Style Works for both Editor and Frontend\n*/\n\n.wp-block-boilerplate-test {\n\tborder: 2px solid rgb(21, 21, 64);\n\tpadding: 20px;\n}\n\n\n\n/* This style will render on Front-End and Visual Builder. */\n\n.gtb-gradient-text-wrraper .gtb-gradient-text {\n\tmargin: 0;\n}\n.gtb-reveal {\n\tposition: relative;\n}\n\n.gtb-reveal img {\n\tborder-style: solid;\n}\n\n.gtb-reveal > * {\n\tposition: relative;\n\t-webkit-animation-fill-mode: forwards;\n\tanimation-fill-mode: forwards;\n\t-webkit-animation-timing-function: cubic-bezier(0.075, 0.135, 0.135, 0.15, 0.86);\n\tanimation-timing-function: cubic-bezier(0.075, 0.135, 0.135, 0.15, 0.86);\n\t-webkit-animation-duration: 1s;\n\tanimation-duration: 1s;\n\t-webkit-transition-property: -webkit-transform;\n\ttransition-property: -webkit-transform;\n\t-o-transition-property: transform;\n\ttransition-property: transform;\n\ttransition-property: transform, -webkit-transform;\n\t-webkit-transition-duration: 1.2s;\n\t-o-transition-duration: 1.2s;\n\ttransition-duration: 1.2s;\n\t-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);\n\t-o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);\n\ttransition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n\n.gtb-reveal.animated {\n\t-webkit-transform: translate(0, 0);\n\t-ms-transform: translate(0, 0);\n\ttransform: translate(0, 0);\n}\n\n.gtb-reveal.animated * {\n\t-webkit-animation-name: show-img-1;\n\tanimation-name: show-img-1;\n}\n\n.gtb-reveal::after {\n\tposition: absolute;\n\tcontent: \"\";\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: block;\n\ttop: 0;\n\tleft: 0;\n}\n\n.gtb-reveal::after {\n\t-webkit-animation-fill-mode: forwards;\n\tanimation-fill-mode: forwards;\n\t-webkit-animation-timing-function: cubic-bezier(0.075, 0.135, 0.135, 0.15, 0.86);\n\tanimation-timing-function: cubic-bezier(0.075, 0.135, 0.135, 0.15, 0.86);\n\t-webkit-transform-origin: left top;\n\t-ms-transform-origin: left top;\n\ttransform-origin: left top;\n\t-webkit-transform: scale(0.05, 0);\n\t-ms-transform: scale(0.05, 0);\n\ttransform: scale(0.05, 0);\n\t-webkit-animation-duration: 1s;\n\tanimation-duration: 1s;\n}\n\n// .gtb-reveal.gtb-gradient-text-wrraper::after {\n// \tbackground-color: #615EFC;\n// } \n\n.gtb-reveal.animated::after {\n\t-webkit-animation-name: slide-bg-2;\n\tanimation-name: slide-bg-2;\n}\n\n\n//Hover Effect\n.gtb-hvr-grow {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-grow:hover,\n.gtb-hvr-grow:focus,\n.gtb-hvr-grow:active {\n    -webkit-transform: scale(1.1);\n    transform: scale(1.1);\n}\n\n/* Shrink */\n.gtb-hvr-shrink {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-shrink:hover,\n.gtb-hvr-shrink:focus,\n.gtb-hvr-shrink:active {\n    -webkit-transform: scale(0.9);\n    transform: scale(0.9);\n}\n\n/* Pulse */\n@-webkit-keyframes gtb-hvr-pulse {\n    25% {\n        -webkit-transform: scale(1.1);\n        transform: scale(1.1);\n    }\n\n    75% {\n        -webkit-transform: scale(0.9);\n        transform: scale(0.9);\n    }\n}\n\n@keyframes gtb-hvr-pulse {\n    25% {\n        -webkit-transform: scale(1.1);\n        transform: scale(1.1);\n    }\n\n    75% {\n        -webkit-transform: scale(0.9);\n        transform: scale(0.9);\n    }\n}\n\n.gtb-hvr-pulse {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-pulse:hover,\n.gtb-hvr-pulse:focus,\n.gtb-hvr-pulse:active {\n    -webkit-animation-name: gtb-hvr-pulse;\n    animation-name: gtb-hvr-pulse;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n}\n\n/* Pulse Grow */\n@-webkit-keyframes gtb-hvr-pulse-grow {\n    to {\n        -webkit-transform: scale(1.1);\n        transform: scale(1.1);\n    }\n}\n\n@keyframes gtb-hvr-pulse-grow {\n    to {\n        -webkit-transform: scale(1.1);\n        transform: scale(1.1);\n    }\n}\n\n.gtb-hvr-pulse-grow {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-pulse-grow:hover,\n.gtb-hvr-pulse-grow:focus,\n.gtb-hvr-pulse-grow:active {\n    -webkit-animation-name: gtb-hvr-pulse-grow;\n    animation-name: gtb-hvr-pulse-grow;\n    -webkit-animation-duration: 0.3s;\n    animation-duration: 0.3s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-direction: alternate;\n    animation-direction: alternate;\n}\n\n/* Pulse Shrink */\n@-webkit-keyframes gtb-hvr-pulse-shrink {\n    to {\n        -webkit-transform: scale(0.9);\n        transform: scale(0.9);\n    }\n}\n\n@keyframes gtb-hvr-pulse-shrink {\n    to {\n        -webkit-transform: scale(0.9);\n        transform: scale(0.9);\n    }\n}\n\n.gtb-hvr-pulse-shrink {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-pulse-shrink:hover,\n.gtb-hvr-pulse-shrink:focus,\n.gtb-hvr-pulse-shrink:active {\n    -webkit-animation-name: gtb-hvr-pulse-shrink;\n    animation-name: gtb-hvr-pulse-shrink;\n    -webkit-animation-duration: 0.3s;\n    animation-duration: 0.3s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-direction: alternate;\n    animation-direction: alternate;\n}\n\n/* Push */\n@-webkit-keyframes gtb-hvr-push {\n    50% {\n        -webkit-transform: scale(0.8);\n        transform: scale(0.8);\n    }\n\n    100% {\n        -webkit-transform: scale(1);\n        transform: scale(1);\n    }\n}\n\n@keyframes gtb-hvr-push {\n    50% {\n        -webkit-transform: scale(0.8);\n        transform: scale(0.8);\n    }\n\n    100% {\n        -webkit-transform: scale(1);\n        transform: scale(1);\n    }\n}\n\n.gtb-hvr-push {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-push:hover,\n.gtb-hvr-push:focus,\n.gtb-hvr-push:active {\n    -webkit-animation-name: gtb-hvr-push;\n    animation-name: gtb-hvr-push;\n    -webkit-animation-duration: 0.3s;\n    animation-duration: 0.3s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Pop */\n@-webkit-keyframes gtb-hvr-pop {\n    50% {\n        -webkit-transform: scale(1.2);\n        transform: scale(1.2);\n    }\n}\n\n@keyframes gtb-hvr-pop {\n    50% {\n        -webkit-transform: scale(1.2);\n        transform: scale(1.2);\n    }\n}\n\n.gtb-hvr-pop {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-pop:hover,\n.gtb-hvr-pop:focus,\n.gtb-hvr-pop:active {\n    -webkit-animation-name: gtb-hvr-pop;\n    animation-name: gtb-hvr-pop;\n    -webkit-animation-duration: 0.3s;\n    animation-duration: 0.3s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Bounce In */\n.gtb-hvr-bounce-in {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.5s;\n    transition-duration: 0.5s;\n}\n\n.gtb-hvr-bounce-in:hover,\n.gtb-hvr-bounce-in:focus,\n.gtb-hvr-bounce-in:active {\n    -webkit-transform: scale(1.2);\n    transform: scale(1.2);\n    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\n    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\n}\n\n/* Bounce Out */\n.gtb-hvr-bounce-out {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.5s;\n    transition-duration: 0.5s;\n}\n\n.gtb-hvr-bounce-out:hover,\n.gtb-hvr-bounce-out:focus,\n.gtb-hvr-bounce-out:active {\n    -webkit-transform: scale(0.8);\n    transform: scale(0.8);\n    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\n    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\n}\n\n/* Rotate */\n.gtb-hvr-rotate {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-rotate:hover,\n.gtb-hvr-rotate:focus,\n.gtb-hvr-rotate:active {\n    -webkit-transform: rotate(4deg);\n    transform: rotate(4deg);\n}\n\n/* Grow Rotate */\n.gtb-hvr-grow-rotate {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-grow-rotate:hover,\n.gtb-hvr-grow-rotate:focus,\n.gtb-hvr-grow-rotate:active {\n    -webkit-transform: scale(1.1) rotate(4deg);\n    transform: scale(1.1) rotate(4deg);\n}\n\n/* Float */\n.gtb-hvr-float {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n    -webkit-transition-timing-function: ease-out;\n    transition-timing-function: ease-out;\n}\n\n.gtb-hvr-float:hover,\n.gtb-hvr-float:focus,\n.gtb-hvr-float:active {\n    -webkit-transform: translateY(-8px);\n    transform: translateY(-8px);\n}\n\n/* Sink */\n.gtb-hvr-sink {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n    -webkit-transition-timing-function: ease-out;\n    transition-timing-function: ease-out;\n}\n\n.gtb-hvr-sink:hover,\n.gtb-hvr-sink:focus,\n.gtb-hvr-sink:active {\n    -webkit-transform: translateY(8px);\n    transform: translateY(8px);\n}\n\n/* Bob */\n@-webkit-keyframes gtb-hvr-bob {\n    0% {\n        -webkit-transform: translateY(-8px);\n        transform: translateY(-8px);\n    }\n\n    50% {\n        -webkit-transform: translateY(-4px);\n        transform: translateY(-4px);\n    }\n\n    100% {\n        -webkit-transform: translateY(-8px);\n        transform: translateY(-8px);\n    }\n}\n\n@keyframes gtb-hvr-bob {\n    0% {\n        -webkit-transform: translateY(-8px);\n        transform: translateY(-8px);\n    }\n\n    50% {\n        -webkit-transform: translateY(-4px);\n        transform: translateY(-4px);\n    }\n\n    100% {\n        -webkit-transform: translateY(-8px);\n        transform: translateY(-8px);\n    }\n}\n\n@-webkit-keyframes gtb-hvr-bob-float {\n    100% {\n        -webkit-transform: translateY(-8px);\n        transform: translateY(-8px);\n    }\n}\n\n@keyframes gtb-hvr-bob-float {\n    100% {\n        -webkit-transform: translateY(-8px);\n        transform: translateY(-8px);\n    }\n}\n\n.gtb-hvr-bob {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-bob:hover,\n.gtb-hvr-bob:focus,\n.gtb-hvr-bob:active {\n    -webkit-animation-name: gtb-hvr-bob-float, gtb-hvr-bob;\n    animation-name: gtb-hvr-bob-float, gtb-hvr-bob;\n    -webkit-animation-duration: .3s, 1.5s;\n    animation-duration: .3s, 1.5s;\n    -webkit-animation-delay: 0s, .3s;\n    animation-delay: 0s, .3s;\n    -webkit-animation-timing-function: ease-out, ease-in-out;\n    animation-timing-function: ease-out, ease-in-out;\n    -webkit-animation-iteration-count: 1, infinite;\n    animation-iteration-count: 1, infinite;\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-direction: normal, alternate;\n    animation-direction: normal, alternate;\n}\n\n/* Hang */\n@-webkit-keyframes gtb-hvr-hang {\n    0% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n\n    50% {\n        -webkit-transform: translateY(4px);\n        transform: translateY(4px);\n    }\n\n    100% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n}\n\n@keyframes gtb-hvr-hang {\n    0% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n\n    50% {\n        -webkit-transform: translateY(4px);\n        transform: translateY(4px);\n    }\n\n    100% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n}\n\n@-webkit-keyframes gtb-hvr-hang-sink {\n    100% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n}\n\n@keyframes gtb-hvr-hang-sink {\n    100% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n}\n\n.gtb-hvr-hang {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-hang:hover,\n.gtb-hvr-hang:focus,\n.gtb-hvr-hang:active {\n    -webkit-animation-name: gtb-hvr-hang-sink, gtb-hvr-hang;\n    animation-name: gtb-hvr-hang-sink, gtb-hvr-hang;\n    -webkit-animation-duration: .3s, 1.5s;\n    animation-duration: .3s, 1.5s;\n    -webkit-animation-delay: 0s, .3s;\n    animation-delay: 0s, .3s;\n    -webkit-animation-timing-function: ease-out, ease-in-out;\n    animation-timing-function: ease-out, ease-in-out;\n    -webkit-animation-iteration-count: 1, infinite;\n    animation-iteration-count: 1, infinite;\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-direction: normal, alternate;\n    animation-direction: normal, alternate;\n}\n\n/* Skew */\n.gtb-hvr-skew {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-skew:hover,\n.gtb-hvr-skew:focus,\n.gtb-hvr-skew:active {\n    -webkit-transform: skew(-10deg);\n    transform: skew(-10deg);\n}\n\n/* Skew Forward */\n.gtb-hvr-skew-forward {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n    -webkit-transform-origin: 0 100%;\n    transform-origin: 0 100%;\n}\n\n.gtb-hvr-skew-forward:hover,\n.gtb-hvr-skew-forward:focus,\n.gtb-hvr-skew-forward:active {\n    -webkit-transform: skew(-10deg);\n    transform: skew(-10deg);\n}\n\n/* Skew Backward */\n.gtb-hvr-skew-backward {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n    -webkit-transform-origin: 0 100%;\n    transform-origin: 0 100%;\n}\n\n.gtb-hvr-skew-backward:hover,\n.gtb-hvr-skew-backward:focus,\n.gtb-hvr-skew-backward:active {\n    -webkit-transform: skew(10deg);\n    transform: skew(10deg);\n}\n\n/* Wobble Vertical */\n@-webkit-keyframes gtb-hvr-wobble-vertical {\n    16.65% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n\n    33.3% {\n        -webkit-transform: translateY(-6px);\n        transform: translateY(-6px);\n    }\n\n    49.95% {\n        -webkit-transform: translateY(4px);\n        transform: translateY(4px);\n    }\n\n    66.6% {\n        -webkit-transform: translateY(-2px);\n        transform: translateY(-2px);\n    }\n\n    83.25% {\n        -webkit-transform: translateY(1px);\n        transform: translateY(1px);\n    }\n\n    100% {\n        -webkit-transform: translateY(0);\n        transform: translateY(0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-vertical {\n    16.65% {\n        -webkit-transform: translateY(8px);\n        transform: translateY(8px);\n    }\n\n    33.3% {\n        -webkit-transform: translateY(-6px);\n        transform: translateY(-6px);\n    }\n\n    49.95% {\n        -webkit-transform: translateY(4px);\n        transform: translateY(4px);\n    }\n\n    66.6% {\n        -webkit-transform: translateY(-2px);\n        transform: translateY(-2px);\n    }\n\n    83.25% {\n        -webkit-transform: translateY(1px);\n        transform: translateY(1px);\n    }\n\n    100% {\n        -webkit-transform: translateY(0);\n        transform: translateY(0);\n    }\n}\n\n.gtb-hvr-wobble-vertical {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-wobble-vertical:hover,\n.gtb-hvr-wobble-vertical:focus,\n.gtb-hvr-wobble-vertical:active {\n    -webkit-animation-name: gtb-hvr-wobble-vertical;\n    animation-name: gtb-hvr-wobble-vertical;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Wobble Horizontal */\n@-webkit-keyframes gtb-hvr-wobble-horizontal {\n    16.65% {\n        -webkit-transform: translateX(8px);\n        transform: translateX(8px);\n    }\n\n    33.3% {\n        -webkit-transform: translateX(-6px);\n        transform: translateX(-6px);\n    }\n\n    49.95% {\n        -webkit-transform: translateX(4px);\n        transform: translateX(4px);\n    }\n\n    66.6% {\n        -webkit-transform: translateX(-2px);\n        transform: translateX(-2px);\n    }\n\n    83.25% {\n        -webkit-transform: translateX(1px);\n        transform: translateX(1px);\n    }\n\n    100% {\n        -webkit-transform: translateX(0);\n        transform: translateX(0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-horizontal {\n    16.65% {\n        -webkit-transform: translateX(8px);\n        transform: translateX(8px);\n    }\n\n    33.3% {\n        -webkit-transform: translateX(-6px);\n        transform: translateX(-6px);\n    }\n\n    49.95% {\n        -webkit-transform: translateX(4px);\n        transform: translateX(4px);\n    }\n\n    66.6% {\n        -webkit-transform: translateX(-2px);\n        transform: translateX(-2px);\n    }\n\n    83.25% {\n        -webkit-transform: translateX(1px);\n        transform: translateX(1px);\n    }\n\n    100% {\n        -webkit-transform: translateX(0);\n        transform: translateX(0);\n    }\n}\n\n.gtb-hvr-wobble-horizontal {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-wobble-horizontal:hover,\n.gtb-hvr-wobble-horizontal:focus,\n.gtb-hvr-wobble-horizontal:active {\n    -webkit-animation-name: gtb-hvr-wobble-horizontal;\n    animation-name: gtb-hvr-wobble-horizontal;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Wobble To Bottom Right */\n@-webkit-keyframes gtb-hvr-wobble-to-bottom-right {\n    16.65% {\n        -webkit-transform: translate(8px, 8px);\n        transform: translate(8px, 8px);\n    }\n\n    33.3% {\n        -webkit-transform: translate(-6px, -6px);\n        transform: translate(-6px, -6px);\n    }\n\n    49.95% {\n        -webkit-transform: translate(4px, 4px);\n        transform: translate(4px, 4px);\n    }\n\n    66.6% {\n        -webkit-transform: translate(-2px, -2px);\n        transform: translate(-2px, -2px);\n    }\n\n    83.25% {\n        -webkit-transform: translate(1px, 1px);\n        transform: translate(1px, 1px);\n    }\n\n    100% {\n        -webkit-transform: translate(0, 0);\n        transform: translate(0, 0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-to-bottom-right {\n    16.65% {\n        -webkit-transform: translate(8px, 8px);\n        transform: translate(8px, 8px);\n    }\n\n    33.3% {\n        -webkit-transform: translate(-6px, -6px);\n        transform: translate(-6px, -6px);\n    }\n\n    49.95% {\n        -webkit-transform: translate(4px, 4px);\n        transform: translate(4px, 4px);\n    }\n\n    66.6% {\n        -webkit-transform: translate(-2px, -2px);\n        transform: translate(-2px, -2px);\n    }\n\n    83.25% {\n        -webkit-transform: translate(1px, 1px);\n        transform: translate(1px, 1px);\n    }\n\n    100% {\n        -webkit-transform: translate(0, 0);\n        transform: translate(0, 0);\n    }\n}\n\n.gtb-hvr-wobble-to-bottom-right {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-wobble-to-bottom-right:hover,\n.gtb-hvr-wobble-to-bottom-right:focus,\n.gtb-hvr-wobble-to-bottom-right:active {\n    -webkit-animation-name: gtb-hvr-wobble-to-bottom-right;\n    animation-name: gtb-hvr-wobble-to-bottom-right;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Wobble To Top Right */\n@-webkit-keyframes gtb-hvr-wobble-to-top-right {\n    16.65% {\n        -webkit-transform: translate(8px, -8px);\n        transform: translate(8px, -8px);\n    }\n\n    33.3% {\n        -webkit-transform: translate(-6px, 6px);\n        transform: translate(-6px, 6px);\n    }\n\n    49.95% {\n        -webkit-transform: translate(4px, -4px);\n        transform: translate(4px, -4px);\n    }\n\n    66.6% {\n        -webkit-transform: translate(-2px, 2px);\n        transform: translate(-2px, 2px);\n    }\n\n    83.25% {\n        -webkit-transform: translate(1px, -1px);\n        transform: translate(1px, -1px);\n    }\n\n    100% {\n        -webkit-transform: translate(0, 0);\n        transform: translate(0, 0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-to-top-right {\n    16.65% {\n        -webkit-transform: translate(8px, -8px);\n        transform: translate(8px, -8px);\n    }\n\n    33.3% {\n        -webkit-transform: translate(-6px, 6px);\n        transform: translate(-6px, 6px);\n    }\n\n    49.95% {\n        -webkit-transform: translate(4px, -4px);\n        transform: translate(4px, -4px);\n    }\n\n    66.6% {\n        -webkit-transform: translate(-2px, 2px);\n        transform: translate(-2px, 2px);\n    }\n\n    83.25% {\n        -webkit-transform: translate(1px, -1px);\n        transform: translate(1px, -1px);\n    }\n\n    100% {\n        -webkit-transform: translate(0, 0);\n        transform: translate(0, 0);\n    }\n}\n\n.gtb-hvr-wobble-to-top-right {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-wobble-to-top-right:hover,\n.gtb-hvr-wobble-to-top-right:focus,\n.gtb-hvr-wobble-to-top-right:active {\n    -webkit-animation-name: gtb-hvr-wobble-to-top-right;\n    animation-name: gtb-hvr-wobble-to-top-right;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Wobble Top */\n@-webkit-keyframes gtb-hvr-wobble-top {\n    16.65% {\n        -webkit-transform: skew(-12deg);\n        transform: skew(-12deg);\n    }\n\n    33.3% {\n        -webkit-transform: skew(10deg);\n        transform: skew(10deg);\n    }\n\n    49.95% {\n        -webkit-transform: skew(-6deg);\n        transform: skew(-6deg);\n    }\n\n    66.6% {\n        -webkit-transform: skew(4deg);\n        transform: skew(4deg);\n    }\n\n    83.25% {\n        -webkit-transform: skew(-2deg);\n        transform: skew(-2deg);\n    }\n\n    100% {\n        -webkit-transform: skew(0);\n        transform: skew(0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-top {\n    16.65% {\n        -webkit-transform: skew(-12deg);\n        transform: skew(-12deg);\n    }\n\n    33.3% {\n        -webkit-transform: skew(10deg);\n        transform: skew(10deg);\n    }\n\n    49.95% {\n        -webkit-transform: skew(-6deg);\n        transform: skew(-6deg);\n    }\n\n    66.6% {\n        -webkit-transform: skew(4deg);\n        transform: skew(4deg);\n    }\n\n    83.25% {\n        -webkit-transform: skew(-2deg);\n        transform: skew(-2deg);\n    }\n\n    100% {\n        -webkit-transform: skew(0);\n        transform: skew(0);\n    }\n}\n\n.gtb-hvr-wobble-top {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transform-origin: 0 100%;\n    transform-origin: 0 100%;\n}\n\n.gtb-hvr-wobble-top:hover,\n.gtb-hvr-wobble-top:focus,\n.gtb-hvr-wobble-top:active {\n    -webkit-animation-name: gtb-hvr-wobble-top;\n    animation-name: gtb-hvr-wobble-top;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Wobble Bottom */\n@-webkit-keyframes gtb-hvr-wobble-bottom {\n    16.65% {\n        -webkit-transform: skew(-12deg);\n        transform: skew(-12deg);\n    }\n\n    33.3% {\n        -webkit-transform: skew(10deg);\n        transform: skew(10deg);\n    }\n\n    49.95% {\n        -webkit-transform: skew(-6deg);\n        transform: skew(-6deg);\n    }\n\n    66.6% {\n        -webkit-transform: skew(4deg);\n        transform: skew(4deg);\n    }\n\n    83.25% {\n        -webkit-transform: skew(-2deg);\n        transform: skew(-2deg);\n    }\n\n    100% {\n        -webkit-transform: skew(0);\n        transform: skew(0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-bottom {\n    16.65% {\n        -webkit-transform: skew(-12deg);\n        transform: skew(-12deg);\n    }\n\n    33.3% {\n        -webkit-transform: skew(10deg);\n        transform: skew(10deg);\n    }\n\n    49.95% {\n        -webkit-transform: skew(-6deg);\n        transform: skew(-6deg);\n    }\n\n    66.6% {\n        -webkit-transform: skew(4deg);\n        transform: skew(4deg);\n    }\n\n    83.25% {\n        -webkit-transform: skew(-2deg);\n        transform: skew(-2deg);\n    }\n\n    100% {\n        -webkit-transform: skew(0);\n        transform: skew(0);\n    }\n}\n\n.gtb-hvr-wobble-bottom {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transform-origin: 100% 0;\n    transform-origin: 100% 0;\n}\n\n.gtb-hvr-wobble-bottom:hover,\n.gtb-hvr-wobble-bottom:focus,\n.gtb-hvr-wobble-bottom:active {\n    -webkit-animation-name: gtb-hvr-wobble-bottom;\n    animation-name: gtb-hvr-wobble-bottom;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Wobble Skew */\n@-webkit-keyframes gtb-hvr-wobble-skew {\n    16.65% {\n        -webkit-transform: skew(-12deg);\n        transform: skew(-12deg);\n    }\n\n    33.3% {\n        -webkit-transform: skew(10deg);\n        transform: skew(10deg);\n    }\n\n    49.95% {\n        -webkit-transform: skew(-6deg);\n        transform: skew(-6deg);\n    }\n\n    66.6% {\n        -webkit-transform: skew(4deg);\n        transform: skew(4deg);\n    }\n\n    83.25% {\n        -webkit-transform: skew(-2deg);\n        transform: skew(-2deg);\n    }\n\n    100% {\n        -webkit-transform: skew(0);\n        transform: skew(0);\n    }\n}\n\n@keyframes gtb-hvr-wobble-skew {\n    16.65% {\n        -webkit-transform: skew(-12deg);\n        transform: skew(-12deg);\n    }\n\n    33.3% {\n        -webkit-transform: skew(10deg);\n        transform: skew(10deg);\n    }\n\n    49.95% {\n        -webkit-transform: skew(-6deg);\n        transform: skew(-6deg);\n    }\n\n    66.6% {\n        -webkit-transform: skew(4deg);\n        transform: skew(4deg);\n    }\n\n    83.25% {\n        -webkit-transform: skew(-2deg);\n        transform: skew(-2deg);\n    }\n\n    100% {\n        -webkit-transform: skew(0);\n        transform: skew(0);\n    }\n}\n\n.gtb-hvr-wobble-skew {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-wobble-skew:hover,\n.gtb-hvr-wobble-skew:focus,\n.gtb-hvr-wobble-skew:active {\n    -webkit-animation-name: gtb-hvr-wobble-skew;\n    animation-name: gtb-hvr-wobble-skew;\n    -webkit-animation-duration: 1s;\n    animation-duration: 1s;\n    -webkit-animation-timing-function: ease-in-out;\n    animation-timing-function: ease-in-out;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Buzz */\n@-webkit-keyframes gtb-hvr-buzz {\n    50% {\n        -webkit-transform: translateX(3px) rotate(2deg);\n        transform: translateX(3px) rotate(2deg);\n    }\n\n    100% {\n        -webkit-transform: translateX(-3px) rotate(-2deg);\n        transform: translateX(-3px) rotate(-2deg);\n    }\n}\n\n@keyframes gtb-hvr-buzz {\n    50% {\n        -webkit-transform: translateX(3px) rotate(2deg);\n        transform: translateX(3px) rotate(2deg);\n    }\n\n    100% {\n        -webkit-transform: translateX(-3px) rotate(-2deg);\n        transform: translateX(-3px) rotate(-2deg);\n    }\n}\n\n.gtb-hvr-buzz {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-buzz:hover,\n.gtb-hvr-buzz:focus,\n.gtb-hvr-buzz:active {\n    -webkit-animation-name: gtb-hvr-buzz;\n    animation-name: gtb-hvr-buzz;\n    -webkit-animation-duration: 0.15s;\n    animation-duration: 0.15s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n}\n\n/* Buzz Out */\n@-webkit-keyframes gtb-hvr-buzz-out {\n    10% {\n        -webkit-transform: translateX(3px) rotate(2deg);\n        transform: translateX(3px) rotate(2deg);\n    }\n\n    20% {\n        -webkit-transform: translateX(-3px) rotate(-2deg);\n        transform: translateX(-3px) rotate(-2deg);\n    }\n\n    30% {\n        -webkit-transform: translateX(3px) rotate(2deg);\n        transform: translateX(3px) rotate(2deg);\n    }\n\n    40% {\n        -webkit-transform: translateX(-3px) rotate(-2deg);\n        transform: translateX(-3px) rotate(-2deg);\n    }\n\n    50% {\n        -webkit-transform: translateX(2px) rotate(1deg);\n        transform: translateX(2px) rotate(1deg);\n    }\n\n    60% {\n        -webkit-transform: translateX(-2px) rotate(-1deg);\n        transform: translateX(-2px) rotate(-1deg);\n    }\n\n    70% {\n        -webkit-transform: translateX(2px) rotate(1deg);\n        transform: translateX(2px) rotate(1deg);\n    }\n\n    80% {\n        -webkit-transform: translateX(-2px) rotate(-1deg);\n        transform: translateX(-2px) rotate(-1deg);\n    }\n\n    90% {\n        -webkit-transform: translateX(1px) rotate(0);\n        transform: translateX(1px) rotate(0);\n    }\n\n    100% {\n        -webkit-transform: translateX(-1px) rotate(0);\n        transform: translateX(-1px) rotate(0);\n    }\n}\n\n@keyframes gtb-hvr-buzz-out {\n    10% {\n        -webkit-transform: translateX(3px) rotate(2deg);\n        transform: translateX(3px) rotate(2deg);\n    }\n\n    20% {\n        -webkit-transform: translateX(-3px) rotate(-2deg);\n        transform: translateX(-3px) rotate(-2deg);\n    }\n\n    30% {\n        -webkit-transform: translateX(3px) rotate(2deg);\n        transform: translateX(3px) rotate(2deg);\n    }\n\n    40% {\n        -webkit-transform: translateX(-3px) rotate(-2deg);\n        transform: translateX(-3px) rotate(-2deg);\n    }\n\n    50% {\n        -webkit-transform: translateX(2px) rotate(1deg);\n        transform: translateX(2px) rotate(1deg);\n    }\n\n    60% {\n        -webkit-transform: translateX(-2px) rotate(-1deg);\n        transform: translateX(-2px) rotate(-1deg);\n    }\n\n    70% {\n        -webkit-transform: translateX(2px) rotate(1deg);\n        transform: translateX(2px) rotate(1deg);\n    }\n\n    80% {\n        -webkit-transform: translateX(-2px) rotate(-1deg);\n        transform: translateX(-2px) rotate(-1deg);\n    }\n\n    90% {\n        -webkit-transform: translateX(1px) rotate(0);\n        transform: translateX(1px) rotate(0);\n    }\n\n    100% {\n        -webkit-transform: translateX(-1px) rotate(0);\n        transform: translateX(-1px) rotate(0);\n    }\n}\n\n.gtb-hvr-buzz-out {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n}\n\n.gtb-hvr-buzz-out:hover,\n.gtb-hvr-buzz-out:focus,\n.gtb-hvr-buzz-out:active {\n    -webkit-animation-name: gtb-hvr-buzz-out;\n    animation-name: gtb-hvr-buzz-out;\n    -webkit-animation-duration: 0.75s;\n    animation-duration: 0.75s;\n    -webkit-animation-timing-function: linear;\n    animation-timing-function: linear;\n    -webkit-animation-iteration-count: 1;\n    animation-iteration-count: 1;\n}\n\n/* Forward */\n.gtb-hvr-forward {\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-forward:hover,\n.gtb-hvr-forward:focus,\n.gtb-hvr-forward:active {\n    -webkit-transform: translateX(8px);\n    transform: translateX(8px);\n}\n\n/* Backward */\n.gtb-hvr-backward {\n    display: inline-block;\n    vertical-align: middle;\n    -webkit-transform: perspective(1px) translateZ(0);\n    transform: perspective(1px) translateZ(0);\n    box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n    -webkit-transition-duration: 0.3s;\n    transition-duration: 0.3s;\n    -webkit-transition-property: transform;\n    transition-property: transform;\n}\n\n.gtb-hvr-backward:hover,\n.gtb-hvr-backward:focus,\n.gtb-hvr-backward:active {\n    -webkit-transform: translateX(-8px);\n    transform: translateX(-8px);\n}\n\n@keyframes play {\n    0% { opacity: 0; }\n    5% { opacity: 1; }\n    20% { opacity: 1; }\n    25% { opacity: 0; }\n    100% { opacity: 0; }\n  }\n  \n  @-webkit-keyframes show-img-1 {\n      0%,66.6% {\n          visibility: hidden\n      }\n  \n      100%,66.7% {\n          visibility: visible\n      }\n  }\n  \n  @keyframes show-img-1 {\n      0%,66.6% {\n          visibility: hidden\n      }\n  \n      100%,66.7% {\n          visibility: visible\n      }\n  }\n  \n  \n  @-webkit-keyframes slide-bg-2 {\n      33.3% {\n          -webkit-transform-origin: left top;\n                  transform-origin: left top;\n          -webkit-transform: scale(.05,1);\n                  transform: scale(.05,1)\n      }\n  \n      66.6% { \n          -webkit-transform-origin: left center; \n                  transform-origin: left center; \n          -webkit-transform: scale(1,1); \n                  transform: scale(1,1)\n      }\n  \n      66.7% { \n          -webkit-transform-origin: right center; \n                  transform-origin: right center; \n          -webkit-transform: scale(1,1); \n                  transform: scale(1,1)\n      }\n  \n      100% { \n          -webkit-transform-origin: right center; \n                  transform-origin: right center; \n          -webkit-transform: scale(0,1); \n                  transform: scale(0,1)\n      }\n  }\n  \n  \n  @keyframes slide-bg-2 {\n      33.3% {\n          -webkit-transform-origin: left top;\n                  transform-origin: left top;\n          -webkit-transform: scale(.05,1);\n                  transform: scale(.05,1)\n      }\n  \n      66.6% { \n          -webkit-transform-origin: left center; \n                  transform-origin: left center; \n          -webkit-transform: scale(1,1); \n                  transform: scale(1,1)\n      }\n  \n      66.7% { \n          -webkit-transform-origin: right center; \n                  transform-origin: right center; \n          -webkit-transform: scale(1,1); \n                  transform: scale(1,1)\n      }\n  \n      100% { \n          -webkit-transform-origin: right center; \n                  transform-origin: right center; \n          -webkit-transform: scale(0,1); \n                  transform: scale(0,1)\n      }\n  }"],"names":[],"sourceRoot":""}

db-gradient-text-block/trunk/db-gradient-text-block.php

@@ -58 +58 @@
             
             function dbgtb_block_enqueue_scripts() {
-                wp_enqueue_style( 'dbgtb_reveal_animation', DBGTB_URL . "assets/css/reveal-animation.css", array(), time() ); // time() - development mode // VERSION - production mode
-                
                 wp_enqueue_script( 'dbgtb_wow', DBGTB_URL . "assets/js/wow.min.js", array( 'jquery' ), '1.0.0', false );
                 wp_enqueue_script( 'dbgtb_wow_activation', DBGTB_URL . "assets/js/wow-activation.js", array( 'jquery' ), '1.0.0', false );
@@ -65 +63 @@
             add_action( 'wp_enqueue_scripts', 'dbgtb_block_enqueue_scripts' );
             function dbgtb_block_admin_enqueue_scripts() {
-                wp_enqueue_style( 'dbgtb_reveal_animation', DBGTB_URL . "assets/css/reveal-animation.css", array(), time() ); // time() - development mode // VERSION - production mode
                 wp_enqueue_script( 'dbgtb_wow', DBGTB_URL . "assets/js/wow.min.js", array( 'jquery' ), '1.0.0', false );
                 wp_enqueue_script( 'dbgtb_wow_activation', DBGTB_URL . "assets/js/wow-activation.js", array( 'jquery' ), '1.0.0', false );

db-gradient-text-block/trunk/readme.txt

@@ -43 +43 @@
 
 == Changelog ==
-= 1.1 = 26.11.2024
+= 1.1 = 
 * Text Reveal Feature Added
 * Hover Effect Feature Added
 * Border issue solved
 * Border Radius issue solved
-* Default Padding Added
  
 = 1.0 =