.logo {
    width: 36px;
    height: 36px;
    position: inherit;
}

.fill-dark, .fill-dark > * {
    fill: var(--fill-dark);
}

.fill-light > * {
    fill: var(--fill-light);
}

.fill-scan, .fill-scan > * {
    fill: var(--darker-blue);
}

.fill-rescan, .fill-rescan>*{
    fill: var(--accent-color);
}

rattleapp-icon {
    height: auto;
    margin-left: -.3em;
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

    rattleapp-icon svg {
        margin-top: 0.3em;
    }

rattleapp-text {
    width: 8em;
    flex-shrink: 0;
    animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

    rattleapp-text svg {
        height: 3em;
    }

.flip {
    transform: rotateX(180deg);
}

.swal2-close:focus {
    box-shadow: none !important;
}