commit 56ef1edcfe596932403d5752c66dfbeb523a1f25
Author: HerrHase <me@herr-hase.wtf>
Date:   Thu Jul 17 17:57:06 2025 +0200

    init

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..3c3629e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..59d24cc
--- /dev/null
+++ b/README.md
@@ -0,0 +1,88 @@
+# Tiny Components - Validator
+
+Created with [Riot.js](https://riot.js.org)
+
+Validate Form or a Single Form-Field, Error Messages can be show just in time
+or after Submit entire Form.
+
+For Validation this Component uses [Validate.js](https://validatejs.org/)
+
+## Install
+
+```bash
+npm install @tiny-components/validator --save
+```
+
+## You can use it like this
+
+```javascript
+<form class="form" onsubmit={ (event) => ( state.validator.submit(event) ) }>>
+    <div class="field">
+        <label>
+            email
+            <input type="email" name="email" onkeyup={ (event) => { state.validator.handle(event, 'email') }} />
+        </label>
+        <field-error errors={ state.validator.errors('email') } ></field-error>
+    </div>
+    <div class="field">
+        <label>
+            password
+            <input type="password" name="email" onkeyup={ (event) => { state.validator.handle(event, 'password') }} />
+        </label>
+        <field-error errors={ state.validator.errors('password') } ></field-error>
+    </div>
+    <button type="submit">Send</button>
+</form>
+
+<script>
+    import Validator from './validator.js'
+
+    export default {
+
+        state: {
+            validator: { }
+        },
+
+        onBeforeMount() {
+            // creating formValidator
+            this.state.validator = new FormValidator(this.$('.form'), {
+                'email': {
+                    'presence': true,
+                    'email': true
+                },
+                'password': {
+                    'presence': true
+                }
+            })
+
+            // adding on success
+            this.state.validator.onSuccess((event, data) => {
+                this.handleSuccess(event, data)
+            })
+
+            // adding on error
+            this.state.validator.onError((event, errors, data) => {
+                this.handleError(event, errors, data)
+            })
+        },
+
+        /**
+         *
+         */
+        handleSuccess(event, data)
+        {
+            event.preventDefault()
+            this.update()
+        },
+
+        /**
+         *
+         */
+        handleError(event, errors, data)
+        {
+            this.update()
+        }
+
+    }
+</script>
+```
\ No newline at end of file
diff --git a/bun.lockb b/bun.lockb
new file mode 100755
index 0000000..fbf95c8
Binary files /dev/null and b/bun.lockb differ
diff --git a/bunfig.toml b/bunfig.toml
new file mode 100644
index 0000000..0f8e733
--- /dev/null
+++ b/bunfig.toml
@@ -0,0 +1,2 @@
+[install.scopes]
+"@tiny-components" = "https://gitea.node001.net/api/packages/tiny-components/npm/"
diff --git a/example/css/styles.css b/example/css/styles.css
new file mode 100644
index 0000000..ab3db09
--- /dev/null
+++ b/example/css/styles.css
@@ -0,0 +1 @@
+@font-face{font-family:"IBM Plex Mono";src:url("IBMPlexMono.eot");src:url("IBMPlexMono.eot?#iefix") format("embedded-opentype"),url("IBMPlexMono.woff2") format("woff2"),url("IBMPlexMono.woff") format("woff"),url("IBMPlexMono.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"IBM Plex Mono";src:url("IBMPlexMono-Bold.eot");src:url("IBMPlexMono-Bold.eot?#iefix") format("embedded-opentype"),url("IBMPlexMono-Bold.woff2") format("woff2"),url("IBMPlexMono-Bold.woff") format("woff"),url("IBMPlexMono-Bold.ttf") format("truetype");font-weight:bold;font-style:normal;font-display:swap}:root{--grid-columns: 12;--grid-grid-spacing: 15px;--grid-xs: 576px;--grid-sm: 768px;--grid-md: 992px;--grid-lg: 1200px;--grid-xlg: 1600px;--grid-xxs-max: 575px;--grid-xs-max: 767px;--grid-sm-max: 991px;--grid-md-max: 1199px;--grid-lg-max: 1599px}:root{--body:#f9f9f9;--text:#363636;--text-contrast:#fff;--primary:#3e3e3e;--primary-contrast:#3e3e3e;--active:#717171;--active-contrast:#fff;--link:#363636;--link-hover:#d95959;--danger:#d95959;--danger-contrast:#ecacac;--info:#0090d4;--info-constrast:rgb(59,192.1320754717,255);--success:#64ac64;--success-contrast:hsl(120,30.2521008403%,73.3333333333%);--warning:#f0ad4e;--warning-contrast:rgb(247.96875,216.5625,172.03125);--background:#3e3e3e;--background-contrast:#fff;--background-alpha:rgba(0,0,0,.7);--border:#3e3e3e;--border-contrast:#fff;--font-family: IBM Plex Mono, sans-serif}html{font-size:100%;line-height:1.15;-webkit-text-size-adjust:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}body{font-family:var(--font-family);color:var(--text);background-color:var(--body);direction:ltr;font-size:.9rem;line-height:1.618}@media only screen and (min-width: 992px){body{font-size:1rem}}a{color:var(--link);transition:color .5s;text-decoration:none}a:hover{color:var(--link-hover)}a:focus{outline:none}main{display:block}*,*::after,*::before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}figure{margin:0}figcaption{margin:0}p{margin:0}button,input,optgroup,select,textarea{margin:0}fieldset{margin:0 0 1rem}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid var(--border);margin:0 0 1rem}progress{vertical-align:baseline}details{display:block}summary{display:list-item}code,kbd,pre,samp{font-family:var(--font-family);font-size:.9rem}.content p{margin:0 0 1rem}@media only screen and (min-width: 992px){.content p{margin:0 0 1.2rem}}.content a,.content ins,.content u{text-decoration-skip:ink edges}.content a{text-decoration:underline}.content b,.content strong{font-weight:bolder}.content small{font-size:80%}.content sub,.content sup{font-size:70%;line-height:0;position:relative;vertical-align:baseline}.content sub{bottom:-0.25em}.content sup{top:-0.5em}.content abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}.content mark{padding:.25rem;background-color:var(--warning)}.content blockquote{border-left:1px solid var(--border);margin-left:0;padding:.6rem .8rem}.content blockquote p:last-child{margin-bottom:0}.content dl,.content ol,.content ul{padding:0;margin:0 0 1rem}@media only screen and (min-width: 992px){.content dl,.content ol,.content ul{margin:0 0 1.2rem}}.content ul{margin-left:1.5rem}.content ol{margin-left:2.5rem}.content ol ol,.content ul ul{margin-top:0;margin-left:1.5rem}.content ol{list-style:decimal outside}.content ul{list-style:square outside}.content dl{margin-left:.5rem}.content dd,.content dt{margin:0}.content dt{font-weight:bold}.content code{white-space:pre;display:block;color:var(--text-contrast);overflow-y:hidden;overflow-x:auto;border:1px solid var(--border);border-radius:2px;background-color:var(--background);margin:0 0 1rem;padding:.6rem .8rem}@media only screen and (min-width: 992px){.content code{margin:0 0 1.2rem}}@media only screen and (min-width: 992px){.content code{padding:.7rem 1rem .9rem}}.highlight{padding:.15rem .4rem .25rem;background:var(--primary);color:var(--text-contrast);border-radius:2px}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:"IBM Plex Mono",sans-serif;font-weight:bold;line-height:1.2;margin:0 0 1rem}h1.highlight,.h1.highlight,h2.highlight,.h2.highlight,h3.highlight,.h3.highlight,h4.highlight,.h4.highlight,h5.highlight,.h5.highlight,h6.highlight,.h6.highlight{display:table}h1,.h1{font-size:2.5rem}h2,.h2{font-size:2rem}h3,.h3{font-size:1.75rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}@media only screen and (min-width: 992px){h1,.h1{font-size:2.75rem}h2,.h2{font-size:2.5rem}h3,.h3{font-size:2rem}h4,.h4{font-size:1.75rem}h5,.h5{font-size:1.5rem}h6,.h6{font-size:1.2rem}}.badge{display:inline-block;background-color:var(--background);color:var(--text-contrast);font-size:.85rem;padding:.4rem .8rem;border:1px solid var(--border);border-radius:2px}.badge--round{display:inline-flex;justify-content:center;border-radius:50%;width:2.8em}.button{appearance:none;position:relative;display:inline-flex;align-items:center;text-decoration:none;font-family:var(--font-family);font-size:1rem;border:1px solid var(--border);background-color:var(--background-contrast);color:var(--text);border-radius:2px;transition:background-color .1s;margin:0 0 1rem;padding:.5rem 1.3rem;width:100%}@media only screen and (min-width: 768px){.button{width:auto}}.button--small{padding:.3rem 1.1rem;font-size:.8rem}.button:hover,.button--selected{cursor:pointer;text-decoration:none;color:#fff;background-color:var(--active)}.button:focus,.button:active{outline:1px solid var(--active)}.button:disabled{opacity:.5}.button:disabled:hover{cursor:not-allowed;border:1px solid var(--border);background-color:var(--background-contrast);color:var(--border)}.button--transparent{margin:0;padding:0;border:none;background:rgba(0,0,0,0);border-radius:0}.button--transparent:focus,.button--transparent:active{outline:none}.button--danger{border-color:var(--danger)}.button--danger:hover{background-color:var(--danger)}.button--danger:focus,.button--danger:active{outline:2px solid var(--danger)}.button--info{border-color:var(--info)}.button--info:hover{background-color:var(--info)}.button--info:focus,.button--info:active{outline:2px solid var(--info)}.button--warning{border-color:var(--warning)}.button--warning:hover{background-color:var(--warning)}.button--warning:focus,.button--warning:active{outline:2px solid var(--warning)}.button--success{border-color:var(--success)}.button--success:hover{background-color:var(--success)}.button--success:focus,.button--success:active{outline:2px solid var(--success)}.button--outline{background-color:rgba(0,0,0,0)}.button--outline:hover{color:var(--border);border-color:#a4a4a4;background-color:rgba(0,0,0,0)}.button--danger.button--outline:hover{border-color:#ecacac}.button--info.button--outline:hover{border-color:rgb(59,192.1320754717,255)}.button--warning.button--outline:hover{border-color:rgb(247.96875,216.5625,172.03125)}.button--success.button--outline:hover{border-color:hsl(120,30.2521008403%,73.3333333333%)}.button--full{background-color:var(--active);color:#fff}.button--full:hover{background-color:var(--background-contrast);color:var(--text)}.button--danger.button--full{background-color:var(--danger)}.button--danger.button--full:hover{background-color:var(--background-contrast);border-color:var(--danger)}.button--danger.button--full:focus,.button--danger.button--full:active{outline:2px solid var(--danger)}.button--info.button--full{background-color:var(--info)}.button--info.button--full:hover{background-color:var(--background-contrast);border-color:var(--info)}.button--info.button--full:focus,.button--info.button--full:active{outline:2px solid var(--info)}.button--warning.button--full{background-color:var(--warning)}.button--warning.button--full:hover{background-color:var(--background-contrast);border-color:var(--warning)}.button--warning.button--full:focus,.button--warning.button--full:active{outline:2px solid var(--warning)}.button--success.button--full{background-color:var(--success)}.button--success.button--full:hover{background-color:var(--background-contrast);border-color:var(--success)}.button--success.button--full:focus,.button--success.button--full:active{outline:2px solid var(--success)}.field-group{margin:0 0 1rem}.field-group--valid .field-text{border-color:var(--success)}.field-group--valid .icon{fill:var(--success)}.field-group--error .field-text{border-color:var(--danger)}.field-group--error .icon{fill:var(--danger)}.field-label{font-size:1rem;font-family:var(--font-family)}.field-label .icon{vertical-align:text-bottom}.field-label:hover{cursor:pointer}.field-text,.field-choice{font-family:var(--font-family);font-size:.95rem;width:100%;border:1px solid #a4a4a4;border-radius:2px;margin:.7rem 0 0}.field-text:focus,.field-text:active,.field-choice:focus,.field-choice:active{outline:0;border-color:var(--border)}.field-text{padding:.8em 1.1em}textarea.field-text{height:180px}.field-choice{appearance:none;padding:.8em;background-image:linear-gradient(to right, #717171, #717171);background-position:100%;background-size:1.5rem 100%;background-repeat:no-repeat}.field-choice:active,.field-choice:focus{background-image:linear-gradient(to right, #3e3e3e, #3e3e3e)}[type=checkbox].field-choice,[type=radio].field-choice{position:relative;display:none}[type=checkbox].field-choice~.field-choice__checked,[type=radio].field-choice~.field-choice__checked{display:none}[type=checkbox].field-choice:checked~.field-choice__checked,[type=radio].field-choice:checked~.field-choice__checked{display:inline-block}[type=checkbox].field-choice:checked~.field-choice__unchecked,[type=radio].field-choice:checked~.field-choice__unchecked{display:none}svg.field-choice__unchecked{fill:var(--active)}svg.field-choice__checked{fill:var(--success)}.field-error{display:inline-block;width:100%;padding:.6em .5em;font-size:.8rem}.field-switch{position:relative;display:inline-block;width:75px;height:35px;border:1px solid var(--border);border-radius:2px}.field-switch:after{position:absolute;top:0;left:0;width:50%;height:100%;content:"";border:1px solid var(--border);border-color:var(--border-contrast);border-radius:2px;background-color:var(--active);transition:transform .25s}[type=checkbox].field-choice~.field-switch:after{left:0}[type=checkbox].field-choice:checked~.field-switch{border-color:var(--success)}[type=checkbox].field-choice:checked~.field-switch:after{background-color:var(--success);transform:translateX(100%)}.field-error{color:var(--danger)}.group__item{width:auto;display:inline-block;margin:0 0 1rem;margin-right:.25rem}.group__item:last-child{margin-right:0}.icon{width:1em;height:1em;max-height:100%;max-width:100%;vertical-align:middle;overflow:hidden;font-size:1.4rem;fill:var(--text)}.hero{position:relative}.hero img{width:100%;object-fit:cover;object-position:50% 50%}.tabs{display:flex;flex-direction:column;width:100%;border-bottom:1px solid var(--border)}@media only screen and (min-width: 768px){.tabs{width:auto;flex-direction:row}}.tabs__item{min-height:2.8em;display:flex;align-items:center;padding:0 1em;color:var(--text);transition:background-color .1s;border-bottom:3px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);width:100%}@media only screen and (min-width: 768px){.tabs__item{width:auto;display:inline-flex}}.tabs__item:hover{cursor:pointer;background-color:var(--active);color:var(--text-contrast);border-top-left-radius:2px;border-top-right-radius:2px}.tabs__item--selected{color:var(--text);border-color:var(--border)}.tabs--contrast{border:0}.tabs--contrast .tabs__item{color:var(--text-contrast)}.tabs--contrast .tabs__item:hover{background-color:var(--background-contrast);color:var(--text);border-radius:0}.tabs--contrast .tabs__item--selected{border-color:var(--border-contrast)}.tabs--contrast .tabs__item--selected:hover{border-color:var(--active)}.panel,.sidebar__inner{border:1px solid var(--border);border-radius:2px;background-color:var(--background-contrast)}.panel__body,.sidebar__body{padding:.6rem .8rem}@media only screen and (min-width: 992px){.panel__body,.sidebar__body{padding:.7rem 1rem .9rem}}.panel--border-highlight{border-left-width:12px}.progress{height:40px;width:100%;border:1px solid var(--border)}.progress__inner{height:100%;border:1px solid var(--background-contrast);background-color:var(--background)}.figure{margin:0;display:inline-block;line-height:0;border:1px solid var(--border);border-radius:2px;overflow:hidden}.figure__caption{padding:.75em 1.1em;font-size:.7rem;background:var(--background);line-height:1.618;margin:0;color:var(--text-contrast);border-top:1px solid var(--border-contrast)}.figure .media{border:0;border-radius:0}.media{border-radius:2px;border:1px solid var(--border);width:100%;height:auto}.table{width:100%;border:1px solid var(--border);background:var(--white)}.table__td{color:var(--text)}.table__td,.table__th{text-align:left;border-bottom:1px solid var(--border);padding:.25em .75em}@media only screen and (min-width: 992px){.table__td,.table__th{padding:.5em 1.25em}}.table__th{color:#fff;background-color:var(--background)}.table--striped .table__tr:nth-child(even) .table__td{background-color:hsl(0,0%,89.3137254902%)}.table--hover .table__tr:hover .table__td{color:#fff;background-color:rgb(87.5,87.5,87.5)}.bar{display:flex;min-height:2.8em;background-color:var(--background);color:var(--text-contrast);border:1px solid var(--border);border-radius:2px}.bar__start{justify-content:start}.bar__main{flex-grow:1}.bar__end{justify-content:end}.bar__start,.bar__main,.bar__end{display:flex;align-self:center;align-items:center;margin-left:.75em}.bar__start:last-child,.bar__main:last-child,.bar__end:last-child{margin-right:.75em}.modal{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;visibility:hidden;transition:visibility 0s linear .5s;padding:1rem;z-index:20;align-items:center;justify-content:center}.modal:before{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;transition:background-color .5s;z-index:19;content:"";transition:background-color .5s}.modal__inner{position:relative;z-index:21;transition:transform .5s;transform:scale(0);max-width:600px;width:100%}.modal__title{font-size:2rem;text-align:center;white-space:pre-line;margin-bottom:2rem}.modal__title .icon{font-size:3rem}.modal__title,.modal__body{color:var(--text-contrast)}.modal__body{margin-bottom:1.5rem}.modal .button{color:var(--text-contrast)}.modal--open{display:flex;visibility:visible;transition:visibility 0s linear 0s}.modal--open:before{background-color:var(--background-alpha)}.modal--open .modal__inner{transform:scale(1)}.loading{height:60px;width:47px;margin:0 auto;display:flex;align-items:center}.loading span{display:block;width:15px;height:80px;background-color:var(--background);animation-name:loading-animation;animation-duration:.5s;animation-iteration-count:infinite;animation-delay:.15s;border-top:1px solid var(--background);border-bottom:1px solid var(--background)}.loading span:first-child{margin-right:1px;animation-delay:0s}.loading span:last-child{margin-left:1px;animation-delay:.3s}@keyframes loading-animation{0%{height:60px}50%{height:40px}100%{height:60px}}.sidebar{position:fixed;z-index:9;top:0;left:0;width:100%;height:100%;max-width:95%;visibility:hidden;transition:visibility 0s linear .5s}.sidebar:before{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;transition:background-color .5s;z-index:9;content:"";transition:background-color .5s}.sidebar__inner{position:relative;height:100%;z-index:10;transition:transform .2s;transform:translateX(-100%)}.sidebar__footer{position:fixed;left:0;bottom:0;display:flex;justify-content:space-between;background:var(--background);width:100%;padding:1rem}.sidebar--open{visibility:visible;transition:visibility 0s linear 0s}.sidebar--open .sidebar__inner{transform:translateX(0)}.sidebar--open:before{background:var(--background-alpha)}@media only screen and (min-width: 992px){.sidebar{max-width:33%}}.toast{display:flex;background:var(--background);border:1px solid var(--border);max-width:800px;width:max-content;margin-top:1.25rem;position:relative;left:calc(-100% - 2rem);transition:left .1s;pointer-events:auto}.toast--animation{left:0}.toast__body{width:100%;padding:1em 1.25em}.toast__button{border:0;appearance:none;background:var(--background)}.toast__button:hover{cursor:pointer}.toast__body,.toast__button{color:var(--text-contrast)}.toast__icon,.toast__button{display:flex;align-self:stretch;align-items:center;padding:0 1em}.toast__icon svg,.toast__button svg{font-size:2rem}.toast--danger{background:var(--danger)}.toast--danger .toast__button{background:var(--danger)}.toast-wrapper{position:fixed;left:0;bottom:0;margin:2rem;z-index:30;pointer-events:none}.masonry{display:flex;width:100%;flex-flow:row wrap;gap:15px}.masonry__item{width:100%;height:200px}@media only screen and (min-width: 768px){.masonry__item{height:300px}.masonry__item:nth-child(4n+1){width:calc(25% - 10px)}.masonry__item:nth-child(4n+2){width:calc(55% - 10px)}.masonry__item:nth-child(4n+3){width:calc(20% - 10px)}.masonry__item:nth-child(4n+4){width:calc(67% - 10px)}.masonry__item:nth-child(4n+5){width:calc(33% - 10px)}}.slider{position:relative;overflow-x:visible}.slider__inner{display:flex;white-space:nowrap}.slider__item{padding:0 .6em;display:inline-block;white-space:normal;flex-shrink:0}.wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.wrap-reverse{-webkit-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.justify-end{-webkit-justify-content:flex-end;justify-content:flex-end}.justify-center{-webkit-justify-content:center;justify-content:center}.container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}.container .grid{margin-right:-15px;margin-left:-15px}@media(min-width: 576px){.container{max-width:576px}}@media(min-width: 768px){.container{max-width:768px}}@media(min-width: 992px){.container{max-width:992px}}@media(min-width: 1200px){.container{max-width:1200px}}@media(min-width: 1600px){.container{max-width:1600px}}.grid{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0 auto;position:relative;list-style-type:none}.grid::after,.grid::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.col-12{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;vertical-align:top;padding:15px}.col-12::after,.col-12::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.col-12 .grid{-webkit-flex:1 1 auto;flex:1 1 auto;margin:-15px}.col-12{width:100%}.border{border:1px solid var(--border)}.round{border-radius:50%}.float-right{float:right}.centered{margin-left:auto;margin-right:auto}.absolute{position:absolute !important}.fixed{position:fixed !important}.relative{position:relative !important}.overflow-x-hidden{overflow-x:hidden}.object-fit-cover{object-fit:cover}.h-1{height:1px}.h-100{height:100%}.w-col-12{width:100%}.h-1{height:0.5rem}.h-6{height:3rem}.h-17{height:8.5rem}.h-70{height:35rem}.marginless{margin:0}.m-last-child-0>*:last-child{margin:0}.m-bottom-last-child-0>*:last-child{margin-bottom:0}.m-1{margin:1px}.m-top-4{margin-top:1.125rem}.m-top-5{margin-top:2rem}.m-bottom-0{margin-bottom:0}.m-bottom-4{margin-bottom:1.125rem}.m-bottom-5{margin-bottom:2rem}.m-left-3{margin-left:.5rem}@media only screen and (min-width: 768px){.m-left-sm-3{margin-left:.5rem}}.p-0{padding:0}.p-1{padding:1px}.p-0{padding:.125rem}.p-1{padding:0rem}.p-3{padding:.5rem}.color-text-contrast{color:var(--text-contrast)}.fill-text{fill:var(--text)}.fill-text svg{fill:var(--text)}.fill-text-contrast{fill:var(--text-contrast)}.fill-text-contrast svg{fill:var(--text-contrast)}.fill-danger{fill:var(--danger)}.fill-danger svg{fill:var(--danger)}.fill-success{fill:var(--success)}.fill-success svg{fill:var(--success)}.fill-text-hover:hover{fill:var(--text)}.fill-text-hover:hover svg{fill:var(--text)}.border-color-danger{border-color:var(--danger)}.border-color-info{border-color:var(--info)}.background-color-primary{background-color:var(--primary)}.left{text-align:left}.right{text-align:right}.center{text-align:center}.justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.crossed{text-decoration:line-through}.underline{text-decoration:underline}.capitalize{text-transform:capitalize}.italic{font-style:italic}.light{font-weight:lighter}.normal{font-weight:normal}.medium{font-weight:medium}.bold{font-weight:bolder}.size-big{font-size:2.7rem}.tiny-field-upload input[type=file]{display:none}.tiny-field-upload__files{display:flex;flex-wrap:wrap;margin:0 -0.5em 0}.tiny-field-upload__files-item{width:calc(25% - 1em);margin:0 .5em 1em}.tiny-field-upload__files-item img.tiny-field-upload__files-media{width:100%}.tiny-field-upload__files-item .panel__body,.tiny-field-upload__files-item .sidebar__body{line-height:0}
diff --git a/example/index.html b/example/index.html
new file mode 100644
index 0000000..3e05043
--- /dev/null
+++ b/example/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <title>Tiny Components | Field Upload</title>
+    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
+    <link href="/css/styles.css" rel="stylesheet" type="text/css">
+</head>
+
+<body>
+
+    <header class="header">
+        <div class="bar">
+            <div class="bar__start">
+                <h1 class="m-top-4 m-bottom-4 h4">
+                    @tiny-components/upload
+                </h1>
+            </div>
+            <div class="bar__main justify-end">
+                <a class="button button--small m-left-sm-3 m-bottom-0" href="https://git.node001.net/tiny-components/upload" rel="noopener" target="_blank">
+                    Gitea
+                    <svg class="m-left-3 icon fill-text" aria-hidden="true">
+                        <use xlink:href="symbol-defs.svg#icon-gitea"></use>
+                    </svg>
+                </a>
+            </div>
+        </div>
+    </header>
+
+    <div class="container">
+        <div class="grid">
+            <div class="col-12">
+
+                <h2>
+                    Upload 
+                </h2>
+
+                <form class="form-html" novalidate method="post">
+                    <div class="field-group">
+                        <tiny-field-upload label="Select File" name="file" multiple></tiny-field-upload>
+                        <field-error name="file"></field-error>
+                    </div>
+                    <button class="button" type="submit" disabled>
+                        Send
+                    </button>
+                </form>
+
+            </div>
+
+            <div class="col-12">
+
+                <h2>
+                    Upload / Max 
+                </h2>
+
+                <form class="form-html" novalidate method="post">
+                    <div class="field-group">
+                        <tiny-field-upload label="Select File" name="file" max="2" multiple></tiny-field-upload>
+                        <field-error name="file"></field-error>
+                    </div>
+                    <button class="button" type="submit" disabled>
+                        Send
+                    </button>
+                </form>
+
+            </div>
+        </div>
+    </div>
+
+    <script type="text/javascript" src="/js/index.js"></script>
+</body>
+</html>
diff --git a/example/js/index.js b/example/js/index.js
new file mode 100644
index 0000000..0b54d38
--- /dev/null
+++ b/example/js/index.js
@@ -0,0 +1 @@
+(()=>{"use strict";const t=new Map,e=Symbol("riot-component"),n=new Set,s="is",i="mount",r="update",o="unmount",a="shouldUpdate",u="onBeforeMount",l="onMounted",c="onBeforeUpdate",d="onUpdated",h="onBeforeUnmount",p="onUnmounted",m="props",f="state",b="slots",v="root",y=Symbol("pure"),x=Symbol("is_updating"),g=Symbol("parent"),N=Symbol("attributes"),T=Symbol("template"),E=0,A=1,O=2,M=3,j=4,w={ATTRIBUTE:0,EVENT:A,TEXT:2,VALUE:3,REF:j};function S(t){return t.replace(/-(\w)/g,(t,e)=>e.toUpperCase())}function _(t,e){throw new Error(t,{cause:e})}function C(t){const e=new Map,n=n=>(e.has(n)||e.set(n,t.call(this,n)))&&e.get(n);return n.cache=e,n}function D(t){return t.reduce((t,e)=>{const{value:n,type:s}=e;switch(!0){case e.type===j:break;case!e.name&&0===s:return{...t,...n};case 3===s:t.value=e.value;break;default:t[S(e.name)]=e.value}return t},{})}function k(t,e){return typeof t===e}function I(t){const e=t.ownerSVGElement;return!!e||null===e}function B(t){return"template"===t.tagName.toLowerCase()}function U(t){return k(t,"function")}function L(t){return!$(t)&&t.constructor===Object}function $(t){return null==t}function R(){return this}function F(t){return U(t)?t.prototype&&t.prototype.constructor?new t:t():t}function P(t){return Array.from(t.attributes).reduce((t,e)=>(t[S(e.name)]=e.value,t),{})}function z(t){for(;t.firstChild;)t.removeChild(t.firstChild)}const V=t=>t.remove(),H=(t,e)=>e&&e.parentNode&&e.parentNode.insertBefore(t,e),K=(t,e)=>e&&e.parentNode&&e.parentNode.replaceChild(t,e),X={[i](t){this.el=t},[r]:R,[o](t,e,n=!1){n?V(this.el):n||z(this.el)},clone(){return{...this}},createDOM:R},q=0,G=1,W=2,Y=3,Z=4,J={EACH:0,IF:1,SIMPLE:2,TAG:3,SLOT:4};function Q(t,e,n,s={}){return Object.defineProperty(t,e,{value:n,enumerable:!1,writable:!1,configurable:!0,...s}),t}function tt(t,e,n){return Object.entries(e).forEach(([e,s])=>{Q(t,e,s,n)}),t}function et(t,e){return Object.entries(e).forEach(([e,n])=>{t[e]||(t[e]=n)}),t}const nt=Symbol(),st=Symbol();function it(t){const e=t.dom.cloneNode(!0),{head:n,tail:s}=function(){const t=document.createTextNode(""),e=document.createTextNode("");return t[nt]=!0,e[st]=!0,{head:t,tail:e}}();return{avoidDOMInjection:!0,fragment:e,head:n,tail:s,children:[n,...Array.from(e.childNodes),s]}}const rt=Symbol("unmount"),ot={nodes:[],mount(t,e){return this.update(t,e)},update(t,e){const{placeholder:n,nodes:s,childrenMap:i}=this,r=t===rt?null:this.evaluate(t),o=r?Array.from(r):[],{newChildrenMap:a,batches:u,futureNodes:l}=function(t,e,n,s){const{condition:i,template:r,childrenMap:o,itemName:a,getKey:u,indexName:l,root:c,isTemplateTag:d}=s,h=new Map,p=[],m=[];return t.forEach((t,s)=>{const f=function(t,{itemName:e,indexName:n,index:s,item:i}){Q(t,e,i),n&&Q(t,n,s);return t}(Object.create(e),{itemName:a,indexName:l,index:s,item:t}),b=u?u(f):s,v=o.get(b),y=[];if(function(t,e){return!!t&&!t(e)}(i,f))return;const x=!v,g=v?v.template:r.clone(),N=g.el||c.cloneNode(),T=d&&x?it(g):g.meta;x?p.push(()=>g.mount(N,f,n,T)):p.push(()=>g.update(f,n)),d?y.push(...T.children):y.push(N),o.delete(b),m.push(...y),h.set(b,{nodes:y,template:g,context:f,index:s})}),{newChildrenMap:h,batches:p,futureNodes:m}}(o,t,e,this);return((t,e,n,s)=>{const i=e.length;let r=t.length,o=i,a=0,u=0,l=null;for(;a<r||u<o;)if(r===a){const t=o<i?u?n(e[u-1],-0).nextSibling:n(e[o-u],0):s;for(;u<o;)H(n(e[u++],1),t)}else if(o===u)for(;a<r;)l&&l.has(t[a])||V(n(t[a],-1)),a++;else if(t[a]===e[u])a++,u++;else if(t[r-1]===e[o-1])r--,o--;else if(t[a]===e[o-1]&&e[u]===t[r-1]){const s=n(t[--r],-1).nextSibling;H(n(e[u++],1),n(t[a++],-1).nextSibling),H(n(e[--o],1),s),t[r]=e[o]}else{if(!l){l=new Map;let t=u;for(;t<o;)l.set(e[t],t++)}if(l.has(t[a])){const s=l.get(t[a]);if(u<s&&s<o){let i=a,c=1;for(;++i<r&&i<o&&l.get(t[i])===s+c;)c++;if(c>s-u){const i=n(t[a],0);for(;u<s;)H(n(e[u++],1),i)}else K(n(e[u++],1),n(t[a++],-1))}else a++}else V(n(t[a++],-1))}})(s,l,function(t,e){return(n,s)=>{if(s<0){const n=t[t.length-1];if(n){const{template:s,nodes:i,context:r}=n;i.pop(),i.length||(t.pop(),s.unmount(r,e,null))}}return n}}(Array.from(i.values()),e),n),u.forEach(t=>t()),this.childrenMap=a,this.nodes=l,this},unmount(t,e){return this.update(rt,e),this}};const at={mount(t,e){return this.update(t,e)},update(t,e){const n=!!this.evaluate(t),s=!this.value&&n,i=this.value&&!n,r=()=>{const n=this.node.cloneNode();H(n,this.placeholder),this.template=this.template.clone(),this.template.mount(n,t,e)};switch(!0){case s:r();break;case i:this.unmount(t);break;default:n&&this.template.update(t,e)}return this.value=n,this},unmount(t,e){return this.template.unmount(t,e,!0),this}};const ut="undefined"==typeof Element?{}:Element.prototype,lt=C(t=>ut.hasOwnProperty(t));function ct({node:t,name:e,isBoolean:n,value:s},i){if(!e)return s&&function(t,e,n){const s=e?Object.keys(e):[];Object.keys(n).filter(t=>!s.includes(t)).forEach(e=>t.removeAttribute(e))}(t,i,s),void(i&&function(t,e){Object.keys(e).forEach(n=>ct({node:t,name:n},e[n]))}(t,i));!lt(e)&&(function(t){return k(t,"boolean")}(i)||L(i)||U(i))&&(t[e]=i),!function(t,e){return e?!t&&0!==t:null==t}(i,n)?function(t){return["string","number","boolean"].includes(typeof t)}(i)&&t.setAttribute(e,function(t,e,n){return!0===e&&n?t:e}(e,i,n)):t.removeAttribute(e)}const dt=/^on/,ht={handleEvent(t){this[t.type](t)}},pt=new WeakMap;function mt(t){return $(t)?"":t}const ft=(t,e)=>t.childNodes[e];const bt={[E]:ct,[A]:function({node:t,name:e},n){const s=e.replace(dt,""),i=pt.get(t)||(t=>{const e=Object.create(ht);return pt.set(t,e),e})(t),[r,o]=(t=>Array.isArray(t)?t:[t,!1])(n),a=i[s],u=r&&!a;a&&!r&&t.removeEventListener(s,i),u&&t.addEventListener(s,i,o),i[s]=r},[O]:function({node:t},e){t.data=mt(e)},[M]:function({node:t},e){t.value=mt(e)},[j]:function({node:t,value:e},n){n?n(t):e(null)}},vt={mount(t){return this.value=this.evaluate(t),bt[this.type](this,this.value),this},update(t){const e=this.evaluate(t);return this.value!==e&&(bt[this.type](this,e),this.value=e),this},unmount(){return[A,j].includes(this.type)&&bt[this.type](this,null),this}};function yt(t,e){return{...vt,...e,node:2===e.type?ft(t,e.childNodeIndex):t}}const xt=(t,e)=>e?.find(e=>e.id===t),gt=(t,e)=>t[g]||e,Nt={attributes:[],getTemplateScope(t,e){return((t,e,n)=>{if(!t||!t.length)return n;const s=t.map(t=>({...t,value:t.evaluate(e)}));return Object.assign(Object.create(n||null),D(s))})(this.attributes,t,e)},mount(t,e){const n=!!t.slots&&xt(this.name,t.slots),{parentNode:s}=this.node,i=n?gt(t,e):t;return this.templateData=n?.html?n:xt(this.name,i.slots),this.template=this.templateData&&St(this.templateData.html,this.templateData.bindings).createDOM(s)||this.template?.clone(),this.template&&(z(this.node),this.template.mount(this.node,this.getTemplateScope(t,i),i),this.template.children=Array.from(this.node.childNodes)),Tt(this.node),V(this.node),this},update(t,e){if(this.template){const n=this.templateData?gt(t,e):t;this.template.update(this.getTemplateScope(t,n),n)}return this},unmount(t,e,n){return this.template&&this.template.unmount(this.getTemplateScope(t,e),null,n),this}};function Tt(t){const e=t&&t.firstChild;e&&(H(e,t),Tt(t))}function Et(t){return t.reduce((t,{bindings:e})=>t.concat(e),[])}const At={mount(t){return this.update(t)},update(t,e){const n=this.evaluate(t);return n&&n===this.name?this.tag.update(t):(this.unmount(t,e,!0),this.name=n,this.tag=function(t,e=[],n=[]){return t?t({slots:e,attributes:n}):St(function(t){return t.reduce((t,e)=>t+e.html,"")}(e),[...Et(e),{expressions:n.map(t=>({type:0,...t}))}])}(this.getComponent(n),this.slots,this.attributes),this.tag.mount(this.node,t)),this},unmount(t,e,n){return this.tag&&this.tag.unmount(n),this}};const Ot={[G]:function(t,{evaluate:e,template:n}){const s=document.createTextNode("");return H(s,t),V(t),{...at,node:t,evaluate:e,placeholder:s,template:n.createDOM(t)}},[W]:function(t,{expressions:e}){return n=e.map(e=>yt(t,e)),["mount","update","unmount"].reduce((t,e)=>({...t,[e]:t=>n.map(n=>n[e](t))&&s}),{});var n,s},[q]:function(t,{evaluate:e,condition:n,itemName:s,indexName:i,getKey:r,template:o}){const a=document.createTextNode(""),u=t.cloneNode();return H(a,t),V(t),{...ot,childrenMap:new Map,node:t,root:u,condition:n,evaluate:e,isTemplateTag:B(u),template:o.createDOM(t),getKey:r,indexName:i,itemName:s,placeholder:a}},[Y]:function(t,{evaluate:e,getComponent:n,slots:s,attributes:i}){return{...At,node:t,evaluate:e,slots:s,attributes:i,getComponent:n}},[Z]:function(t,{name:e,attributes:n,template:s}){return{...Nt,attributes:n,template:s,node:t,name:e}}};function Mt(t,e){return t.map(t=>2===t.type?{...t,childNodeIndex:t.childNodeIndex+e}:t)}function jt(t,e){return I(t)?function(t,e){return e.ownerDocument.importNode((new window.DOMParser).parseFromString(`<svg xmlns="http://www.w3.org/2000/svg">${t}</svg>`,"application/xml").documentElement,!0)}(e,t):function(t,e){const n=B(e)?e:document.createElement("template");return n.innerHTML=t,n.content}(e,t)}const wt={createDOM(t){return this.dom=this.dom||function(t,e){return e&&("string"==typeof e?jt(t,e):e)}(t,this.html)||document.createDocumentFragment(),this},mount(t,e,n,s={}){t||_("Please provide DOM node to mount properly your template"),this.el&&this.unmount(e);const{fragment:i,children:r,avoidDOMInjection:o}=s,{parentNode:a}=r?r[0]:t,u=B(t),l=u?function(t,e,n){const s=Array.from(t.childNodes);return Math.max(s.indexOf(e),s.indexOf(n.head)+1,0)}(a,t,s):null;this.createDOM(t);const c=i||this.dom.cloneNode(!0);return this.el=u?a:t,this.children=u?r||Array.from(c.childNodes):null,!o&&c&&function(t,e){switch(!0){case I(t):!function(t,e){for(;t.firstChild;)e.appendChild(t.firstChild)}(e,t);break;case B(t):t.parentNode.replaceChild(e,t);break;default:t.appendChild(e)}}(t,c),this.bindings=this.bindingsData.map(t=>function(t,e,n){const{selector:s,type:i,redundantAttribute:r,expressions:o}=e,a=s?t.querySelector(s):t;r&&a.removeAttribute(r);const u=o||[];return(Ot[i]||Ot[2])(a,{...e,expressions:n&&!s?Mt(u,n):u})}(this.el,t,l)),this.bindings.forEach(t=>t.mount(e,n)),this.meta=s,this},update(t,e){return this.bindings.forEach(n=>n.update(t,e)),this},unmount(t,e,n=!1){const s=this.el;if(!s)return this;switch(this.bindings.forEach(s=>s.unmount(t,e,n)),!0){case s[y]||null===n:break;case Array.isArray(this.children):!function(t){for(let e=0;e<t.length;e++)V(t[e])}(this.children);break;case!n:z(s);break;case!!n:V(s)}return this.el=null,this},clone(){return{...this,meta:{},el:null}}};function St(t,e=[]){return{...wt,html:t,bindingsData:e}}const _t=Object.freeze({[i]:R,[r]:R,[o]:R}),Ct=(t,n)=>t[e]=n;function Dt(t){return[i,r,o].reduce((e,n)=>(e[n]=t(n),e),{})}function kt(t){return Array.isArray(t)?t:/^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(t))&&"number"==typeof t.length?Array.from(t):[t]}function It(t,e){return kt("string"==typeof t?(e||document).querySelectorAll(t):t)}const Bt=Object.freeze({$(t){return It(t,this.root)[0]},$$(t){return It(t,this.root)}}),Ut=Object.freeze({[a]:R,[u]:R,[l]:R,[c]:R,[d]:R,[h]:R,[p]:R}),Lt=t=>1===t.length?t[0]:t;function $t(t,e,n){const s="object"==typeof e?e:{[e]:n},i=Object.keys(s);return kt(t).forEach(t=>{i.forEach(e=>t.setAttribute(e,s[e]))}),t}function Rt(t,e){return function(t,e,n){const s="string"==typeof e?[e]:e;return Lt(kt(t).map(t=>Lt(s.map(e=>t[n](e)))))}(t,e,"getAttribute")}const Ft=new Map,Pt=()=>zt||($t(zt=It("style[riot]")[0]||document.createElement("style"),"type","text/css"),zt.parentNode||document.head.appendChild(zt),zt);var zt;const Vt={CSS_BY_NAME:Ft,add(t,e){return Ft.has(t)||(Ft.set(t,e),this.inject()),this},inject(){return Pt().innerHTML=[...Ft.values()].join("\n"),this},remove(t){return Ft.has(t)&&(Ft.delete(t),this.inject()),this}};function Ht(t,...e){return(...n)=>(n=[...e,...n]).length<t.length?Ht(t,...n):t(...n)}function Kt(t){return Rt(t,s)||t.tagName.toLowerCase()}function Xt(t,e){return{...t,...F(e)}}function qt(t,e={}){return{...P(t),...F(e)}}const Gt=C(t=>{const e=t?.bindingsData?.[0];return e?.selector?[]:e?.expressions?.reduce((t,{name:e,type:n})=>n===w.ATTRIBUTE?t.concat([e]):t,[])??[]});function Wt(t,{slots:e,attributes:i,props:r}){return o=function(t){return[...n].reduce((t,e)=>e(t)||t,t)}(tt(L(t)?Object.create(t):t,{mount(n,o={},a){return Q(n,y,!1),this[g]=a,this[N]=function(t,e=[]){const n=e.map(e=>yt(t,e)),s={};return Object.assign(s,{expressions:n,...Dt(t=>e=>(n.forEach(n=>n[t](e)),s))})}(n,i).mount(a),Q(this,m,Object.freeze({...qt(n,r),...D(this[N].expressions)})),this[f]=Xt(this[f],o),this[T]=this.template.createDOM(n).clone(),Ct(n,this),t.name&&function(t,e){Kt(t)!==e&&$t(t,s,e)}(n,t.name),Q(this,v,n),Q(this,b,e),this[u](this[m],this[f]),this[T].mount(n,this,a),this[l](this[m],this[f]),this},update(t={},e){e&&(this[g]=e,this[N].update(e));const n=Gt(this[T]),i=P({attributes:Array.from(this[v].attributes).filter(({name:t})=>!n.includes(t))}),{[s]:r,...o}={...i,...D(this[N].expressions)};var u,l;if(!1!==this[a](o,this[m]))return Q(this,m,Object.freeze({...e?(u=this[m],l=n,L(u)?Object.fromEntries(l.map(t=>[t,u[t]])):u):this[m],...o})),this[f]=Xt(this[f],t),this[c](this[m],this[f]),this[x]||(this[x]=!0,this[T].update(this,this[g])),this[d](this[m],this[f]),this[x]=!1,this},unmount(t){return this[h](this[m],this[f]),this[N].unmount(),this[T].unmount(this,this[g],null===t?null:!t),this[p](this[m],this[f]),this}})),Object.keys(t).filter(e=>U(t[e])).forEach(t=>{o[t]=o[t].bind(o)}),o;var o}function Yt({css:t,template:e,componentAPI:n,name:s}){return t&&s&&Vt.add(s,t),Ht(Wt)(tt(et(n,{...Ut,[m]:{},[f]:{}}),{[b]:null,[v]:null,...Bt,name:s,css:t,template:e}))}const Zt=e=>{const n=function(t={}){return Object.entries(F(t)).reduce((t,[e,n])=>{var s;return t[(s=e,s.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase())]=Qt(n),t},{})}(e.exports?e.exports.components:{});return s=>s===e.name?Jt(e):n[s]||t.get(s)},Jt=C(Qt);function Qt(t){const{css:e,template:n,exports:s,name:r}=t,o=n?function(t,e,n){return t(St,w,J,n)}(n,0,Zt(t)):X;return({slots:t,attributes:a,props:u})=>{if(s&&s[y])return function(t,{slots:e,attributes:n,props:s,css:r,template:o}){o&&_("Pure components can not have html"),r&&_("Pure components do not have css");const a=et(t({slots:e,attributes:n,props:s}),_t);return Dt(t=>(...e)=>{if(t===i){const[t]=e;Q(t,y,!0),Ct(t,a)}return a[t](...e),a})}(s,{slots:t,attributes:a,props:u,css:e,template:n});const l=F(s)||{},c=Yt({css:e,template:o,componentAPI:l,name:r})({slots:t,attributes:a,props:u});return{mount:(t,e,n)=>c.mount(t,n,e),update:(t,e)=>c.update(e,t),unmount:t=>c.unmount(t)}}}const te={css:null,exports:{state:{files:[],field:void 0,disabled:!1},onMounted(){this.field=this.$(".tiny-field-upload__field")},onUpdated(t,e){const n=this.$$(".tiny-field-upload__item input");let s=0;if(n.length>0)for(const t of n){const n=new DataTransfer;n.items.add(e.files[s++]),t.files=n.files}},addSrc:t=>URL.createObjectURL(t),handleOpenFileManager(t){this.field.click()},handleRemoveFile(t,e){const n=this.state.files.indexOf(e);this.state.files.splice(n,1),this.validateMax(),this.update()},handleSelectFile(t){let e=0;for(const n of t.target.files)(!this.props.max||this.props.max&&1+e++<=this.props.max)&&this.state.files.push(n);this.validateMax(),this.update()},validateMax(){this.state.disabled=!1,this.props.max&&this.state.files.length>=this.props.max&&(this.state.disabled=!0)}},template:(t,e,n,s)=>t('<div class="tiny-field-upload"><input expr0="expr0" type="file" class="tiny-field-upload__field"/><button expr1="expr1" class="button button--info" type="button"><svg class="icon fill-text-contrast" aria-hidden="true"><use xlink:href="/symbol-defs.svg#icon-upload"/></svg> </button><div class="tiny-field-upload__files"><div expr2="expr2" class="tiny-field-upload__files-item"></div></div></div>',[{redundantAttribute:"expr0",selector:"[expr0]",expressions:[{type:e.ATTRIBUTE,isBoolean:!0,name:"multiple",evaluate:t=>void 0!==t.props.multiple},{type:e.EVENT,name:"onchange",evaluate:t=>e=>{t.handleSelectFile(e)}}]},{redundantAttribute:"expr1",selector:"[expr1]",expressions:[{type:e.TEXT,childNodeIndex:1,evaluate:t=>[t.props.label].join("")},{type:e.EVENT,name:"onclick",evaluate:t=>e=>{t.handleOpenFileManager(e)}},{type:e.ATTRIBUTE,isBoolean:!0,name:"disabled",evaluate:t=>t.state.disabled}]},{type:n.EACH,getKey:null,condition:null,template:t('<div class="panel"><div class="bar"><div class="bar__start"></div><div expr3="expr3" class="bar__main"> </div><div class="bar__end"><button expr4="expr4" type="button" class="button button--transparent tiny-field-upload__files-remove"><svg class="icon fill-text-contrast" aria-hidden="true"><use xlink:href="/symbol-defs.svg#icon-delete"/></svg></button></div></div><div class="panel__body"><input expr5="expr5" type="file"/><img expr6="expr6" class="tiny-field-upload__files-media"/></div></div>',[{redundantAttribute:"expr3",selector:"[expr3]",expressions:[{type:e.TEXT,childNodeIndex:0,evaluate:t=>t.file.name}]},{redundantAttribute:"expr4",selector:"[expr4]",expressions:[{type:e.EVENT,name:"onclick",evaluate:t=>e=>{t.handleRemoveFile(e,t.file)}}]},{redundantAttribute:"expr5",selector:"[expr5]",expressions:[{type:e.ATTRIBUTE,isBoolean:!1,name:"name",evaluate:t=>[t.props.name,"[]"].join("")}]},{redundantAttribute:"expr6",selector:"[expr6]",expressions:[{type:e.ATTRIBUTE,isBoolean:!1,name:"src",evaluate:t=>t.addSrc(t.file)}]}]),redundantAttribute:"expr2",selector:"[expr2]",itemName:"file",indexName:null,evaluate:t=>t.state.files}]),name:"tiny-field-upload"};var ee,ne;!function(e,{css:n,template:s,exports:i}){t.has(e)&&_(`The component "${e}" was already registered`),t.set(e,Qt({name:e,css:n,template:s,exports:i}))}("tiny-field-upload",te),It("tiny-field-upload").map(e=>function(e,n,s,i){const r=s||Kt(e);return t.has(r)||_(`The component named "${r}" was never registered`),t.get(r)({props:n,slots:i}).mount(e)}(e,ee,ne))})();
\ No newline at end of file
diff --git a/example/js/spritemap.js b/example/js/spritemap.js
new file mode 100644
index 0000000..cf16298
--- /dev/null
+++ b/example/js/spritemap.js
@@ -0,0 +1 @@
+(self.webpackChunk_tiny_components_upload=self.webpackChunk_tiny_components_upload||[]).push([[654],{874:()=>{}}]);
\ No newline at end of file
diff --git a/example/symbol-defs.svg b/example/symbol-defs.svg
new file mode 100644
index 0000000..250cd5e
--- /dev/null
+++ b/example/symbol-defs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"><symbol id="icon-add" viewBox="0 0 24 24"><title>add</title><path d="M12 4a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2h-6v6a1 1 0 1 1-2 0v-6H5a1 1 0 1 1 0-2h6V5a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-archive" viewBox="0 0 24 24"><title>archive</title><path d="M2 5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v2a2 2 0 0 1-1.017 1.742c.011.084.017.17.017.258v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9c0-.087.006-.174.017-.258A2 2 0 0 1 2 7V5zm18 2V5H4v2h16zM5 9v10h14V9H5zm3 3a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-arrow-down" viewBox="0 0 24 24"><title>arrow-down</title><path d="M12 4a1 1 0 0 1 1 1v11.586l4.293-4.293a1 1 0 0 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 1 1 1.414-1.414L11 16.586V5a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-arrow-left-down" viewBox="0 0 24 24"><title>arrow-left-down</title><path d="M17.707 6.293a1 1 0 0 1 0 1.414L9.414 16H15a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1V9a1 1 0 1 1 2 0v5.586l8.293-8.293a1 1 0 0 1 1.414 0z"/></symbol><symbol id="icon-arrow-left-up" viewBox="0 0 24 24"><title>arrow-left-up</title><path d="M8 9.414V15a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H9.414l8.293 8.293a1 1 0 0 1-1.414 1.414L8 9.414z"/></symbol><symbol id="icon-arrow-left" viewBox="0 0 24 24"><title>arrow-left</title><path d="M11.707 5.293a1 1 0 0 1 0 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l4.293 4.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0z"/></symbol><symbol id="icon-arrow-right-down" viewBox="0 0 24 24"><title>arrow-right-down</title><path d="M6.293 6.293a1 1 0 0 1 1.414 0L16 14.586V9a1 1 0 1 1 2 0v8a1 1 0 0 1-1 1H9a1 1 0 1 1 0-2h5.586L6.293 7.707a1 1 0 0 1 0-1.414z"/></symbol><symbol id="icon-arrow-right-up" viewBox="0 0 24 24"><title>arrow-right-up</title><path d="M8 7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0V9.414l-8.293 8.293a1 1 0 0 1-1.414-1.414L14.586 8H9a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-arrow-right" viewBox="0 0 24 24"><title>arrow-right</title><path d="M12.293 5.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L16.586 13H5a1 1 0 1 1 0-2h11.586l-4.293-4.293a1 1 0 0 1 0-1.414z"/></symbol><symbol id="icon-arrow-up" viewBox="0 0 24 24"><title>arrow-up</title><path d="M12 4a1 1 0 0 1 .707.293l6 6a1 1 0 0 1-1.414 1.414L13 7.414V19a1 1 0 1 1-2 0V7.414l-4.293 4.293a1 1 0 0 1-1.414-1.414l6-6A1 1 0 0 1 12 4z"/></symbol><symbol id="icon-attachment" viewBox="0 0 24 24"><title>attachment</title><path d="M19.463 5.576c-.688-.75-1.929-.796-2.756.031l-8.1 8.1c-.21.21-.21.476 0 .686.21.21.476.21.686 0l6.7-6.7a1 1 0 0 1 1.414 1.414l-6.7 6.7a2.45 2.45 0 0 1-3.514 0 2.45 2.45 0 0 1 0-3.514l8.1-8.1c1.567-1.568 4.115-1.619 5.63.015 1.552 1.569 1.597 4.104-.03 5.613l-9.486 9.486c-2.19 2.19-5.624 2.19-7.814 0-2.19-2.19-2.19-5.624 0-7.814l8.1-8.1a1 1 0 0 1 1.414 1.414l-8.1 8.1c-1.41 1.41-1.41 3.576 0 4.986 1.41 1.41 3.576 1.41 4.986 0l9.5-9.5.031-.03c.75-.687.796-1.929-.031-2.756a1.06 1.06 0 0 1-.03-.031z"/></symbol><symbol id="icon-backspace" viewBox="0 0 24 24"><title>backspace</title><path d="M17.707 8.293a1 1 0 0 1 0 1.414L15.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L14 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L12.586 12l-2.293-2.293a1 1 0 1 1 1.414-1.414L14 10.586l2.293-2.293a1 1 0 0 1 1.414 0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22 5a1 1 0 0 0-1-1H9.46a2 2 0 0 0-1.519.698l-5.142 6a2 2 0 0 0 0 2.604l5.142 6A2 2 0 0 0 9.46 20H21a1 1 0 0 0 1-1V5zm-2 13H9.46l-5.143-6L9.46 6H20v12z"/></symbol><symbol id="icon-ban" viewBox="0 0 24 24"><title>ban</title><path d="M5.68 7.094A8 8 0 0 0 16.905 18.32L5.68 7.094zM7.094 5.68 18.32 16.906A8 8 0 0 0 7.094 5.68zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z"/></symbol><symbol id="icon-bar-chart-alt" viewBox="0 0 24 24"><title>bar-chart-alt</title><path d="M12 4a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm5 4a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1zM7 12a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-bar-chart" viewBox="0 0 24 24"><title>bar-chart</title><path d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5zm16 0H5v14h14V5zm-7 2a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1zm4 2a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1zm-8 2a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-board" viewBox="0 0 24 24"><title>board</title><path d="M2 5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5zm6 0H4v14h4V5zm2 0v14h4V5h-4zm6 0v14h4V5h-4z"/></symbol><symbol id="icon-bold" viewBox="0 0 24 24"><title>bold</title><path d="M7 4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h6.5a4.5 4.5 0 0 0 1.545-8.728A4.5 4.5 0 0 0 11.5 4H7zm4.5 7H8V6h3.5a2.5 2.5 0 0 1 0 5zM8 13h5.5a2.5 2.5 0 0 1 0 5H8v-5z"/></symbol><symbol id="icon-book" viewBox="0 0 24 24"><title>book</title><path d="M4 6.633c.14-.056.308-.118.503-.181A9.77 9.77 0 0 1 7.5 6a9.77 9.77 0 0 1 2.997.452c.195.063.363.125.503.181v10.88A11.817 11.817 0 0 0 7.5 17c-1.46 0-2.649.248-3.5.513V6.633zm8-1.748a9.257 9.257 0 0 0-.888-.337A11.769 11.769 0 0 0 7.5 4c-1.526 0-2.755.271-3.612.548a8.889 8.889 0 0 0-1.001.389 5.905 5.905 0 0 0-.357.18l-.025.014-.009.005-.003.002h-.001c-.002.002-.247.147-.002.002A1 1 0 0 0 2 6v13a1 1 0 0 0 1.51.86l-.005.003h.001l.002-.001.001-.001.037-.02c.037-.02.098-.05.182-.09.17-.078.43-.188.775-.3A9.77 9.77 0 0 1 7.5 19a9.77 9.77 0 0 1 2.997.451 6.9 6.9 0 0 1 .775.3 3.976 3.976 0 0 1 .223.112m0 0h-.001l-.002-.001-.001-.001c.314.185.704.185 1.018 0l.037-.02c.037-.02.098-.05.182-.09a6.9 6.9 0 0 1 .775-.3A9.77 9.77 0 0 1 16.5 19a9.77 9.77 0 0 1 2.997.451 6.9 6.9 0 0 1 .775.3 3.976 3.976 0 0 1 .219.11A1 1 0 0 0 22 19V6a1 1 0 0 0-.49-.86l-.002-.001h-.001l-.003-.003-.01-.005-.024-.014a5.883 5.883 0 0 0-.357-.18 8.897 8.897 0 0 0-1-.389A11.769 11.769 0 0 0 16.5 4c-1.525 0-2.755.271-3.612.548a9.112 9.112 0 0 0-.888.337m8 1.748v10.88A11.817 11.817 0 0 0 16.5 17c-1.46 0-2.649.248-3.5.513V6.633c.14-.056.308-.118.503-.181A9.77 9.77 0 0 1 16.5 6a9.77 9.77 0 0 1 2.997.452c.195.063.363.125.503.181zm.49.228.005.002h-.001l-.003-.002zm0 13 .004.002-.002-.002"/></symbol><symbol id="icon-bookmark" viewBox="0 0 24 24"><title>bookmark</title><path d="M4 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v17a1 1 0 0 1-1.581.814L12 17.229l-6.419 4.585A1 1 0 0 1 4 21V4zm14 0H6v15.057l5.419-3.87a1 1 0 0 1 1.162 0L18 19.056V4z"/></symbol><symbol id="icon-calendar" viewBox="0 0 24 24"><title>calendar</title><path d="M9 2a1 1 0 0 1 1 1v1h4V3a1 1 0 1 1 2 0v1h3a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V3a1 1 0 0 1 1-1zM8 6H5v3h14V6h-3v1a1 1 0 1 1-2 0V6h-4v1a1 1 0 0 1-2 0V6zm11 5H5v8h14v-8z"/></symbol><symbol id="icon-call" viewBox="0 0 24 24"><title>call</title><path d="M3.833 4h4.49L9.77 7.618l-2.325 1.55A1 1 0 0 0 7 10c.003.094 0 .001 0 .001v.021a2.129 2.129 0 0 0 .006.134c.006.082.016.193.035.33.039.27.114.642.26 1.08.294.88.87 2.019 1.992 3.141 1.122 1.122 2.261 1.698 3.14 1.992.439.146.81.22 1.082.26a4.424 4.424 0 0 0 .463.04l.013.001h.008s.112-.006.001 0a1 1 0 0 0 .894-.553l.67-1.34 4.436.74v4.32c-2.111.305-7.813.606-12.293-3.874C3.227 11.813 3.527 6.11 3.833 4zm5.24 6.486 1.807-1.204a2 2 0 0 0 .747-2.407L10.18 3.257A2 2 0 0 0 8.323 2H3.781c-.909 0-1.764.631-1.913 1.617-.34 2.242-.801 8.864 4.425 14.09 5.226 5.226 11.848 4.764 14.09 4.425.986-.15 1.617-1.004 1.617-1.913v-4.372a2 2 0 0 0-1.671-1.973l-4.436-.739a2 2 0 0 0-2.118 1.078l-.346.693a4.71 4.71 0 0 1-.363-.105c-.62-.206-1.481-.63-2.359-1.508-.878-.878-1.302-1.739-1.508-2.36a4.583 4.583 0 0 1-.125-.447z"/></symbol><symbol id="icon-camera" viewBox="0 0 24 24"><title>camera</title><path d="M8.293 4.293A1 1 0 0 1 9 4h6a1 1 0 0 1 .707.293L17.414 6H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2.586l1.707-1.707zM9.414 6 7.707 7.707A1 1 0 0 1 7 8H4v10h16V8h-3a1 1 0 0 1-.707-.293L14.586 6H9.414zM12 10.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0z"/></symbol><symbol id="icon-caret-down" viewBox="0 0 24 24"><title>caret-down</title><path d="m17 10-5 6-5-6h10z"/></symbol><symbol id="icon-caret-left" viewBox="0 0 24 24"><title>caret-left</title><path d="m14 17-6-5 6-5v10z"/></symbol><symbol id="icon-caret-right" viewBox="0 0 24 24"><title>caret-right</title><path d="m10 7 6 5-6 5V7z"/></symbol><symbol id="icon-caret-up" viewBox="0 0 24 24"><title>caret-up</title><path d="m7 14 5-6 5 6H7z"/></symbol><symbol id="icon-check" viewBox="0 0 24 24"><title>check</title><path d="M20.664 5.253a1 1 0 0 1 .083 1.411l-10.666 12a1 1 0 0 1-1.495 0l-5.333-6a1 1 0 0 1 1.494-1.328l4.586 5.159 9.92-11.16a1 1 0 0 1 1.411-.082z"/></symbol><symbol id="icon-checkbox-checked" viewBox="0 0 24 24"><title>checkbox-checked</title><path d="M1.998 4.868a2.855 2.855 0 0 1 2.858-2.852h14.288a2.855 2.855 0 0 1 2.858 2.852v14.264a2.855 2.855 0 0 1-2.858 2.852H4.856a2.855 2.855 0 0 1-2.858-2.852zm17.991-.719H3.957v15.953h16.032Z" stroke-width="1.428"/><path d="M16.664 8.253a1 1 0 0 1 .083 1.411l-5.333 6a1 1 0 0 1-1.495 0l-2.666-3a1 1 0 0 1 1.494-1.328l1.92 2.159 4.586-5.16a1 1 0 0 1 1.411-.082z"/></symbol><symbol id="icon-checkbox" viewBox="0 0 24 24"><title>checkbox</title><path d="M1.998 4.868a2.855 2.855 0 0 1 2.858-2.852h14.288a2.855 2.855 0 0 1 2.858 2.852v14.264a2.855 2.855 0 0 1-2.858 2.852H4.856a2.855 2.855 0 0 1-2.858-2.852zm17.991-.719H3.957v15.953h16.032Z" stroke-width="1.428"/></symbol><symbol id="icon-chevron-double-down" viewBox="0 0 24 24"><title>chevron-double-down</title><path d="M5.293 6.293a1 1 0 0 1 1.414 0L12 11.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414zm0 6a1 1 0 0 1 1.414 0L12 17.586l5.293-5.293a1 1 0 0 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414z"/></symbol><symbol id="icon-chevron-double-left" viewBox="0 0 24 24"><title>chevron-double-left</title><path d="M17.707 5.293a1 1 0 0 1 0 1.414L12.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0zm-6 0a1 1 0 0 1 0 1.414L6.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0z"/></symbol><symbol id="icon-chevron-double-right" viewBox="0 0 24 24"><title>chevron-double-right</title><path d="M12.293 5.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L17.586 12l-5.293-5.293a1 1 0 0 1 0-1.414zm-6 0a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L11.586 12 6.293 6.707a1 1 0 0 1 0-1.414z"/></symbol><symbol id="icon-chevron-double-up" viewBox="0 0 24 24"><title>chevron-double-up</title><path d="M11.293 4.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 6.414l-5.293 5.293a1 1 0 0 1-1.414-1.414l6-6zM12 12.414l-5.293 5.293a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 12.414z"/></symbol><symbol id="icon-chevron-down" viewBox="0 0 24 24"><title>chevron-down</title><path d="M5.293 9.293a1 1 0 0 1 1.414 0L12 14.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414z"/></symbol><symbol id="icon-chevron-left" viewBox="0 0 24 24"><title>chevron-left</title><path d="M14.707 5.293a1 1 0 0 1 0 1.414L9.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0z"/></symbol><symbol id="icon-chevron-right" viewBox="0 0 24 24"><title>chevron-right</title><path d="M9.293 18.707a1 1 0 0 1 0-1.414L14.586 12 9.293 6.707a1 1 0 0 1 1.414-1.414l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414 0z"/></symbol><symbol id="icon-chevron-up" viewBox="0 0 24 24"><title>chevron-up</title><path d="M11.293 7.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 9.414l-5.293 5.293a1 1 0 0 1-1.414-1.414l6-6z"/></symbol><symbol id="icon-circle-add" viewBox="0 0 24 24"><title>circle-add</title><path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm10-5a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V8a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-circle-arrow-down" viewBox="0 0 24 24"><title>circle-arrow-down</title><path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm10-6a1 1 0 0 1 1 1v7.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L11 14.586V7a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-circle-arrow-left" viewBox="0 0 24 24"><title>circle-arrow-left</title><path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm9.707-4.707a1 1 0 0 1 0 1.414L9.414 11H17a1 1 0 1 1 0 2H9.414l2.293 2.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0z"/></symbol><symbol id="icon-circle-arrow-right" viewBox="0 0 24 24"><title>circle-arrow-right</title><path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm10.293-4.707a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L14.586 13H7a1 1 0 1 1 0-2h7.586l-2.293-2.293a1 1 0 0 1 0-1.414z"/></symbol><symbol id="icon-circle-arrow-up" viewBox="0 0 24 24"><title>circle-arrow-up</title><path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm9-2.586-2.293 2.293a1 1 0 0 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L13 9.414V17a1 1 0 1 1-2 0V9.414z"/></symbol><symbol id="icon-circle-check" viewBox="0 0 24 24"><title>circle-check</title><path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm14.664-3.247a1 1 0 0 1 .083 1.411l-5.333 6a1 1 0 0 1-1.495 0l-2.666-3a1 1 0 0 1 1.494-1.328l1.92 2.159 4.586-5.16a1 1 0 0 1 1.411-.082z"/></symbol><symbol id="icon-circle-error" viewBox="0 0 24 24"><title>circle-error</title><path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm5.793-4.207a1 1 0 0 1 1.414 0L12 10.586l2.793-2.793a1 1 0 1 1 1.414 1.414L13.414 12l2.793 2.793a1 1 0 0 1-1.414 1.414L12 13.414l-2.793 2.793a1 1 0 0 1-1.414-1.414L10.586 12 7.793 9.207a1 1 0 0 1 0-1.414z"/></symbol><symbol id="icon-circle-help" viewBox="0 0 24 24"><title>circle-help</title><path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z"/><path d="M12 14a1 1 0 0 1-1-1v-1a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1zm-1.5 2.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0z"/><path d="M12.39 7.811c-.957-.045-1.76.49-1.904 1.353a1 1 0 0 1-1.972-.328c.356-2.136 2.303-3.102 3.971-3.022.854.04 1.733.347 2.409.979C15.587 7.44 16 8.368 16 9.5c0 1.291-.508 2.249-1.383 2.832-.803.535-1.788.668-2.617.668a1 1 0 1 1 0-2c.67 0 1.186-.117 1.508-.332.25-.167.492-.46.492-1.168 0-.618-.212-1.003-.472-1.246-.277-.259-.68-.42-1.138-.443z"/></symbol><symbol id="icon-circle-information" viewBox="0 0 24 24"><title>circle-information</title><path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z"/><path d="M12 10a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1zm1.5-2.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/></symbol><symbol id="icon-circle-remove" viewBox="0 0 24 24"><title>circle-remove</title><path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm5 0a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-circle-warning" viewBox="0 0 24 24"><title>circle-warning</title><path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z"/><path d="M12 14a1 1 0 0 1-1-1V7a1 1 0 1 1 2 0v6a1 1 0 0 1-1 1zm-1.5 2.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0z"/></symbol><symbol id="icon-circle" viewBox="0 0 24 24"><title>circle</title><path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12z"/></symbol><symbol id="icon-clipboard-check" viewBox="0 0 24 24"><title>clipboard-check</title><path d="M8 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1h2a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h2zm0 2H6v15h12V5h-2v1a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V5zm6-1h-4v1h4V4zm1.707 6.793a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 1 1 1.414-1.414L11 14.086l3.293-3.293a1 1 0 0 1 1.414 0z"/></symbol><symbol id="icon-clipboard-list" viewBox="0 0 24 24"><title>clipboard-list</title><path d="M9 11.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm2-1a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-3a1 1 0 0 1-1-1zm1 2a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2h-3zm0 3a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2h-3zm-2-2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-1 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/><path d="M9 2a1 1 0 0 0-1 1H6a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-2a1 1 0 0 0-1-1H9zm7 3h2v15H6V5h2v1a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V5zm-6 0V4h4v1h-4z"/></symbol><symbol id="icon-clipboard" viewBox="0 0 24 24"><title>clipboard</title><path d="M8 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1h2a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h2zm0 2H6v15h12V5h-2v1a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V5zm6-1h-4v1h4V4z"/></symbol><symbol id="icon-clock" viewBox="0 0 24 24"><title>clock</title><path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm10-6a1 1 0 0 1 1 1v4.586l2.707 2.707a1 1 0 0 1-1.414 1.414l-3-3A1 1 0 0 1 11 12V7a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-close" viewBox="0 0 24 24"><title>close</title><path d="M5.293 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12 5.293 6.707a1 1 0 0 1 0-1.414z"/></symbol><symbol id="icon-cloud-download" viewBox="0 0 24 24"><title>cloud-download</title><path d="M11 4a4 4 0 0 0-3.999 4.102 1 1 0 0 1-.75.992A3.002 3.002 0 0 0 7 15h1a1 1 0 1 1 0 2H7a5 5 0 0 1-1.97-9.596 6 6 0 0 1 11.169-2.4A6 6 0 0 1 16 17a1 1 0 1 1 0-2 4 4 0 1 0-.328-7.987 1 1 0 0 1-.999-.6A4.001 4.001 0 0 0 11 4zm1 6a1 1 0 0 1 1 1v7.586l.293-.293a1 1 0 0 1 1.414 1.414l-2 2a1 1 0 0 1-1.414 0l-2-2a1 1 0 1 1 1.414-1.414l.293.293V11a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-cloud-upload" viewBox="0 0 24 24"><title>cloud-upload</title><path d="M11 4a4 4 0 0 0-3.999 4.102 1 1 0 0 1-.75.992A3.002 3.002 0 0 0 7 15h1a1 1 0 1 1 0 2H7a5 5 0 0 1-1.97-9.596 6 6 0 0 1 11.169-2.4A6 6 0 0 1 16 17a1 1 0 1 1 0-2 4 4 0 1 0-.328-7.987 1 1 0 0 1-.999-.6A4.001 4.001 0 0 0 11 4zm.293 5.293a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1-1.414 1.414L13 12.414V20a1 1 0 1 1-2 0v-7.586l-.293.293a1 1 0 0 1-1.414-1.414l2-2z"/></symbol><symbol id="icon-cloud" viewBox="0 0 24 24"><title>cloud</title><path d="M5 10a6 6 0 0 1 11.671-1.963A6 6 0 0 1 16 20H7a5 5 0 0 1-1.986-9.59A6.071 6.071 0 0 1 5 10zm6-4a4 4 0 0 0-3.903 4.879 1 1 0 0 1-.757 1.194A3.002 3.002 0 0 0 7 18h9a4 4 0 1 0-.08-8 1 1 0 0 1-1-.8A4.002 4.002 0 0 0 11 6z"/></symbol><symbol id="icon-cloudy" viewBox="0 0 24 24"><title>cloudy</title><path d="M16 5a3 3 0 0 1 2.557 4.57 5.96 5.96 0 0 0-1.886-.533 6.019 6.019 0 0 0-2.697-3.25A2.99 2.99 0 0 1 16 5zm-4.055.074a6 6 0 0 0-6.931 6.336A5 5 0 0 0 7 21h9a6 6 0 0 0 4.2-10.285 5 5 0 0 0-8.255-5.64zM7 11a4 4 0 0 1 7.92-.8 1 1 0 0 0 1 .8H16a4 4 0 0 1 0 8H7a3 3 0 0 1-.66-5.927 1 1 0 0 0 .757-1.194A4.017 4.017 0 0 1 7 11z"/></symbol><symbol id="icon-comment" viewBox="0 0 24 24"><title>comment</title><path d="M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5zm14 8.586L11.586 19H5V5h14v6.586zM14.414 19 19 14.414V19h-4.586z"/></symbol><symbol id="icon-compass" viewBox="0 0 24 24"><title>compass</title><path d="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0zm8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1.414 11.414 2.122-4.95-4.95 2.122-2.122 4.95 4.95-2.122z"/></symbol><symbol id="icon-computer" viewBox="0 0 24 24"><title>computer</title><path d="M2 5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-7v2h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3v-2H4a2 2 0 0 1-2-2V5zm18 11V5H4v11h16z"/></symbol><symbol id="icon-copy" viewBox="0 0 24 24"><title>copy</title><path d="M2 4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v4h4a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-4H4a2 2 0 0 1-2-2V4zm8 12v4h10V10h-4v4a2 2 0 0 1-2 2h-4zm4-2V4H4v10h10z"/></symbol><symbol id="icon-credit-card" viewBox="0 0 24 24"><title>credit-card</title><path d="M22 6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6zm-2 2H4V6h16v2zM4 11h16v7H4v-7z"/></symbol><symbol id="icon-database" viewBox="0 0 24 24"><title>database</title><path d="M5 6c0 .026.01.17.292.42.28.248.744.518 1.402.765C8.004 7.675 9.88 8 12 8s3.997-.324 5.306-.815c.658-.247 1.121-.517 1.402-.766C18.99 6.17 19 6.026 19 6c0-.026-.01-.17-.292-.42-.28-.248-.744-.518-1.402-.765C15.996 4.325 14.12 4 12 4s-3.997.324-5.306.815c-.658.247-1.121.517-1.402.766C5.01 5.83 5 5.974 5 6zM3 6c0-.803.437-1.448.965-1.916.53-.469 1.238-.846 2.027-1.142C7.578 2.347 9.702 2 12 2c2.297 0 4.422.347 6.008.942.79.296 1.498.673 2.027 1.142C20.562 4.552 21 5.197 21 6v12c0 .803-.438 1.448-.965 1.916-.53.469-1.238.846-2.027 1.142-1.586.595-3.71.942-6.008.942-2.297 0-4.422-.348-6.008-.942-.79-.296-1.498-.673-2.027-1.142C3.437 19.448 3 18.803 3 18V6zm2 4c0 .025.01.17.292.42.28.248.744.518 1.402.765C8.004 11.675 9.88 12 12 12s3.997-.324 5.306-.815c.658-.247 1.121-.517 1.402-.766.282-.25.292-.394.292-.419V8.616a8.52 8.52 0 0 1-.992.442C16.422 9.653 14.298 10 12 10c-2.297 0-4.422-.347-6.008-.942A8.52 8.52 0 0 1 5 8.616V10zm0 2.616V14c0 .025.01.17.292.42.28.248.744.518 1.402.765C8.004 15.675 9.88 16 12 16s3.997-.324 5.306-.815c.658-.247 1.121-.517 1.402-.766.282-.25.292-.394.292-.419v-1.384c-.31.164-.643.31-.992.442-1.586.595-3.71.942-6.008.942-2.297 0-4.422-.348-6.008-.942A8.518 8.518 0 0 1 5 12.616zm0 4V18c0 .026.01.17.292.42.28.248.744.518 1.402.765C8.004 19.675 9.88 20 12 20s3.997-.324 5.306-.815c.658-.247 1.121-.517 1.402-.765.282-.25.292-.395.292-.42v-1.384c-.31.164-.643.31-.992.442-1.586.595-3.71.942-6.008.942-2.297 0-4.422-.348-6.008-.942A8.518 8.518 0 0 1 5 16.616z"/></symbol><symbol id="icon-delete-alt" viewBox="0 0 24 24"><title>delete-alt</title><path d="M7 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2h4a1 1 0 1 1 0 2h-1.069l-.867 12.142A2 2 0 0 1 17.069 22H6.93a2 2 0 0 1-1.995-1.858L4.07 8H3a1 1 0 0 1 0-2h4V4zm2 2h6V4H9v2zM6.074 8l.857 12H17.07l.857-12H6.074z"/></symbol><symbol id="icon-delete" viewBox="0 0 24 24"><title>delete</title><path d="M7 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2h4a1 1 0 1 1 0 2h-1.069l-.867 12.142A2 2 0 0 1 17.069 22H6.93a2 2 0 0 1-1.995-1.858L4.07 8H3a1 1 0 0 1 0-2h4V4zm2 2h6V4H9v2zM6.074 8l.857 12H17.07l.857-12H6.074zM10 10a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1zm4 0a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-document-add" viewBox="0 0 24 24"><title>document-add</title><path d="M4 4a2 2 0 0 1 2-2h8a1 1 0 0 1 .707.293l5 5A1 1 0 0 1 20 8v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm13.586 4L14 4.414V8h3.586zM12 4H6v16h12V10h-5a1 1 0 0 1-1-1V4zm0 8a1 1 0 0 1 1 1v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0v-1h-1a1 1 0 1 1 0-2h1v-1a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-document-check" viewBox="0 0 24 24"><title>document-check</title><path d="M4 4a2 2 0 0 1 2-2h8a1 1 0 0 1 .707.293l5 5A1 1 0 0 1 20 8v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm13.586 4L14 4.414V8h3.586zM12 4H6v16h12V10h-5a1 1 0 0 1-1-1V4zm3.707 8.293a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 1 1 1.414-1.414L11 15.586l3.293-3.293a1 1 0 0 1 1.414 0z"/></symbol><symbol id="icon-document-download" viewBox="0 0 24 24"><title>document-download</title><path d="M4 4a2 2 0 0 1 2-2h8a1 1 0 0 1 .707.293l5 5A1 1 0 0 1 20 8v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm13.586 4L14 4.414V8h3.586zM12 4H6v16h12V10h-5a1 1 0 0 1-1-1V4zm0 7.5a1 1 0 0 1 1 1v2.586l.293-.293a1 1 0 0 1 1.414 1.414l-2 2a1 1 0 0 1-1.414 0l-2-2a1 1 0 1 1 1.414-1.414l.293.293V12.5a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-document-empty" viewBox="0 0 24 24"><title>document-empty</title><path d="M4 4a2 2 0 0 1 2-2h8a1 1 0 0 1 .707.293l5 5A1 1 0 0 1 20 8v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm13.586 4L14 4.414V8h3.586zM12 4H6v16h12V10h-5a1 1 0 0 1-1-1V4z"/></symbol><symbol id="icon-document-remove" viewBox="0 0 24 24"><title>document-remove</title><path d="M4 4a2 2 0 0 1 2-2h8a1 1 0 0 1 .707.293l5 5A1 1 0 0 1 20 8v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm13.586 4L14 4.414V8h3.586zM12 4H6v16h12V10h-5a1 1 0 0 1-1-1V4zM9 15a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-document" viewBox="0 0 24 24"><title>document</title><path d="M4 4a2 2 0 0 1 2-2h8a1 1 0 0 1 .707.293l5 5A1 1 0 0 1 20 8v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm13.586 4L14 4.414V8h3.586zM12 4H6v16h12V10h-5a1 1 0 0 1-1-1V4zm-4 9a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-download" viewBox="0 0 24 24"><title>download</title><path d="M12 2a1 1 0 0 1 1 1v10.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L11 13.586V3a1 1 0 0 1 1-1zM5 17a1 1 0 0 1 1 1v2h12v-2a1 1 0 1 1 2 0v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-drag" viewBox="0 0 24 24"><title>drag</title><path d="M4 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-drop" viewBox="0 0 24 24"><title>drop</title><path d="M12.65 2.24a1 1 0 0 0-1.301.001l-.089.077a31.487 31.487 0 0 0-1.053.982 34.26 34.26 0 0 0-2.479 2.69c-.902 1.094-1.823 2.373-2.522 3.722C4.511 11.052 4 12.528 4 14a8 8 0 1 0 16 0c0-1.472-.511-2.948-1.206-4.288-.7-1.35-1.62-2.628-2.522-3.723a34.258 34.258 0 0 0-3.299-3.462l-.322-.286zM6 14c0-1.028.364-2.177.981-3.368.614-1.182 1.443-2.341 2.29-3.371A32.25 32.25 0 0 1 12 4.35a32.255 32.255 0 0 1 2.728 2.909c.848 1.03 1.677 2.19 2.29 3.372.618 1.191.982 2.34.982 3.368a6 6 0 0 1-12 0z"/><path d="M8.36 14.042a1 1 0 0 0-.674 1.243 4.508 4.508 0 0 0 3.029 3.029 1 1 0 1 0 .57-1.917 2.508 2.508 0 0 1-1.682-1.682 1 1 0 0 0-1.243-.673z"/></symbol><symbol id="icon-edit-alt" viewBox="0 0 24 24"><title>edit-alt</title><path d="M16.293 3.293a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 0 1.414l-9 9A1 1 0 0 1 11 17H8a1 1 0 0 1-1-1v-3a1 1 0 0 1 .293-.707l9-9zM9 13.414V15h1.586l8-8L17 5.414l-8 8zM3 7a2 2 0 0 1 2-2h5a1 1 0 1 1 0 2H5v12h12v-5a1 1 0 1 1 2 0v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z"/></symbol><symbol id="icon-edit" viewBox="0 0 24 24"><title>edit</title><path d="M16.293 2.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-13 13A1 1 0 0 1 8 21H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 .293-.707l10-10 3-3zM14 7.414l-9 9V19h2.586l9-9L14 7.414zm4 1.172L19.586 7 17 4.414 15.414 6 18 8.586z"/></symbol><symbol id="icon-email" viewBox="0 0 24 24"><title>email</title><path d="M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6zm3.519 0L12 11.671 18.481 6H5.52zM20 7.329l-7.341 6.424a1 1 0 0 1-1.318 0L4 7.329V18h16V7.329z"/></symbol><symbol id="icon-enter" viewBox="0 0 24 24"><title>enter</title><path fill-rule="evenodd" clip-rule="evenodd" d="M3 14a1 1 0 0 1 1-1h12a3 3 0 0 0 3-3V6a1 1 0 1 1 2 0v4a5 5 0 0 1-5 5H4a1 1 0 0 1-1-1z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.293 14.707a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 1.414L5.414 14l3.293 3.293a1 1 0 1 1-1.414 1.414l-4-4z"/></symbol><symbol id="icon-expand" viewBox="0 0 24 24"><title>expand</title><path d="M17 2a1 1 0 1 0 0 2h1.586l-4.293 4.293a1 1 0 0 0 1.414 1.414L20 5.414V7a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1h-4zM4 18.586V17a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2H5.414l4.293-4.293a1 1 0 0 0-1.414-1.414L4 18.586z"/></symbol><symbol id="icon-export" viewBox="0 0 24 24"><title>export</title><path d="M11.293 2.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L13 5.414V16a1 1 0 1 1-2 0V5.414L8.707 7.707a1 1 0 0 1-1.414-1.414l4-4zM5 17a1 1 0 0 1 1 1v2h12v-2a1 1 0 1 1 2 0v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-external-link" viewBox="0 0 24 24"><title>external-link</title><path d="M14 5a1 1 0 1 1 0-2h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V6.414l-9.293 9.293a1 1 0 0 1-1.414-1.414L17.586 5H14zM3 7a2 2 0 0 1 2-2h5a1 1 0 1 1 0 2H5v12h12v-5a1 1 0 1 1 2 0v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z"/></symbol><symbol id="icon-eye-off" viewBox="0 0 24 24"><title>eye-off</title><path d="M4.707 3.293a1 1 0 0 0-1.414 1.414l2.424 2.424c-1.43 1.076-2.678 2.554-3.611 4.422a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c1.555 0 3.1-.355 4.53-1.055l2.763 2.762a1 1 0 0 0 1.414-1.414l-16-16zm10.307 13.135c-.98.383-2 .572-3.014.572-2.969 0-6.002-1.62-7.87-5 .817-1.479 1.858-2.62 3.018-3.437l2.144 2.144a3 3 0 0 0 4.001 4.001l1.72 1.72zm3.538-2.532c.483-.556.926-1.187 1.318-1.896-1.868-3.38-4.9-5-7.87-5-.112 0-.224.002-.336.007L9.879 5.223A10.215 10.215 0 0 1 12 5c3.903 0 7.736 2.236 9.894 6.553a1 1 0 0 1 0 .894 13.106 13.106 0 0 1-1.925 2.865l-1.417-1.416z"/></symbol><symbol id="icon-eye" viewBox="0 0 24 24"><title>eye</title><path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path d="M21.894 11.553C19.736 7.236 15.904 5 12 5c-3.903 0-7.736 2.236-9.894 6.553a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894zM12 17c-2.969 0-6.002-1.62-7.87-5C5.998 8.62 9.03 7 12 7c2.969 0 6.002 1.62 7.87 5-1.868 3.38-4.901 5-7.87 5z"/></symbol><symbol id="icon-favorite" viewBox="0 0 24 24"><title>favorite</title><path d="M12 2.5a1 1 0 0 1 .894.553l2.58 5.158 5.67.824a1 1 0 0 1 .554 1.706l-4.127 4.024.928 5.674a1 1 0 0 1-1.455 1.044L12 18.807l-5.044 2.676a1 1 0 0 1-1.455-1.044l.928-5.674-4.127-4.024a1 1 0 0 1 .554-1.706l5.67-.824 2.58-5.158A1 1 0 0 1 12 2.5zm0 3.236-1.918 3.836a1 1 0 0 1-.75.543l-4.184.608 3.05 2.973a1 1 0 0 1 .289.878L7.8 18.771l3.731-1.98a1 1 0 0 1 .938 0l3.731 1.98-.687-4.197a1 1 0 0 1 .289-.877l3.05-2.974-4.183-.608a1 1 0 0 1-.75-.543L12 5.736z"/></symbol><symbol id="icon-filter-1" viewBox="0 0 24 24"><title>filter-1</title><path d="M4 7a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm2 5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1zm2 5a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-filter-alt" viewBox="0 0 24 24"><title>filter-alt</title><path d="M4 7a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm2 5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1zm2 5a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-filter" viewBox="0 0 24 24"><title>filter</title><path d="M9 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM6.17 5a3.001 3.001 0 0 1 5.66 0H19a1 1 0 1 1 0 2h-7.17a3.001 3.001 0 0 1-5.66 0H5a1 1 0 0 1 0-2h1.17zM15 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2.83 0a3.001 3.001 0 0 1 5.66 0H19a1 1 0 1 1 0 2h-1.17a3.001 3.001 0 0 1-5.66 0H5a1 1 0 1 1 0-2h7.17zM9 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2.83 0a3.001 3.001 0 0 1 5.66 0H19a1 1 0 1 1 0 2h-7.17a3.001 3.001 0 0 1-5.66 0H5a1 1 0 1 1 0-2h1.17z"/></symbol><symbol id="icon-flag" viewBox="0 0 24 24"><title>flag</title><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.797c1.517-.312 2.67-.33 3.626-.211 1.119.14 2.018.473 3.023.85l.03.012c.987.37 2.08.78 3.447.95 1.104.139 2.355.118 3.874-.158v8.963c-1.517.312-2.67.33-3.626.211-1.119-.14-2.018-.473-3.023-.85l-.03-.012c-.987-.37-2.08-.78-3.447-.95-1.104-.139-2.355-.118-3.874.158V4.797zm14.758-.767c-1.9.475-3.275.523-4.384.384-1.119-.14-2.018-.473-3.023-.85l-.03-.012c-.987-.37-2.08-.78-3.447-.95-1.387-.174-3.006-.098-5.096.423A1 1 0 0 0 3 4v17a1 1 0 1 0 2 0v-5.203c1.517-.312 2.67-.33 3.626-.211 1.119.14 2.018.473 3.023.85l.03.012c.987.37 2.08.78 3.447.95 1.391.174 3.017.097 5.117-.428A1 1 0 0 0 21 16V5a1 1 0 0 0-1.242-.97z"/></symbol><symbol id="icon-fog" viewBox="0 0 24 24"><title>fog</title><path d="M11 6a1 1 0 0 1 1-1h9a1 1 0 1 1 0 2h-9a1 1 0 0 1-1-1zm-9 4a1 1 0 0 1 1-1h11a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1zm3 3a1 1 0 1 0 0 2h9a1 1 0 1 0 0-2H5zm12 0a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4zm0-4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2zM7 18a1 1 0 0 1 1-1h11a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1zm-4-1a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H3zM5 5a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2H5z"/></symbol><symbol id="icon-folder-add" viewBox="0 0 24 24"><title>folder-add</title><path d="M2 6a2 2 0 0 1 2-2h5a1 1 0 0 1 .707.293L11.414 6H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6zm6.586 0H4v12h16V8h-9a1 1 0 0 1-.707-.293L8.586 6zM12 10a1 1 0 0 1 1 1v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0v-1h-1a1 1 0 1 1 0-2h1v-1a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-folder-check" viewBox="0 0 24 24"><title>folder-check</title><path d="M2 6a2 2 0 0 1 2-2h5a1 1 0 0 1 .707.293L11.414 6H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6zm6.586 0H4v12h16V8h-9a1 1 0 0 1-.707-.293L8.586 6zm7.121 4.293a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 1 1 1.414-1.414L11 13.586l3.293-3.293a1 1 0 0 1 1.414 0z"/></symbol><symbol id="icon-folder-download" viewBox="0 0 24 24"><title>folder-download</title><path d="M2 6a2 2 0 0 1 2-2h5a1 1 0 0 1 .707.293L11.414 6H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6zm6.586 0H4v12h16V8h-9a1 1 0 0 1-.707-.293L8.586 6zM12 9.5a1 1 0 0 1 1 1v2.586l.293-.293a1 1 0 0 1 1.414 1.414l-2 2a1 1 0 0 1-1.414 0l-2-2a1 1 0 1 1 1.414-1.414l.293.293V10.5a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-folder-remove" viewBox="0 0 24 24"><title>folder-remove</title><path d="M2 6a2 2 0 0 1 2-2h5a1 1 0 0 1 .707.293L11.414 6H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6zm6.586 0H4v12h16V8h-9a1 1 0 0 1-.707-.293L8.586 6zM9 13a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-folder" viewBox="0 0 24 24"><title>folder</title><path d="M2 6a2 2 0 0 1 2-2h5a1 1 0 0 1 .707.293L11.414 6H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6zm6.586 0H4v12h16V8h-9a1 1 0 0 1-.707-.293L8.586 6z"/></symbol><symbol id="icon-grid" viewBox="0 0 24 24"><title>grid</title><path d="M3 5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5zm6 0H5v4h4V5zm4 0a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V5zm6 0h-4v4h4V5zM3 15a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4zm6 0H5v4h4v-4zm4 0a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4zm6 0h-4v4h4v-4z"/></symbol><symbol id="icon-heart" viewBox="0 0 24 24"><title>heart</title><path d="M12 4.528a6 6 0 0 0-8.243 8.715l6.829 6.828a2 2 0 0 0 2.828 0l6.829-6.828A6 6 0 0 0 12 4.528zm-1.172 1.644.465.464a1 1 0 0 0 1.414 0l.465-.464a4 4 0 1 1 5.656 5.656L12 18.657l-6.828-6.829a4 4 0 0 1 5.656-5.656z"/></symbol><symbol id="icon-home" viewBox="0 0 24 24"><title>home</title><path d="M11.336 2.253a1 1 0 0 1 1.328 0l9 8a1 1 0 0 1-1.328 1.494L20 11.45V19a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7.55l-.336.297a1 1 0 0 1-1.328-1.494l9-8zM6 9.67V19h3v-5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v5h3V9.671l-6-5.333-6 5.333zM13 19v-4h-2v4h2z"/></symbol><symbol id="icon-image" viewBox="0 0 24 24"><title>image</title><path d="M15.5 10a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/><path d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5zm16 0H5v7.92l3.375-2.7a1 1 0 0 1 1.25 0l4.3 3.44 1.368-1.367a1 1 0 0 1 1.414 0L19 14.586V5zM5 19h14v-1.586l-3-3-1.293 1.293a1 1 0 0 1-1.332.074L9 12.28l-4 3.2V19z"/></symbol><symbol id="icon-inbox" viewBox="0 0 24 24"><title>inbox</title><path d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5zm2 9v5h14v-5h-2.28l-.771 2.316A1 1 0 0 1 15 17H9a1 1 0 0 1-.949-.684L7.28 14H5zm14-2V5H5v7h2.28a2 2 0 0 1 1.897 1.367L9.72 15h4.558l.544-1.633A2 2 0 0 1 16.721 12H19z"/></symbol><symbol id="icon-italic" viewBox="0 0 24 24"><title>italic</title><path d="M14.021 4H19a1 1 0 1 1 0 2h-4.246l-3.428 12H15a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2h4.246l3.428-12H9a1 1 0 0 1 0-2h5.021z"/></symbol><symbol id="icon-laptop" viewBox="0 0 24 24"><title>laptop</title><path d="M2 5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5zm18 0H4v11h16V5zm2 15a1 1 0 0 1-1 1H3a1 1 0 1 1 0-2h18a1 1 0 0 1 1 1z"/></symbol><symbol id="icon-layers" viewBox="0 0 24 24"><title>layers</title><path d="M11.514 2.126a1 1 0 0 1 .972 0l9 5a1 1 0 0 1 0 1.748l-9 5a1 1 0 0 1-.972 0l-9-5a1 1 0 0 1 0-1.748l9-5zM5.06 8 12 11.856 18.94 8 12 4.144 5.06 8z"/><path d="M2.126 11.514a1 1 0 0 1 1.36-.388L12 15.856l8.514-4.73a1 1 0 0 1 .972 1.748l-9 5a1 1 0 0 1-.972 0l-9-5a1 1 0 0 1-.388-1.36z"/><path d="M2.126 15.514a1 1 0 0 1 1.36-.388L12 19.856l8.514-4.73a1 1 0 0 1 .972 1.748l-9 5a1 1 0 0 1-.972 0l-9-5a1 1 0 0 1-.388-1.36z"/></symbol><symbol id="icon-layout" viewBox="0 0 24 24"><title>layout</title><path d="M2 5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H3.987A2 2 0 0 1 2 19V5zm2 4h16V5H4v4zm4 2H4v8h4v-8zm2 8h10v-8H10v8z"/></symbol><symbol id="icon-link-alt" viewBox="0 0 24 24"><title>link-alt</title><path d="M16.2 6a1 1 0 0 1 1-1c.637 0 1.262.128 1.871.372.663.265 1.173.658 1.636 1.12.463.464.856.974 1.121 1.637.244.609.372 1.234.372 1.871s-.128 1.262-.372 1.871c-.261.655-.648 1.16-1.104 1.619l-.984 1.083a.967.967 0 0 1-.033.034l-3.2 3.2c-.463.463-.973.856-1.636 1.122A5.012 5.012 0 0 1 13 19.3a5.012 5.012 0 0 1-1.871-.372c-.663-.265-1.173-.658-1.636-1.12-.463-.464-.856-.974-1.121-1.637A5.145 5.145 0 0 1 8 14.2c0-.637.128-1.262.372-1.871.265-.663.658-1.173 1.12-1.636l1.1-1.1a1 1 0 1 1 1.415 1.414l-1.1 1.1c-.337.337-.544.627-.678.964A3.014 3.014 0 0 0 10 14.2c0 .476.077.85.229 1.229.134.337.341.627.678.964.337.337.627.544.964.678.391.157.766.229 1.129.229s.738-.072 1.129-.229c.337-.134.627-.341.964-.678l3.183-3.183.984-1.083a.967.967 0 0 1 .033-.034c.337-.337.544-.627.678-.964.157-.391.229-.766.229-1.129s-.072-.738-.229-1.129c-.134-.337-.341-.627-.678-.964-.337-.337-.627-.544-.964-.679A3.014 3.014 0 0 0 17.2 7a1 1 0 0 1-1-1zm-4.9 1.5c-.363 0-.738.072-1.129.228-.337.135-.627.342-.964.68L5.924 11.69l-.984 1.083-.033.034c-.337.337-.544.627-.679.964A3.014 3.014 0 0 0 4 14.9c0 .363.072.738.228 1.129.135.337.342.627.68.964.336.337.626.544.963.679.391.156.766.228 1.129.228a1 1 0 1 1 0 2 5.011 5.011 0 0 1-1.871-.371c-.663-.266-1.173-.659-1.636-1.122-.463-.463-.856-.973-1.121-1.636A5.012 5.012 0 0 1 2 14.9c0-.637.128-1.262.372-1.871.261-.655.648-1.16 1.104-1.619l.984-1.083.033-.034 3.3-3.3c.463-.463.973-.856 1.636-1.121A5.012 5.012 0 0 1 11.3 5.5c.637 0 1.262.128 1.871.372.663.265 1.173.658 1.636 1.12.463.464.856.974 1.121 1.637.244.609.372 1.234.372 1.871s-.128 1.262-.372 1.871c-.262.655-.649 1.162-1.105 1.62l-1.086 1.185a1 1 0 0 1-1.474-1.352l1.1-1.2.03-.031c.337-.337.544-.627.678-.964.157-.391.229-.766.229-1.129s-.072-.738-.229-1.129c-.134-.337-.341-.627-.678-.964-.337-.337-.627-.544-.964-.679A3.014 3.014 0 0 0 11.3 7.5z"/></symbol><symbol id="icon-link" viewBox="0 0 24 24"><title>link</title><path d="M8 8c-2.248 0-4 1.752-4 4s1.752 4 4 4h2a1 1 0 1 1 0 2H8c-3.352 0-6-2.648-6-6s2.648-6 6-6h2a1 1 0 1 1 0 2H8zm5-1a1 1 0 0 1 1-1h2c3.352 0 6 2.648 6 6s-2.648 6-6 6h-2a1 1 0 1 1 0-2h2c2.248 0 4-1.752 4-4s-1.752-4-4-4h-2a1 1 0 0 1-1-1zm-6 5a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-list" viewBox="0 0 24 24"><title>list</title><path d="M4 7a1 1 0 0 1 1-1h1a1 1 0 0 1 0 2H5a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h9a1 1 0 1 1 0 2h-9a1 1 0 0 1-1-1zm-5 5a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h9a1 1 0 1 1 0 2h-9a1 1 0 0 1-1-1zm-5 5a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm5 0a1 1 0 0 1 1-1h9a1 1 0 1 1 0 2h-9a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-location" viewBox="0 0 24 24"><title>location</title><path d="M12 2c-4.4 0-8 3.6-8 8 0 5.4 7 11.5 7.3 11.8.2.1.5.2.7.2.2 0 .5-.1.7-.2.3-.3 7.3-6.4 7.3-11.8 0-4.4-3.6-8-8-8zm0 17.7c-2.1-2-6-6.3-6-9.7 0-3.3 2.7-6 6-6s6 2.7 6 6-3.9 7.7-6 9.7zM12 6c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/></symbol><symbol id="icon-lock" viewBox="0 0 24 24"><title>lock</title><path d="M12 4c1.648 0 3 1.352 3 3v3H9V7c0-1.648 1.352-3 3-3zm5 6V7c0-2.752-2.248-5-5-5S7 4.248 7 7v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1zM6 12h12v8H6v-8z"/></symbol><symbol id="icon-log-in" viewBox="0 0 24 24"><title>log-in</title><path d="M14 19a1 1 0 1 0 0 2h5a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-5a1 1 0 1 0 0 2h5v14h-5z"/><path d="M15.714 12.7a.996.996 0 0 0 .286-.697v-.006a.997.997 0 0 0-.293-.704l-4-4a1 1 0 1 0-1.414 1.414L12.586 11H3a1 1 0 1 0 0 2h9.586l-2.293 2.293a1 1 0 1 0 1.414 1.414l4-4 .007-.007z"/></symbol><symbol id="icon-log-out" viewBox="0 0 24 24"><title>log-out</title><path fill-rule="evenodd" clip-rule="evenodd" d="M11 20a1 1 0 0 0-1-1H5V5h5a1 1 0 1 0 0-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h5a1 1 0 0 0 1-1z"/><path d="M21.714 12.7a.996.996 0 0 0 .286-.697v-.006a.997.997 0 0 0-.293-.704l-4-4a1 1 0 1 0-1.414 1.414L18.586 11H9a1 1 0 1 0 0 2h9.586l-2.293 2.293a1 1 0 0 0 1.414 1.414l4-4 .007-.007z"/></symbol><symbol id="icon-map" viewBox="0 0 24 24"><title>map</title><path d="M8.684 3.051a1 1 0 0 1 .632 0L15 4.946l4.367-1.456A2 2 0 0 1 22 5.387V17.28a2 2 0 0 1-1.367 1.898l-5.317 1.772a1 1 0 0 1-.632 0L9 19.054 4.632 20.51A2 2 0 0 1 2 18.613V6.72a2 2 0 0 1 1.368-1.898L8.684 3.05zM10 17.28l4 1.334V6.72l-4-1.334V17.28zM8 5.387 4 6.721v11.892l4-1.334V5.387zm8 1.334v11.892l4-1.334V5.387l-4 1.334z"/></symbol><symbol id="icon-megaphone" viewBox="0 0 24 24"><title>megaphone</title><path d="M17.502 2.135A1 1 0 0 1 18 3v4a3.99 3.99 0 0 1 2.981 1.333A3.989 3.989 0 0 1 22 11c0 1.024-.386 1.96-1.019 2.667A3.993 3.993 0 0 1 18 15v4a1 1 0 0 1-1.496.868L10 16.152V21a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5.734l6.77-3.868a1 1 0 0 1 .998.003zM10 14a1 1 0 0 1 .496.132L16 17.277V4.723l-5.504 3.145A1 1 0 0 1 10 8H4v6h6zm-4 2v4h2v-4H6zm12-3c.592 0 1.123-.256 1.491-.667.317-.354.509-.82.509-1.333s-.192-.979-.509-1.333A1.993 1.993 0 0 0 18 9v4z"/></symbol><symbol id="icon-menu" viewBox="0 0 24 24"><title>menu</title><path d="M4 7a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm0 5a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm0 5a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-message-alt" viewBox="0 0 24 24"><title>message-alt</title><path d="M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-4.586l-2.707 2.707a1 1 0 0 1-1.414 0L8.586 19H4a2 2 0 0 1-2-2V6zm18 0H4v11h5a1 1 0 0 1 .707.293L12 19.586l2.293-2.293A1 1 0 0 1 15 17h5V6z"/><path d="M13.5 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm4 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/></symbol><symbol id="icon-message" viewBox="0 0 24 24"><title>message</title><path d="M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-4.586l-2.707 2.707a1 1 0 0 1-1.414 0L8.586 19H4a2 2 0 0 1-2-2V6zm18 0H4v11h5a1 1 0 0 1 .707.293L12 19.586l2.293-2.293A1 1 0 0 1 15 17h5V6zM6 9.5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-minimize" viewBox="0 0 24 24"><title>minimize</title><path d="M21.707 3.707a1 1 0 0 0-1.414-1.414L16 6.586V5a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2h-1.586l4.293-4.293zm-19.414 18a1 1 0 0 1 0-1.414L6.586 16H5a1 1 0 1 1 0-2h4a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-1.586l-4.293 4.293a1 1 0 0 1-1.414 0z"/></symbol><symbol id="icon-mobile" viewBox="0 0 24 24"><title>mobile</title><path d="M6 5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5zm10 0H8v14h8V5z"/><path d="M13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/></symbol><symbol id="icon-moon" viewBox="0 0 24 24"><title>moon</title><path d="M9.36 3.293a1 1 0 0 1 .187 1.157A7.45 7.45 0 0 0 19.55 14.453a1 1 0 0 1 1.343 1.343 9.45 9.45 0 1 1-12.69-12.69 1 1 0 0 1 1.158.187zM6.823 6.67A7.45 7.45 0 0 0 17.33 17.179 9.45 9.45 0 0 1 6.821 6.67z"/></symbol><symbol id="icon-next" viewBox="0 0 24 24"><title>next</title><path d="M5 7.766c0-1.554 1.696-2.515 3.029-1.715l7.056 4.234c1.295.777 1.295 2.653 0 3.43L8.03 17.949c-1.333.8-3.029-.16-3.029-1.715V7.766zM14.056 12 7 7.766v8.468L14.056 12zM18 6a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-notification-off" viewBox="0 0 24 24"><title>notification-off</title><path d="M19 10c0-3.224-2.18-5.94-5.146-6.752a2 2 0 0 0-3.708 0 6.956 6.956 0 0 0-1.587.655l1.492 1.491A5 5 0 0 1 17 10v2.343l2 2V10zM3.175 17.434 5 14.697V10c0-1.05.231-2.046.646-2.94L3.293 4.707a1 1 0 1 1 1.414-1.414l16 16a1 1 0 0 1-1.414 1.414L17.586 19h-2.121a3.5 3.5 0 0 1-6.93 0H4.013a.994.994 0 0 1-.633-.215.999.999 0 0 1-.205-1.35zM5.87 17h9.717l-8.39-8.39A5.002 5.002 0 0 0 7 10v5a1 1 0 0 1-.168.555L5.87 17zm4.716 2a1.5 1.5 0 0 0 2.83 0h-2.83z"/></symbol><symbol id="icon-notification" viewBox="0 0 24 24"><title>notification</title><path d="M10.146 3.248a2 2 0 0 1 3.708 0A7.003 7.003 0 0 1 19 10v4.697l1.832 2.748A1 1 0 0 1 20 19h-4.535a3.501 3.501 0 0 1-6.93 0H4a1 1 0 0 1-.832-1.555L5 14.697V10c0-3.224 2.18-5.94 5.146-6.752zM10.586 19a1.5 1.5 0 0 0 2.829 0h-2.83zM12 5a5 5 0 0 0-5 5v5a1 1 0 0 1-.168.555L5.869 17H18.13l-.963-1.445A1 1 0 0 1 17 15v-5a5 5 0 0 0-5-5z"/></symbol><symbol id="icon-options-horizontal" viewBox="0 0 24 24"><title>options-horizontal</title><path d="M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm12 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></symbol><symbol id="icon-options-vertical" viewBox="0 0 24 24"><title>options-vertical</title><path d="M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm0-6a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm0 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0z"/></symbol><symbol id="icon-pause" viewBox="0 0 24 24"><title>pause</title><path d="M9 6a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1zm6 0a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-pen" viewBox="0 0 24 24"><title>pen</title><path d="M17.707 2.293a1 1 0 0 0-1.414 0L14 4.586l-1.293-1.293a1 1 0 0 0-1.414 0l-6 6a1 1 0 0 0 1.414 1.414L12 5.414l.586.586-2.293 2.293-7 7A1 1 0 0 0 3 16v4a1 1 0 0 0 1 1h4a1 1 0 0 0 .707-.293l7-7 6-6a1 1 0 0 0 0-1.414l-4-4zm-3 4.414L17 4.414 19.586 7 15 11.586 12.414 9l2.293-2.293zM5 16.414l6-6L13.586 13l-6 6H5v-2.586z"/></symbol><symbol id="icon-percentage" viewBox="0 0 24 24"><title>percentage</title><path d="M18.707 5.293a1 1 0 0 1 0 1.414l-12 12a1 1 0 0 1-1.414-1.414l12-12a1 1 0 0 1 1.414 0zM17 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM7 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></symbol><symbol id="icon-pin" viewBox="0 0 24 24"><title>pin</title><path d="M6 10.6V4a1 1 0 0 1 0-2h12a1 1 0 1 1 0 2v6.6c.932 1.02 1.432 2.034 1.699 2.834.146.438.22.81.26 1.08a4.43 4.43 0 0 1 .04.43v.034l.001.013v.008s-.005-.131 0 .001a1 1 0 0 1-1 1h-6v5a1 1 0 1 1-2 0v-5H5a1 1 0 0 1-1-1v-.022a2.013 2.013 0 0 1 .006-.134 5.07 5.07 0 0 1 .035-.33c.04-.27.114-.642.26-1.08.267-.8.767-1.814 1.699-2.835zM16 4H8v7a1 1 0 0 1-.293.707c-.847.847-1.271 1.678-1.486 2.293H17.78c-.215-.615-.64-1.446-1.486-2.293A1 1 0 0 1 16 11V4z"/></symbol><symbol id="icon-play" viewBox="0 0 24 24"><title>play</title><path d="M6 6.741c0-1.544 1.674-2.505 3.008-1.728l9.015 5.26c1.323.771 1.323 2.683 0 3.455l-9.015 5.258C7.674 19.764 6 18.803 6 17.26V6.741zM17.015 12 8 6.741V17.26L17.015 12z"/></symbol><symbol id="icon-previous" viewBox="0 0 24 24"><title>previous</title><path d="M19 7.766c0-1.554-1.696-2.515-3.029-1.715l-7.056 4.234c-1.295.777-1.295 2.653 0 3.43l7.056 4.234c1.333.8 3.029-.16 3.029-1.715V7.766zM9.944 12 17 7.766v8.468L9.944 12zM6 6a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-print" viewBox="0 0 24 24"><title>print</title><path d="M7 2a1 1 0 0 0-1 1v4H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-2h2a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2V3a1 1 0 0 0-1-1H7zm10 12H7a1 1 0 0 0-1 1v2H4V9h16v8h-2v-2a1 1 0 0 0-1-1zm-1-7H8V4h8v3zM5 10v2h3v-2H5zm11 6v4H8v-4h8z"/></symbol><symbol id="icon-rain" viewBox="0 0 24 24"><title>rain</title><path d="M11 2a6 6 0 0 0-5.986 6.41 5 5 0 0 0-1.322 8.34 1 1 0 1 0 1.324-1.5 3.002 3.002 0 0 1 1.324-5.178 1 1 0 0 0 .757-1.193A4 4 0 1 1 14.92 7.2a1 1 0 0 0 .999.8H16a4 4 0 0 1 2.4 7.2 1 1 0 0 0 1.201 1.6 6 6 0 0 0-2.93-10.762A6.002 6.002 0 0 0 11 2zm1.949 13.316a1 1 0 0 0-1.898-.632l-2 6a1 1 0 0 0 1.898.632l2-6zm3.367-2.265a1 1 0 0 1 .633 1.265l-2 6a1 1 0 0 1-1.898-.632l2-6a1 1 0 0 1 1.265-.633zM9.45 14.316a1 1 0 0 0-1.898-.632l-2 6a1 1 0 0 0 1.898.632l2-6z"/></symbol><symbol id="icon-refresh" viewBox="0 0 24 24"><title>refresh</title><path d="M12.793 2.293a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L14.086 7H12.5C8.952 7 6 9.952 6 13.5S8.952 20 12.5 20s6.5-2.952 6.5-6.5a1 1 0 1 1 2 0c0 4.652-3.848 8.5-8.5 8.5S4 18.152 4 13.5 7.848 5 12.5 5h1.586l-1.293-1.293a1 1 0 0 1 0-1.414z"/></symbol><symbol id="icon-remove" viewBox="0 0 24 24"><title>remove</title><path d="M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-reorder-alt" viewBox="0 0 24 24"><title>reorder-alt</title><path d="M8.5 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm2 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm5-12a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm2 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm-2 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/></symbol><symbol id="icon-reorder" viewBox="0 0 24 24"><title>reorder</title><path d="M4 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1z"/></symbol><symbol id="icon-repeat" viewBox="0 0 24 24"><title>repeat</title><path d="M20.924 5.617a.997.997 0 0 0-.217-.324l-3-3a1 1 0 1 0-1.414 1.414L17.586 5H8a5 5 0 0 0-5 5v2a1 1 0 1 0 2 0v-2a3 3 0 0 1 3-3h9.586l-1.293 1.293a1 1 0 0 0 1.414 1.414l3-3A.997.997 0 0 0 21 6m-.076-.383a.996.996 0 0 1 .076.38zm-17.848 12a.997.997 0 0 0 .217 1.09l3 3a1 1 0 0 0 1.414-1.414L6.414 19H16a5 5 0 0 0 5-5v-2a1 1 0 1 0-2 0v2a3 3 0 0 1-3 3H6.414l1.293-1.293a1 1 0 1 0-1.414-1.414l-3 3m-.217.324a.997.997 0 0 1 .215-.322z"/></symbol><symbol id="icon-save" viewBox="0 0 24 24"><title>save</title><path d="M3 5a2 2 0 0 1 2-2h11.586A2 2 0 0 1 18 3.586l2.707 2.707A1 1 0 0 1 21 7v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5zm6 14h6v-6H9v6zm8 0h2V7.414l-2-2V7a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V5H5v14h2v-6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6zM9 5v2h6V5H9z"/></symbol><symbol id="icon-search" viewBox="0 0 24 24"><title>search</title><path d="M10 4a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm-8 6a8 8 0 1 1 14.32 4.906l5.387 5.387a1 1 0 0 1-1.414 1.414l-5.387-5.387A8 8 0 0 1 2 10z"/></symbol><symbol id="icon-select" viewBox="0 0 24 24"><title>select</title><path d="M12 4a1 1 0 0 1 .707.293l4 4a1 1 0 0 1-1.414 1.414L12 6.414 8.707 9.707a1 1 0 0 1-1.414-1.414l4-4A1 1 0 0 1 12 4zM7.293 14.293a1 1 0 0 1 1.414 0L12 17.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 0-1.414z"/></symbol><symbol id="icon-send" viewBox="0 0 24 24"><title>send</title><path d="M12 2a1 1 0 0 1 .894.553l9 18a1 1 0 0 1-1.11 1.423L12 20.024l-8.783 1.952a1 1 0 0 1-1.111-1.423l9-18A1 1 0 0 1 12 2zm1 16.198 6.166 1.37L13 7.236v10.962zM11 7.236 4.834 19.568 11 18.198V7.236z"/></symbol><symbol id="icon-settings" viewBox="0 0 24 24"><title>settings</title><path d="M12 4a1 1 0 0 0-1 1c0 1.692-2.046 2.54-3.243 1.343a1 1 0 1 0-1.414 1.414C7.54 8.954 6.693 11 5 11a1 1 0 1 0 0 2c1.692 0 2.54 2.046 1.343 3.243a1 1 0 0 0 1.414 1.414C8.954 16.46 11 17.307 11 19a1 1 0 1 0 2 0c0-1.692 2.046-2.54 3.243-1.343a1 1 0 1 0 1.414-1.414C16.46 15.046 17.307 13 19 13a1 1 0 1 0 0-2c-1.692 0-2.54-2.046-1.343-3.243a1 1 0 0 0-1.414-1.414C15.046 7.54 13 6.693 13 5a1 1 0 0 0-1-1zm-2.992.777a3 3 0 0 1 5.984 0 3 3 0 0 1 4.23 4.231 3 3 0 0 1 .001 5.984 3 3 0 0 1-4.231 4.23 3 3 0 0 1-5.984 0 3 3 0 0 1-4.231-4.23 3 3 0 0 1 0-5.984 3 3 0 0 1 4.231-4.231z"/><path d="M12 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-2.828-.828a4 4 0 1 1 5.656 5.656 4 4 0 0 1-5.656-5.656z"/></symbol><symbol id="icon-share" viewBox="0 0 24 24"><title>share</title><path d="M11.293 2.293a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1-1.414 1.414L13 5.414V15a1 1 0 1 1-2 0V5.414L9.707 6.707a1 1 0 0 1-1.414-1.414l3-3zM4 11a2 2 0 0 1 2-2h2a1 1 0 0 1 0 2H6v9h12v-9h-2a1 1 0 1 1 0-2h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-9z"/></symbol><symbol id="icon-shopping-cart-add" viewBox="0 0 24 24"><title>shopping-cart-add</title><path d="M6.01 16.136 4.141 4H3a1 1 0 0 1 0-2h1.985a.993.993 0 0 1 .66.235.997.997 0 0 1 .346.627L6.319 5H14v2H6.627l1.23 8h9.399l1.5-5h2.088l-1.886 6.287A1 1 0 0 1 18 17H7.016a.993.993 0 0 1-.675-.248.998.998 0 0 1-.332-.616zM10 20a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm9 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0-18a1 1 0 0 1 1 1v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0V6h-1a1 1 0 1 1 0-2h1V3a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-shopping-cart" viewBox="0 0 24 24"><title>shopping-cart</title><path d="M4.142 4 6.01 16.136A1.002 1.002 0 0 0 7.016 17H18a1 1 0 0 0 .958-.713l3-10A1 1 0 0 0 21 5H6.32l-.33-2.138a.993.993 0 0 0-.346-.627.997.997 0 0 0-.66-.235H3a1 1 0 1 0 0 2h1.142zm3.716 11-1.23-8h13.028l-2.4 8H7.858zM10 20a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm9 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"/></symbol><symbol id="icon-shuffle" viewBox="0 0 24 24"><title>shuffle</title><path d="M21.924 6.617a.997.997 0 0 0-.217-.324l-3-3a1 1 0 1 0-1.414 1.414L18.586 6h-3.321a5 5 0 0 0-4.288 2.428l-3.67 6.115A3 3 0 0 1 4.736 16H3a1 1 0 1 0 0 2h1.735a5 5 0 0 0 4.288-2.428l3.67-6.115A3 3 0 0 1 15.264 8h3.32l-1.292 1.293a1 1 0 0 0 1.414 1.414l3-3A.997.997 0 0 0 22 7m-.076-.383a.996.996 0 0 1 .076.38z"/><path d="m21.706 17.708-2.999 3a1 1 0 0 1-1.414-1.415L18.586 18h-3.321a5 5 0 0 1-4.288-2.428l-3.67-6.115A3 3 0 0 0 4.736 8H3a1 1 0 0 1 0-2h1.735a5 5 0 0 1 4.288 2.428l3.67 6.115A3 3 0 0 0 15.264 16h3.32l-1.292-1.293a1 1 0 0 1 1.414-1.414l3 3c.195.194.292.45.293.704V17a.997.997 0 0 1-.294.708z"/></symbol><symbol id="icon-snow" viewBox="0 0 24 24"><title>snow</title><path d="M11 2a6 6 0 0 0-5.986 6.41 5 5 0 0 0-1.322 8.34 1 1 0 1 0 1.324-1.5 3.002 3.002 0 0 1 1.324-5.178 1 1 0 0 0 .757-1.193A4 4 0 1 1 14.92 7.2a1 1 0 0 0 .999.8H16a4 4 0 0 1 2.4 7.2 1 1 0 0 0 1.201 1.6 6 6 0 0 0-2.93-10.762A6.002 6.002 0 0 0 11 2zm3.5 15a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-3.5-.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm4 3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-5 1a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/></symbol><symbol id="icon-snowflake" viewBox="0 0 24 24"><title>snowflake</title><path d="M13 3a1 1 0 1 0-2 0v2.586l-1.95-1.95A1 1 0 1 0 7.636 5.05L11 8.414V11H8.414L5.05 7.636A1 1 0 1 0 3.636 9.05L5.586 11H3a1 1 0 1 0 0 2h2.586l-1.95 1.95a1 1 0 1 0 1.414 1.414L8.414 13H11v2.586L7.636 18.95a1 1 0 1 0 1.414 1.414l1.95-1.95V21a1 1 0 1 0 2 0v-2.586l1.95 1.95a1 1 0 1 0 1.414-1.414L13 15.586V13h2.586l3.364 3.364a1 1 0 1 0 1.414-1.414L18.414 13H21a1 1 0 1 0 0-2h-2.586l1.95-1.95a1 1 0 1 0-1.414-1.414L15.586 11H13V8.414l3.364-3.364a1 1 0 0 0-1.414-1.414L13 5.586V3z"/></symbol><symbol id="icon-sort" viewBox="0 0 24 24"><title>sort</title><path d="M6.293 4.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L8 7.414V19a1 1 0 1 1-2 0V7.414L3.707 9.707a1 1 0 0 1-1.414-1.414l4-4zM16 16.586V5a1 1 0 1 1 2 0v11.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L16 16.586z"/></symbol><symbol id="icon-speakers" viewBox="0 0 24 24"><title>speakers</title><path d="M4 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm14 0H6v16h12V4z"/><path d="M12 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm5.5-6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/></symbol><symbol id="icon-stop" viewBox="0 0 24 24"><title>stop</title><path d="M5 7a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7zm12 0H7v10h10V7z"/></symbol><symbol id="icon-storm" viewBox="0 0 24 24"><title>storm</title><path d="M11 2a6 6 0 0 0-5.986 6.41 5 5 0 0 0 .737 9.432 1 1 0 1 0 .498-1.936 3.002 3.002 0 0 1 .09-5.833 1 1 0 0 0 .758-1.194A4 4 0 1 1 14.92 7.2a1 1 0 0 0 .999.8H16a4 4 0 0 1 1.6 7.668 1 1 0 1 0 .8 1.832 6.001 6.001 0 0 0-1.729-11.463A6.002 6.002 0 0 0 11 2zm1.894 11.447a1 1 0 1 0-1.788-.894l-2 4A1 1 0 0 0 10 18h2.382l-1.276 2.553a1 1 0 1 0 1.788.894l2-4A1 1 0 0 0 14 16h-2.382l1.276-2.553z"/></symbol><symbol id="icon-strikethrough" viewBox="0 0 24 24"><title>strikethrough</title><path d="M12 5C9.571 5 8 6.54 8 8c0 .804.28 1.362.865 1.818.631.492 1.665.897 3.224 1.182H19a1 1 0 1 1 0 2h-2.189c.788.794 1.189 1.803 1.189 3 0 2.958-2.906 5-6 5-1.998 0-3.827-.814-4.936-2.149a1 1 0 1 1 1.538-1.278C9.285 18.393 10.52 19 12 19c2.429 0 4-1.54 4-3 0-.804-.28-1.362-.865-1.818-.631-.492-1.665-.897-3.224-1.182H5a1 1 0 1 1 0-2h2.189C6.401 10.206 6 9.197 6 8c0-2.958 2.906-5 6-5 1.477 0 2.852.444 3.915 1.205a1 1 0 0 1-1.164 1.627C14.046 5.327 13.084 5 12 5z"/></symbol><symbol id="icon-sun" viewBox="0 0 24 24"><title>sun</title><path d="M12 2a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1zm7.071 2.929a1 1 0 0 1 0 1.414l-.707.707a1 1 0 1 1-1.414-1.414l.707-.707a1 1 0 0 1 1.414 0zm-14.142 0a1 1 0 0 1 1.414 0l.707.707A1 1 0 0 1 5.636 7.05l-.707-.707a1 1 0 0 1 0-1.414zM12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm-6 4a6 6 0 1 1 12 0 6 6 0 0 1-12 0zm-4 0a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1zm17 0a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1zM5.636 16.95a1 1 0 0 1 1.414 1.414l-.707.707a1 1 0 0 1-1.414-1.414l.707-.707zm11.314 1.414a1 1 0 0 1 1.414-1.414l.707.707a1 1 0 0 1-1.414 1.414l-.707-.707zM12 19a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-sunrise-alt" viewBox="0 0 24 24"><title>sunrise-alt</title><path d="M13 5a1 1 0 1 0-2 0v1a1 1 0 1 0 2 0V5zM9.028 19H3a1 1 0 1 1 0-2h3.803a6 6 0 1 1 10.394 0H21a1 1 0 1 1 0 2H9.028zM12 10a4 4 0 0 0-2.646 7h5.292A4 4 0 0 0 12 10zm7.071-1.657-.707.707a1 1 0 1 1-1.414-1.414l.707-.707a1 1 0 1 1 1.414 1.414z"/><path d="M4 15a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2h1zm18-1a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1zM5.636 9.05A1 1 0 0 0 7.05 7.636l-.707-.707A1 1 0 1 0 4.93 8.343l.707.707z"/></symbol><symbol id="icon-sunrise" viewBox="0 0 24 24"><title>sunrise</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.707 2.293a1 1 0 0 0-1.414 0l-2 2a1 1 0 0 0 1.414 1.414L11 5.414v2.729c0 .473.448.857 1 .857s1-.384 1-.857V5.414l.293.293a1 1 0 1 0 1.414-1.414l-2-2zM5.636 11.05A1 1 0 0 0 7.05 9.636l-.707-.707a1 1 0 0 0-1.414 1.414l.707.707zm13.435-.707-.707.707a1 1 0 0 1-1.414-1.414l.707-.707a1 1 0 0 1 1.414 1.414zM8 16a4 4 0 1 1 6.646 3H9.354A3.988 3.988 0 0 1 8 16zm.97 5H21a1 1 0 1 0 0-2h-3.803a6 6 0 1 0-10.394 0H3a1 1 0 1 0 0 2h5.97zM4 17a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2h1zm18-1a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1z"/></symbol><symbol id="icon-sunset" viewBox="0 0 24 24"><title>sunset</title><path fill-rule="evenodd" clip-rule="evenodd" d="M8 16a4 4 0 1 1 6.646 3H9.354A3.988 3.988 0 0 1 8 16zm.97 5H21a1 1 0 1 0 0-2h-3.803a6 6 0 1 0-10.394 0H3a1 1 0 1 0 0 2h5.97zM19.071 8.929a1 1 0 0 1 0 1.414l-.707.707a1 1 0 0 1-1.414-1.414l.707-.707a1 1 0 0 1 1.414 0zM4 17a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2h1zm18-1a1 1 0 0 1-1 1h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 1 1zM5.636 11.05A1 1 0 0 0 7.05 9.636l-.707-.707a1 1 0 1 0-1.414 1.414l.707.707zM13 5.586V3a1 1 0 1 0-2 0v2.586l-.293-.293a1 1 0 0 0-1.414 1.414l1.999 1.999.01.01a.997.997 0 0 0 1.406-.01l2-1.999a1 1 0 0 0-1.415-1.414L13 5.586z"/></symbol><symbol id="icon-switch" viewBox="0 0 24 24"><title>switch</title><path d="M14.293 2.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L16.586 8H5a1 1 0 0 1 0-2h11.586l-2.293-2.293a1 1 0 0 1 0-1.414zm-4.586 10a1 1 0 0 1 0 1.414L7.414 16H19a1 1 0 1 1 0 2H7.414l2.293 2.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0z"/></symbol><symbol id="icon-table" viewBox="0 0 24 24"><title>table</title><path d="M2 5.5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-13zm9 0H4v3h7v-3zm2 0v3h7v-3h-7zm7 5h-7v3h7v-3zm0 5h-7v3h7v-3zm-9 3v-3H4v3h7zm-7-5h7v-3H4v3z"/></symbol><symbol id="icon-tablet" viewBox="0 0 24 24"><title>tablet</title><path d="M4 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm14 0H6v16h12V4z"/><path d="M13 18a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/></symbol><symbol id="icon-tag" viewBox="0 0 24 24"><title>tag</title><path d="M2 3a1 1 0 0 1 1-1h8a1 1 0 0 1 .707.293l10 10a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-10-10A1 1 0 0 1 2 11V3zm2 1v6.586l9 9L19.586 13l-9-9H4z"/><path d="M9 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/></symbol><symbol id="icon-temperature" viewBox="0 0 24 24"><title>temperature</title><path d="M9 5a3 3 0 1 1 6 0v8a5 5 0 1 1-6 0V5zm3-1a1 1 0 0 0-1 1v8.535a1 1 0 0 1-.5.866 3 3 0 1 0 2.999 0 1 1 0 0 1-.499-.866V5a1 1 0 0 0-1-1z"/></symbol><symbol id="icon-text" viewBox="0 0 24 24"><title>text</title><path d="M5 6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v1a1 1 0 1 1-2 0V6h-4v12h1a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2h1V6H7v1a1 1 0 0 1-2 0V6z"/></symbol><symbol id="icon-three-rows" viewBox="0 0 24 24"><title>three-rows</title><path d="M19 2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h14zm0 4V4H5v2h14zm0 10a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h14zm0 4v-2H5v2h14zm0-11a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h14zm0 4v-2H5v2h14z"/></symbol><symbol id="icon-two-columns" viewBox="0 0 24 24"><title>two-columns</title><path d="M3 5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5zm6 0H5v14h4V5zm4 0a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V5zm6 0h-4v14h4V5z"/></symbol><symbol id="icon-two-rows" viewBox="0 0 24 24"><title>two-rows</title><path d="M19 3a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14zm0 6V5H5v4h14zm0 4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h14zm0 6v-4H5v4h14z"/></symbol><symbol id="icon-underline" viewBox="0 0 24 24"><title>underline</title><path d="M18 4a1 1 0 1 0-2 0v7a4 4 0 0 1-8 0V4a1 1 0 1 0-2 0v7a6 6 0 0 0 12 0V4zM7 19a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H7z"/></symbol><symbol id="icon-undo" viewBox="0 0 24 24"><title>undo</title><path d="M12.207 2.293a1 1 0 0 1 0 1.414L10.914 5H12.5c4.652 0 8.5 3.848 8.5 8.5S17.152 22 12.5 22 4 18.152 4 13.5a1 1 0 1 1 2 0c0 3.548 2.952 6.5 6.5 6.5s6.5-2.952 6.5-6.5S16.048 7 12.5 7h-1.586l1.293 1.293a1 1 0 0 1-1.414 1.414l-3-3a1 1 0 0 1 0-1.414l3-3a1 1 0 0 1 1.414 0z"/></symbol><symbol id="icon-unlock" viewBox="0 0 24 24"><title>unlock</title><path d="M12 4c-1.648 0-3 1.352-3 3v3h9a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1V7c0-2.752 2.248-5 5-5s5 2.248 5 5a1 1 0 1 1-2 0c0-1.648-1.352-3-3-3zm-6 8v8h12v-8H6z"/></symbol><symbol id="icon-user-add" viewBox="0 0 24 24"><title>user-add</title><path d="M10 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM4 8a6 6 0 1 1 12 0A6 6 0 0 1 4 8zm15 3a1 1 0 0 1 1 1v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0v-1h-1a1 1 0 1 1 0-2h1v-1a1 1 0 0 1 1-1zM6.5 18C5.24 18 4 19.213 4 21a1 1 0 1 1-2 0c0-2.632 1.893-5 4.5-5h7c2.607 0 4.5 2.368 4.5 5a1 1 0 1 1-2 0c0-1.787-1.24-3-2.5-3h-7z"/></symbol><symbol id="icon-user-check" viewBox="0 0 24 24"><title>user-check</title><path d="M10 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM4 8a6 6 0 1 1 12 0A6 6 0 0 1 4 8zm17.664 3.253a1 1 0 0 1 .083 1.411l-2.666 3a1 1 0 0 1-1.495 0l-1.333-1.5a1 1 0 0 1 1.494-1.328l.586.659 1.92-2.16a1 1 0 0 1 1.411-.082zM6.5 18C5.24 18 4 19.213 4 21a1 1 0 1 1-2 0c0-2.632 1.893-5 4.5-5h7c2.607 0 4.5 2.368 4.5 5a1 1 0 1 1-2 0c0-1.787-1.24-3-2.5-3h-7z"/></symbol><symbol id="icon-user-remove" viewBox="0 0 24 24"><title>user-remove</title><path d="M10 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM4 8a6 6 0 1 1 12 0A6 6 0 0 1 4 8zm12 6a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1zm-9.5 4C5.24 18 4 19.213 4 21a1 1 0 1 1-2 0c0-2.632 1.893-5 4.5-5h7c2.607 0 4.5 2.368 4.5 5a1 1 0 1 1-2 0c0-1.787-1.24-3-2.5-3h-7z"/></symbol><symbol id="icon-user" viewBox="0 0 24 24"><title>user</title><path d="M12 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM6 8a6 6 0 1 1 12 0A6 6 0 0 1 6 8zm2 10a3 3 0 0 0-3 3 1 1 0 1 1-2 0 5 5 0 0 1 5-5h8a5 5 0 0 1 5 5 1 1 0 1 1-2 0 3 3 0 0 0-3-3H8z"/></symbol><symbol id="icon-users" viewBox="0 0 24 24"><title>users</title><path d="M10 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM4 8a6 6 0 1 1 12 0A6 6 0 0 1 4 8zm12.828-4.243a1 1 0 0 1 1.415 0 6 6 0 0 1 0 8.486 1 1 0 1 1-1.415-1.415 4 4 0 0 0 0-5.656 1 1 0 0 1 0-1.415zm.702 13a1 1 0 0 1 1.212-.727c1.328.332 2.169 1.18 2.652 2.148.468.935.606 1.98.606 2.822a1 1 0 1 1-2 0c0-.657-.112-1.363-.394-1.928-.267-.533-.677-.934-1.349-1.102a1 1 0 0 1-.727-1.212zM6.5 18C5.24 18 4 19.213 4 21a1 1 0 1 1-2 0c0-2.632 1.893-5 4.5-5h7c2.607 0 4.5 2.368 4.5 5a1 1 0 1 1-2 0c0-1.787-1.24-3-2.5-3h-7z"/></symbol><symbol id="icon-volume-off" viewBox="0 0 24 24"><title>volume-off</title><path d="M13.418 2.091A1 1 0 0 1 14 3v18a1 1 0 0 1-1.65.76L5.63 16H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2.63l6.72-5.76a1 1 0 0 1 1.068-.149zM12 5.175 6.65 9.76A1 1 0 0 1 6 10H4v4h2a1 1 0 0 1 .65.24L12 18.827V5.174zm4.293 4.119a1 1 0 0 1 1.414 0L19 10.586l1.293-1.293a1 1 0 1 1 1.414 1.414L20.414 12l1.293 1.293a1 1 0 0 1-1.414 1.414L19 13.414l-1.293 1.293a1 1 0 0 1-1.414-1.414L17.586 12l-1.293-1.293a1 1 0 0 1 0-1.414z"/></symbol><symbol id="icon-volume-up" viewBox="0 0 24 24"><title>volume-up</title><path d="M13.418 2.091A1 1 0 0 1 14 3v18a1 1 0 0 1-1.65.76L5.63 16H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2.63l6.72-5.76a1 1 0 0 1 1.068-.149zM12 5.175 6.65 9.76A1 1 0 0 1 6 10H4v4h2a1 1 0 0 1 .65.24L12 18.827V5.174zm5.293.119a1 1 0 0 1 1.414 0l.002.001.001.002.004.004.01.01a2.499 2.499 0 0 1 .114.125c.07.08.165.194.274.34.22.292.503.718.782 1.278C20.456 8.175 21 9.827 21 12s-.544 3.825-1.106 4.947c-.28.56-.562.986-.781 1.278a5.847 5.847 0 0 1-.389.465l-.01.01-.004.004-.001.002h-.001v.001a1 1 0 0 1-1.42-1.41l.005-.004.04-.045c.04-.045.102-.12.18-.223a6.39 6.39 0 0 0 .593-.972c.438-.878.894-2.226.894-4.053s-.456-3.175-.894-4.053a6.393 6.393 0 0 0-.594-.972 3.888 3.888 0 0 0-.22-.268l-.004-.005a1 1 0 0 1 .005-1.41zm-2 3a1 1 0 0 1 1.414 0l.002.001.001.002.003.003.008.008.02.02.055.061a4.697 4.697 0 0 1 .599.914c.31.623.605 1.525.605 2.698s-.294 2.075-.606 2.697c-.154.31-.312.548-.438.716a3.383 3.383 0 0 1-.215.26l-.02.02-.008.008-.003.003-.002.002a1 1 0 0 1-1.418-1.411 2.691 2.691 0 0 0 .315-.492c.19-.378.395-.976.395-1.803s-.206-1.425-.394-1.803a2.693 2.693 0 0 0-.316-.492 1 1 0 0 1 .002-1.412z"/></symbol><symbol id="icon-warning" viewBox="0 0 24 24"><title>warning</title><path d="M12 14a1 1 0 0 1-1-1v-3a1 1 0 1 1 2 0v3a1 1 0 0 1-1 1zm-1.5 2.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0z"/><path d="M10.23 3.216c.75-1.425 2.79-1.425 3.54 0l8.343 15.852C22.814 20.4 21.85 22 20.343 22H3.657c-1.505 0-2.47-1.6-1.77-2.931L10.23 3.216zM20.344 20 12 4.147 3.656 20h16.688z"/></symbol><symbol id="icon-webcam" viewBox="0 0 24 24"><title>webcam</title><path d="M21.5 6.1c-.3-.2-.7-.2-1 0l-4.4 3V7c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-2.1l4.4 3c.2.1.4.2.6.2.2 0 .3 0 .5-.1.3-.2.5-.5.5-.9V7c0-.4-.2-.7-.5-.9zM14 17H4V7h10v10zm6-1.9-4-2.7v-.9l4-2.7v6.3z"/></symbol><symbol id="icon-wind" viewBox="0 0 24 24"><title>wind</title><path d="M18.806 12.919a4 4 0 1 0-3.787-6.586 1 1 0 0 0 1.49 1.334 1.992 1.992 0 0 1 1.695-.657A2 2 0 0 1 18 11H3a1 1 0 1 0 0 2h15c.276 0 .546-.028.806-.081zM5 10h5.516a2.5 2.5 0 1 0-1.88-4.167 1 1 0 0 0 1.491 1.334A.5.5 0 1 1 10.5 8H5a1 1 0 0 0 0 2zm11.5 4H8a1 1 0 1 0 0 2h8.5a.5.5 0 1 1-.373.833 1 1 0 1 0-1.49 1.334A2.5 2.5 0 1 0 16.517 14H16.5z"/></symbol><symbol id="icon-window" viewBox="0 0 24 24"><title>window</title><path d="M4 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H4zm16 2v4H4V5h16zM4 11h16v8H4v-8zm6-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM6 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/></symbol><symbol id="icon-zoom-in" viewBox="0 0 24 24"><title>zoom-in</title><path d="M10 4a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm-8 6a8 8 0 1 1 14.32 4.906l5.387 5.387a1 1 0 0 1-1.414 1.414l-5.387-5.387A8 8 0 0 1 2 10zm8-3a1 1 0 0 1 1 1v1h1a1 1 0 1 1 0 2h-1v1a1 1 0 1 1-2 0v-1H8a1 1 0 1 1 0-2h1V8a1 1 0 0 1 1-1z"/></symbol><symbol id="icon-zoom-out" viewBox="0 0 24 24"><title>zoom-out</title><path d="M10 4a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm-8 6a8 8 0 1 1 14.32 4.906l5.387 5.387a1 1 0 0 1-1.414 1.414l-5.387-5.387A8 8 0 0 1 2 10zm5 0a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1z"/></symbol></svg>
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..a08ae47
--- /dev/null
+++ b/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "@tiny-components/upload",
+  "version": "0.1.0",
+  "description": "Upload Field for Riotjs",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:node001-net/tiny-components/upload.git"
+  },
+  "author": "Björn Hase",
+  "license": "MIT",
+  "dependencies": {
+    "@tiny-components/plain-ui": "^0.6.0",
+    "riot": "^9.4.10"
+  },
+  "devDependencies": {
+    "@riotjs/compiler": "^9.0.7",
+    "@riotjs/webpack-loader": "^9.0.1",
+    "@tiny-components/webpack": "^0.2.0"
+  },
+  "scripts": {
+    "build": "webpack --mode production --config webpack.config.js",
+    "build-dev": "webpack --mode development --config webpack.config.js"
+  }
+}
diff --git a/src/example.js b/src/example.js
new file mode 100644
index 0000000..2cbb7ac
--- /dev/null
+++ b/src/example.js
@@ -0,0 +1,6 @@
+import * as riot from 'riot'
+
+import FieldUpload from './fieldUpload.riot'
+
+riot.register('tiny-field-upload', FieldUpload)
+riot.mount('tiny-field-upload')
diff --git a/src/example.scss b/src/example.scss
new file mode 100644
index 0000000..e3af616
--- /dev/null
+++ b/src/example.scss
@@ -0,0 +1,3 @@
+@import
+    '../node_modules/@tiny-components/plain-ui/src/scss/plain-ui',
+    'fieldUpload.scss';
diff --git a/src/fieldUpload.riot b/src/fieldUpload.riot
new file mode 100644
index 0000000..776ae5f
--- /dev/null
+++ b/src/fieldUpload.riot
@@ -0,0 +1,140 @@
+<tiny-field-upload>
+    <div class="tiny-field-upload">
+        <input type="file" class="tiny-field-upload__field" multiple={ props.multiple !== undefined } onchange={ (event) => { handleSelectFile(event) } } />
+        <button class="button button--info" type="button" onclick={ (event) => { handleOpenFileManager(event) } } disabled={ state.disabled }>
+            <svg class="icon fill-text-contrast" aria-hidden="true">
+                <use xlink:href="/symbol-defs.svg#icon-upload"></use>
+            </svg>
+            { props.label }
+        </button>
+        <div class="tiny-field-upload__files">
+            <div class="tiny-field-upload__files-item" each={ file in state.files }>
+                <div class="panel">
+                    <div class="bar">
+                        <div class="bar__start"></div>
+                        <div class="bar__main">{ file.name }</div>
+                        <div class="bar__end">
+                            <button type="button" class="button button--transparent tiny-field-upload__files-remove" onclick={ (event) => { handleRemoveFile(event, file) } }>
+                                <svg class="icon fill-text-contrast" aria-hidden="true">
+                                    <use xlink:href="/symbol-defs.svg#icon-delete"></use>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                    <div class="panel__body">
+                        <input type="file" name="{ props.name }[]" />
+                        <img class="tiny-field-upload__files-media" src={ addSrc(file) } />
+                    </div>
+                </div>
+            </div> 
+        </div>
+    </div>
+
+    <script>
+
+        /**
+         *
+         *
+         */
+
+        export default {
+
+            state:
+            {
+                files: [],
+                field: undefined,
+                disabled: false
+            },
+
+            onMounted()
+            {
+                // getting field for getting files 
+                this.field = this.$('.tiny-field-upload__field')
+            },
+
+            /**
+             *  after update
+             *
+             */
+            onUpdated(props, state) {
+
+                // getting elements
+                const elements = this.$$('.tiny-field-upload__item input')
+            
+                let index = 0
+
+                // adding for each element a file-input
+                if (elements.length > 0) {
+                    for (const element of elements) {
+                        const dataTransfer = new DataTransfer()
+
+                        // adding to each input field a file form files
+                        dataTransfer.items.add(state.files[index++]);
+                        element.files = dataTransfer.files
+                    }
+                }
+            },
+
+            /**
+             *  getting file and parse it for img-element
+             *
+             */
+            addSrc(file) {
+                return URL.createObjectURL(file)
+            },
+
+            /** 
+             *  open file manager by button click on field-element
+             * 
+             */
+            handleOpenFileManager(event) 
+            {
+                this.field.click()
+            },
+
+            /** 
+             *  remove file from files 
+             *
+             */
+            handleRemoveFile(event, file) 
+            {
+                const index = this.state.files.indexOf(file)
+                this.state.files.splice(index, 1)
+    
+                this.validateMax()
+                this.update()
+            },
+
+            /**
+             *
+             *
+             */
+            handleSelectFile(event)
+            {
+                let index = 0
+
+                for (const file of event.target.files) {
+                    if (!this.props.max || (this.props.max && (((index++) + 1) <= this.props.max))) {
+                        this.state.files.push(file)
+                    }
+                }
+
+                this.validateMax()
+                this.update()
+            },
+
+            /**
+             *
+             */
+            validateMax() 
+            {
+                this.state.disabled = false
+
+                if (this.props.max && (this.state.files.length >= this.props.max)) {
+                    this.state.disabled = true
+                }
+            }
+        }
+
+    </script>
+</tiny-field-upload>
diff --git a/src/fieldUpload.scss b/src/fieldUpload.scss
new file mode 100644
index 0000000..6549d8c
--- /dev/null
+++ b/src/fieldUpload.scss
@@ -0,0 +1,32 @@
+/**
+ *
+ *
+ */
+
+.tiny-field-upload {
+
+    // hide all file inputs
+    input[type="file"] {
+        display: none;
+    }
+
+    &__files {
+        display: flex;
+        flex-wrap: wrap;
+        margin: 0 -0.5em 0;
+    }
+
+    &__files-item {
+        width: calc(25% - 1em);
+        margin: 0 0.5em 1em;
+
+        img.tiny-field-upload__files-media {
+            width: 100%;
+        }
+
+        .panel__body {
+            line-height: 0;
+        }
+    }
+
+}
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..f0a841a
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,24 @@
+const tinyComponentsWebpack = require('@tiny-components/webpack')
+const riotRules = require('@tiny-components/webpack/rules/riot')
+const path = require('path')
+
+module.exports = tinyComponentsWebpack({
+        index: [ 
+            './src/example.js' 
+        ],
+        styles: [  
+            './src/example.scss' 
+        ],
+    }, {
+        publicPath: '/example/',
+        destination: path.resolve(process.cwd(), 'example'),
+        rules: [ riotRules ],
+        svg: {
+            src: [
+                'node_modules/@tiny-components/plain-ui/src/icons/mono-icons/svg/*.svg'
+            ]
+        },
+        purge: {
+            src: path.join(__dirname, './**')
+        }
+    })