@keyframes fade {
    0%
    {
        opacity: 0%;
    }
    100%
    {
        opacity: 100%;
    }
}

.showroom-item
{
    position: absolute;
}

.showroom-in
{
    pointer-events: auto;
}

.showroom-out
{
    pointer-events: none;
}

.showroom-fade-in
{
    opacity: 100%;

    animation-name: fade;
    animation-duration: 1s;
}

.showroom-fade-out
{
    opacity: 0%;

    animation-name: fade;
    animation-duration: 1s;
    animation-direction: reverse;
}

.showroom-dot
{
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.showroom-dot-active, .showroom-dot:hover
{
    background-color: #717171;
}