.customMedia{width:100%;display:flex;height:auto;aspect-ratio:126/100}.customMedia div.stageArea{flex-basis:79.3650793651%}.customMedia div.thumbArea{flex-basis:17.4603174603%;margin-left:3.1746031746%;height:100%;overflow-y:scroll}.customMedia div.thumbArea::-webkit-scrollbar{margin-right:-2px;background:#eee;width:2px}.customMedia div.thumbArea::-webkit-scrollbar-thumb{background-color:#333;border:none}.customMedia div.thumbArea::-webkit-scrollbar-thumb:hover{background-color:#666}.customMedia.duplicate{justify-content:center}.customMedia ul{list-style:none;padding:0;margin:0;line-height:0}.customMedia ul.stage{position:relative;width:100%;height:auto;aspect-ratio:1/1;border:solid 1px #ccc;border-radius:1rem;overflow:hidden;background:url("loading.gif") center center no-repeat}.customMedia ul.stage li{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;display:none;transition:all .6s ease 0s}.customMedia ul.stage li.is-active{display:block;z-index:1}.customMedia ul.stage li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.customMedia ul.thumb{position:relative}.customMedia ul.thumb li{margin-bottom:18.1818181818%;cursor:pointer}.customMedia ul.thumb li:last-child{margin-bottom:0}.customMedia ul.thumb li.spacer{margin-bottom:0;width:0;height:0}.customMedia ul.thumb li button{width:100%;height:auto;aspect-ratio:1/1;border:solid 1px #ccc;border-radius:1rem;overflow:hidden;background:none;margin:0;padding:0;box-sizing:border-box}.customMedia ul.thumb li button img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.customMedia ul.thumb li.is-active button{border-color:#c5795f}