diff --git a/README.md b/README.md index 7c85c9a..c1209f6 100644 --- a/README.md +++ b/README.md @@ -8,11 +8,9 @@ _High Quality web friendly icons_ 'Boxicons' is a carefully designed open source iconset with 700+ icons. It's crafted to look enrich your website/app experience. -_Announcing Boxicons v1.5.1!_ +_Announcing Boxicons v1.5.2!_ -Solid icons have been added with a seperate logos category - -You can check out the detailed documentation [here](https://boxicons.com/get-started) +Load the icons as web component , load only the icons you need . ## Installation @@ -25,7 +23,7 @@ $ npm install boxicons --save import the module ```javscript -import 'boxicons/css/boxicons.css'; +import 'boxicons/dist/boxicons.js'; ``` ## Usage @@ -44,10 +42,10 @@ Instead of installing you may use the remote version ```html + href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"> + href="https://unpkg.com/boxicons@latest/css/boxicons.min.css"> ``` @@ -59,6 +57,58 @@ Instead of installing you may use the remote version ``` +### Using via Web Component + +Boxicons includes a Custom Element that makes using icons easy and efficient. To use it, add the `box-icon-element.js` file to the page: + +```html + +``` + +To use an icon, add the `` element to the location where the icon should be displayed: + +```html + +``` + To use solid icons or logos add attribute `type` as solid or logo + ```html + + +``` +The `` custom element supports the following attributes: + +```html + +``` + +- `name` : (REQUIRED) the name of the icon to be displayed +- `color`: A color for the icon. +- `size`: The size for the icon. It supports one of two types of values: + - One of the followign shortcuts: `xs`, `sm`, `md`, `lg` + - A css unit size (ex. `60px`) +- `rotate`: one of the following values: `90`, `180`, `270` +- `flip`: one of the following values: `horizontal`, `vertical` +- `border`: one of the following values: `square`, `circle` +- `animation`: One of the following values: `spin`, `tada`, `flashing`, `burst`, `fade-left`, `fade-right`, `spin-hover`, `tada-hover`, `flashing-hover`, `burst-hover`, `fade-left-hover`, `fade-right-hover` +- `type`: one of the following values: `regular`,`solid`, `logo` +- `pull`: one of the following values: `left`,`right` +The Custom Element class (`BoxIconElement`) exposes the following static members: + +- `tagName`: property that holds the HTML element tag name. Default: `box-icon` +- `defined([tagName])`: Defines the Element in the custom element registry using either the tagName provided on input or the (default) the one defined on the Class. +- `cdnUrl`: property that holds the URL that will be used to retrieve the images. URL should point to the folder that contains the images. example: `//unpkg.com/boxicons@1.5.2/svg` (no trailing forward slash) +- `getIconSvg(iconName)`: method used to retrieve the SVG image. Should return a Promise that resolves with the SVG source (String). + [Check out all the icons here!](https://boxicons.com) diff --git a/dev.box-icon-element.html b/dev.box-icon-element.html index 5f886c4..dd49fb2 100644 --- a/dev.box-icon-element.html +++ b/dev.box-icon-element.html @@ -51,8 +51,8 @@ - Shape - @@ -76,9 +76,9 @@ - + diff --git a/dist/box-icon-element.js b/dist/box-icon-element.js deleted file mode 100644 index 9bc9229..0000000 --- a/dist/box-icon-element.js +++ /dev/null @@ -1,2 +0,0 @@ -!function(t,e,n,r,o){function a(){var t=[];return t.isDone=!1,t.exec=function(){t.splice(0).forEach(function(t){t()})},t.then=function(e){return t.isDone?e():t.push(e),t},t}function i(t){var e=a(),n=r.createElement("script");return n.type="text/javascript",n.readyState?n.onreadystatechange=function(){"loaded"!=n.readyState&&"complete"!=n.readyState||(n.onreadystatechange=null,e.isDone=!0,e.exec())}:n.onload=function(){e.isDone=!0,e.exec()},n.src=t,r.getElementsByTagName("head")[0].appendChild(n),n.then=e.then,n}if("customElements"in n)o();else{if(n.AWAITING_WEB_COMPONENTS_POLYFILL)return void n.AWAITING_WEB_COMPONENTS_POLYFILL.then(o);var s=n.AWAITING_WEB_COMPONENTS_POLYFILL=a();s.then(o);var c=n.WEB_COMPONENTS_POLYFILL||"//cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.0.2/webcomponents-bundle.js",f=n.ES6_CORE_POLYFILL||"//cdnjs.cloudflare.com/ajax/libs/core-js/2.5.3/core.min.js";"Promise"in n?i(c).then(function(){s.isDone=!0,s.exec()}):i(f).then(function(){i(c).then(function(){s.isDone=!0,s.exec()})})}}(0,0,window,document,function(){!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.BoxIconElement=e():t.BoxIconElement=e()}("undefined"!=typeof self?self:this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=1)}([function(t,e){function n(t,e){var n=t[1]||"",o=t[3];if(!o)return n;if(e&&"function"==typeof btoa){var a=r(o);return[n].concat(o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"})).concat([a]).join("\n")}return[n].join("\n")}function r(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var r=n(e,t);return e[2]?"@media "+e[2]+"{"+r+"}":r}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o\n:host {\n display: inline-block;\n font-size: initial;\n box-sizing: border-box;\n width: 24px;\n height: 24px;\n}\n:host([size=xs]) {\n width: 0.8rem;\n height: 0.8rem;\n}\n:host([size=sm]) {\n width: 1.55rem;\n height: 1.55rem;\n}\n:host([size=md]) {\n width: 2.25rem;\n height: 2.25rem;\n}\n:host([size=lg]) {\n width: 3.0rem;\n height: 3.0rem;\n}\n\n:host([size]:not([size=""]):not([size=xs]):not([size=sm]):not([size=md]):not([size=lg])) {\n width: auto;\n height: auto;\n}\n\n:host([shape=square]) #icon {\n padding: .25em;\n border: .07em solid rgba(0,0,0,.1);\n border-radius: .25em;\n}\n:host([shape=circle]) #icon {\n padding: .25em;\n border: .07em solid rgba(0,0,0,.1);\n border-radius: 50%;\n}\n#icon,\nsvg {\n width: 100%;\n height: 100%;\n}\n#icon {\n box-sizing: border-box;\n} \n'+f.a+"\n"+u.a+'\n\n
';var x=p(function(t){function e(){r(this,e);var t=o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return t.$ui=t.attachShadow({mode:"open"}),t.$ui.appendChild(t.ownerDocument.importNode(y.content,!0)),g()&&b.ShadyCSS.styleElement(t),t._state={$iconHolder:t.$ui.getElementById("icon")},t}return a(e,t),d(e,null,[{key:"getIconSvg",value:function(t){var e=this.cdnUrl+"/"+t+".svg";return e&&h[e]?h[e]:(h[e]=new Promise(function(t,n){var r=new XMLHttpRequest;r.addEventListener("load",function(){if(this.status<200||this.status>=300)return void n(new Error(this.status+" "+this.responseText));t(this.responseText)}),r.onerror=n,r.onabort=n,r.open("GET",e),r.send()}),h[e])}},{key:"define",value:function(t){t=t||this.tagName,g()&&b.ShadyCSS.prepareTemplate(y,t),customElements.define(t,this)}},{key:"cdnUrl",get:function(){return"//unpkg.com/boxicons@1.1.1/svg"}},{key:"tagName",get:function(){return"box-icon"}},{key:"observedAttributes",get:function(){return["name","color","size","rotate","flip","animation","shape"]}}]),d(e,[{key:"attributeChangedCallback",value:function(t,e,n){var r=this._state.$iconHolder;switch(t){case"name":i(this,e,n);break;case"color":r.style.fill=n||"";break;case"size":s(this,e,n);break;case"rotate":e&&r.classList.remove("bx-rotate-"+e),n&&r.classList.add("bx-rotate-"+n);break;case"flip":e&&r.classList.remove("bx-flip-"+e),n&&r.classList.add("bx-flip-"+n);break;case"animation":e&&r.classList.remove("bx-"+e),n&&r.classList.add("bx-"+n)}}},{key:"connectedCallback",value:function(){g()&&b.ShadyCSS.styleElement(this)}}]),e}(HTMLElement))},function(t,e,n){var r=n(4);t.exports="string"==typeof r?r:r.toString()},function(t,e,n){e=t.exports=n(0)(!1),e.push([t.i,"@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@-webkit-keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@-webkit-keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@-webkit-keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate(-10deg);transform:scale3d(.95,.95,.95) rotate(-10deg)}30%,50%,70%,90%{-webkit-transform:scaleX(1) rotate(10deg);transform:scaleX(1) rotate(10deg)}40%,60%,80%{-webkit-transform:scaleX(1) rotate(-10deg);transform:scaleX(1) rotate(-10deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate(-10deg);transform:scale3d(.95,.95,.95) rotate(-10deg)}30%,50%,70%,90%{-webkit-transform:scaleX(1) rotate(10deg);transform:scaleX(1) rotate(10deg)}40%,60%,80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.bx-spin,.bx-spin-hover:hover{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.bx-tada,.bx-tada-hover:hover{-webkit-animation:tada 1.5s ease infinite;animation:tada 1.5s ease infinite}.bx-flashing,.bx-flashing-hover:hover{-webkit-animation:flashing 1.5s infinite linear;animation:flashing 1.5s infinite linear}.bx-burst,.bx-burst-hover:hover{-webkit-animation:burst 1.5s infinite linear;animation:burst 1.5s infinite linear}.bx-fade-left,.bx-fade-left-hover:hover{-webkit-animation:fade-left 1.5s infinite linear;animation:fade-left 1.5s infinite linear}.bx-fade-right,.bx-fade-right-hover:hover{-webkit-animation:fade-right 1.5s infinite linear;animation:fade-right 1.5s infinite linear}",""])},function(t,e,n){var r=n(6);t.exports="string"==typeof r?r:r.toString()},function(t,e,n){e=t.exports=n(0)(!1),e.push([t.i,'.bx-rotate-90{transform:rotate(90deg);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"}.bx-rotate-180{transform:rotate(180deg);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"}.bx-rotate-270{transform:rotate(270deg);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"}.bx-flip-horizontal{transform:scaleX(-1);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"}.bx-flip-vertical{transform:scaleY(-1);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}',""])}])})}); -//# sourceMappingURL=box-icon-element.js.map \ No newline at end of file diff --git a/dist/boxicons.js b/dist/boxicons.js new file mode 100644 index 0000000..43170a0 --- /dev/null +++ b/dist/boxicons.js @@ -0,0 +1,2 @@ +!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.BoxIconElement=e():t.BoxIconElement=e()}("undefined"!=typeof self?self:this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=1)}([function(t,e){function n(t,e){var n=t[1]||"",o=t[3];if(!o)return n;if(e&&"function"==typeof btoa){var a=r(o);return[n].concat(o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"})).concat([a]).join("\n")}return[n].join("\n")}function r(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var r=n(e,t);return e[2]?"@media "+e[2]+"{"+r+"}":r}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o\n:host {\n display: inline-block;\n font-size: initial;\n box-sizing: border-box;\n width: 24px;\n height: 24px;\n}\n:host([size=xs]) {\n width: 0.8rem;\n height: 0.8rem;\n}\n:host([size=sm]) {\n width: 1.55rem;\n height: 1.55rem;\n}\n:host([size=md]) {\n width: 2.25rem;\n height: 2.25rem;\n}\n:host([size=lg]) {\n width: 3.0rem;\n height: 3.0rem;\n}\n\n:host([size]:not([size=""]):not([size=xs]):not([size=sm]):not([size=md]):not([size=lg])) {\n width: auto;\n height: auto;\n}\n:host([pull=left]) #icon {\n float: left;\n margin-right: .3em!important;\n}\n:host([pull=right]) #icon {\n float: right;\n margin-left: .3em!important;\n}\n:host([border=square]) #icon {\n padding: .25em;\n border: .07em solid rgba(0,0,0,.1);\n border-radius: .25em;\n}\n:host([border=circle]) #icon {\n padding: .25em;\n border: .07em solid rgba(0,0,0,.1);\n border-radius: 50%;\n}\n#icon,\nsvg {\n width: 100%;\n height: 100%;\n}\n#icon {\n box-sizing: border-box;\n} \n'+c.a+"\n"+u.a+'\n\n
';var w=b(function(t){function e(){r(this,e);var t=o(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return t.$ui=t.attachShadow({mode:"open"}),t.$ui.appendChild(t.ownerDocument.importNode(g.content,!0)),k()&&y.ShadyCSS.styleElement(t),t._state={$iconHolder:t.$ui.getElementById("icon")},t}return a(e,t),d(e,null,[{key:"getIconSvg",value:function(t,e){var n=this.cdnUrl+"/regular/bx-"+t+".svg";return console.log(e),"solid"===e?n=this.cdnUrl+"/solid/bxs-"+t+".svg":"logo"===e&&(n=this.cdnUrl+"/logos/bxl-"+t+".svg"),n&&h[n]?h[n]:(h[n]=new Promise(function(t,e){var r=new XMLHttpRequest;r.addEventListener("load",function(){if(this.status<200||this.status>=300)return void e(new Error(this.status+" "+this.responseText));t(this.responseText)}),r.onerror=e,r.onabort=e,r.open("GET",n),r.send()}),h[n])}},{key:"define",value:function(t){t=t||this.tagName,k()&&y.ShadyCSS.prepareTemplate(g,t),customElements.define(t,this)}},{key:"cdnUrl",get:function(){return"//unpkg.com/boxicons@latest/svg"}},{key:"tagName",get:function(){return"box-icon"}},{key:"observedAttributes",get:function(){return["name","color","size","type","rotate","flip","animation","border","pull"]}}]),d(e,[{key:"attributeChangedCallback",value:function(t,e,n){var r=this._state.$iconHolder;switch(t){case"name":i(this,e,n);break;case"color":r.style.fill=n||"";break;case"size":f(this,e,n);break;case"type":s(this,e,n);break;case"rotate":e&&r.classList.remove("bx-rotate-"+e),n&&r.classList.add("bx-rotate-"+n);break;case"flip":e&&r.classList.remove("bx-flip-"+e),n&&r.classList.add("bx-flip-"+n);break;case"animation":e&&r.classList.remove("bx-"+e),n&&r.classList.add("bx-"+n)}}},{key:"connectedCallback",value:function(){k()&&y.ShadyCSS.styleElement(this)}}]),e}(HTMLElement))},function(t,e,n){var r=n(4);t.exports="string"==typeof r?r:r.toString()},function(t,e,n){e=t.exports=n(0)(!1),e.push([t.i,"@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@-webkit-keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@-webkit-keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@-webkit-keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@-webkit-keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@-webkit-keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate(-10deg);transform:scale3d(.95,.95,.95) rotate(-10deg)}30%,50%,70%,90%{-webkit-transform:scaleX(1) rotate(10deg);transform:scaleX(1) rotate(10deg)}40%,60%,80%{-webkit-transform:scaleX(1) rotate(-10deg);transform:scaleX(1) rotate(-10deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate(-10deg);transform:scale3d(.95,.95,.95) rotate(-10deg)}30%,50%,70%,90%{-webkit-transform:scaleX(1) rotate(10deg);transform:scaleX(1) rotate(10deg)}40%,60%,80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.bx-spin,.bx-spin-hover:hover{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.bx-tada,.bx-tada-hover:hover{-webkit-animation:tada 1.5s ease infinite;animation:tada 1.5s ease infinite}.bx-flashing,.bx-flashing-hover:hover{-webkit-animation:flashing 1.5s infinite linear;animation:flashing 1.5s infinite linear}.bx-burst,.bx-burst-hover:hover{-webkit-animation:burst 1.5s infinite linear;animation:burst 1.5s infinite linear}.bx-fade-up,.bx-fade-up-hover:hover{-webkit-animation:fade-up 1.5s infinite linear;animation:fade-up 1.5s infinite linear}.bx-fade-down,.bx-fade-down-hover:hover{-webkit-animation:fade-down 1.5s infinite linear;animation:fade-down 1.5s infinite linear}.bx-fade-left,.bx-fade-left-hover:hover{-webkit-animation:fade-left 1.5s infinite linear;animation:fade-left 1.5s infinite linear}.bx-fade-right,.bx-fade-right-hover:hover{-webkit-animation:fade-right 1.5s infinite linear;animation:fade-right 1.5s infinite linear}",""])},function(t,e,n){var r=n(6);t.exports="string"==typeof r?r:r.toString()},function(t,e,n){e=t.exports=n(0)(!1),e.push([t.i,'.bx-rotate-90{transform:rotate(90deg);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"}.bx-rotate-180{transform:rotate(180deg);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"}.bx-rotate-270{transform:rotate(270deg);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"}.bx-flip-horizontal{transform:scaleX(-1);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"}.bx-flip-vertical{transform:scaleY(-1);-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}',""])}])}); +//# sourceMappingURL=boxicons.js.map \ No newline at end of file diff --git a/index.html b/index.html index ff9edce..27f9f35 100644 --- a/index.html +++ b/index.html @@ -36,7 +36,7 @@ + href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"> @@ -75,6 +75,6 @@
- + diff --git a/package.json b/package.json index 66593b7..f3b10c9 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "boxicons", - "version": "1.5.1", + "version": "1.5.2", "private": true, "description": "High Quality web friendly icons", "scripts": { diff --git a/src/box-icon-element.js b/src/box-icon-element.js index 41137fc..713b99b 100644 --- a/src/box-icon-element.js +++ b/src/box-icon-element.js @@ -42,13 +42,20 @@ TEMPLATE.innerHTML = ` width: auto; height: auto; } - -:host([shape=square]) #icon { +:host([pull=left]) #icon { + float: left; + margin-right: .3em!important; +} +:host([pull=right]) #icon { + float: right; + margin-left: .3em!important; +} +:host([border=square]) #icon { padding: .25em; border: .07em solid rgba(0,0,0,.1); border-radius: .25em; } -:host([shape=circle]) #icon { +:host([border=circle]) #icon { padding: .25em; border: .07em solid rgba(0,0,0,.1); border-radius: 50%; @@ -74,7 +81,7 @@ export class BoxIconElement extends HTMLElement { static get cdnUrl() { // BUILD.DATA.VERSION is injected by webpack during a build. // Value is same as package.json#version property. - return `//unpkg.com/boxicons@${BUILD.DATA.VERSION}/svg`; + return `//unpkg.com/boxicons@latest/svg`; } /** * The html tag name to be use @@ -87,10 +94,12 @@ export class BoxIconElement extends HTMLElement { 'name', 'color', 'size', + 'type', 'rotate', 'flip', 'animation', - 'shape', + 'border', + 'pull' ]; } @@ -102,8 +111,15 @@ export class BoxIconElement extends HTMLElement { * * @return {Promise} */ - static getIconSvg(iconName) { - const iconUrl = `${this.cdnUrl}/${iconName}.svg`; + static getIconSvg(iconName,type) { + var iconUrl = `${this.cdnUrl}/regular/bx-${iconName}.svg`; + console.log(type); + if(type==='solid'){ + iconUrl = `${this.cdnUrl}/solid/bxs-${iconName}.svg`; + } + else if(type==='logo'){ + iconUrl = `${this.cdnUrl}/logos/bxl-${iconName}.svg`; + } if (iconUrl && CACHE[iconUrl]) { return CACHE[iconUrl]; } @@ -140,7 +156,7 @@ export class BoxIconElement extends HTMLElement { constructor() { super(); this.$ui = this.attachShadow({ mode: 'open' }); - //this.$ui.appendChild(this.ownerDocument.importNode(TEMPLATE.content, true)); + this.$ui.appendChild(this.ownerDocument.importNode(TEMPLATE.content, true)); if (usingShadyCss()) { GLOBAL.ShadyCSS.styleElement(this); } @@ -162,6 +178,9 @@ export class BoxIconElement extends HTMLElement { case 'size': handleSizeChange(this, oldVal, newVal); break; + case 'type': + handleTypeChange(this, oldVal, newVal); + break; case 'rotate': if (oldVal) { $iconHolder.classList.remove(`${CSS_CLASS_PREFIX_ROTATE}${oldVal}`); @@ -202,7 +221,7 @@ function handleNameChange(inst, oldVal, newVal) { state.$iconHolder.textContent = ''; if (newVal) { - inst.constructor.getIconSvg(newVal) + inst.constructor.getIconSvg(newVal,state.type) .then((iconData) => { if (state.currentName === newVal) { state.$iconHolder.innerHTML = iconData; @@ -213,7 +232,20 @@ function handleNameChange(inst, oldVal, newVal) { }); } } +function handleTypeChange(inst, oldVal, newVal) { + const state = inst._state; + if (state.type) { + state.type = null; + } + + if (newVal && (newVal==='solid' || newVal==='logo')) { + state.type = newVal; + } + else{ + state.type = 'regular'; + } +} function handleSizeChange(inst, oldVal, newVal) { const state = inst._state; diff --git a/static/boxicons-1.0.7.zip b/static/boxicons-1.0.7.zip deleted file mode 100644 index abd31a8..0000000 Binary files a/static/boxicons-1.0.7.zip and /dev/null differ diff --git a/static/boxicons-1.1.0.zip b/static/boxicons-1.1.0.zip deleted file mode 100644 index 7db9900..0000000 Binary files a/static/boxicons-1.1.0.zip and /dev/null differ diff --git a/static/boxicons-1.5.0.zip b/static/boxicons-1.5.0.zip deleted file mode 100644 index 6f3ab53..0000000 Binary files a/static/boxicons-1.5.0.zip and /dev/null differ diff --git a/static/boxicons-1.5.2.zip b/static/boxicons-1.5.2.zip new file mode 100644 index 0000000..e4406c9 Binary files /dev/null and b/static/boxicons-1.5.2.zip differ diff --git a/static/css/animations.css b/static/css/animations.css index c957a21..6225657 100644 --- a/static/css/animations.css +++ b/static/css/animations.css @@ -3,12 +3,12 @@ 0% { -webkit-transform: rotate(0); - transform: rotate(0); + transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); - transform: rotate(359deg); + transform: rotate(359deg); } } @keyframes spin @@ -16,12 +16,12 @@ 0% { -webkit-transform: rotate(0); - transform: rotate(0); + transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); - transform: rotate(359deg); + transform: rotate(359deg); } } @-webkit-keyframes burst @@ -29,14 +29,14 @@ 0% { -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); opacity: 1; } 90% { -webkit-transform: scale(1.5); - transform: scale(1.5); + transform: scale(1.5); opacity: 0; } @@ -46,14 +46,14 @@ 0% { -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); opacity: 1; } 90% { -webkit-transform: scale(1.5); - transform: scale(1.5); + transform: scale(1.5); opacity: 0; } @@ -93,14 +93,14 @@ 0% { -webkit-transform: translateX(0); - transform: translateX(0); + transform: translateX(0); opacity: 1; } 75% { -webkit-transform: translateX(-20px); - transform: translateX(-20px); + transform: translateX(-20px); opacity: 0; } @@ -110,14 +110,14 @@ 0% { -webkit-transform: translateX(0); - transform: translateX(0); + transform: translateX(0); opacity: 1; } 75% { -webkit-transform: translateX(-20px); - transform: translateX(-20px); + transform: translateX(-20px); opacity: 0; } @@ -127,14 +127,14 @@ 0% { -webkit-transform: translateX(0); - transform: translateX(0); + transform: translateX(0); opacity: 1; } 75% { -webkit-transform: translateX(20px); - transform: translateX(20px); + transform: translateX(20px); opacity: 0; } @@ -144,32 +144,99 @@ 0% { -webkit-transform: translateX(0); - transform: translateX(0); + transform: translateX(0); opacity: 1; } 75% { -webkit-transform: translateX(20px); - transform: translateX(20px); + transform: translateX(20px); opacity: 0; } } +@-webkit-keyframes fade-up +{ + 0% + { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } + 75% + { + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + + opacity: 0; + } +} +@keyframes fade-up +{ + 0% + { + -webkit-transform: translateY(0); + transform: translateY(0); + + opacity: 1; + } + 75% + { + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + + opacity: 0; + } +} +@-webkit-keyframes fade-down +{ + 0% + { + -webkit-transform: translateY(0); + transform: translateY(0); + + opacity: 1; + } + 75% + { + -webkit-transform: translateY(20px); + transform: translateY(20px); + + opacity: 0; + } +} +@keyframes fade-down +{ + 0% + { + -webkit-transform: translateY(0); + transform: translateY(0); + + opacity: 1; + } + 75% + { + -webkit-transform: translateY(20px); + transform: translateY(20px); + + opacity: 0; + } +} @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg); - transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg); + transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg); } 30%, @@ -178,7 +245,7 @@ 90% { -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg); - transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg); + transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg); } 40%, @@ -186,13 +253,13 @@ 80% { -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg); - transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg); + transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg); } to { -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } @@ -201,14 +268,14 @@ from { -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg); - transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg); + transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg); } 30%, @@ -217,7 +284,7 @@ 90% { -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg); - transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg); + transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg); } 40%, @@ -225,76 +292,95 @@ 80% { -webkit-transform: rotate3d(0, 0, 1, -10deg); - transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); } to { -webkit-transform: scale3d(1, 1, 1); - transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); } } .bx-spin { -webkit-animation: spin 2s linear infinite; - animation: spin 2s linear infinite; + animation: spin 2s linear infinite; } .bx-spin-hover:hover { -webkit-animation: spin 2s linear infinite; - animation: spin 2s linear infinite; + animation: spin 2s linear infinite; } .bx-tada { -webkit-animation: tada 1.5s ease infinite; - animation: tada 1.5s ease infinite; + animation: tada 1.5s ease infinite; } .bx-tada-hover:hover { -webkit-animation: tada 1.5s ease infinite; - animation: tada 1.5s ease infinite; + animation: tada 1.5s ease infinite; } .bx-flashing { -webkit-animation: flashing 1.5s infinite linear; - animation: flashing 1.5s infinite linear; + animation: flashing 1.5s infinite linear; } .bx-flashing-hover:hover { -webkit-animation: flashing 1.5s infinite linear; - animation: flashing 1.5s infinite linear; + animation: flashing 1.5s infinite linear; } .bx-burst { -webkit-animation: burst 1.5s infinite linear; - animation: burst 1.5s infinite linear; + animation: burst 1.5s infinite linear; } .bx-burst-hover:hover { -webkit-animation: burst 1.5s infinite linear; - animation: burst 1.5s infinite linear; + animation: burst 1.5s infinite linear; +} +.bx-fade-up +{ + -webkit-animation: fade-up 1.5s infinite linear; + animation: fade-up 1.5s infinite linear; +} +.bx-fade-up-hover:hover +{ + -webkit-animation: fade-up 1.5s infinite linear; + animation: fade-up 1.5s infinite linear; +} +.bx-fade-down +{ + -webkit-animation: fade-down 1.5s infinite linear; + animation: fade-down 1.5s infinite linear; +} +.bx-fade-down-hover:hover +{ + -webkit-animation: fade-down 1.5s infinite linear; + animation: fade-down 1.5s infinite linear; } - .bx-fade-left { -webkit-animation: fade-left 1.5s infinite linear; - animation: fade-left 1.5s infinite linear; + animation: fade-left 1.5s infinite linear; } .bx-fade-left-hover:hover { -webkit-animation: fade-left 1.5s infinite linear; - animation: fade-left 1.5s infinite linear; + animation: fade-left 1.5s infinite linear; } .bx-fade-right { -webkit-animation: fade-right 1.5s infinite linear; - animation: fade-right 1.5s infinite linear; + animation: fade-right 1.5s infinite linear; } .bx-fade-right-hover:hover { -webkit-animation: fade-right 1.5s infinite linear; - animation: fade-right 1.5s infinite linear; -} + animation: fade-right 1.5s infinite linear; +} \ No newline at end of file diff --git a/static/css/boxicons.css b/static/css/boxicons.css index 17d773d..2d3b4c6 100644 --- a/static/css/boxicons.css +++ b/static/css/boxicons.css @@ -440,10 +440,28 @@ line-height: inherit; { font-size: 2.25rem!important; } +.bx-fw{ + width: 1.2857142857em; + font-size: 1.2857142857em; + height: 0.8em; + line-height: 0.8em; + vertical-align: middle; + margin-top: -0.2em!important; +} + .bx-lg { font-size: 3.0rem!important; } +.bx-pull-left{ +float: left; + margin-right: .3em!important; +} + +.bx-pull-right{ +float: right; + margin-left: .3em!important; +} .bx-rotate-90 { transform: rotate(90deg); diff --git a/static/css/boxicons.min.css b/static/css/boxicons.min.css index 8e4e7ed..5285dcd 100644 --- a/static/css/boxicons.min.css +++ b/static/css/boxicons.min.css @@ -1 +1 @@ -@font-face{font-family:boxicons;src:url(../fonts/boxicons.eot);src:url(../fonts/boxicons.eot) format('embedded-opentype'),url(../fonts/boxicons.ttf) format('truetype'),url(../fonts/boxicons.woff) format('woff'),url(../fonts/boxicons.svg?#boxicons) format('svg');font-weight:400;font-style:normal}.bx{font-family:boxicons!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;display:inline-block;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bx-ul{padding-left:0;list-style:none;margin-left:2em}.bx-ul>li{position:relative}.bx-ul .bx{left:-2em;position:absolute;text-align:center;font-size:inherit;width:2em;line-height:inherit}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@-webkit-keyframes flashing{0%,90%{opacity:1}45%{opacity:0}}@keyframes flashing{0%,90%{opacity:1}45%{opacity:0}}@-webkit-keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@-webkit-keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@-webkit-keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@-webkit-keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@-webkit-keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg)}}@keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}}.bx-spin,.bx-spin-hover:hover{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.bx-tada,.bx-tada-hover:hover{-webkit-animation:tada 1.5s ease infinite;animation:tada 1.5s ease infinite}.bx-flashing,.bx-flashing-hover:hover{-webkit-animation:flashing 1.5s infinite linear;animation:flashing 1.5s infinite linear}.bx-burst,.bx-burst-hover:hover{-webkit-animation:burst 1.5s infinite linear;animation:burst 1.5s infinite linear}.bx-fade-up,.bx-fade-up-hover:hover{-webkit-animation:fade-up 1.5s infinite linear;animation:fade-up 1.5s infinite linear}.bx-fade-down,.bx-fade-down-hover:hover{-webkit-animation:fade-down 1.5s infinite linear;animation:fade-down 1.5s infinite linear}.bx-fade-left,.bx-fade-left-hover:hover{-webkit-animation:fade-left 1.5s infinite linear;animation:fade-left 1.5s infinite linear}.bx-fade-right,.bx-fade-right-hover:hover{-webkit-animation:fade-right 1.5s infinite linear;animation:fade-right 1.5s infinite linear}.bx-xs{font-size:1rem!important}.bx-sm{font-size:1.55rem!important}.bx-md{font-size:2.25rem!important}.bx-lg{font-size:3rem!important}.bx-rotate-90{transform:rotate(90deg);-ms-filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)'}.bx-rotate-180{transform:rotate(180deg);-ms-filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)'}.bx-rotate-270{transform:rotate(270deg);-ms-filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)'}.bx-flip-horizontal{transform:scaleX(-1);-ms-filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)'}.bx-flip-vertical{transform:scaleY(-1);-ms-filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)'}.bx-border{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:.25em}.bx-border-circle{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:50%}.bxl-behance:before{content:"\e900"}.bxl-bitcoin:before{content:"\e901"}.bxl-blogger:before{content:"\e902"}.bxl-discord:before{content:"\e903"}.bxl-dribbble:before{content:"\e904"}.bxl-facebook:before{content:"\e905"}.bxl-facebook-square:before{content:"\e906"}.bxl-github:before{content:"\e907"}.bxl-google:before{content:"\e908"}.bxl-google-plus:before{content:"\e909"}.bxl-google-plus-circle:before{content:"\e90a"}.bxl-instagram:before{content:"\e90b"}.bxl-linkedin:before{content:"\e90c"}.bxl-linkedin-square:before{content:"\e90d"}.bxl-medium:before{content:"\e90e"}.bxl-medium-square:before{content:"\e90f"}.bxl-pinterest:before{content:"\e910"}.bxl-reddit:before{content:"\e911"}.bxl-skype:before{content:"\e912"}.bxl-slack:before{content:"\e913"}.bxl-slack-rounded:before{content:"\e914"}.bxl-tumblr:before{content:"\e915"}.bxl-twitch:before{content:"\e916"}.bxl-twitter:before{content:"\e917"}.bxl-twitter-square:before{content:"\e918"}.bxl-vimeo:before{content:"\e919"}.bxl-whatsapp:before{content:"\e91a"}.bxl-youtube:before{content:"\e91b"}.bx-adjust:before{content:"\e91c"}.bx-alarm:before{content:"\e91d"}.bx-alarm-off:before{content:"\e91e"}.bx-album:before{content:"\e91f"}.bx-align-left:before{content:"\e920"}.bx-align-middle:before{content:"\e921"}.bx-align-right:before{content:"\e922"}.bx-anchor:before{content:"\e923"}.bx-aperture:before{content:"\e924"}.bx-archive:before{content:"\e925"}.bx-archive-in:before{content:"\e926"}.bx-archive-out:before{content:"\e927"}.bx-arrow-back:before{content:"\e928"}.bx-asterisk:before{content:"\e929"}.bx-at:before{content:"\e92a"}.bx-award:before{content:"\e92b"}.bx-bar-chart:before{content:"\e92c"}.bx-bar-chart-alt:before{content:"\e92d"}.bx-bar-chart-square:before{content:"\e92e"}.bx-barcode:before{content:"\e92f"}.bx-basketball:before{content:"\e930"}.bx-battery:before{content:"\e931"}.bx-battery-charging:before{content:"\e932"}.bx-battery-full:before{content:"\e933"}.bx-battery-low:before{content:"\e934"}.bx-bell:before{content:"\e935"}.bx-bell-minus:before{content:"\e936"}.bx-bell-off:before{content:"\e937"}.bx-bell-plus:before{content:"\e938"}.bx-block:before{content:"\e939"}.bx-bluetooth:before{content:"\e93a"}.bx-body:before{content:"\e93b"}.bx-bold:before{content:"\e93c"}.bx-bolt:before{content:"\e93d"}.bx-book:before{content:"\e93e"}.bx-book-bookmark:before{content:"\e93f"}.bx-bookmark:before{content:"\e940"}.bx-bookmark-minus:before{content:"\e941"}.bx-bookmark-plus:before{content:"\e942"}.bx-bookmarks:before{content:"\e943"}.bx-bookmark-star:before{content:"\e944"}.bx-book-open:before{content:"\e945"}.bx-briefcase:before{content:"\e946"}.bx-briefcase-alt:before{content:"\e947"}.bx-broadcast:before{content:"\e948"}.bx-bug:before{content:"\e949"}.bx-building:before{content:"\e94a"}.bx-bulb:before{content:"\e94b"}.bx-bullseye:before{content:"\e94c"}.bx-buoy:before{content:"\e94d"}.bx-calculator:before{content:"\e94e"}.bx-calendar:before{content:"\e94f"}.bx-calendar-alt:before{content:"\e950"}.bx-calendar-check:before{content:"\e951"}.bx-calendar-minus:before{content:"\e952"}.bx-calendar-plus:before{content:"\e953"}.bx-calendar-x:before{content:"\e954"}.bx-camera:before{content:"\e955"}.bx-camera-alt:before{content:"\e956"}.bx-camera-off:before{content:"\e957"}.bx-capsule:before{content:"\e958"}.bx-captions:before{content:"\e959"}.bx-car:before{content:"\e95a"}.bx-carousel:before{content:"\e95b"}.bx-cart:before{content:"\e95c"}.bx-cart-alt:before{content:"\e95d"}.bx-cast:before{content:"\e95e"}.bx-categories:before{content:"\e95f"}.bx-certification:before{content:"\e960"}.bx-chalkboard:before{content:"\e961"}.bx-chart:before{content:"\e962"}.bx-check:before{content:"\e963"}.bx-checkbox:before{content:"\e964"}.bx-checkbox-checked:before{content:"\e965"}.bx-checkbox-square:before{content:"\e966"}.bx-check-circle:before{content:"\e967"}.bx-chevron-down:before{content:"\e968"}.bx-chevron-left:before{content:"\e969"}.bx-chevron-right:before{content:"\e96a"}.bx-chevrons-down:before{content:"\e96b"}.bx-chevrons-left:before{content:"\e96c"}.bx-chevrons-right:before{content:"\e96d"}.bx-chevrons-up:before{content:"\e96e"}.bx-chevron-up:before{content:"\e96f"}.bx-chip:before{content:"\e970"}.bx-clipboard:before{content:"\e971"}.bx-closet:before{content:"\e972"}.bx-cloud:before{content:"\e973"}.bx-cloud-download:before{content:"\e974"}.bx-cloud-drizzle:before{content:"\e975"}.bx-cloud-lightning:before{content:"\e976"}.bx-cloud-light-rain:before{content:"\e977"}.bx-cloud-rain:before{content:"\e978"}.bx-cloud-snow:before{content:"\e979"}.bx-cloud-upload:before{content:"\e97a"}.bx-code:before{content:"\e97b"}.bx-code-curly:before{content:"\e97c"}.bx-coffee:before{content:"\e97d"}.bx-cog:before{content:"\e97e"}.bx-collapse:before{content:"\e97f"}.bx-collection:before{content:"\e980"}.bx-columns:before{content:"\e981"}.bx-command:before{content:"\e982"}.bx-compass:before{content:"\e983"}.bx-contact:before{content:"\e984"}.bx-conversation:before{content:"\e985"}.bx-copy:before{content:"\e986"}.bx-copyright:before{content:"\e987"}.bx-coupon:before{content:"\e988"}.bx-credit-card:before{content:"\e989"}.bx-crop:before{content:"\e98a"}.bx-crosshair:before{content:"\e98b"}.bx-crown:before{content:"\e98c"}.bx-cube:before{content:"\e98d"}.bx-cut:before{content:"\e98e"}.bx-dashboard:before{content:"\e98f"}.bx-data:before{content:"\e990"}.bx-desktop:before{content:"\e991"}.bx-detail:before{content:"\e992"}.bx-diamond:before{content:"\e993"}.bx-directions:before{content:"\e994"}.bx-discount:before{content:"\e995"}.bx-dislike:before{content:"\e996"}.bx-dock-bottom:before{content:"\e997"}.bx-dock-left:before{content:"\e998"}.bx-dock-right:before{content:"\e999"}.bx-dock-top:before{content:"\e99a"}.bx-documentation:before{content:"\e99b"}.bx-dollar:before{content:"\e99c"}.bx-dots-horizontal:before{content:"\e99d"}.bx-dots-horizontal-rounded:before{content:"\e99e"}.bx-dots-vertical:before{content:"\e99f"}.bx-dots-vertical-rounded:before{content:"\e9a0"}.bx-down-arrow:before{content:"\e9a1"}.bx-down-arrow-circle:before{content:"\e9a2"}.bx-download:before{content:"\e9a3"}.bx-download-alt:before{content:"\e9a4"}.bx-downvote:before{content:"\e9a5"}.bx-drink:before{content:"\e9a6"}.bx-droplet:before{content:"\e9a7"}.bx-duplicate:before{content:"\e9a8"}.bx-edit:before{content:"\e9a9"}.bx-eject:before{content:"\e9aa"}.bx-envelope:before{content:"\e9ab"}.bx-eraser:before{content:"\e9ac"}.bx-error:before{content:"\e9ad"}.bx-error-circle:before{content:"\e9ae"}.bx-exclamation:before{content:"\e9af"}.bx-exit-fullscreen:before{content:"\e9b0"}.bx-expand:before{content:"\e9b1"}.bx-export:before{content:"\e9b2"}.bx-eyedropper:before{content:"\e9b3"}.bx-fast-forward:before{content:"\e9b4"}.bx-fast-forward-circle:before{content:"\e9b5"}.bx-female:before{content:"\e9b6"}.bx-file:before{content:"\e9b7"}.bx-file-image:before{content:"\e9b8"}.bx-file-plus:before{content:"\e9b9"}.bx-files:before{content:"\e9ba"}.bx-film:before{content:"\e9bb"}.bx-filter:before{content:"\e9bc"}.bx-filter-alt:before{content:"\e9bd"}.bx-first-aid:before{content:"\e9be"}.bx-first-page:before{content:"\e9bf"}.bx-flag:before{content:"\e9c0"}.bx-flag-alt:before{content:"\e9c1"}.bx-flask:before{content:"\e9c2"}.bx-folder:before{content:"\e9c3"}.bx-folder-minus:before{content:"\e9c4"}.bx-folder-open:before{content:"\e9c5"}.bx-folder-plus:before{content:"\e9c6"}.bx-font:before{content:"\e9c7"}.bx-fullscreen:before{content:"\e9c8"}.bx-gift:before{content:"\e9c9"}.bx-git-branch:before{content:"\e9ca"}.bx-git-commit:before{content:"\e9cb"}.bx-git-compare:before{content:"\e9cc"}.bx-git-merge:before{content:"\e9cd"}.bx-git-pull-request:before{content:"\e9ce"}.bx-git-repo-forked:before{content:"\e9cf"}.bx-globe:before{content:"\e9d0"}.bx-globe-alt:before{content:"\e9d1"}.bx-grid:before{content:"\e9d2"}.bx-grid-alt:before{content:"\e9d3"}.bx-group:before{content:"\e9d4"}.bx-hash:before{content:"\e9d5"}.bx-hdd:before{content:"\e9d6"}.bx-heading:before{content:"\e9d7"}.bx-headphone:before{content:"\e9d8"}.bx-heart:before{content:"\e9d9"}.bx-hexagon:before{content:"\e9da"}.bx-hide:before{content:"\e9db"}.bx-history:before{content:"\e9dc"}.bx-home:before{content:"\e9dd"}.bx-home-alt:before{content:"\e9de"}.bx-horizontal-center:before{content:"\e9df"}.bx-hot:before{content:"\e9e0"}.bx-hourglass:before{content:"\e9e1"}.bx-idea:before{content:"\e9e2"}.bx-image:before{content:"\e9e3"}.bx-images:before{content:"\e9e4"}.bx-import:before{content:"\e9e5"}.bx-inbox:before{content:"\e9e6"}.bx-infinite:before{content:"\e9e7"}.bx-info:before{content:"\e9e8"}.bx-info-circle:before{content:"\e9e9"}.bx-italic:before{content:"\e9ea"}.bx-joystick:before{content:"\e9eb"}.bx-joystick-alt:before{content:"\e9ec"}.bx-justify:before{content:"\e9ed"}.bx-key:before{content:"\e9ee"}.bx-laptop:before{content:"\e9ef"}.bx-last-page:before{content:"\e9f0"}.bx-layer:before{content:"\e9f1"}.bx-layout:before{content:"\e9f2"}.bx-left-arrow:before{content:"\e9f3"}.bx-left-arrow-circle:before{content:"\e9f4"}.bx-left-bottom-arrow-circle:before{content:"\e9f5"}.bx-left-indent:before{content:"\e9f6"}.bx-left-top-arrow-circle:before{content:"\e9f7"}.bx-like:before{content:"\e9f8"}.bx-link:before{content:"\e9f9"}.bx-link-alt:before{content:"\e9fa"}.bx-link-external:before{content:"\e9fb"}.bx-list:before{content:"\e9fc"}.bx-list-alt:before{content:"\e9fd"}.bx-list-bullet:before{content:"\e9fe"}.bx-list-check:before{content:"\e9ff"}.bx-list-plus:before{content:"\ea00"}.bx-list-x:before{content:"\ea01"}.bx-loader:before{content:"\ea02"}.bx-loader-alt:before{content:"\ea03"}.bx-loader-circle:before{content:"\ea04"}.bx-lock:before{content:"\ea05"}.bx-lock-open:before{content:"\ea06"}.bx-log-in:before{content:"\ea07"}.bx-log-out:before{content:"\ea08"}.bx-male:before{content:"\ea09"}.bx-map:before{content:"\ea0a"}.bx-map-alt:before{content:"\ea0b"}.bx-map-pin:before{content:"\ea0c"}.bx-menu:before{content:"\ea0d"}.bx-message:before{content:"\ea0e"}.bx-message-alt:before{content:"\ea0f"}.bx-message-detail:before{content:"\ea10"}.bx-message-rounded:before{content:"\ea11"}.bx-microphone:before{content:"\ea12"}.bx-microphone-off:before{content:"\ea13"}.bx-minus:before{content:"\ea14"}.bx-minus-circle:before{content:"\ea15"}.bx-mobile:before{content:"\ea16"}.bx-mobile-alt:before{content:"\ea17"}.bx-mobile-message:before{content:"\ea18"}.bx-moon:before{content:"\ea19"}.bx-mouse:before{content:"\ea1a"}.bx-move:before{content:"\ea1b"}.bx-music:before{content:"\ea1c"}.bx-navigation:before{content:"\ea1d"}.bx-news:before{content:"\ea1e"}.bx-newsletter:before{content:"\ea1f"}.bx-notification:before{content:"\ea20"}.bx-notification-off:before{content:"\ea21"}.bx-octagon:before{content:"\ea22"}.bx-package:before{content:"\ea23"}.bx-paperclip:before{content:"\ea24"}.bx-paper-plane:before{content:"\ea25"}.bx-paragraph:before{content:"\ea26"}.bx-paste:before{content:"\ea27"}.bx-pause:before{content:"\ea28"}.bx-pause-circle:before{content:"\ea29"}.bx-pen:before{content:"\ea2a"}.bx-pencil:before{content:"\ea2b"}.bx-phone:before{content:"\ea2c"}.bx-phone-call:before{content:"\ea2d"}.bx-phone-incoming:before{content:"\ea2e"}.bx-phone-outgoing:before{content:"\ea2f"}.bx-pie-chart:before{content:"\ea30"}.bx-pie-chart-alt:before{content:"\ea31"}.bx-pin:before{content:"\ea32"}.bx-play:before{content:"\ea33"}.bx-play-circle:before{content:"\ea34"}.bx-playlist:before{content:"\ea35"}.bx-plug:before{content:"\ea36"}.bx-plus:before{content:"\ea37"}.bx-plus-circle:before{content:"\ea38"}.bx-poll:before{content:"\ea39"}.bx-popular:before{content:"\ea3a"}.bx-power-off:before{content:"\ea3b"}.bx-printer:before{content:"\ea3c"}.bx-pulse:before{content:"\ea3d"}.bx-purchase-tag:before{content:"\ea3e"}.bx-question-mark:before{content:"\ea3f"}.bx-quote-left:before{content:"\ea40"}.bx-quote-right:before{content:"\ea41"}.bx-radar:before{content:"\ea42"}.bx-radio:before{content:"\ea43"}.bx-radio-circle:before{content:"\ea44"}.bx-radio-circle-marked:before{content:"\ea45"}.bx-rectangle:before{content:"\ea46"}.bx-redo:before{content:"\ea47"}.bx-rename:before{content:"\ea48"}.bx-reply:before{content:"\ea49"}.bx-reply-all:before{content:"\ea4a"}.bx-report:before{content:"\ea4b"}.bx-repost:before{content:"\ea4c"}.bx-reset:before{content:"\ea4d"}.bx-revision:before{content:"\ea4e"}.bx-rewind:before{content:"\ea4f"}.bx-ribbon:before{content:"\ea50"}.bx-right-arrow:before{content:"\ea51"}.bx-right-arrow-circle:before{content:"\ea52"}.bx-right-down-arrow-circle:before{content:"\ea53"}.bx-right-indent:before{content:"\ea54"}.bx-right-top-arrow-circle:before{content:"\ea55"}.bx-rocket:before{content:"\ea56"}.bx-rotate:before{content:"\ea57"}.bx-rss:before{content:"\ea58"}.bx-ruler:before{content:"\ea59"}.bx-save:before{content:"\ea5a"}.bx-screenshot:before{content:"\ea5b"}.bx-search:before{content:"\ea5c"}.bx-select-arrows:before{content:"\ea5d"}.bx-selection:before{content:"\ea5e"}.bx-select-multiple:before{content:"\ea5f"}.bx-send:before{content:"\ea60"}.bx-server:before{content:"\ea61"}.bx-share:before{content:"\ea62"}.bx-share-alt:before{content:"\ea63"}.bx-shield:before{content:"\ea64"}.bx-shield-alt:before{content:"\ea65"}.bx-shopping-bag:before{content:"\ea66"}.bx-shopping-bag-alt:before{content:"\ea67"}.bx-show:before{content:"\ea68"}.bx-shuffle:before{content:"\ea69"}.bx-shuffle-alt:before{content:"\ea6a"}.bx-sidebar:before{content:"\ea6b"}.bx-sitemap:before{content:"\ea6c"}.bx-skip-next:before{content:"\ea6d"}.bx-skip-next-circle:before{content:"\ea6e"}.bx-skip-previous:before{content:"\ea6f"}.bx-skip-previous-circle:before{content:"\ea70"}.bx-skull:before{content:"\ea71"}.bx-slider:before{content:"\ea72"}.bx-slider-alt:before{content:"\ea73"}.bx-smiley-happy:before{content:"\ea74"}.bx-smiley-meh:before{content:"\ea75"}.bx-smiley-sad:before{content:"\ea76"}.bx-snowflake:before{content:"\ea77"}.bx-sort:before{content:"\ea78"}.bx-sort-alt:before{content:"\ea79"}.bx-spectacles:before{content:"\ea7a"}.bx-spreadsheet:before{content:"\ea7b"}.bx-star:before{content:"\ea7c"}.bx-station:before{content:"\ea7d"}.bx-stop:before{content:"\ea7e"}.bx-stop-circle:before{content:"\ea7f"}.bx-stopwatch:before{content:"\ea80"}.bx-store:before{content:"\ea81"}.bx-subdirectory-left:before{content:"\ea82"}.bx-subdirectory-right:before{content:"\ea83"}.bx-sun:before{content:"\ea84"}.bx-support:before{content:"\ea85"}.bx-sync:before{content:"\ea86"}.bx-tab:before{content:"\ea87"}.bx-table:before{content:"\ea88"}.bx-tag:before{content:"\ea89"}.bx-tag-x:before{content:"\ea8a"}.bx-target-lock:before{content:"\ea8b"}.bx-task:before{content:"\ea8c"}.bx-tennis-ball:before{content:"\ea8d"}.bx-terminal:before{content:"\ea8e"}.bx-text:before{content:"\ea8f"}.bx-thermometer:before{content:"\ea90"}.bx-time:before{content:"\ea91"}.bx-timer:before{content:"\ea92"}.bx-toggle:before{content:"\ea93"}.bx-toggle-left:before{content:"\ea94"}.bx-toggle-right:before{content:"\ea95"}.bx-torch:before{content:"\ea96"}.bx-to-top:before{content:"\ea97"}.bx-trash:before{content:"\ea98"}.bx-trash-alt:before{content:"\ea99"}.bx-trending-down:before{content:"\ea9a"}.bx-trending-up:before{content:"\ea9b"}.bx-triangle:before{content:"\ea9c"}.bx-trophy:before{content:"\ea9d"}.bx-truck:before{content:"\ea9e"}.bx-t-shirt:before{content:"\ea9f"}.bx-tv:before{content:"\eaa0"}.bx-umbrella:before{content:"\eaa1"}.bx-underline:before{content:"\eaa2"}.bx-undo:before{content:"\eaa3"}.bx-up-arrow:before{content:"\eaa4"}.bx-up-arrow-circle:before{content:"\eaa5"}.bx-upload:before{content:"\eaa6"}.bx-upvote:before{content:"\eaa7"}.bx-usb:before{content:"\eaa8"}.bx-user:before{content:"\eaa9"}.bx-user-check:before{content:"\eaaa"}.bx-user-circle:before{content:"\eaab"}.bx-user-detail:before{content:"\eaac"}.bx-user-minus:before{content:"\eaad"}.bx-user-plus:before{content:"\eaae"}.bx-user-x:before{content:"\eaaf"}.bx-vertical-center:before{content:"\eab0"}.bx-video:before{content:"\eab1"}.bx-video-off:before{content:"\eab2"}.bx-videos:before{content:"\eab3"}.bx-voicemail:before{content:"\eab4"}.bx-volume:before{content:"\eab5"}.bx-volume-full:before{content:"\eab6"}.bx-volume-low:before{content:"\eab7"}.bx-volume-mute:before{content:"\eab8"}.bx-wallet:before{content:"\eab9"}.bx-watch:before{content:"\eaba"}.bx-watch-alt:before{content:"\eabb"}.bx-widget:before{content:"\eabc"}.bx-wifi:before{content:"\eabd"}.bx-window:before{content:"\eabe"}.bx-window-close:before{content:"\eabf"}.bx-window-open:before{content:"\eac0"}.bx-windows:before{content:"\eac1"}.bx-world:before{content:"\eac2"}.bx-wrench:before{content:"\eac3"}.bx-x:before{content:"\eac4"}.bx-x-circle:before{content:"\eac5"}.bx-zap:before{content:"\eac6"}.bx-zoom-in:before{content:"\eac7"}.bx-zoom-out:before{content:"\eac8"}.bxs-adjust:before{content:"\eac9"}.bxs-alarm:before{content:"\eaca"}.bxs-alarm-off:before{content:"\eacb"}.bxs-album:before{content:"\eacc"}.bxs-archive:before{content:"\eacd"}.bxs-archive-in:before{content:"\eace"}.bxs-archive-out:before{content:"\eacf"}.bxs-award:before{content:"\ead0"}.bxs-bar-chart-square:before{content:"\ead1"}.bxs-barcode:before{content:"\ead2"}.bxs-battery:before{content:"\ead3"}.bxs-battery-charging:before{content:"\ead4"}.bxs-battery-full:before{content:"\ead5"}.bxs-battery-low:before{content:"\ead6"}.bxs-bell:before{content:"\ead7"}.bxs-bell-minus:before{content:"\ead8"}.bxs-bell-off:before{content:"\ead9"}.bxs-bell-plus:before{content:"\eada"}.bxs-bolt:before{content:"\eadb"}.bxs-book:before{content:"\eadc"}.bxs-book-bookmark:before{content:"\eadd"}.bxs-bookmark:before{content:"\eade"}.bxs-bookmark-minus:before{content:"\eadf"}.bxs-bookmark-plus:before{content:"\eae0"}.bxs-bookmarks:before{content:"\eae1"}.bxs-bookmark-star:before{content:"\eae2"}.bxs-book-open:before{content:"\eae3"}.bxs-briefcase:before{content:"\eae4"}.bxs-briefcase-alt:before{content:"\eae5"}.bxs-bug:before{content:"\eae6"}.bxs-building:before{content:"\eae7"}.bxs-bulb:before{content:"\eae8"}.bxs-buoy:before{content:"\eae9"}.bxs-calculator:before{content:"\eaea"}.bxs-calendar:before{content:"\eaeb"}.bxs-calendar-alt:before{content:"\eaec"}.bxs-calendar-check:before{content:"\eaed"}.bxs-calendar-minus:before{content:"\eaee"}.bxs-calendar-plus:before{content:"\eaef"}.bxs-calendar-x:before{content:"\eaf0"}.bxs-camera:before{content:"\eaf1"}.bxs-camera-alt:before{content:"\eaf2"}.bxs-camera-off:before{content:"\eaf3"}.bxs-capsule:before{content:"\eaf4"}.bxs-captions:before{content:"\eaf5"}.bxs-car:before{content:"\eaf6"}.bxs-carousel:before{content:"\eaf7"}.bxs-cart:before{content:"\eaf8"}.bxs-cart-alt:before{content:"\eaf9"}.bxs-cast:before{content:"\eafa"}.bxs-categories:before{content:"\eafb"}.bxs-certification:before{content:"\eafc"}.bxs-chart:before{content:"\eafd"}.bxs-check-circle:before{content:"\eafe"}.bxs-chip:before{content:"\eaff"}.bxs-clipboard:before{content:"\eb00"}.bxs-cloud:before{content:"\eb01"}.bxs-cloud-download:before{content:"\eb02"}.bxs-cloud-upload:before{content:"\eb03"}.bxs-coffee:before{content:"\eb04"}.bxs-cog:before{content:"\eb05"}.bxs-collection:before{content:"\eb06"}.bxs-compass:before{content:"\eb07"}.bxs-contact:before{content:"\eb08"}.bxs-conversation:before{content:"\eb09"}.bxs-copy:before{content:"\eb0a"}.bxs-copyright:before{content:"\eb0b"}.bxs-coupon:before{content:"\eb0c"}.bxs-credit-card:before{content:"\eb0d"}.bxs-crown:before{content:"\eb0e"}.bxs-cube:before{content:"\eb0f"}.bxs-dashboard:before{content:"\eb10"}.bxs-detail:before{content:"\eb11"}.bxs-diamond:before{content:"\eb12"}.bxs-directions:before{content:"\eb13"}.bxs-discount:before{content:"\eb14"}.bxs-dislike:before{content:"\eb15"}.bxs-dock-bottom:before{content:"\eb16"}.bxs-dock-left:before{content:"\eb17"}.bxs-dock-right:before{content:"\eb18"}.bxs-dock-top:before{content:"\eb19"}.bxs-documentation:before{content:"\eb1a"}.bxs-down-arrow:before{content:"\eb1b"}.bxs-down-arrow-circle:before{content:"\eb1c"}.bxs-download-alt:before{content:"\eb1d"}.bxs-downvote:before{content:"\eb1e"}.bxs-drink:before{content:"\eb1f"}.bxs-droplet:before{content:"\eb20"}.bxs-duplicate:before{content:"\eb21"}.bxs-eject:before{content:"\eb22"}.bxs-envelope:before{content:"\eb23"}.bxs-eraser:before{content:"\eb24"}.bxs-error:before{content:"\eb25"}.bxs-error-circle:before{content:"\eb26"}.bxs-fast-forward-circle:before{content:"\eb27"}.bxs-file:before{content:"\eb28"}.bxs-file-image:before{content:"\eb29"}.bxs-file-plus:before{content:"\eb2a"}.bxs-files:before{content:"\eb2b"}.bxs-filter-alt:before{content:"\eb2c"}.bxs-first-aid:before{content:"\eb2d"}.bxs-flag:before{content:"\eb2e"}.bxs-flag-alt:before{content:"\eb2f"}.bxs-flask:before{content:"\eb30"}.bxs-folder:before{content:"\eb31"}.bxs-folder-minus:before{content:"\eb32"}.bxs-folder-open:before{content:"\eb33"}.bxs-folder-plus:before{content:"\eb34"}.bxs-gift:before{content:"\eb35"}.bxs-globe-alt:before{content:"\eb36"}.bxs-grid-alt:before{content:"\eb37"}.bxs-group:before{content:"\eb38"}.bxs-hdd:before{content:"\eb39"}.bxs-heart:before{content:"\eb3a"}.bxs-hide:before{content:"\eb3b"}.bxs-home:before{content:"\eb3c"}.bxs-home-alt:before{content:"\eb3d"}.bxs-hot:before{content:"\eb3e"}.bxs-hourglass:before{content:"\eb3f"}.bxs-idea:before{content:"\eb40"}.bxs-image:before{content:"\eb41"}.bxs-images:before{content:"\eb42"}.bxs-inbox:before{content:"\eb43"}.bxs-info-circle:before{content:"\eb44"}.bxs-joystick:before{content:"\eb45"}.bxs-joystick-alt:before{content:"\eb46"}.bxs-layer:before{content:"\eb47"}.bxs-layout:before{content:"\eb48"}.bxs-left-arrow:before{content:"\eb49"}.bxs-left-arrow-circle:before{content:"\eb4a"}.bxs-left-bottom-arrow-circle:before{content:"\eb4b"}.bxs-left-top-arrow-circle:before{content:"\eb4c"}.bxs-like:before{content:"\eb4d"}.bxs-lock:before{content:"\eb4e"}.bxs-lock-open:before{content:"\eb4f"}.bxs-map:before{content:"\eb50"}.bxs-map-alt:before{content:"\eb51"}.bxs-message:before{content:"\eb52"}.bxs-message-alt:before{content:"\eb53"}.bxs-message-detail:before{content:"\eb54"}.bxs-message-rounded:before{content:"\eb55"}.bxs-microphone:before{content:"\eb56"}.bxs-microphone-off:before{content:"\eb57"}.bxs-minus-circle:before{content:"\eb58"}.bxs-mobile-alt:before{content:"\eb59"}.bxs-mobile-message:before{content:"\eb5a"}.bxs-moon:before{content:"\eb5b"}.bxs-mouse:before{content:"\eb5c"}.bxs-music:before{content:"\eb5d"}.bxs-navigation:before{content:"\eb5e"}.bxs-news:before{content:"\eb5f"}.bxs-newsletter:before{content:"\eb60"}.bxs-notification:before{content:"\eb61"}.bxs-notification-off:before{content:"\eb62"}.bxs-package:before{content:"\eb63"}.bxs-paper-plane:before{content:"\eb64"}.bxs-paste:before{content:"\eb65"}.bxs-pause-circle:before{content:"\eb66"}.bxs-pen:before{content:"\eb67"}.bxs-pencil:before{content:"\eb68"}.bxs-phone:before{content:"\eb69"}.bxs-phone-call:before{content:"\eb6a"}.bxs-phone-incoming:before{content:"\eb6b"}.bxs-phone-outgoing:before{content:"\eb6c"}.bxs-pie-chart:before{content:"\eb6d"}.bxs-pie-chart-alt:before{content:"\eb6e"}.bxs-pin:before{content:"\eb6f"}.bxs-play-circle:before{content:"\eb70"}.bxs-playlist:before{content:"\eb71"}.bxs-plug:before{content:"\eb72"}.bxs-plus-circle:before{content:"\eb73"}.bxs-printer:before{content:"\eb74"}.bxs-purchase-tag:before{content:"\eb75"}.bxs-quote-left:before{content:"\eb76"}.bxs-quote-right:before{content:"\eb77"}.bxs-radio:before{content:"\eb78"}.bxs-rename:before{content:"\eb79"}.bxs-report:before{content:"\eb7a"}.bxs-right-arrow:before{content:"\eb7b"}.bxs-right-arrow-circle:before{content:"\eb7c"}.bxs-right-down-arrow-circle:before{content:"\eb7d"}.bxs-right-top-arrow-circle:before{content:"\eb7e"}.bxs-rocket:before{content:"\eb7f"}.bxs-ruler:before{content:"\eb80"}.bxs-save:before{content:"\eb81"}.bxs-select-arrows:before{content:"\eb82"}.bxs-select-multiple:before{content:"\eb83"}.bxs-send:before{content:"\eb84"}.bxs-server:before{content:"\eb85"}.bxs-share:before{content:"\eb86"}.bxs-share-alt:before{content:"\eb87"}.bxs-shield:before{content:"\eb88"}.bxs-shield-alt:before{content:"\eb89"}.bxs-shopping-bag:before{content:"\eb8a"}.bxs-shopping-bag-alt:before{content:"\eb8b"}.bxs-show:before{content:"\eb8c"}.bxs-sidebar:before{content:"\eb8d"}.bxs-sitemap:before{content:"\eb8e"}.bxs-skip-next-circle:before{content:"\eb8f"}.bxs-skip-previous-circle:before{content:"\eb90"}.bxs-slider-alt:before{content:"\eb91"}.bxs-smiley-happy:before{content:"\eb92"}.bxs-smiley-meh:before{content:"\eb93"}.bxs-smiley-sad:before{content:"\eb94"}.bxs-spectacles:before{content:"\eb95"}.bxs-spreadsheet:before{content:"\eb96"}.bxs-star:before{content:"\eb97"}.bxs-stop-circle:before{content:"\eb98"}.bxs-stopwatch:before{content:"\eb99"}.bxs-store:before{content:"\eb9a"}.bxs-sun:before{content:"\eb9b"}.bxs-table:before{content:"\eb9c"}.bxs-tag:before{content:"\eb9d"}.bxs-tag-x:before{content:"\eb9e"}.bxs-task:before{content:"\eb9f"}.bxs-tennis-ball:before{content:"\eba0"}.bxs-terminal:before{content:"\eba1"}.bxs-thermometer:before{content:"\eba2"}.bxs-time:before{content:"\eba3"}.bxs-timer:before{content:"\eba4"}.bxs-toggle:before{content:"\eba5"}.bxs-toggle-left:before{content:"\eba6"}.bxs-toggle-right:before{content:"\eba7"}.bxs-torch:before{content:"\eba8"}.bxs-to-top:before{content:"\eba9"}.bxs-trash:before{content:"\ebaa"}.bxs-trash-alt:before{content:"\ebab"}.bxs-trophy:before{content:"\ebac"}.bxs-truck:before{content:"\ebad"}.bxs-t-shirt:before{content:"\ebae"}.bxs-tv:before{content:"\ebaf"}.bxs-umbrella:before{content:"\ebb0"}.bxs-up-arrow:before{content:"\ebb1"}.bxs-up-arrow-circle:before{content:"\ebb2"}.bxs-upvote:before{content:"\ebb3"}.bxs-user:before{content:"\ebb4"}.bxs-user-check:before{content:"\ebb5"}.bxs-user-circle:before{content:"\ebb6"}.bxs-user-detail:before{content:"\ebb7"}.bxs-user-minus:before{content:"\ebb8"}.bxs-user-plus:before{content:"\ebb9"}.bxs-user-x:before{content:"\ebba"}.bxs-video:before{content:"\ebbb"}.bxs-video-off:before{content:"\ebbc"}.bxs-videos:before{content:"\ebbd"}.bxs-volume:before{content:"\ebbe"}.bxs-volume-full:before{content:"\ebbf"}.bxs-volume-low:before{content:"\ebc0"}.bxs-volume-mute:before{content:"\ebc1"}.bxs-wallet:before{content:"\ebc2"}.bxs-watch:before{content:"\ebc3"}.bxs-watch-alt:before{content:"\ebc4"}.bxs-widget:before{content:"\ebc5"}.bxs-window:before{content:"\ebc6"}.bxs-window-close:before{content:"\ebc7"}.bxs-window-open:before{content:"\ebc8"}.bxs-windows:before{content:"\ebc9"}.bxs-world:before{content:"\ebca"}.bxs-wrench:before{content:"\ebcb"}.bxs-x-circle:before{content:"\ebcc"}.bxs-zap:before{content:"\ebcd"}.bxs-zoom-in:before{content:"\ebce"}.bxs-zoom-out:before{content:"\ebcf"} \ No newline at end of file +@font-face{font-family:boxicons;src:url(../fonts/boxicons.eot);src:url(../fonts/boxicons.eot) format('embedded-opentype'),url(../fonts/boxicons.ttf) format('truetype'),url(../fonts/boxicons.woff) format('woff'),url(../fonts/boxicons.svg?#boxicons) format('svg');font-weight:400;font-style:normal}.bx{font-family:boxicons!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;display:inline-block;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bx-ul{padding-left:0;list-style:none;margin-left:2em}.bx-ul>li{position:relative}.bx-ul .bx{left:-2em;position:absolute;text-align:center;font-size:inherit;width:2em;line-height:inherit}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@-webkit-keyframes flashing{0%,90%{opacity:1}45%{opacity:0}}@keyframes flashing{0%,90%{opacity:1}45%{opacity:0}}@-webkit-keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@-webkit-keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@-webkit-keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@-webkit-keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@-webkit-keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg)}}@keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}}.bx-spin,.bx-spin-hover:hover{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.bx-tada,.bx-tada-hover:hover{-webkit-animation:tada 1.5s ease infinite;animation:tada 1.5s ease infinite}.bx-flashing,.bx-flashing-hover:hover{-webkit-animation:flashing 1.5s infinite linear;animation:flashing 1.5s infinite linear}.bx-burst,.bx-burst-hover:hover{-webkit-animation:burst 1.5s infinite linear;animation:burst 1.5s infinite linear}.bx-fade-up,.bx-fade-up-hover:hover{-webkit-animation:fade-up 1.5s infinite linear;animation:fade-up 1.5s infinite linear}.bx-fade-down,.bx-fade-down-hover:hover{-webkit-animation:fade-down 1.5s infinite linear;animation:fade-down 1.5s infinite linear}.bx-fade-left,.bx-fade-left-hover:hover{-webkit-animation:fade-left 1.5s infinite linear;animation:fade-left 1.5s infinite linear}.bx-fade-right,.bx-fade-right-hover:hover{-webkit-animation:fade-right 1.5s infinite linear;animation:fade-right 1.5s infinite linear}.bx-xs{font-size:1rem!important}.bx-sm{font-size:1.55rem!important}.bx-md{font-size:2.25rem!important}.bx-fw{width:1.2857142857em;font-size:1.2857142857em;height:.8em;line-height:.8em;vertical-align:middle;margin-top:-.2em!important}.bx-lg{font-size:3rem!important}.bx-pull-left{float:left;margin-right:.3em!important}.bx-pull-right{float:right;margin-left:.3em!important}.bx-rotate-90{transform:rotate(90deg);-ms-filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)'}.bx-rotate-180{transform:rotate(180deg);-ms-filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)'}.bx-rotate-270{transform:rotate(270deg);-ms-filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)'}.bx-flip-horizontal{transform:scaleX(-1);-ms-filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)'}.bx-flip-vertical{transform:scaleY(-1);-ms-filter:'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)'}.bx-border{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:.25em}.bx-border-circle{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:50%}.bxl-behance:before{content:"\e900"}.bxl-bitcoin:before{content:"\e901"}.bxl-blogger:before{content:"\e902"}.bxl-discord:before{content:"\e903"}.bxl-dribbble:before{content:"\e904"}.bxl-facebook:before{content:"\e905"}.bxl-facebook-square:before{content:"\e906"}.bxl-github:before{content:"\e907"}.bxl-google:before{content:"\e908"}.bxl-google-plus:before{content:"\e909"}.bxl-google-plus-circle:before{content:"\e90a"}.bxl-instagram:before{content:"\e90b"}.bxl-linkedin:before{content:"\e90c"}.bxl-linkedin-square:before{content:"\e90d"}.bxl-medium:before{content:"\e90e"}.bxl-medium-square:before{content:"\e90f"}.bxl-pinterest:before{content:"\e910"}.bxl-reddit:before{content:"\e911"}.bxl-skype:before{content:"\e912"}.bxl-slack:before{content:"\e913"}.bxl-slack-rounded:before{content:"\e914"}.bxl-tumblr:before{content:"\e915"}.bxl-twitch:before{content:"\e916"}.bxl-twitter:before{content:"\e917"}.bxl-twitter-square:before{content:"\e918"}.bxl-vimeo:before{content:"\e919"}.bxl-whatsapp:before{content:"\e91a"}.bxl-youtube:before{content:"\e91b"}.bx-adjust:before{content:"\e91c"}.bx-alarm:before{content:"\e91d"}.bx-alarm-off:before{content:"\e91e"}.bx-album:before{content:"\e91f"}.bx-align-left:before{content:"\e920"}.bx-align-middle:before{content:"\e921"}.bx-align-right:before{content:"\e922"}.bx-anchor:before{content:"\e923"}.bx-aperture:before{content:"\e924"}.bx-archive:before{content:"\e925"}.bx-archive-in:before{content:"\e926"}.bx-archive-out:before{content:"\e927"}.bx-arrow-back:before{content:"\e928"}.bx-asterisk:before{content:"\e929"}.bx-at:before{content:"\e92a"}.bx-award:before{content:"\e92b"}.bx-bar-chart:before{content:"\e92c"}.bx-bar-chart-alt:before{content:"\e92d"}.bx-bar-chart-square:before{content:"\e92e"}.bx-barcode:before{content:"\e92f"}.bx-basketball:before{content:"\e930"}.bx-battery:before{content:"\e931"}.bx-battery-charging:before{content:"\e932"}.bx-battery-full:before{content:"\e933"}.bx-battery-low:before{content:"\e934"}.bx-bell:before{content:"\e935"}.bx-bell-minus:before{content:"\e936"}.bx-bell-off:before{content:"\e937"}.bx-bell-plus:before{content:"\e938"}.bx-block:before{content:"\e939"}.bx-bluetooth:before{content:"\e93a"}.bx-body:before{content:"\e93b"}.bx-bold:before{content:"\e93c"}.bx-bolt:before{content:"\e93d"}.bx-book:before{content:"\e93e"}.bx-book-bookmark:before{content:"\e93f"}.bx-bookmark:before{content:"\e940"}.bx-bookmark-minus:before{content:"\e941"}.bx-bookmark-plus:before{content:"\e942"}.bx-bookmarks:before{content:"\e943"}.bx-bookmark-star:before{content:"\e944"}.bx-book-open:before{content:"\e945"}.bx-briefcase:before{content:"\e946"}.bx-briefcase-alt:before{content:"\e947"}.bx-broadcast:before{content:"\e948"}.bx-bug:before{content:"\e949"}.bx-building:before{content:"\e94a"}.bx-bulb:before{content:"\e94b"}.bx-bullseye:before{content:"\e94c"}.bx-buoy:before{content:"\e94d"}.bx-calculator:before{content:"\e94e"}.bx-calendar:before{content:"\e94f"}.bx-calendar-alt:before{content:"\e950"}.bx-calendar-check:before{content:"\e951"}.bx-calendar-minus:before{content:"\e952"}.bx-calendar-plus:before{content:"\e953"}.bx-calendar-x:before{content:"\e954"}.bx-camera:before{content:"\e955"}.bx-camera-alt:before{content:"\e956"}.bx-camera-off:before{content:"\e957"}.bx-capsule:before{content:"\e958"}.bx-captions:before{content:"\e959"}.bx-car:before{content:"\e95a"}.bx-carousel:before{content:"\e95b"}.bx-cart:before{content:"\e95c"}.bx-cart-alt:before{content:"\e95d"}.bx-cast:before{content:"\e95e"}.bx-categories:before{content:"\e95f"}.bx-certification:before{content:"\e960"}.bx-chalkboard:before{content:"\e961"}.bx-chart:before{content:"\e962"}.bx-check:before{content:"\e963"}.bx-checkbox:before{content:"\e964"}.bx-checkbox-checked:before{content:"\e965"}.bx-checkbox-square:before{content:"\e966"}.bx-check-circle:before{content:"\e967"}.bx-chevron-down:before{content:"\e968"}.bx-chevron-left:before{content:"\e969"}.bx-chevron-right:before{content:"\e96a"}.bx-chevrons-down:before{content:"\e96b"}.bx-chevrons-left:before{content:"\e96c"}.bx-chevrons-right:before{content:"\e96d"}.bx-chevrons-up:before{content:"\e96e"}.bx-chevron-up:before{content:"\e96f"}.bx-chip:before{content:"\e970"}.bx-clipboard:before{content:"\e971"}.bx-closet:before{content:"\e972"}.bx-cloud:before{content:"\e973"}.bx-cloud-download:before{content:"\e974"}.bx-cloud-drizzle:before{content:"\e975"}.bx-cloud-lightning:before{content:"\e976"}.bx-cloud-light-rain:before{content:"\e977"}.bx-cloud-rain:before{content:"\e978"}.bx-cloud-snow:before{content:"\e979"}.bx-cloud-upload:before{content:"\e97a"}.bx-code:before{content:"\e97b"}.bx-code-curly:before{content:"\e97c"}.bx-coffee:before{content:"\e97d"}.bx-cog:before{content:"\e97e"}.bx-collapse:before{content:"\e97f"}.bx-collection:before{content:"\e980"}.bx-columns:before{content:"\e981"}.bx-command:before{content:"\e982"}.bx-compass:before{content:"\e983"}.bx-contact:before{content:"\e984"}.bx-conversation:before{content:"\e985"}.bx-copy:before{content:"\e986"}.bx-copyright:before{content:"\e987"}.bx-coupon:before{content:"\e988"}.bx-credit-card:before{content:"\e989"}.bx-crop:before{content:"\e98a"}.bx-crosshair:before{content:"\e98b"}.bx-crown:before{content:"\e98c"}.bx-cube:before{content:"\e98d"}.bx-cut:before{content:"\e98e"}.bx-dashboard:before{content:"\e98f"}.bx-data:before{content:"\e990"}.bx-desktop:before{content:"\e991"}.bx-detail:before{content:"\e992"}.bx-diamond:before{content:"\e993"}.bx-directions:before{content:"\e994"}.bx-discount:before{content:"\e995"}.bx-dislike:before{content:"\e996"}.bx-dock-bottom:before{content:"\e997"}.bx-dock-left:before{content:"\e998"}.bx-dock-right:before{content:"\e999"}.bx-dock-top:before{content:"\e99a"}.bx-documentation:before{content:"\e99b"}.bx-dollar:before{content:"\e99c"}.bx-dots-horizontal:before{content:"\e99d"}.bx-dots-horizontal-rounded:before{content:"\e99e"}.bx-dots-vertical:before{content:"\e99f"}.bx-dots-vertical-rounded:before{content:"\e9a0"}.bx-down-arrow:before{content:"\e9a1"}.bx-down-arrow-circle:before{content:"\e9a2"}.bx-download:before{content:"\e9a3"}.bx-download-alt:before{content:"\e9a4"}.bx-downvote:before{content:"\e9a5"}.bx-drink:before{content:"\e9a6"}.bx-droplet:before{content:"\e9a7"}.bx-duplicate:before{content:"\e9a8"}.bx-edit:before{content:"\e9a9"}.bx-eject:before{content:"\e9aa"}.bx-envelope:before{content:"\e9ab"}.bx-eraser:before{content:"\e9ac"}.bx-error:before{content:"\e9ad"}.bx-error-circle:before{content:"\e9ae"}.bx-exclamation:before{content:"\e9af"}.bx-exit-fullscreen:before{content:"\e9b0"}.bx-expand:before{content:"\e9b1"}.bx-export:before{content:"\e9b2"}.bx-eyedropper:before{content:"\e9b3"}.bx-fast-forward:before{content:"\e9b4"}.bx-fast-forward-circle:before{content:"\e9b5"}.bx-female:before{content:"\e9b6"}.bx-file:before{content:"\e9b7"}.bx-file-image:before{content:"\e9b8"}.bx-file-plus:before{content:"\e9b9"}.bx-files:before{content:"\e9ba"}.bx-film:before{content:"\e9bb"}.bx-filter:before{content:"\e9bc"}.bx-filter-alt:before{content:"\e9bd"}.bx-first-aid:before{content:"\e9be"}.bx-first-page:before{content:"\e9bf"}.bx-flag:before{content:"\e9c0"}.bx-flag-alt:before{content:"\e9c1"}.bx-flask:before{content:"\e9c2"}.bx-folder:before{content:"\e9c3"}.bx-folder-minus:before{content:"\e9c4"}.bx-folder-open:before{content:"\e9c5"}.bx-folder-plus:before{content:"\e9c6"}.bx-font:before{content:"\e9c7"}.bx-fullscreen:before{content:"\e9c8"}.bx-gift:before{content:"\e9c9"}.bx-git-branch:before{content:"\e9ca"}.bx-git-commit:before{content:"\e9cb"}.bx-git-compare:before{content:"\e9cc"}.bx-git-merge:before{content:"\e9cd"}.bx-git-pull-request:before{content:"\e9ce"}.bx-git-repo-forked:before{content:"\e9cf"}.bx-globe:before{content:"\e9d0"}.bx-globe-alt:before{content:"\e9d1"}.bx-grid:before{content:"\e9d2"}.bx-grid-alt:before{content:"\e9d3"}.bx-group:before{content:"\e9d4"}.bx-hash:before{content:"\e9d5"}.bx-hdd:before{content:"\e9d6"}.bx-heading:before{content:"\e9d7"}.bx-headphone:before{content:"\e9d8"}.bx-heart:before{content:"\e9d9"}.bx-hexagon:before{content:"\e9da"}.bx-hide:before{content:"\e9db"}.bx-history:before{content:"\e9dc"}.bx-home:before{content:"\e9dd"}.bx-home-alt:before{content:"\e9de"}.bx-horizontal-center:before{content:"\e9df"}.bx-hot:before{content:"\e9e0"}.bx-hourglass:before{content:"\e9e1"}.bx-idea:before{content:"\e9e2"}.bx-image:before{content:"\e9e3"}.bx-images:before{content:"\e9e4"}.bx-import:before{content:"\e9e5"}.bx-inbox:before{content:"\e9e6"}.bx-infinite:before{content:"\e9e7"}.bx-info:before{content:"\e9e8"}.bx-info-circle:before{content:"\e9e9"}.bx-italic:before{content:"\e9ea"}.bx-joystick:before{content:"\e9eb"}.bx-joystick-alt:before{content:"\e9ec"}.bx-justify:before{content:"\e9ed"}.bx-key:before{content:"\e9ee"}.bx-laptop:before{content:"\e9ef"}.bx-last-page:before{content:"\e9f0"}.bx-layer:before{content:"\e9f1"}.bx-layout:before{content:"\e9f2"}.bx-left-arrow:before{content:"\e9f3"}.bx-left-arrow-circle:before{content:"\e9f4"}.bx-left-bottom-arrow-circle:before{content:"\e9f5"}.bx-left-indent:before{content:"\e9f6"}.bx-left-top-arrow-circle:before{content:"\e9f7"}.bx-like:before{content:"\e9f8"}.bx-link:before{content:"\e9f9"}.bx-link-alt:before{content:"\e9fa"}.bx-link-external:before{content:"\e9fb"}.bx-list:before{content:"\e9fc"}.bx-list-alt:before{content:"\e9fd"}.bx-list-bullet:before{content:"\e9fe"}.bx-list-check:before{content:"\e9ff"}.bx-list-plus:before{content:"\ea00"}.bx-list-x:before{content:"\ea01"}.bx-loader:before{content:"\ea02"}.bx-loader-alt:before{content:"\ea03"}.bx-loader-circle:before{content:"\ea04"}.bx-lock:before{content:"\ea05"}.bx-lock-open:before{content:"\ea06"}.bx-log-in:before{content:"\ea07"}.bx-log-out:before{content:"\ea08"}.bx-male:before{content:"\ea09"}.bx-map:before{content:"\ea0a"}.bx-map-alt:before{content:"\ea0b"}.bx-map-pin:before{content:"\ea0c"}.bx-menu:before{content:"\ea0d"}.bx-message:before{content:"\ea0e"}.bx-message-alt:before{content:"\ea0f"}.bx-message-detail:before{content:"\ea10"}.bx-message-rounded:before{content:"\ea11"}.bx-microphone:before{content:"\ea12"}.bx-microphone-off:before{content:"\ea13"}.bx-minus:before{content:"\ea14"}.bx-minus-circle:before{content:"\ea15"}.bx-mobile:before{content:"\ea16"}.bx-mobile-alt:before{content:"\ea17"}.bx-mobile-message:before{content:"\ea18"}.bx-moon:before{content:"\ea19"}.bx-mouse:before{content:"\ea1a"}.bx-move:before{content:"\ea1b"}.bx-music:before{content:"\ea1c"}.bx-navigation:before{content:"\ea1d"}.bx-news:before{content:"\ea1e"}.bx-newsletter:before{content:"\ea1f"}.bx-notification:before{content:"\ea20"}.bx-notification-off:before{content:"\ea21"}.bx-octagon:before{content:"\ea22"}.bx-package:before{content:"\ea23"}.bx-paperclip:before{content:"\ea24"}.bx-paper-plane:before{content:"\ea25"}.bx-paragraph:before{content:"\ea26"}.bx-paste:before{content:"\ea27"}.bx-pause:before{content:"\ea28"}.bx-pause-circle:before{content:"\ea29"}.bx-pen:before{content:"\ea2a"}.bx-pencil:before{content:"\ea2b"}.bx-phone:before{content:"\ea2c"}.bx-phone-call:before{content:"\ea2d"}.bx-phone-incoming:before{content:"\ea2e"}.bx-phone-outgoing:before{content:"\ea2f"}.bx-pie-chart:before{content:"\ea30"}.bx-pie-chart-alt:before{content:"\ea31"}.bx-pin:before{content:"\ea32"}.bx-play:before{content:"\ea33"}.bx-play-circle:before{content:"\ea34"}.bx-playlist:before{content:"\ea35"}.bx-plug:before{content:"\ea36"}.bx-plus:before{content:"\ea37"}.bx-plus-circle:before{content:"\ea38"}.bx-poll:before{content:"\ea39"}.bx-popular:before{content:"\ea3a"}.bx-power-off:before{content:"\ea3b"}.bx-printer:before{content:"\ea3c"}.bx-pulse:before{content:"\ea3d"}.bx-purchase-tag:before{content:"\ea3e"}.bx-question-mark:before{content:"\ea3f"}.bx-quote-left:before{content:"\ea40"}.bx-quote-right:before{content:"\ea41"}.bx-radar:before{content:"\ea42"}.bx-radio:before{content:"\ea43"}.bx-radio-circle:before{content:"\ea44"}.bx-radio-circle-marked:before{content:"\ea45"}.bx-rectangle:before{content:"\ea46"}.bx-redo:before{content:"\ea47"}.bx-rename:before{content:"\ea48"}.bx-reply:before{content:"\ea49"}.bx-reply-all:before{content:"\ea4a"}.bx-report:before{content:"\ea4b"}.bx-repost:before{content:"\ea4c"}.bx-reset:before{content:"\ea4d"}.bx-revision:before{content:"\ea4e"}.bx-rewind:before{content:"\ea4f"}.bx-ribbon:before{content:"\ea50"}.bx-right-arrow:before{content:"\ea51"}.bx-right-arrow-circle:before{content:"\ea52"}.bx-right-down-arrow-circle:before{content:"\ea53"}.bx-right-indent:before{content:"\ea54"}.bx-right-top-arrow-circle:before{content:"\ea55"}.bx-rocket:before{content:"\ea56"}.bx-rotate:before{content:"\ea57"}.bx-rss:before{content:"\ea58"}.bx-ruler:before{content:"\ea59"}.bx-save:before{content:"\ea5a"}.bx-screenshot:before{content:"\ea5b"}.bx-search:before{content:"\ea5c"}.bx-select-arrows:before{content:"\ea5d"}.bx-selection:before{content:"\ea5e"}.bx-select-multiple:before{content:"\ea5f"}.bx-send:before{content:"\ea60"}.bx-server:before{content:"\ea61"}.bx-share:before{content:"\ea62"}.bx-share-alt:before{content:"\ea63"}.bx-shield:before{content:"\ea64"}.bx-shield-alt:before{content:"\ea65"}.bx-shopping-bag:before{content:"\ea66"}.bx-shopping-bag-alt:before{content:"\ea67"}.bx-show:before{content:"\ea68"}.bx-shuffle:before{content:"\ea69"}.bx-shuffle-alt:before{content:"\ea6a"}.bx-sidebar:before{content:"\ea6b"}.bx-sitemap:before{content:"\ea6c"}.bx-skip-next:before{content:"\ea6d"}.bx-skip-next-circle:before{content:"\ea6e"}.bx-skip-previous:before{content:"\ea6f"}.bx-skip-previous-circle:before{content:"\ea70"}.bx-skull:before{content:"\ea71"}.bx-slider:before{content:"\ea72"}.bx-slider-alt:before{content:"\ea73"}.bx-smiley-happy:before{content:"\ea74"}.bx-smiley-meh:before{content:"\ea75"}.bx-smiley-sad:before{content:"\ea76"}.bx-snowflake:before{content:"\ea77"}.bx-sort:before{content:"\ea78"}.bx-sort-alt:before{content:"\ea79"}.bx-spectacles:before{content:"\ea7a"}.bx-spreadsheet:before{content:"\ea7b"}.bx-star:before{content:"\ea7c"}.bx-station:before{content:"\ea7d"}.bx-stop:before{content:"\ea7e"}.bx-stop-circle:before{content:"\ea7f"}.bx-stopwatch:before{content:"\ea80"}.bx-store:before{content:"\ea81"}.bx-subdirectory-left:before{content:"\ea82"}.bx-subdirectory-right:before{content:"\ea83"}.bx-sun:before{content:"\ea84"}.bx-support:before{content:"\ea85"}.bx-sync:before{content:"\ea86"}.bx-tab:before{content:"\ea87"}.bx-table:before{content:"\ea88"}.bx-tag:before{content:"\ea89"}.bx-tag-x:before{content:"\ea8a"}.bx-target-lock:before{content:"\ea8b"}.bx-task:before{content:"\ea8c"}.bx-tennis-ball:before{content:"\ea8d"}.bx-terminal:before{content:"\ea8e"}.bx-text:before{content:"\ea8f"}.bx-thermometer:before{content:"\ea90"}.bx-time:before{content:"\ea91"}.bx-timer:before{content:"\ea92"}.bx-toggle:before{content:"\ea93"}.bx-toggle-left:before{content:"\ea94"}.bx-toggle-right:before{content:"\ea95"}.bx-torch:before{content:"\ea96"}.bx-to-top:before{content:"\ea97"}.bx-trash:before{content:"\ea98"}.bx-trash-alt:before{content:"\ea99"}.bx-trending-down:before{content:"\ea9a"}.bx-trending-up:before{content:"\ea9b"}.bx-triangle:before{content:"\ea9c"}.bx-trophy:before{content:"\ea9d"}.bx-truck:before{content:"\ea9e"}.bx-t-shirt:before{content:"\ea9f"}.bx-tv:before{content:"\eaa0"}.bx-umbrella:before{content:"\eaa1"}.bx-underline:before{content:"\eaa2"}.bx-undo:before{content:"\eaa3"}.bx-up-arrow:before{content:"\eaa4"}.bx-up-arrow-circle:before{content:"\eaa5"}.bx-upload:before{content:"\eaa6"}.bx-upvote:before{content:"\eaa7"}.bx-usb:before{content:"\eaa8"}.bx-user:before{content:"\eaa9"}.bx-user-check:before{content:"\eaaa"}.bx-user-circle:before{content:"\eaab"}.bx-user-detail:before{content:"\eaac"}.bx-user-minus:before{content:"\eaad"}.bx-user-plus:before{content:"\eaae"}.bx-user-x:before{content:"\eaaf"}.bx-vertical-center:before{content:"\eab0"}.bx-video:before{content:"\eab1"}.bx-video-off:before{content:"\eab2"}.bx-videos:before{content:"\eab3"}.bx-voicemail:before{content:"\eab4"}.bx-volume:before{content:"\eab5"}.bx-volume-full:before{content:"\eab6"}.bx-volume-low:before{content:"\eab7"}.bx-volume-mute:before{content:"\eab8"}.bx-wallet:before{content:"\eab9"}.bx-watch:before{content:"\eaba"}.bx-watch-alt:before{content:"\eabb"}.bx-widget:before{content:"\eabc"}.bx-wifi:before{content:"\eabd"}.bx-window:before{content:"\eabe"}.bx-window-close:before{content:"\eabf"}.bx-window-open:before{content:"\eac0"}.bx-windows:before{content:"\eac1"}.bx-world:before{content:"\eac2"}.bx-wrench:before{content:"\eac3"}.bx-x:before{content:"\eac4"}.bx-x-circle:before{content:"\eac5"}.bx-zap:before{content:"\eac6"}.bx-zoom-in:before{content:"\eac7"}.bx-zoom-out:before{content:"\eac8"}.bxs-adjust:before{content:"\eac9"}.bxs-alarm:before{content:"\eaca"}.bxs-alarm-off:before{content:"\eacb"}.bxs-album:before{content:"\eacc"}.bxs-archive:before{content:"\eacd"}.bxs-archive-in:before{content:"\eace"}.bxs-archive-out:before{content:"\eacf"}.bxs-award:before{content:"\ead0"}.bxs-bar-chart-square:before{content:"\ead1"}.bxs-barcode:before{content:"\ead2"}.bxs-battery:before{content:"\ead3"}.bxs-battery-charging:before{content:"\ead4"}.bxs-battery-full:before{content:"\ead5"}.bxs-battery-low:before{content:"\ead6"}.bxs-bell:before{content:"\ead7"}.bxs-bell-minus:before{content:"\ead8"}.bxs-bell-off:before{content:"\ead9"}.bxs-bell-plus:before{content:"\eada"}.bxs-bolt:before{content:"\eadb"}.bxs-book:before{content:"\eadc"}.bxs-book-bookmark:before{content:"\eadd"}.bxs-bookmark:before{content:"\eade"}.bxs-bookmark-minus:before{content:"\eadf"}.bxs-bookmark-plus:before{content:"\eae0"}.bxs-bookmarks:before{content:"\eae1"}.bxs-bookmark-star:before{content:"\eae2"}.bxs-book-open:before{content:"\eae3"}.bxs-briefcase:before{content:"\eae4"}.bxs-briefcase-alt:before{content:"\eae5"}.bxs-bug:before{content:"\eae6"}.bxs-building:before{content:"\eae7"}.bxs-bulb:before{content:"\eae8"}.bxs-buoy:before{content:"\eae9"}.bxs-calculator:before{content:"\eaea"}.bxs-calendar:before{content:"\eaeb"}.bxs-calendar-alt:before{content:"\eaec"}.bxs-calendar-check:before{content:"\eaed"}.bxs-calendar-minus:before{content:"\eaee"}.bxs-calendar-plus:before{content:"\eaef"}.bxs-calendar-x:before{content:"\eaf0"}.bxs-camera:before{content:"\eaf1"}.bxs-camera-alt:before{content:"\eaf2"}.bxs-camera-off:before{content:"\eaf3"}.bxs-capsule:before{content:"\eaf4"}.bxs-captions:before{content:"\eaf5"}.bxs-car:before{content:"\eaf6"}.bxs-carousel:before{content:"\eaf7"}.bxs-cart:before{content:"\eaf8"}.bxs-cart-alt:before{content:"\eaf9"}.bxs-cast:before{content:"\eafa"}.bxs-categories:before{content:"\eafb"}.bxs-certification:before{content:"\eafc"}.bxs-chart:before{content:"\eafd"}.bxs-check-circle:before{content:"\eafe"}.bxs-chip:before{content:"\eaff"}.bxs-clipboard:before{content:"\eb00"}.bxs-cloud:before{content:"\eb01"}.bxs-cloud-download:before{content:"\eb02"}.bxs-cloud-upload:before{content:"\eb03"}.bxs-coffee:before{content:"\eb04"}.bxs-cog:before{content:"\eb05"}.bxs-collection:before{content:"\eb06"}.bxs-compass:before{content:"\eb07"}.bxs-contact:before{content:"\eb08"}.bxs-conversation:before{content:"\eb09"}.bxs-copy:before{content:"\eb0a"}.bxs-copyright:before{content:"\eb0b"}.bxs-coupon:before{content:"\eb0c"}.bxs-credit-card:before{content:"\eb0d"}.bxs-crown:before{content:"\eb0e"}.bxs-cube:before{content:"\eb0f"}.bxs-dashboard:before{content:"\eb10"}.bxs-detail:before{content:"\eb11"}.bxs-diamond:before{content:"\eb12"}.bxs-directions:before{content:"\eb13"}.bxs-discount:before{content:"\eb14"}.bxs-dislike:before{content:"\eb15"}.bxs-dock-bottom:before{content:"\eb16"}.bxs-dock-left:before{content:"\eb17"}.bxs-dock-right:before{content:"\eb18"}.bxs-dock-top:before{content:"\eb19"}.bxs-documentation:before{content:"\eb1a"}.bxs-down-arrow:before{content:"\eb1b"}.bxs-down-arrow-circle:before{content:"\eb1c"}.bxs-download-alt:before{content:"\eb1d"}.bxs-downvote:before{content:"\eb1e"}.bxs-drink:before{content:"\eb1f"}.bxs-droplet:before{content:"\eb20"}.bxs-duplicate:before{content:"\eb21"}.bxs-eject:before{content:"\eb22"}.bxs-envelope:before{content:"\eb23"}.bxs-eraser:before{content:"\eb24"}.bxs-error:before{content:"\eb25"}.bxs-error-circle:before{content:"\eb26"}.bxs-fast-forward-circle:before{content:"\eb27"}.bxs-file:before{content:"\eb28"}.bxs-file-image:before{content:"\eb29"}.bxs-file-plus:before{content:"\eb2a"}.bxs-files:before{content:"\eb2b"}.bxs-filter-alt:before{content:"\eb2c"}.bxs-first-aid:before{content:"\eb2d"}.bxs-flag:before{content:"\eb2e"}.bxs-flag-alt:before{content:"\eb2f"}.bxs-flask:before{content:"\eb30"}.bxs-folder:before{content:"\eb31"}.bxs-folder-minus:before{content:"\eb32"}.bxs-folder-open:before{content:"\eb33"}.bxs-folder-plus:before{content:"\eb34"}.bxs-gift:before{content:"\eb35"}.bxs-globe-alt:before{content:"\eb36"}.bxs-grid-alt:before{content:"\eb37"}.bxs-group:before{content:"\eb38"}.bxs-hdd:before{content:"\eb39"}.bxs-heart:before{content:"\eb3a"}.bxs-hide:before{content:"\eb3b"}.bxs-home:before{content:"\eb3c"}.bxs-home-alt:before{content:"\eb3d"}.bxs-hot:before{content:"\eb3e"}.bxs-hourglass:before{content:"\eb3f"}.bxs-idea:before{content:"\eb40"}.bxs-image:before{content:"\eb41"}.bxs-images:before{content:"\eb42"}.bxs-inbox:before{content:"\eb43"}.bxs-info-circle:before{content:"\eb44"}.bxs-joystick:before{content:"\eb45"}.bxs-joystick-alt:before{content:"\eb46"}.bxs-layer:before{content:"\eb47"}.bxs-layout:before{content:"\eb48"}.bxs-left-arrow:before{content:"\eb49"}.bxs-left-arrow-circle:before{content:"\eb4a"}.bxs-left-bottom-arrow-circle:before{content:"\eb4b"}.bxs-left-top-arrow-circle:before{content:"\eb4c"}.bxs-like:before{content:"\eb4d"}.bxs-lock:before{content:"\eb4e"}.bxs-lock-open:before{content:"\eb4f"}.bxs-map:before{content:"\eb50"}.bxs-map-alt:before{content:"\eb51"}.bxs-message:before{content:"\eb52"}.bxs-message-alt:before{content:"\eb53"}.bxs-message-detail:before{content:"\eb54"}.bxs-message-rounded:before{content:"\eb55"}.bxs-microphone:before{content:"\eb56"}.bxs-microphone-off:before{content:"\eb57"}.bxs-minus-circle:before{content:"\eb58"}.bxs-mobile-alt:before{content:"\eb59"}.bxs-mobile-message:before{content:"\eb5a"}.bxs-moon:before{content:"\eb5b"}.bxs-mouse:before{content:"\eb5c"}.bxs-music:before{content:"\eb5d"}.bxs-navigation:before{content:"\eb5e"}.bxs-news:before{content:"\eb5f"}.bxs-newsletter:before{content:"\eb60"}.bxs-notification:before{content:"\eb61"}.bxs-notification-off:before{content:"\eb62"}.bxs-package:before{content:"\eb63"}.bxs-paper-plane:before{content:"\eb64"}.bxs-paste:before{content:"\eb65"}.bxs-pause-circle:before{content:"\eb66"}.bxs-pen:before{content:"\eb67"}.bxs-pencil:before{content:"\eb68"}.bxs-phone:before{content:"\eb69"}.bxs-phone-call:before{content:"\eb6a"}.bxs-phone-incoming:before{content:"\eb6b"}.bxs-phone-outgoing:before{content:"\eb6c"}.bxs-pie-chart:before{content:"\eb6d"}.bxs-pie-chart-alt:before{content:"\eb6e"}.bxs-pin:before{content:"\eb6f"}.bxs-play-circle:before{content:"\eb70"}.bxs-playlist:before{content:"\eb71"}.bxs-plug:before{content:"\eb72"}.bxs-plus-circle:before{content:"\eb73"}.bxs-printer:before{content:"\eb74"}.bxs-purchase-tag:before{content:"\eb75"}.bxs-quote-left:before{content:"\eb76"}.bxs-quote-right:before{content:"\eb77"}.bxs-radio:before{content:"\eb78"}.bxs-rename:before{content:"\eb79"}.bxs-report:before{content:"\eb7a"}.bxs-right-arrow:before{content:"\eb7b"}.bxs-right-arrow-circle:before{content:"\eb7c"}.bxs-right-down-arrow-circle:before{content:"\eb7d"}.bxs-right-top-arrow-circle:before{content:"\eb7e"}.bxs-rocket:before{content:"\eb7f"}.bxs-ruler:before{content:"\eb80"}.bxs-save:before{content:"\eb81"}.bxs-select-arrows:before{content:"\eb82"}.bxs-select-multiple:before{content:"\eb83"}.bxs-send:before{content:"\eb84"}.bxs-server:before{content:"\eb85"}.bxs-share:before{content:"\eb86"}.bxs-share-alt:before{content:"\eb87"}.bxs-shield:before{content:"\eb88"}.bxs-shield-alt:before{content:"\eb89"}.bxs-shopping-bag:before{content:"\eb8a"}.bxs-shopping-bag-alt:before{content:"\eb8b"}.bxs-show:before{content:"\eb8c"}.bxs-sidebar:before{content:"\eb8d"}.bxs-sitemap:before{content:"\eb8e"}.bxs-skip-next-circle:before{content:"\eb8f"}.bxs-skip-previous-circle:before{content:"\eb90"}.bxs-slider-alt:before{content:"\eb91"}.bxs-smiley-happy:before{content:"\eb92"}.bxs-smiley-meh:before{content:"\eb93"}.bxs-smiley-sad:before{content:"\eb94"}.bxs-spectacles:before{content:"\eb95"}.bxs-spreadsheet:before{content:"\eb96"}.bxs-star:before{content:"\eb97"}.bxs-stop-circle:before{content:"\eb98"}.bxs-stopwatch:before{content:"\eb99"}.bxs-store:before{content:"\eb9a"}.bxs-sun:before{content:"\eb9b"}.bxs-table:before{content:"\eb9c"}.bxs-tag:before{content:"\eb9d"}.bxs-tag-x:before{content:"\eb9e"}.bxs-task:before{content:"\eb9f"}.bxs-tennis-ball:before{content:"\eba0"}.bxs-terminal:before{content:"\eba1"}.bxs-thermometer:before{content:"\eba2"}.bxs-time:before{content:"\eba3"}.bxs-timer:before{content:"\eba4"}.bxs-toggle:before{content:"\eba5"}.bxs-toggle-left:before{content:"\eba6"}.bxs-toggle-right:before{content:"\eba7"}.bxs-torch:before{content:"\eba8"}.bxs-to-top:before{content:"\eba9"}.bxs-trash:before{content:"\ebaa"}.bxs-trash-alt:before{content:"\ebab"}.bxs-trophy:before{content:"\ebac"}.bxs-truck:before{content:"\ebad"}.bxs-t-shirt:before{content:"\ebae"}.bxs-tv:before{content:"\ebaf"}.bxs-umbrella:before{content:"\ebb0"}.bxs-up-arrow:before{content:"\ebb1"}.bxs-up-arrow-circle:before{content:"\ebb2"}.bxs-upvote:before{content:"\ebb3"}.bxs-user:before{content:"\ebb4"}.bxs-user-check:before{content:"\ebb5"}.bxs-user-circle:before{content:"\ebb6"}.bxs-user-detail:before{content:"\ebb7"}.bxs-user-minus:before{content:"\ebb8"}.bxs-user-plus:before{content:"\ebb9"}.bxs-user-x:before{content:"\ebba"}.bxs-video:before{content:"\ebbb"}.bxs-video-off:before{content:"\ebbc"}.bxs-videos:before{content:"\ebbd"}.bxs-volume:before{content:"\ebbe"}.bxs-volume-full:before{content:"\ebbf"}.bxs-volume-low:before{content:"\ebc0"}.bxs-volume-mute:before{content:"\ebc1"}.bxs-wallet:before{content:"\ebc2"}.bxs-watch:before{content:"\ebc3"}.bxs-watch-alt:before{content:"\ebc4"}.bxs-widget:before{content:"\ebc5"}.bxs-window:before{content:"\ebc6"}.bxs-window-close:before{content:"\ebc7"}.bxs-window-open:before{content:"\ebc8"}.bxs-windows:before{content:"\ebc9"}.bxs-world:before{content:"\ebca"}.bxs-wrench:before{content:"\ebcb"}.bxs-x-circle:before{content:"\ebcc"}.bxs-zap:before{content:"\ebcd"}.bxs-zoom-in:before{content:"\ebce"}.bxs-zoom-out:before{content:"\ebcf"} \ No newline at end of file diff --git a/static/dist/0.bundle.js b/static/dist/0.bundle.js index 8b7c341..873f54f 100644 --- a/static/dist/0.bundle.js +++ b/static/dist/0.bundle.js @@ -1,2 +1,2 @@ -webpackJsonp([0],{455:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var a=0;a"," ",u.default.createElement("br",null),"",u.default.createElement("br",null),u.default.createElement("span",{className:"tab"},""),u.default.createElement("br",null),u.default.createElement("span",{className:"tab-2"},""),u.default.createElement("br",null),u.default.createElement("span",{className:"tab-2"}," ",""),u.default.createElement("br",null),u.default.createElement("span",{className:"tab-2"}," ","\x3c!-- Boxicons CSS --\x3e"),u.default.createElement("br",null),u.default.createElement("span",{className:"tab-2"},""),u.default.createElement("br",null),u.default.createElement("span",{className:"tab-2"},"Hello, Boxicons!"),u.default.createElement("br",null),u.default.createElement("span",{className:"tab"},""),u.default.createElement("br",null),u.default.createElement("span",{className:"tab"},""),u.default.createElement("br",null),u.default.createElement("span",{className:"tab-2"}," ","

Hello, Boxicons!

"),u.default.createElement("br",null),u.default.createElement("span",{className:"tab-2"},""),u.default.createElement("br",null),u.default.createElement("span",{className:"tab-2"},""),u.default.createElement("br",null),u.default.createElement("span",{className:"tab-2"},""),u.default.createElement("br",null),u.default.createElement("span",{className:"tab"}," "),u.default.createElement("br",null),""))),u.default.createElement("h3",{id:"usage-with-html"},"Usage with HTML"),u.default.createElement("h4",{id:"import-css"},"Import the CSS"),u.default.createElement("div",null,u.default.createElement("p",null,"Copy-paste the stylesheet ",u.default.createElement("code",{className:"side"},"link")," into your ",u.default.createElement("code",{className:"side"},"head")," to load our CSS")," ",u.default.createElement("pre",null," ",u.default.createElement("code",{className:"html"},"",u.default.createElement("br",null),"\x3c!-- or --\x3e"," ",u.default.createElement("br",null),"")),u.default.createElement("p",null,"This will load boxicons font into your webpage")),u.default.createElement("h4",{id:"html"},"HTML"),u.default.createElement("div",null,u.default.createElement("p",null," To use an icon on your page, add a prefix",u.default.createElement("code",{className:"side"},"bx-")," for regular icons, ",u.default.createElement("code",{className:"side"},"bxs-")," for solid icons & ",u.default.createElement("code",{className:"side"},"bxl-")," for logos followed by the icon name and seperate class with the",u.default.createElement("code",{className:"side"},"bx"),":")," ",u.default.createElement("pre",null," ",u.default.createElement("code",{className:"html"},"",u.default.createElement("br",null),"",u.default.createElement("br",null),"")),"You can see the names of all the icons ",u.default.createElement(o.Link,{to:"/cheatsheet"},"here")),u.default.createElement("h3",{id:"install-via-npm"},"Install via NPM"),u.default.createElement("div",null,u.default.createElement("p",null," Install the boxicons package by copy pasting the following in your terminal:"),u.default.createElement("pre",null," ",u.default.createElement("code",null,"$ npm install boxicons --save")),u.default.createElement("p",null," Import the npm module in your javascript"),u.default.createElement("pre",null," ",u.default.createElement("code",{className:"javascript"},"import 'boxicons/css/boxicons.min.css'"))),u.default.createElement("h3",{id:"styling"},"Styling"),u.default.createElement("h4",{id:"sizing"},"Sizing"),u.default.createElement("div",null,u.default.createElement("p",null," You can change size of the icon with",u.default.createElement("code",{className:"side"},"font-size")," CSS. It will inherit the ",u.default.createElement("code",{className:"side"},"font-size"),"from the parent by default. There are fixed sizes you can add to the icon by adding classes",u.default.createElement("code",{className:"side"},"bx-xs"),", ",u.default.createElement("code",{className:"side"},"bx-sm"),", ",u.default.createElement("code",{className:"side"},"bx-md")," and ",u.default.createElement("code",{className:"side"},"bx-lg"))," ",u.default.createElement("div",{className:"icon-display"},u.default.createElement("i",{className:"bx bxs-smiley-happy bx-xs "}),u.default.createElement("i",{className:"bx bxs-smiley-happy bx-sm"}),u.default.createElement("i",{className:"bx bxs-smiley-happy bx-md"}),u.default.createElement("i",{className:"bx bxs-smiley-happy bx-lg"})),u.default.createElement("pre",null," ",u.default.createElement("code",{className:"html display"},"","",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"")),u.default.createElement("br",null)),u.default.createElement("h4",{id:"rotation-flipping"},"Rotation & Flipping"),u.default.createElement("div",null,u.default.createElement("p",null," Rotate the icons using classes ",u.default.createElement("code",{className:"side"},"bx-rotate-90"),", ",u.default.createElement("code",{className:"side"},"bx-rotate-180")," and ",u.default.createElement("code",{className:"side"},"bx-rotate-270")," or Flip the icons using ",u.default.createElement("code",{className:"side"},"bx-flip-horizontal")," and ",u.default.createElement("code",{className:"side"},"bx-flip-vertical")),u.default.createElement("div",{className:"icon-display"},u.default.createElement("i",{className:"bx bxs-like bx-rotate-90 bx-md"}),u.default.createElement("i",{className:"bx bxs-like bx-rotate-180 bx-md"}),u.default.createElement("i",{className:"bx bxs-like bx-rotate-270 bx-md"}),u.default.createElement("i",{className:"bx bxs-like bx-flip-horizontal bx-md"}),u.default.createElement("i",{className:"bx bxs-like bx-flip-vertical bx-md"})),u.default.createElement("pre",null," ",u.default.createElement("code",{className:"html display"},"","",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"")),u.default.createElement("br",null)),u.default.createElement("h4",{id:"list-icons"},"List Icons"),u.default.createElement("div",null,u.default.createElement("p",null," Use icons as bullets for the list by adding class ",u.default.createElement("code",{className:"side"},"bx-ul")," to the unordered list element and include the icons inside the",u.default.createElement("code",{className:"side"},"li")," ")," ",u.default.createElement("div",{className:"icon-display"},u.default.createElement("ul",{className:"bx-ul"},u.default.createElement("li",null," ",u.default.createElement("i",{className:"bx bx-right-arrow"}),"List item 1"),u.default.createElement("li",null," ",u.default.createElement("i",{className:"bx bx-x"}),"List item 2"),u.default.createElement("li",null," ",u.default.createElement("i",{className:"bx bx-plus"}),"List item 3"))),u.default.createElement("pre",null," ",u.default.createElement("code",{className:"html display"},"
    ",u.default.createElement("br",null),u.default.createElement("span",{className:"tab"},"
  • List Item 1
    • "),u.default.createElement("br",null),u.default.createElement("span",{className:"tab"},"
  • List Item 2
    • "),u.default.createElement("br",null),u.default.createElement("span",{className:"tab"},"
  • List Item 3
    • "),u.default.createElement("br",null),"
")),u.default.createElement("br",null)),u.default.createElement("h4",{id:"border"},"Border"),u.default.createElement("div",null,u.default.createElement("p",null," Add border to your icons with classes ",u.default.createElement("code",{className:"side"},"bx-border"),", ",u.default.createElement("code",{className:"side"},"bx-border-circle"))," ",u.default.createElement("div",{className:"icon-display"},u.default.createElement("i",{className:"bx bxs-heart bx-border bx-md"}),u.default.createElement("i",{className:"bx bxs-heart bx-border-circle bx-md"})," "),u.default.createElement("pre",null," ",u.default.createElement("code",{className:"html display"},"",u.default.createElement("br",null),"",u.default.createElement("br",null))),u.default.createElement("br",null)),u.default.createElement("h4",{id:"animation"},"Animation"),u.default.createElement("div",null,u.default.createElement("p",null," Animate your icons with pre built CSS animations using classes ",u.default.createElement("code",{className:"side"},"bx-spin"),",",u.default.createElement("code",{className:"side"},"bx-tada"),",",u.default.createElement("code",{className:"side"},"bx-flashing"),",",u.default.createElement("code",{className:"side"},"bx-burst"),",",u.default.createElement("code",{className:"side"},"bx-fade-left")," and ",u.default.createElement("code",{className:"side"},"bx-fade-right")),u.default.createElement("p",null,"You can change the speed of the animation with the ",u.default.createElement("code",{className:"side"},"animation-duration")," property & to change the number of times the animation takes place with the property ",u.default.createElement("code",{className:"side"},"animation-iteration-count")," in CSS"),u.default.createElement("div",{className:"icon-display"},u.default.createElement("i",{className:"bx bx-loader bx-spin bx-md"}),u.default.createElement("i",{className:"bx bxs-bell bx-tada bx-md"}),u.default.createElement("i",{className:"bx bxs-error bx-flashing bx-md"}),u.default.createElement("i",{className:"bx bx-radio-circle bx-burst bx-md"}),u.default.createElement("i",{className:"bx bx-fade-left bxs-left-arrow bx-md"}),u.default.createElement("i",{className:"bx bx-fade-right bxs-right-arrow bx-md"}),u.default.createElement("i",{className:"bx bx-fade-up bxs-up-arrow bx-md"}),u.default.createElement("i",{className:"bx bx-fade-down bxs-down-arrow bx-md"})),u.default.createElement("pre",null," ",u.default.createElement("code",{className:"html display"},"","",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null)))),u.default.createElement("br",null),u.default.createElement("h4",{id:"animation-hover"},"Animation on Hover"),u.default.createElement("div",null,u.default.createElement("p",null," Animate your icons on hover with pre built CSS animations using classes ",u.default.createElement("code",{className:"side"},"bx-spin-hover"),",",u.default.createElement("code",{className:"side"},"bx-tada-hover"),",",u.default.createElement("code",{className:"side"},"bx-flashing-hover"),",",u.default.createElement("code",{className:"side"},"bx-burst-hover"),",",u.default.createElement("code",{className:"side"},"bx-fade-left-hover")," and ",u.default.createElement("code",{className:"side"},"bx-fade-right-hover"))," ",u.default.createElement("p",null,"You can change the speed of the animation with the ",u.default.createElement("code",{className:"side"},"animation-duration")," property & to change the number of times the animation takes place with the property ",u.default.createElement("code",{className:"side"},"animation-iteration-count")," in CSS"),u.default.createElement("div",{className:"icon-display"},u.default.createElement("i",{className:"bx bx-loader bx-spin-hover bx-md"}),u.default.createElement("i",{className:"bx bxs-bell bx-tada-hover bx-md"}),u.default.createElement("i",{className:"bx bxs-error bx-flashing-hover bx-md"}),u.default.createElement("i",{className:"bx bx-radio-circle bx-burst-hover bx-md"}),u.default.createElement("i",{className:"bx bx-fade-left-hover bxs-left-arrow bx-md"}),u.default.createElement("i",{className:"bx bx-fade-right-hover bxs-right-arrow bx-md"}),u.default.createElement("i",{className:"bx bx-fade-up-hover bxs-up-arrow bx-md"}),u.default.createElement("i",{className:"bx bx-fade-down-hover bxs-down-arrow bx-md"})),u.default.createElement("pre",null," ",u.default.createElement("code",{className:"html display"},"","",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"",u.default.createElement("br",null),"","",u.default.createElement("br",null),"",u.default.createElement("br",null),""))),u.default.createElement("h3",{id:"contribution"},"Contribution"),u.default.createElement("div",null,u.default.createElement("p",null,"Want to report a bug ? Have some suggestions or ideas ? Have an icon or a feature request? Create a new issue on Github with the appropriate label ",u.default.createElement("a",{href:"https://github.com/atisawd/boxicons/issues/new",target:"_blank"},"here"))),u.default.createElement("h3",{id:"license"},"License"),u.default.createElement("div",null,"Boxicons is an open source project , you can use them in your commercial projects too.",u.default.createElement("br",null),"The icons (.svg) files are free to download and are licensed under ",u.default.createElement("a",{href:"https://creativecommons.org/licenses/by/4.0/",target:"_blank"},"CC 4.0")," . By downloading it is assumed that you agree with the terms mentioned in CC 4.0.",u.default.createElement("br",null),"The fonts files are licensed under ",u.default.createElement("a",{href:"https://opensource.org/licenses/OFL-1.1",target:"_blank"},"SIL OFL 1.1"),u.default.createElement("br",null),"Attribution is not required but is appreciated",u.default.createElement("br",null)," Other files which are not fonts or icons are licensed under the ",u.default.createElement("a",{href:"http://opensource.org/licenses/MIT",target:"_blank"},"MIT License"))))))))}}]),t}(c.Component);t.default=b},457:function(e,t,a){!function(e){"object"==typeof window&&window||"object"==typeof self&&self;e(t)}(function(e){function t(e){return e.replace(/&/g,"&").replace(//g,">")}function a(e){return e.nodeName.toLowerCase()}function l(e,t){var a=e&&e.exec(t);return a&&0===a.index}function n(e){return M.test(e)}function r(e){var t,a,l,r,s=e.className+" ";if(s+=e.parentNode?e.parentNode.className:"",a=O.exec(s))return v(a[1])?a[1]:"no-highlight";for(s=s.split(/\s+/),t=0,l=s.length;t"}function i(e){o+=""}function c(e){("start"===e.event?s:i)(e.node)}for(var u=0,o="",d=[];e.length||l.length;){var m=r();if(o+=t(n.substring(u,m[0].offset)),u=m[0].offset,m===e){d.reverse().forEach(i);do{c(m.splice(0,1)[0]),m=r()}while(m===e&&m.length&&m[0].offset===u);d.reverse().forEach(s)}else"start"===m[0].event?d.push(m[0].node):d.pop(),c(m.splice(0,1)[0])}return o+t(n.substr(u))}function u(e){return e.variants&&!e.cached_variants&&(e.cached_variants=e.variants.map(function(t){return s(e,{variants:null},t)})),e.cached_variants||e.endsWithParent&&[s(e)]||[e]}function o(e){function t(e){return e&&e.source||e}function a(a,l){return new RegExp(t(a),"m"+(e.case_insensitive?"i":"")+(l?"g":""))}function l(n,r){if(!n.compiled){if(n.compiled=!0,n.keywords=n.keywords||n.beginKeywords,n.keywords){var s={},i=function(t,a){e.case_insensitive&&(a=a.toLowerCase()),a.split(" ").forEach(function(e){var a=e.split("|");s[a[0]]=[t,a[1]?Number(a[1]):1]})};"string"==typeof n.keywords?i("keyword",n.keywords):w(n.keywords).forEach(function(e){i(e,n.keywords[e])}),n.keywords=s}n.lexemesRe=a(n.lexemes||/\w+/,!0),r&&(n.beginKeywords&&(n.begin="\\b("+n.beginKeywords.split(" ").join("|")+")\\b"),n.begin||(n.begin=/\B|\b/),n.beginRe=a(n.begin),n.end||n.endsWithParent||(n.end=/\B|\b/),n.end&&(n.endRe=a(n.end)),n.terminator_end=t(n.end)||"",n.endsWithParent&&r.terminator_end&&(n.terminator_end+=(n.end?"|":"")+r.terminator_end)),n.illegal&&(n.illegalRe=a(n.illegal)),null==n.relevance&&(n.relevance=1),n.contains||(n.contains=[]),n.contains=Array.prototype.concat.apply([],n.contains.map(function(e){return u("self"===e?n:e)})),n.contains.forEach(function(e){l(e,n)}),n.starts&&l(n.starts,r);var c=n.contains.map(function(e){return e.beginKeywords?"\\.?("+e.begin+")\\.?":e.begin}).concat([n.terminator_end,n.illegal]).map(t).filter(Boolean);n.terminators=c.length?a(c.join("|"),!0):{exec:function(){return null}}}}l(e)}function d(e,a,n,r){function s(e,t){var a,n;for(a=0,n=t.contains.length;a')+t+s}function b(){var e,a,l,n;if(!y.keywords)return t(M);for(n="",a=0,y.lexemesRe.lastIndex=0,l=y.lexemesRe.exec(M);l;)n+=t(M.substring(a,l.index)),e=u(y,l),e?(O+=e[1],n+=f(e[0],t(l[0]))):n+=t(l[0]),a=y.lexemesRe.lastIndex,l=y.lexemesRe.exec(M);return n+t(M.substr(a))}function E(){var e="string"==typeof y.subLanguage;if(e&&!_[y.subLanguage])return t(M);var a=e?d(y.subLanguage,M,!0,w[y.subLanguage]):m(M,y.subLanguage.length?y.subLanguage:void 0);return y.relevance>0&&(O+=a.relevance),e&&(w[y.subLanguage]=a.top),f(a.language,a.value,!1,!0)}function x(){R+=null!=y.subLanguage?E():b(),M=""}function h(e){R+=e.className?f(e.className,"",!0):"",y=Object.create(e,{parent:{value:y}})}function p(e,t){if(M+=e,null==t)return x(),0;var a=s(t,y);if(a)return a.skip?M+=t:(a.excludeBegin&&(M+=t),x(),a.returnBegin||a.excludeBegin||(M=t)),h(a,t),a.returnBegin?0:t.length;var l=i(y,t);if(l){var n=y;n.skip?M+=t:(n.returnEnd||n.excludeEnd||(M+=t),x(),n.excludeEnd&&(M=t));do{y.className&&(R+=S),y.skip||(O+=y.relevance),y=y.parent}while(y!==l.parent);return l.starts&&h(l.starts,""),n.returnEnd?0:t.length}if(c(t,y))throw new Error('Illegal lexeme "'+t+'" for mode "'+(y.className||"")+'"');return M+=t,t.length||1}var g=v(e);if(!g)throw new Error('Unknown language: "'+e+'"');o(g);var N,y=r||g,w={},R="";for(N=y;N!==g;N=N.parent)N.className&&(R=f(N.className,"",!0)+R);var M="",O=0;try{for(var k,T,L=0;;){if(y.terminators.lastIndex=L,!(k=y.terminators.exec(a)))break;T=p(a.substring(L,k.index),k[0]),L=k.index+T}for(p(a.substr(L)),N=y;N.parent;N=N.parent)N.className&&(R+=S);return{relevance:O,value:R,language:e,top:y}}catch(e){if(e.message&&-1!==e.message.indexOf("Illegal"))return{relevance:0,value:t(a)};throw e}}function m(e,a){a=a||C.languages||w(_);var l={relevance:0,value:t(e)},n=l;return a.filter(v).forEach(function(t){var a=d(t,e,!1);a.language=t,a.relevance>n.relevance&&(n=a),a.relevance>l.relevance&&(n=l,l=a)}),n.language&&(l.second_best=n),l}function f(e){return C.tabReplace||C.useBR?e.replace(k,function(e,t){return C.useBR&&"\n"===e?"
":C.tabReplace?t.replace(/\t/g,C.tabReplace):""}):e}function b(e,t,a){var l=t?R[t]:a,n=[e.trim()];return e.match(/\bhljs\b/)||n.push("hljs"),-1===e.indexOf(l)&&n.push(l),n.join(" ").trim()}function E(e){var t,a,l,s,u,o=r(e);n(o)||(C.useBR?(t=document.createElementNS("http://www.w3.org/1999/xhtml","div"),t.innerHTML=e.innerHTML.replace(/\n/g,"").replace(//g,"\n")):t=e,u=t.textContent,l=o?d(o,u,!0):m(u),a=i(t),a.length&&(s=document.createElementNS("http://www.w3.org/1999/xhtml","div"),s.innerHTML=l.value,l.value=c(a,i(s),u)),l.value=f(l.value),e.innerHTML=l.value,e.className=b(e.className,o,l.language),e.result={language:l.language,re:l.relevance},l.second_best&&(e.second_best={language:l.second_best.language,re:l.second_best.relevance}))}function x(e){C=s(C,e)}function h(){if(!h.called){h.called=!0;var e=document.querySelectorAll("pre code");y.forEach.call(e,E)}}function p(){addEventListener("DOMContentLoaded",h,!1),addEventListener("load",h,!1)}function g(t,a){var l=_[t]=a(e);l.aliases&&l.aliases.forEach(function(e){R[e]=t})}function N(){return w(_)}function v(e){return e=(e||"").toLowerCase(),_[e]||_[R[e]]}var y=[],w=Object.keys,_={},R={},M=/^(no-?highlight|plain|text)$/i,O=/\blang(?:uage)?-([\w-]+)\b/i,k=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,S="",C={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0};return e.highlight=d,e.highlightAuto=m,e.fixMarkup=f,e.highlightBlock=E,e.configure=x,e.initHighlighting=h,e.initHighlightingOnLoad=p,e.registerLanguage=g,e.listLanguages=N,e.getLanguage=v,e.inherit=s,e.IDENT_RE="[a-zA-Z]\\w*",e.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",e.NUMBER_RE="\\b\\d+(\\.\\d+)?",e.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",e.BINARY_NUMBER_RE="\\b(0b[01]+)",e.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",e.BACKSLASH_ESCAPE={begin:"\\\\[\\s\\S]",relevance:0},e.APOS_STRING_MODE={className:"string",begin:"'",end:"'",illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.QUOTE_STRING_MODE={className:"string",begin:'"',end:'"',illegal:"\\n",contains:[e.BACKSLASH_ESCAPE]},e.PHRASAL_WORDS_MODE={begin:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},e.COMMENT=function(t,a,l){var n=e.inherit({className:"comment",begin:t,end:a,contains:[]},l||{});return n.contains.push(e.PHRASAL_WORDS_MODE),n.contains.push({className:"doctag",begin:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),n},e.C_LINE_COMMENT_MODE=e.COMMENT("//","$"),e.C_BLOCK_COMMENT_MODE=e.COMMENT("/\\*","\\*/"),e.HASH_COMMENT_MODE=e.COMMENT("#","$"),e.NUMBER_MODE={className:"number",begin:e.NUMBER_RE,relevance:0},e.C_NUMBER_MODE={className:"number",begin:e.C_NUMBER_RE,relevance:0},e.BINARY_NUMBER_MODE={className:"number",begin:e.BINARY_NUMBER_RE,relevance:0},e.CSS_NUMBER_MODE={className:"number",begin:e.NUMBER_RE+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},e.REGEXP_MODE={className:"regexp",begin:/\//,end:/\/[gimuy]*/,illegal:/\n/,contains:[e.BACKSLASH_ESCAPE,{begin:/\[/,end:/\]/,relevance:0,contains:[e.BACKSLASH_ESCAPE]}]},e.TITLE_MODE={className:"title",begin:e.IDENT_RE,relevance:0},e.UNDERSCORE_TITLE_MODE={className:"title",begin:e.UNDERSCORE_IDENT_RE,relevance:0},e.METHOD_GUARD={begin:"\\.\\s*"+e.UNDERSCORE_IDENT_RE,relevance:0},e})},458:function(e,t){e.exports=function(e){var t={endsWithParent:!0,illegal:/`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist"],case_insensitive:!0,contains:[{className:"meta",begin:"",relevance:10,contains:[{begin:"\\[",end:"\\]"}]},e.COMMENT("\x3c!--","--\x3e",{relevance:10}),{begin:"<\\!\\[CDATA\\[",end:"\\]\\]>",relevance:10},{begin:/<\?(php)?/,end:/\?>/,subLanguage:"php",contains:[{begin:"/\\*",end:"\\*/",skip:!0}]},{className:"tag",begin:"|$)",end:">",keywords:{name:"style"},contains:[t],starts:{end:"",returnEnd:!0,subLanguage:["css","xml"]}},{className:"tag",begin:"|$)",end:">",keywords:{name:"script"},contains:[t],starts:{end:"<\/script>",returnEnd:!0,subLanguage:["actionscript","javascript","handlebars","xml"]}},{className:"meta",variants:[{begin:/<\?xml/,end:/\?>/,relevance:10},{begin:/<\?\w+/,end:/\?>/}]},{className:"tag",begin:"",contains:[{className:"name",begin:/[^\/><\s]+/,relevance:0},t]}]}}},459:function(e,t,a){function l(e){return a(n(e))}function n(e){var t=r[e];if(!(t+1))throw new Error("Cannot find module '"+e+"'.");return t}var r={"./javascript":460,"./xml":458};l.keys=function(){return Object.keys(r)},l.resolve=n,e.exports=l,l.id=459},460:function(e,t){e.exports=function(e){var t="[A-Za-z$_][0-9A-Za-z$_]*",a={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},l={className:"number",variants:[{begin:"\\b(0[bB][01]+)"},{begin:"\\b(0[oO][0-7]+)"},{begin:e.C_NUMBER_RE}],relevance:0},n={className:"subst",begin:"\\$\\{",end:"\\}",keywords:a,contains:[]},r={className:"string",begin:"`",end:"`",contains:[e.BACKSLASH_ESCAPE,n]};n.contains=[e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,r,l,e.REGEXP_MODE];var s=n.contains.concat([e.C_BLOCK_COMMENT_MODE,e.C_LINE_COMMENT_MODE]);return{aliases:["js","jsx"],keywords:a,contains:[{className:"meta",relevance:10,begin:/^\s*['"]use (strict|asm)['"]/},{className:"meta",begin:/^#!/,end:/$/},e.APOS_STRING_MODE,e.QUOTE_STRING_MODE,r,e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,l,{begin:/[{,]\s*/,relevance:0,contains:[{begin:t+"\\s*:",returnBegin:!0,relevance:0,contains:[{className:"attr",begin:t,relevance:0}]}]},{begin:"("+e.RE_STARTERS_RE+"|\\b(case|return|throw)\\b)\\s*",keywords:"return throw case",contains:[e.C_LINE_COMMENT_MODE,e.C_BLOCK_COMMENT_MODE,e.REGEXP_MODE,{className:"function",begin:"(\\(.*?\\)|"+t+")\\s*=>",returnBegin:!0,end:"\\s*=>",contains:[{className:"params",variants:[{begin:t},{begin:/\(\s*\)/},{begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,keywords:a,contains:s}]}]},{begin://,subLanguage:"xml",contains:[{begin:/<\w+\s*\/>/,skip:!0},{begin:/<\w+/,end:/(\/\w+|\w+\/)>/,skip:!0,contains:[{begin:/<\w+\s*\/>/,skip:!0},"self"]}]}],relevance:0},{className:"function",beginKeywords:"function",end:/\{/,excludeEnd:!0,contains:[e.inherit(e.TITLE_MODE,{begin:t}),{className:"params",begin:/\(/,end:/\)/,excludeBegin:!0,excludeEnd:!0,contains:s}],illegal:/\[|%/},{begin:/\$[(.]/},e.METHOD_GUARD,{className:"class",beginKeywords:"class",end:/[{;=]/,excludeEnd:!0,illegal:/[:"\[\]]/,contains:[{beginKeywords:"extends"},e.UNDERSCORE_TITLE_MODE]},{beginKeywords:"constructor",end:/\{/,excludeEnd:!0}],illegal:/#(?!!)/}}}}); +webpackJsonp([0],{455:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var c=function(){function e(e,t){for(var a=0;a",u.default.createElement("br",null),"\x3c!-- or --\x3e"," ",u.default.createElement("br",null),"")),u.default.createElement("p",null,"This will load boxicons font into your webpage")),u.default.createElement("h4",{id:"html"},"HTML"),u.default.createElement("div",null,u.default.createElement("p",null," To use an icon on your page, add a prefix",u.default.createElement("code",{className:"side"},"bx-")," for regular icons, ",u.default.createElement("code",{className:"side"},"bxs-")," for solid icons & ",u.default.createElement("code",{className:"side"},"bxl-")," for logos followed by the icon name and seperate class with the",u.default.createElement("code",{className:"side"},"bx"),":")," ",u.default.createElement("pre",null," ",u.default.createElement("code",{className:"html"},"",u.default.createElement("br",null),"",u.default.createElement("br",null),"")),"You can see the names of all the icons ",u.default.createElement(o.Link,{to:"/cheatsheet"},"here")),u.default.createElement("h3",{id:"install-via-npm"},"Install via NPM"),u.default.createElement("div",null,u.default.createElement("p",null," Install the boxicons package by copy pasting the following in your terminal:"),u.default.createElement("pre",null," ",u.default.createElement("code",null,"$ npm install boxicons --save")),u.default.createElement("p",null," Import the npm module in your javascript"),u.default.createElement("pre",null," ",u.default.createElement("code",{className:"javascript"},"import 'boxicons/css/boxicons.min.css'"))),u.default.createElement("h3",{id:"web-component"},"Using the Web Component"),u.default.createElement("div",null,u.default.createElement("p",null,"Boxicons includes a Custom Element that makes using icons easy and efficient. To use it, add the ",u.default.createElement("code",{className:"side"},"boxicons.js")," file to the page:"),u.default.createElement("pre",null," ",u.default.createElement("code",{className:"html"},'