/* jost-regular - latin */
@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/jost-v6-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/jost-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/jost-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/jost-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/jost-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/jost-v6-latin-regular.svg#Jost') format('svg'); /* Legacy iOS */
}

.spai-cursor-crosshair, .spai-cursor-crosshair a {
    cursor : crosshair !important;
}

div.spai-snip-info {
    position : relative;
    width    : 0;
    height   : 0;
    z-index  : 1000;
}

#wp-admin-bar-shortpixel_ai_sniper{
    width: 0;
}

div.spai-snip-info div {
    border-radius    : 6px;
    width            : 68px;
    color            : #921529;
    font-family      : sans-serif;
    text-align       : center;
    font-weight      : bold;
    font-size        : 14px;
    background-color : #f38884;
}

div.spai-snip-info div.spai-snip-info-bk {
    opacity : 0.6;
}

div.spai-snip-info.spai-snip-info-cdn div {
    color            : #045667;
    background-color : #18c0cc;
}

.spai-smp, .spai-smp a {
    cursor : default !important;
}

.spai-smp a {
    cursor : pointer !important;
}

.spai-sm-image-overlay {
    position : relative;
}

div.spai-sm-image-overlay_v1:after {
    position         : absolute;
    content          : "";
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;
    background-color : white;
    opacity          : 0.7;
}

img.spai-sm-image-overlay_v1 {
    opacity : 0.3;
}

.spai-sm-image-overlay {
    -webkit-filter : brightness(168%) contrast(25%);
    filter         : brightness(168%) contrast(25%);
}

#spai-smp-multiple, #spai-smp-message, #spai-smp-single {
    right            : 0;
    position         : fixed;
    top              : 8vh;
    background-color : black;
    color            : white;
    padding          : 10px;
    width            : 40%;
    z-index          : 9999999;
    font-family      : sans-serif;
    display          : none;
}

div#spai-smp-message {
    width          : 250px;
    padding-bottom : 60px;
}

#spai-smp-multiple, #spai-smp-single.spai-smp-main {
    width : 780px;
}

#spai-smp-multiple-list {
    margin-left   : 15px;
    margin-bottom : 40px;
}

div#spai-smps .spai-smp-multiple-list-item-container {
    padding : 15px;
}

.spai-smp-single-options {
    margin-top : 25px;
}

div#spai-smps .spai-smp-single-menu {
    display : inline-block;
    width   : 100%;
}

div#spai-smps .spai-smp-main .spai-smp-single-menu {
    width     : auto;
    max-width : 320px;
}

div#spai-smps .spai-smp-single-item-container {
    padding     : 15px;
    text-align  : center;
    line-height : 1em;
    display     : inline-block;
}

.spai-smp-multiple-list-item-container-image, .spai-smp-single-item-container-image {
    max-width      : 40vw; /* for most modern browsers (not IE < 8) */
    width          : auto !important; /* IE max-width hack */
    width          : 40vw; /* width value for IE */
    max-height     : 40vh; /* for most modern browsers (not IE < 8) */
    height         : auto !important; /* IE max-width hack */
    height         : 40vh; /* width value for IE */
    margin-right   : 15px;
    vertical-align : middle;
}

.spai-smp-multiple-list-item-container {
    padding : 15px;
}

div#spai-smps .spai-smp-single-item-container-basename {
    line-height : 20px;
}

div#spai-smps .spai-smp-single-item-container-basename,
div#spai-smps .spai-smp-single-title,
div#spai-smps #spai-smp-multiple-title,
div#spai-smps .spai-smp-multiple-list-item-container-link {
    font-weight   : bold;
    color         : #94d6e2;
    overflow-wrap : break-word;
    height        : auto;
}

div#spai-smps .spai-smp-single-title {
    margin-bottom : 8px;
}

.spai-smp a, .spai-smp a:link, .spai-smp a:visited, .spai-smp a:hover, .spai-smp a:active {
    color           : white;
    text-decoration : none;
    vertical-align  : middle;
}

#spai-smp-multiple-title {
    text-align : center;
}

#spai-smp-single-template {
    display : none;
}

div#spai-smp-single div.spai-selector-elements {
    overflow-x    : scroll;
    height        : 48px;
    margin-bottom : 10px;
    white-space   : nowrap;
}

div#spai-smp-single div.spai-selector-elements::-webkit-scrollbar-track {
    -webkit-box-shadow : inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius      : 10px;
    background-color   : #064750;
}

div#spai-smp-single div.spai-selector-elements::-webkit-scrollbar {
    height           : 8px;
    background-color : rgba(0, 0, 0, 0);
}

div#spai-smp-single div.spai-selector-elements::-webkit-scrollbar-thumb {
    border-radius      : 10px;
    -webkit-box-shadow : inset 0 0 6px rgba(0, 0, 0, .3);
    background-color   : #057586;
}

div#spai-smp-single span.spai-selector-element,
div#spai-smp-single span.spai-selector-button {
    font-weight      : bold;
    display          : inline-block;
    padding          : 0 7px 0 4px;
    margin           : 3px;
    line-height      : 22px;
    background-color : #064750;
    border           : 2px solid #1eb5d2;
    border-radius    : 7px;
}

div#spai-smp-single span.spai-selector-element-tag {
    margin-left  : 12px;
    padding-left : 7px;
}

div#spai-smp-single span.spai-selector-element-tag:first-child {
    margin-left : 0;
}

div#spai-smp-single span.spai-selector-element-id:before {
    content        : '#';
    font-size      : 1.5em;
    line-height    : 14px;
    margin-right   : 3px;
    vertical-align : sub;
}

div#spai-smp-single span.spai-selector-element-class:before {
    content      : '.';
    font-size    : 2.5em;
    line-height  : 10px;
    margin-right : 3px;
}

div#spai-smp-single span.spai-selector-element.spai-selector-element-on {
    background-color : #2b95a5; /*#156e7b;*/
}

div#spai-smp-single span.spai-selector-button.spai-selector-getparent {
    background-color : #f45656;
    border-color     : #f57e7e;
    color            : white;
}

.spai-snip-loader {
    position          : fixed;
    padding           : 20px;
    font-size         : 18px;
    top               : 50%;
    left              : 50%;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
    height            : auto;
    background-color  : #f1f2f3;
    z-index           : 1000000;
    margin-left       : auto;
    margin-right      : auto;
    text-align        : center;
    display           : none;
    width             : 70%;
    max-width         : 500px;
    border            : 1px solid grey;
}

.spai-snip-loader-img {
    margin-left  : auto;
    margin-right : auto;
    border       : none;
    outline      : none;
}

.spai-snip-loader-text {
    text-align : center;
}

div#spai-smps .spai-smp * {
    line-height : 20px;
}

div#spai-smps .spai-smp input, div#spai-smps .spai-smp button {
    line-height : 32px;
}

div#spai-smps button,
div#spai-snip-response button {
    border           : solid 1px #f57e7e;
    background-color : #d43a3a;
    font-weight      : bold;
    color            : white;
}

div#spai-smps button {
    width : 75px;
}

div#spai-snip-response button {
    padding : 10px 20px;
}

div#spai-smps button:hover,
div#spai-snip-response button:hover {
    background-color : #f45656;
}

div#spai-smps .spai-smp-options-button-cancel,
div#spai-smps .spai-smp-options-button-retry,
div#spai-smps .spai-smp-options-button-back,
div#spai-smps .spai-smp-options-button-back2 {
    position         : absolute;
    bottom           : 10px;
    right            : 10px;
    border-color     : darkgrey;
    background-color : grey;
}

div#spai-smps .spai-smp-options-button-cancel:hover,
div#spai-smps .spai-smp-options-button-retry:hover,
div#spai-smps .spai-smp-options-button-back:hover,
div#spai-smps .spai-smp-options-button-back2:hover {
    background-color : #969595;
}

div#spai-smps div#spai-smp-multiple .spai-smp-options-button-cancel {
    position: relative;
    float:right;
}

div#spai-smps .spai-smp-options-button-cancel.spai-smp-options-button-cancel-top {
    position: relative;
    float: right;
    margin: 10px 0 10px 10px;
    margin-bottom: 10px;
}

div#spai-smps .spai-smp-options-button-retry,
div#spai-smps .spai-smp-options-button-back,
div#spai-smps .spai-smp-options-button-back2 {
    right : 95px;
}

div#spai-smps .spai-smp-options-button-retry {
    border-color     : #20b9c7;
    background-color : #5297ad;
}

div#spai-smps .spai-smp-single-options-input-selector {
    border-color : #d6d4d4;
    border-width : 1px;
    padding      : 0 5px;
    width        : calc(100% - 89px);
    display      : inline;
}

div#spai-smps .spai-smp-single-options > div.spai-smp-option:hover {
    background-color : #095e66;
}

div#spai-smps .spai-smp-single-options > div > a {
    white-space : nowrap;
}

div#spai-smps .spai-smp-single-options-hint {
    margin      : 12px 0 25px;
    line-height : 20px;
}

div#spai-smps .spai-smp-single-options-hint a,
div#spai-smps .spai-smp-single-details a,
div#spai-smps #spai-smp-message a {
    display         : inline;
    padding         : unset;
    text-decoration : underline;
    vertical-align  : top;
}

div#spai-smps .spai-smp-single-options-hint b {
    font-weight : bold;
}

div#spai-smps .spai-smp-single-item-container {
    margin-right : 20px;
}

div#spai-smp-multiple {
    width : 450px;
    max-height: 90vh;
    overflow-y: auto;
}

div#spai-smps .spai-smp-single-item-container,
div#spai-smps .spai-smp-single-item-container-image-container img {
    max-width      : 400px;
    vertical-align : top;
}

#wpadminbar #wp-toolbar li#wp-admin-bar-shortpixel-ai-on-boarding .ab-item:before {
    content             : '';
    left                : 0;
    padding             : 0;
    width               : 24px;
    height              : 100%;
    background-position : center;
    background-size     : contain;
    background-repeat   : no-repeat;
    background-image    : url('../img/robo-happy.png') !important;
}

@media (max-width : 1799px) {
    #spai-smp-multiple, #spai-smp-single.spai-smp-main {
        width : 680px;
    }

    div#spai-smp-multiple {
        width : 350px;
    }

    div#spai-smps .spai-smp-single-item-container,
    div#spai-smps .spai-smp-single-item-container-image-container img {
        max-width : 300px;
    }
}

@media (min-width : 1200px) and (max-width : 1499px) {
    #spai-smp-multiple, #spai-smp-single {
        /*width: 50%;*/
    }
}

@media (max-width : 1200px) {
    #spai-smp-multiple, #spai-smp-single.spai-smp-main {
        width : 350px;
    }
}

@media (-webkit-min-device-pixel-ratio : 2), (-o-min-device-pixel-ratio : 2/1), (min-resolution : 192dpi) {
    /* Admin Bar */
    #wpadminbar #wp-toolbar li#wp-admin-bar-shortpixel-ai-on-boarding .ab-item:before {
        background-image : url('../img/robo-happy@2x.png') !important;
    }

    /* Front Worker */
    .spai-fw-sidebar__header:before {
        background-image : url('../img/robo-happy@2x.png') !important;
    }

    /* Sniper Icon */
    #wpadminbar #wp-toolbar li#wp-admin-bar-shortpixel_ai_sniper .ab-item .ab-icon {
        background-image : url('../img/robo-sniper@2x.png') !important;
    }
}

/* Front-end Worker CSS : BEGIN */
.spai-popup__wrap {
    position           : fixed;
    visibility         : visible;
    display            : table;
    width              : 100%;
    height             : 100%;
    opacity            : 1;
    top                : 0;
    font-family        : 'Jost', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif !important;
    left               : 0;
    background         : rgba(0, 0, 0, 0.8);
    z-index            : 10000000;
    -webkit-transition : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}

.spai-popup__wrap.hidden {
    visibility : hidden;
    opacity    : 0;
}

.spai-popup__inner {
    display        : table-cell;
    vertical-align : middle;
}

.spai-popup__body {
    color                 : black;
    width                 : 80%;
    max-width             : 600px;
    padding               : 20px;
    margin                : 0 auto;
    height                : -webkit-fit-content;
    height                : -moz-fit-content;
    height                : fit-content;
    background            : white;
    text-align            : center;
    border-radius         : 10px;
    -webkit-border-radius : 10px;
    -moz-border-radius    : 10px;
    font-size             : 20px;
    line-height           : 1.5;
    font-family           : 'Jost', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif !important;
    -webkit-transform     : translateY(0);
    -ms-transform         : translateY(0);
    transform             : translateY(0);
    -webkit-transition    : all 0.3s ease-in-out;
    -o-transition         : all 0.3s ease-in-out;
    transition            : all 0.3s ease-in-out;
}

.spai-popup__body strong {
    font-weight : 700;
}

.spai-popup__wrap.hidden .spai-popup__body {
    -webkit-transform : translateY(-30px);
    -ms-transform     : translateY(-30px);
    transform         : translateY(-30px);
}

body .spai-fw-sidebar {
    position           : fixed;
    color              : black;
    display            : block;
    opacity            : 1;
    top                : 32px;
    left               : 0;
    width              : 300px;
    max-width          : 300px;
    height             : calc(100% - 32px);
    background         : #eeeeee;
    border-right       : 1px solid #dddddd;
    font-size          : 18px;
    line-height        : 1.5;
    letter-spacing     : -.015em;
    font-family        : 'Jost', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif !important;
    z-index            : 1000000;
    -webkit-box-sizing : border-box !important;
    box-sizing         : border-box !important;
    -webkit-transition : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}

body .spai-fw-sidebar .spai-fw-sidebar__body p {
    color : black !important;
}

body.spai-fw-sidebar-hidden .spai-fw-sidebar {
    visibility        : hidden;
    opacity           : 0;
    -webkit-transform : translateX(-100px);
    -ms-transform     : translateX(-100px);
    transform         : translateX(-100px);
}

body.spai-fw-sidebar-hidden .spai-popup__wrap.hidden + .spai-fw-maximize-button {
    position           : fixed;
    cursor             : pointer;
    display            : block;
    width              : -webkit-fit-content;
    width              : fit-content;
    width              : -moz-fit-content;
    padding            : 5px;
    visibility         : visible;
    opacity            : 1;
    line-height        : 0 !important;
    left               : 15px;
    bottom             : 15px;
    background         : white;
    border-radius      : 50%;
    -webkit-box-shadow : 0 0 6px 2px rgba(0, 0, 0, 0.2);
    box-shadow         : 0 0 6px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform  : translateX(0px);
    -ms-transform      : translateX(0px);
    transform          : translateX(0px);
    z-index            : 999999999;
}

body .spai-fw-maximize-button,
body .spai-fw-maximize-button * {
    -webkit-transition : all 0.2s ease-in-out;
    -o-transition      : all 0.2s ease-in-out;
    transition         : all 0.2s ease-in-out;
}

body:not(.spai-fw-sidebar-hidden) .spai-popup__wrap.hidden + .spai-fw-maximize-button,
body .spai-popup__wrap:not(.hidden) + .spai-fw-maximize-button {
    visibility        : hidden;
    opacity           : 0;
    height            : 0;
    width             : 0;
    -webkit-transform : translateX(-50px);
    -ms-transform     : translateX(-50px);
    transform         : translateX(-50px);
}

body.spai-fw-sidebar-hidden .spai-fw-maximize-button .icon {
    width  : 25px;
    height : 25px;
    fill   : #656a6f;
}

body.spai-fw-sidebar-hidden .spai-fw-maximize-button:hover .icon {
    fill : #116c7d;
}


body .spai-fw-body-content {
    width       : calc(100% - 300px);
    margin-left : 300px;
}

body.spai-fw-sidebar-hidden .spai-fw-body-content {
    width       : 100%;
    margin-left : 0;
}

.spai-fw-sidebar__header {
    position       : relative;
    display        : block;
    width          : calc( 100% - 20px);
    height         : 50px;
    padding        : 10px;
    font-size      : 18px;
    line-height    : 1.5;
    letter-spacing : -.015em;
    font-family    : 'Jost', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif !important;
    border-bottom  : 1px solid #dddddd;
}

.spai-fw-sidebar__header:before {
    content    : '';
    position   : absolute;
    left       : 5px;
    top        : 0;
    height     : 50px;
    width      : 50px;
    background : url(../img/robo-happy.png) center/80% no-repeat;
}

.spai-fw-sidebar__header h6.title {
    font-size       : 12px !important;
    font-weight     : 500 !important;
    line-height     : 30px !important;
    float           : left !important;
    margin          : 0 0 0 50px !important;
    font-family     : 'Jost', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif !important;
    text-decoration : none !important;
    text-transform  : none !important;
}

.spai-fw-sidebar__body {
    display            : block;
    width              : calc(100% - 40px);
    height             : calc(100% - 100px);
    padding            : 20px;
    margin             : 0 auto;
    font-size          : 18px;
    line-height        : 1.5;
    letter-spacing     : -.015em;
    font-family        : 'Jost', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif !important;
    text-align         : center;
    -webkit-transition : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}

.spai-fw-sidebar__footer {
    position       : relative;
    display        : block;
    width          : calc(100% - 20px);
    height         : 50px;
    padding        : 10px;
    font-size      : 18px;
    line-height    : 1.5;
    letter-spacing : -.015em;
    font-family    : 'Jost', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif !important;
    border-top     : 1px solid #dddddd;
}

.spai-fw-sidebar__footer .collapse-button {
    cursor  : pointer;
    display : block;
    width   : -webkit-fit-content;
    width   : fit-content;
    width   : -moz-fit-content;
    padding : 0 10px;
}

.spai-fw-sidebar__footer .collapse-button,
.spai-fw-sidebar__footer .collapse-button * {
    -webkit-transition : all 0.2s ease-in-out;
    -o-transition      : all 0.2s ease-in-out;
    transition         : all 0.2s ease-in-out;
}

.spai-fw-sidebar__footer .collapse-button .icon {
    display : block;
    float   : left;
    width   : 20px;
    height  : 30px;
    fill    : #656a6f;
    margin  : 0 10px 0 0;
}

.spai-fw-sidebar__footer .collapse-button:hover .icon {
    fill : #116c7d;
}

.spai-fw-sidebar__footer .collapse-button:hover .label {
    color : #116c7d;
}

.spai-fw-sidebar__footer .collapse-button .label {
    display     : block;
    float       : left;
    color       : #656a6f;
    font-size   : 14px;
    height      : 100%;
    line-height : 30px;
}

.spai-fw-sidebar__body .option {
    text-align : left;
    margin     : 0 auto 10px;
    width      : 100%;
}

.spai-fw-sidebar__body .option input[type="checkbox"] {
    display : none;
}

.spai-fw-sidebar__header .buttons-wrap {
    float : right !important;
    clear : unset !important;
}

.spai-fw-sidebar__header .buttons-wrap button {
    margin : 0 5px;
}

.spai-fw-sidebar__body .buttons-wrap {
    margin : 10px auto;
}

.spai-fw-sidebar__body .buttons-wrap button {
    min-width : 100px;
    margin    : 0 5px;
}

.spai-fw-sidebar__body .option button.activate {
    margin-left : 5px;
}

.spai-fw-sidebar__body .tgl + .tgl-btn span:after {
    top : -8px;
}

.spai-fw-sidebar__body a {
    color              : #116c7d !important;
    text-decoration    : underline !important;
    -webkit-transition : all 0.2s ease-in-out;
    -o-transition      : all 0.2s ease-in-out;
    transition         : all 0.2s ease-in-out;
}

.spai-fw-sidebar__body a:hover {
    color           : #16a9c4 !important;
    text-decoration : none !important;
}

.spai-fw-sidebar__body .no-options,
.spai-fw-sidebar__body .cache-message,
.spai-fw-sidebar__body .revert-confirmation {
    visibility : visible;
    opacity    : 1;
    font-size  : 14px;
    margin     : 0 auto 10px;
}

.spai-fw-sidebar__body .revert-confirmation {
    position              : relative;
    border-radius         : 3px;
    -webkit-border-radius : 3px;
    -moz-border-radius    : 3px;
    padding               : 5px;
    border                : 1px solid #1fbec9;
}

.spai-fw-sidebar__body .revert-confirmation:before {
    content           : '';
    background        : #eeeeee;
    border-left       : 1px solid #1fbec9;
    border-bottom     : 1px solid #1fbec9;
    width             : 10px;
    height            : 10px;
    display           : block;
    position          : absolute;
    top               : -6px;
    left              : 22px;
    -webkit-transform : rotate(135deg);
    -ms-transform     : rotate(135deg);
    transform         : rotate(135deg);
}

.spai-fw-sidebar__body .no-options span,
.spai-fw-sidebar__body .cache-message span,
.spai-fw-sidebar__body .revert-confirmation span {
    font-weight : 600 !important;
    color       : crimson !important;
    /*color       : #cd2653 !important;*/
}

.spai-fw-sidebar__body button,
.spai-fw-sidebar__header button {
    text-transform  : unset;
    text-decoration : unset;
    font-weight     : unset;
    letter-spacing  : unset;
    outline         : unset;
    font-size       : 14px;
}

.spai-fw-sidebar__body button:focus,
.spai-fw-sidebar__body button:hover,
.spai-fw-sidebar__header button:focus,
.spai-fw-sidebar__header button:hover {
    text-decoration : unset;
}

.spai-fw-sidebar__body div,
.spai-fw-sidebar__body p,
.spai-fw-sidebar__body span,
.spai-fw-sidebar__body button {
    -webkit-transition : all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition      : all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition         : all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.spai-fw-sidebar__body .spai__recommended-options-wrap {
    margin-bottom : 20px;
}

.spai-fw-sidebar__body .hidden {
    display    : block !important;
    visibility : hidden !important;
    opacity    : 0 !important;
    max-height : 0 !important;
    padding    : 0 !important;
    margin     : 0 auto !important;
}

.spai-fw-sidebar__header .buttons-wrap .hidden {
    display : none !important;
}

.roller-wrap {
    margin : 20px auto 0;
    width  : 80px;
    height : 80px;
}

.roller-wrap.hidden {
    visibility : hidden;
    opacity    : 0;
    margin     : 0 auto;
    width      : 0;
    height     : 0;
}

.roller {
    position : relative;
    width    : 100%;
    height   : 100%;
}

.roller div {
    -webkit-animation        : roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation                : roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    -webkit-transform-origin : 40px 40px;
    -ms-transform-origin     : 40px 40px;
    transform-origin         : 40px 40px;
}

.roller div:after {
    content       : " ";
    display       : block;
    position      : absolute;
    width         : 7px;
    height        : 7px;
    border-radius : 50%;
    background    : black;
    margin        : -4px 0 0 -4px;
}

.roller div:nth-child(1) {
    -webkit-animation-delay : -0.036s;
    animation-delay         : -0.036s;
}

.roller div:nth-child(1):after {
    top  : 63px;
    left : 63px;
}

.roller div:nth-child(2) {
    -webkit-animation-delay : -0.072s;
    animation-delay         : -0.072s;
}

.roller div:nth-child(2):after {
    top  : 68px;
    left : 56px;
}

.roller div:nth-child(3) {
    -webkit-animation-delay : -0.108s;
    animation-delay         : -0.108s;
}

.roller div:nth-child(3):after {
    top  : 71px;
    left : 48px;
}

.roller div:nth-child(4) {
    -webkit-animation-delay : -0.144s;
    animation-delay         : -0.144s;
}

.roller div:nth-child(4):after {
    top  : 72px;
    left : 40px;
}

.roller div:nth-child(5) {
    -webkit-animation-delay : -0.18s;
    animation-delay         : -0.18s;
}

.roller div:nth-child(5):after {
    top  : 71px;
    left : 32px;
}

.roller div:nth-child(6) {
    -webkit-animation-delay : -0.216s;
    animation-delay         : -0.216s;
}

.roller div:nth-child(6):after {
    top  : 68px;
    left : 24px;
}

.roller div:nth-child(7) {
    -webkit-animation-delay : -0.252s;
    animation-delay         : -0.252s;
}

.roller div:nth-child(7):after {
    top  : 63px;
    left : 17px;
}

.roller div:nth-child(8) {
    -webkit-animation-delay : -0.288s;
    animation-delay         : -0.288s;
}

.roller div:nth-child(8):after {
    top  : 56px;
    left : 12px;
}

@media screen and (min-width : 783px) {
    /* Admin bar */
    #wpadminbar li#wp-admin-bar-shortpixel_ai_sniper .ab-item .ab-icon {
        left    : 0;
        margin  : 0 !important;
        padding : 0 !important;
        width   : 24px;
        height  : 100%;
    }
}

@media screen and (max-width : 782px) {
    /* Admin bar */
    #wpadminbar li#wp-admin-bar-shortpixel_ai_sniper {
        display  : block;
        position : static;
    }

    #wpadminbar #wp-toolbar li#wp-admin-bar-shortpixel_ai_sniper .ab-item .ab-icon {
        background-size : 70%;
    }

    body .spai-fw-sidebar {
        top    : 46px;
        height : calc(100% - 46px);
    }
}

@-webkit-keyframes roller {
    0% {
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg);
    }
    100% {
        -webkit-transform : rotate(360deg);
        transform         : rotate(360deg);
    }
}

@keyframes roller {
    0% {
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg);
    }
    100% {
        -webkit-transform : rotate(360deg);
        transform         : rotate(360deg);
    }
}

.clearfix:after {
    content : '' !important;
    display : block !important;
    clear   : both !important;
}

/* Front-end worker : END */