/* Animations */
@keyframes wpzc-shaker {
    0%,
    100% {
        transform: translateX(0px);
    } 33.3% {
        transform: translateX(-8px);
    } 66.6% {
        transform: translateX(8px);
    }
}

@-webkit-keyframes wpzc-shaker {
    0%,
    100% {
        transform: translateX(0px);
    } 33.3% {
        transform: translateX(-12px);
    } 66.6% {
        transform: translateX(12px);
    }
}

.wpzc-shaker {
    animation-name: wpzc-shaker;
    animation-duration: 300ms;
    animation-iteration-count: 2;
    animation-timing-function: ease-in-out;
}

/* Spinners and Animations */
.wpzc-chase-wrapper {
    padding: 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.wpzc-chase {
    width: 30px;
    height: 30px;
    position: relative;
    animation: wpzc-chase 2.5s infinite linear both;
}
  
.wpzc-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; 
    animation: wpzc-chase-dot 2.0s infinite ease-in-out both; 
}
  
.wpzc-chase-dot:before {
    content: '';
    display: block;
    width: 35%;
    height: 35%;
    background-color: #555;
    border-radius: 100%;
    animation: wpzc-chase-dot-before 2.0s infinite ease-in-out both; 
}
  
.wpzc-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.wpzc-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.wpzc-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.wpzc-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.wpzc-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.wpzc-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.wpzc-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.wpzc-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.wpzc-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.wpzc-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.wpzc-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.wpzc-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes wpzc-chase {
    100% { transform: rotate(360deg); } 
}
  
@keyframes wpzc-chase-dot {
    80%, 100% { transform: rotate(360deg); } 
}
  
@keyframes wpzc-chase-dot-before {
    50% {
      transform: scale(0.4); 
    } 100%, 0% {
      transform: scale(1.0); 
    } 
}

/* Pincode checker form */
.wpzc-pincode-checker * {
    box-sizing: border-box;
}

.wpzc-pincode-checker {
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
}

.wpzc-pincode-checker__title {
    margin: 0 0 10px 0;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.wpzc-pincode-checker__change {
    margin-left: 10px;
    width: 30px;
    padding: 8px;
    text-decoration: none !important;
}

.wpzc-pincode-checker__change--show {
    display: inline-block;
}

.wpzc-pincode-checker__change--hide {
    display: none;
}

.wpzc-pincode-checker__form {
    margin: 0 0 10px 0;
    align-items: center;
}

.wpzc-pincode-checker__form--show {
    display: flex;
}

.wpzc-pincode-checker__form--hide {
    display: none;
}

.wpzc-pincode-checker__form input[type="text"] {
    flex-grow: 1;
    margin-right: 10px;
}

.wpzc-pincode-checker__response {
    margin-bottom: 10px;
}

.wpzc-pincode-checker__response p {
    margin: 0;
}

.wpzc-pincode-checker__response hr {
    margin: 8px 0;
    background-color: #eee;
}