/* This is a compiled file, you should be editing the file in the templates directory */ .pace.pace-inactive {
display: none;
}
.pace {
-webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 2000; position: fixed; height: 60px; width: 100px; margin: auto; top: 0; left: 0; right: 0; bottom: 0;
}
.pace .pace-progress {
z-index: 2000; position: absolute; height: 60px; width: 100px; -webkit-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important;
}
.pace .pace-progress:before {
content: attr(data-progress-text); text-align: center; color: #fff; background: #7c60e0; border-radius: 50%; font-family: "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 100; line-height: 1; padding: 20% 0 7px; width: 50%; height: 40%; margin: 10px 0 0 30px; display: block; z-index: 999; position: absolute;
}
.pace .pace-activity {
font-size: 15px; line-height: 1; z-index: 2000; position: absolute; height: 60px; width: 100px; display: block; -webkit-animation: pace-theme-center-atom-spin 2s linear infinite; -moz-animation: pace-theme-center-atom-spin 2s linear infinite; -o-animation: pace-theme-center-atom-spin 2s linear infinite; animation: pace-theme-center-atom-spin 2s linear infinite;
}
.pace .pace-activity {
border-radius: 50%; border: 5px solid #7c60e0; content: ' '; display: block; position: absolute; top: 0; left: 0; height: 60px; width: 100px;
}
.pace .pace-activity:after {
border-radius: 50%; border: 5px solid #7c60e0; content: ' '; display: block; position: absolute; top: -5px; left: -5px; height: 60px; width: 100px; -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg);
}
.pace .pace-activity:before {
border-radius: 50%; border: 5px solid #7c60e0; content: ' '; display: block; position: absolute; top: -5px; left: -5px; height: 60px; width: 100px; -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg);
}
@-webkit-keyframes pace-theme-center-atom-spin {
0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg) }
} @-moz-keyframes pace-theme-center-atom-spin {
0% { -moz-transform: rotate(0deg) } 100% { -moz-transform: rotate(359deg) }
} @-o-keyframes pace-theme-center-atom-spin {
0% { -o-transform: rotate(0deg) } 100% { -o-transform: rotate(359deg) }
} @keyframes pace-theme-center-atom-spin {
0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) }
}