/* Styles for page loading animation */
@keyframes blinkdot {
    0%   { opacity: .2; }
    20%  { opacity: 1; }
    100% { opacity: .2; }
}

.page-loading span {
    animation-name: blinkdot;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

.page-loading span:nth-child(2) { animation-delay: 0.2s; }
.page-loading span:nth-child(3) { animation-delay: 0.4s; }

/* Styles toggle arrow (switch on/off) */
.toggle-layer .arrow {
    display: inline-block;
    transition: transform 0.2s ease;
}
.toggle-layer.collapsed .arrow {
    transform: rotate(-90deg);
}
.toggle-layer:not(.collapsed) .arrow {
    transform: rotate(0deg);
}