@charset "UTF-8";input[readonly]{background-color:#fff}.font-icon-list{padding:10px}.font-icon-list:hover{cursor:pointer}.font-icon-detail{text-align:center}.font-icon-detail span:first-child{display:inline-block;transition:color 150ms linear,background 150ms linear,font-size 150ms linear,width 150ms;padding:10px 0;width:70px;font-size:45px;color:#888ea8;border:1px solid #f1f3f1;border-radius:10px;box-shadow:0 3px 25px 0 rgba(113,106,202,.2)}.font-icon-name{font-size:14px;margin-top:15px;display:block;text-align:center;width:100%;padding:0;border:0;color:#888ea8}.font-icon-name:active,.font-icon-name:focus{outline:0}.font-icon-code{overflow:hidden;text-align:center;transition:max-height 200ms linear,opacity 200ms linear}.font-icon-code.show{max-height:200px;opacity:1}.code-value,.unicode-text{display:block;width:100%;text-align:center;border:0}.unicode-text:active,.unicode-text:focus{outline:0}.font-icon-detail.zeroclipboard-is-hover .font-icon-name,.font-icon-detail.zeroclipboard-is-hover+.font-icon-code .code-value,.font-icon-detail.zeroclipboard-is-hover+.font-icon-code .unicode,.font-icon-detail.zeroclipboard-is-hover+.font-icon-code .unicode-text,.font-icon-list:hover .code-value,.font-icon-list:hover .font-icon-name,.font-icon-list:hover .unicode-text{cursor:text;color:#3862f5}.font-icon-detail.zeroclipboard-is-hover span:first-child,.font-icon-list:hover .font-icon-detail span:first-child{color:#3862f5;background:#fff;border:solid 1px #f1f3f1}