/* This file contains ONLY the styles needed for the admin menu icon. */

#adminmenu #toplevel_page_campaignbay .wp-menu-image img {
    width: 20px !important;
    height: 20px !important;
    padding: 7px 0px 0px 7px;
    box-sizing: content-box;
}

#adminmenu #toplevel_page_campaignbay .wp-menu-open .wp-menu-image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    & img {
        width: 20px;
        height: 20px;
        padding: 0;
    }
}

.campaignbay-loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.campaignbay-newtons-cradle {
 --uib-size: 50px;
 --uib-speed: 1.2s;
 --uib-color: #f02a74;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 width: var(--uib-size);
 height: var(--uib-size);
}

.campaignbay-newtons-cradle__dot {
 position: relative;
 display: flex;
 align-items: center;
 height: 100%;
 width: 25%;
 transform-origin: center top;
}

.campaignbay-newtons-cradle__dot::after {
 content: '';
 display: block;
 width: 100%;
 height: 25%;
 border-radius: 50%;
 background-color: var(--uib-color);
}

.campaignbay-newtons-cradle__dot:first-child {
 animation: campaignbay-swing var(--uib-speed) linear infinite;
}

.campaignbay-newtons-cradle__dot:last-child {
 animation: campaignbay-swing2 var(--uib-speed) linear infinite;
}

@keyframes campaignbay-swing {
 0% {
  transform: rotate(0deg);
  animation-timing-function: ease-out;
 }

 25% {
  transform: rotate(70deg);
  animation-timing-function: ease-in;
 }

 50% {
  transform: rotate(0deg);
  animation-timing-function: linear;
 }
}

@keyframes campaignbay-swing2 {
 0% {
  transform: rotate(0deg);
  animation-timing-function: linear;
 }

 50% {
  transform: rotate(0deg);
  animation-timing-function: ease-out;
 }

 75% {
  transform: rotate(-70deg);
  animation-timing-function: ease-in;
 }
}