.ribbon-gallery{display: block; white-space: nowrap; overflow-x: scroll;}.ribbon-gallery img{max-width: 80%; cursor: pointer;}.substrate{position: fixed; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; display: none; text-align: center; vertical-align: middle; cursor: pointer;}.substrate-bg{background: rgba(0, 0, 0, .9); position: absolute; z-index: 1; height: 100%; width: 100%;}.substrate-img{position: relative; margin: 0 auto; z-index: 2; max-height: 100%; max-width: 100%; top: 50%; transform: translateY(-50%);}@media screen and (min-width: 1024px){.ribbon-gallery::-webkit-scrollbar-button{background-image:url(''); background-repeat:no-repeat; width:0px; height:0px;}.ribbon-gallery::-webkit-scrollbar-track{background-color:#f4f4f4; background-clip: content-box;}.ribbon-gallery::-webkit-scrollbar-thumb{-webkit-border-radius: 0px; border-radius: 0px; background-color:#444; width: 2px; height: 2px;}.ribbon-gallery::-webkit-scrollbar-thumb:hover{background-color:#666;}.ribbon-gallery::-webkit-resizer{background-image:url(''); background-repeat:no-repeat; width:2px; height:0px;}.ribbon-gallery::-webkit-scrollbar{width: .55em; height: .55em;}}