#wrapper{height:100%;width:100%}.custom-shadow{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.custom-shadow-sm{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.icon-preview-fade-enter-active,.icon-preview-fade-leave-active{transition:opacity .25s}.icon-preview-fade-enter,.icon-preview-fade-leave-to{opacity:0}.preview-container{width:100%;position:relative}.previewer{position:absolute;width:100%;min-height:50px;max-height:400px;overflow:auto;background:#fff;top:10px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.icon-preview{width:20%;padding-top:20%;position:relative}.icon-preview .icon-wrapper{position:absolute;height:80%;width:80%;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.icon-preview .icon-wrapper.selected,.icon-preview .icon-wrapper:hover{background:#2b81d6;color:#fbfbfb}