gwd-gallerynavigation{
    display:block;
    overflow:hidden;
    color:#26a9e0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

gwd-gallerynavigation .button-container{
    text-align:center;
    display:block;
    list-style:none;
    margin:0;
    z-index:0
}

gwd-gallerynavigation .button-container .button{
    display:inline-block;
    height:81px;
    position:relative;
    cursor:pointer;
    z-index:0;
    opacity:0.6;
    transition:opacity .25s
}

gwd-gallerynavigation .button-container .button:hover,gwd-gallerynavigation .button-container .button:active{
    opacity:1.0
}

gwd-gallerynavigation .button-container .button.active{
    z-index:5
}

gwd-gallerynavigation .button-container .button .frame-thumbnail{
    display:inline-block;
    position:relative;
    width: 81px;
    height: 81px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    transition:box-shadow .25s,border .25s;
    border:2px solid rgba(0,0,0,0)
}

gwd-gallerynavigation .button-container .button.active .frame-thumbnail{
    border:2px solid currentColor;
    box-shadow:0 0 6px currentColor
}

gwd-gallerynavigation .button-container .button .frame-dot{
    display:inline-block;
    width:24px;
    height:24px;
    margin:6px;
    border-radius:100%;
    background-color:white;box-shadow:0 0 6px rgba(0,0,0,0.6);
    transition:background-color .25s,box-shadow .25s
}

gwd-gallerynavigation .button-container .button:hover .frame-dot,gwd-gallerynavigation .button-container .button:active .frame-dot{
    box-shadow:0 0 6px rgba(0,0,0,1.0)
}

gwd-gallerynavigation .button-container .button.active .frame-dot{
    background-color:currentColor
}