| 1 |
.merchant-spending-goal-widget-label{background:-webkit-gradient(linear, left bottom, left top, color-stop(0, var(--merchant-gradient-end)), to(var(--merchant-gradient-start)));background:linear-gradient(0deg, var(--merchant-gradient-end) 0, var(--merchant-gradient-start) 100%);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 5px 10px 15px;width:65px;-webkit-transition:width 1s;transition:width 1s}.merchant-spending-goal-widget-label svg{fill:#fff;width:30px;height:30px}.merchant-spending-goal-widget{-webkit-box-shadow:0 4px 4px rgba(0,0,0,.07);box-shadow:0 4px 4px rgba(0,0,0,.07);overflow:hidden;-webkit-transition:all 1s;transition:all 1s;display:-webkit-box;display:-ms-flexbox;display:flex;background:var(--merchant-content-bg-color);border-radius:10px}.merchant-spending-goal-widget__regular{position:fixed;left:calc(var(--merchant-content-width)*-1);bottom:30px;z-index:99999;cursor:pointer}.merchant-spending-goal-widget__regular.active{left:0}.merchant-spending-goal-widget__regular.active .merchant-spending-goal-widget-label{width:0}.merchant-spending-goal-widget__regular.active .merchant-spending-goal-widget-label-content{opacity:0}.merchant-spending-goal-widget__shortcode{margin:15px 0 !important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.merchant-spending-goal-widget-text{font-size:13px;color:var(--merchant-content-text-color)}.merchant-spending-goal-widget-content{padding:20px;width:var(--merchant-content-width);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.merchant-spending-goal-widget-label-content{-webkit-transition:opacity 1s;transition:opacity 1s;opacity:1;font-weight:bold;font-size:14px}.merchant-spending-goal-widget-progress-bar{height:18px;padding:3px;margin-top:5px;width:80%;background:#393939;border-radius:15px}.merchant-spending-goal-widget-progress-bar-content{overflow:hidden;border-radius:15px 0 0 15px;height:100%;-webkit-transition:all 1s;transition:all 1s}.merchant-spending-goal-widget-progress-bar-filled{width:100%;height:100%;border-radius:15px 0 0 15px;display:block;-webkit-box-shadow:inset 0 2px 9px hsla(0,0%,100%,.3),inset 0 -2px 6px rgba(0,0,0,.4);box-shadow:inset 0 2px 9px hsla(0,0%,100%,.3),inset 0 -2px 6px rgba(0,0,0,.4);position:relative;background:var(--merchant-progress-bar);-webkit-animation:merchant-spending-goal-progress-bar 1.5s;animation:merchant-spending-goal-progress-bar 1.5s}.merchant-spending-goal-widget-progress-bar-filled:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);z-index:1;background-size:50px 50px;-webkit-animation:merchant-spending-goal-progress-bar-spin 2s linear infinite;animation:merchant-spending-goal-progress-bar-spin 2s linear infinite;overflow:hidden}@-webkit-keyframes merchant-spending-goal-progress-bar{0%{-webkit-transform:translateX(-70%);transform:translateX(-70%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes merchant-spending-goal-progress-bar{0%{-webkit-transform:translateX(-70%);transform:translateX(-70%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes merchant-spending-goal-progress-bar-spin{0%{background-position:0 0}100%{background-position:50px 50px}}@keyframes merchant-spending-goal-progress-bar-spin{0%{background-position:0 0}100%{background-position:50px 50px}}.rtl .merchant-spending-goal-widget{left:unset;right:calc(var(--merchant-content-width)*-1)}.rtl .merchant-spending-goal-widget.active{right:0;left:unset} |
