.uploader-wrap { line-height:24px; white-space:nowrap; }

.uploader-wrap button
,.uploader-wrap img
,.uploader-wrap input { width:24px; height:24px; line-height:24px; overflow:hidden; padding:0; vertical-align:middle; }

.uploader-wrap .uploader-ctrl
,.uploader-wrap .uploader-index { width:24px; height:24px; line-height:24px; position:relative; display:inline-block; vertical-align:middle; }

.uploader-wrap .uploader-index div { width:24px; height:24px; position:absolute; display:inline-block; }
.uploader-wrap .uploader-index div p { width:100%; display:none; position:absolute; background:rgba(0, 0, 0, 0.5); white-space:normal; padding:5px; }
.uploader-wrap .uploader-index div p a { width:100%; color:white; white-space:normal; }
.uploader-wrap .uploader-index div img { border-radius:12px; border:1px solid silver; }
.uploader-wrap .uploader-index button { width:24px; height:24px; position:absolute; opacity:0; transition:none; -webkit-transition:none; -o-transition:none; }

.uploader-wrap .uploader-index:hover div { width:auto; height:256px; margin-top:-256px; position:absolute; z-index:100; background-color:white; border:1px solid #999; box-shadow:0px 0px 1px 1px #999; }
.uploader-wrap .uploader-index:hover div p { display:block; }
.uploader-wrap .uploader-index:hover div img { min-width:100px; width:auto; height:250px; border-radius:0; margin:2px;  }
.uploader-wrap .uploader-index:hover button { position:static; opacity:1; }

.uploader-wrap input[type="file"] { position:absolute; opacity:0; }

.uploader-res { list-style:none; margin:0; padding:0; }
.uploader-res img { width:auto; height:1rem; vertical-align:middle; }
.uploader-res a { font-size:1rem; line-height:1rem; }