.library[data-v-34f62f05]{width:180px}ul[data-v-34f62f05]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;margin:0;padding:0 2px;list-style:none}li[data-v-34f62f05]{text-align:center;margin:0;cursor:pointer}li figure[data-v-34f62f05]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:background .3s,border-color .3s;transition:background .3s,border-color .3s;margin:0;background:#fff;width:48px;height:48px;border-radius:4px;-webkit-box-shadow:0 1px 8px 0 #edf2f7;box-shadow:0 1px 8px 0 #edf2f7;border:1px solid #cbd5e0}li figure svg[data-v-34f62f05]{color:#4a5568;-webkit-transition:color .3s;transition:color .3s;display:block;margin:auto}li p[data-v-34f62f05]{margin:10px auto;font-size:11px;white-space:nowrap;text-overflow:ellipsis;width:50px;overflow:hidden;color:#4a5568}li:hover figure[data-v-34f62f05]{background:#667eea;border-color:#4c51bf}li:hover figure svg[data-v-34f62f05]{color:#fff}