﻿.card_flow_container{
    position: relative;
    overflow: hidden;

    height: 100%;
    width: 100%;

    transition: height .2s;
}

.card_flow {
    display: grid;
    position: absolute;

    height: 100%;
    width: 100%;

    transition: top .2s;

    @media (prefers-reduced-motion) {
        transition: top 0s;
    }
}

.card_flow_panel {
  padding: 5px;
}

.card_flow_panel.center {
    align-self: center;
}

/* rotates the element once per loop */
@keyframes rotate {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}

.loading_icon {
    margin: auto;
    height: 50px;
    width: 50px;

    border: solid 3px transparent;
    border-bottom-color: black;
    border-radius: 100%;
    animation: rotate 1s linear infinite;
}

.lh-search {
    overflow: visible;
}