#iconsheet-hidden{display:none}#toolbar{position:sticky;top:0;background:#fff;z-index:20;padding:1.5em 1em;display:grid;grid-template-areas:"filter filter" "shortcuts settings";grid-template-columns:minmax(1em,max-content) minmax(min-content,auto);align-items:center;row-gap:.5em;column-gap:1.5em;box-shadow:0 3px 6px #0000001a}@media only screen and (max-width: 550px){#toolbar{grid-template-areas:"filter filter" "shortcuts shortcuts" "settings settings"}}#toolbar #filter{grid-area:filter}#toolbar #filter .more{height:0;will-change:height;transition:.3s ease height;overflow:hidden}#toolbar #filter .more.searching{height:5em}#toolbar #filter .more .no-results{text-align:center;height:5em;line-height:2em;margin:1.5em;opacity:.5;-webkit-user-select:none;user-select:none}#toolbar #filter input{width:100%;font-size:1.1em;line-height:1;padding:.6em .4em;display:block;font-weight:400;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}#toolbar #filter input:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}#toolbar #filter input::-webkit-search-cancel-button{-webkit-appearance:none;height:1em;width:1em;border-radius:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' /%3E%3C/svg%3E");background-size:contain}#toolbar #shortcuts{grid-area:shortcuts;display:flex;flex-wrap:wrap;column-gap:.4em;row-gap:.4em;font-size:.8em}#toolbar #shortcuts .cat-shortcut{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;color:#000;text-decoration:none;display:block;padding:.5em;line-height:1;background-color:#e7e7e7;will-change:background-color;transition:.5s ease background-color;border-radius:6px;cursor:pointer}#toolbar #shortcuts .cat-shortcut.active{background-color:#8bd49d}#toolbar #settings{grid-area:settings;display:flex;flex-direction:row;justify-content:flex-end;column-gap:1rem}#toolbar button{border:none}.shadowbox{position:fixed;left:0;width:100%;height:100%;background:#00000012;z-index:10;visibility:hidden}.shadowbox.searching{visibility:visible}.category{margin-top:-10em;padding-top:10em}.category .cat-header{display:grid;grid-template-columns:auto 1fr auto;column-gap:1em;align-items:center;padding:0 1em;background:#f3f3f3}.category .cat-header .total{background-color:#0000000d;padding:.4em .6em;border-radius:.3em}.category .cat-header .matched{font-weight:400}footer{margin:3em;text-align:center;font-size:.8em}footer a{text-decoration:none}.skip-to-nav-link{background:#e77e23;color:#fff;text-decoration:none;line-height:1;height:1.8em;left:0%;padding:.4em;border-top-right-radius:.4em;border-bottom-right-radius:.4em;position:absolute;transform:translate(-100%);transition:transform .3s}.skip-to-nav-link:focus{transform:translate(0)}#toolbar.testing:after{content:" ";display:block;height:.5rem;background-image:linear-gradient(45deg,#42a5f5 25%,#90caf9 25%,#90caf9 50%,#42a5f5 50%,#42a5f5 75%,#90caf9 75%,#90caf9);background-size:56.57px 56.57px;position:absolute;left:0;width:100%;bottom:0}#toolbar.testing:before{content:"Caution: Development Build! Icons will stop working!";color:#fff;font-weight:700;text-align:center;display:block;background-color:#2196f3;background-size:56.57px 56.57px;width:100%;position:absolute;left:0;top:0;height:1.3rem;line-height:1.3;text-transform:uppercase}#toolbar.testing{padding-top:2rem}.iconList.svelte-1149fae.svelte-1149fae{display:grid;grid-template-columns:repeat(auto-fill,minmax(5em,1fr));grid-auto-rows:5em}.iconList.filtered.svelte-1149fae .icon.svelte-1149fae{opacity:.5}.iconList.svelte-1149fae .icon.svelte-1149fae{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:transparent;display:inline-block;margin:0;padding:var(--iconMargin);cursor:pointer;transition:.2s ease-out transform,.2s ease-out box-shadow,.2s ease-out border-color,.5s ease-out opacity,.1s ease background-color;will-change:transform,box-shadow,border-color;transform:scale(1);border-radius:6px;border:2px dashed rgba(0,0,0,0)}.iconList.svelte-1149fae .icon.svelte-1149fae:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000001a;background-color:#fff;opacity:1}.iconList.svelte-1149fae .icon.match.svelte-1149fae{border-color:#000;opacity:1}.iconList.svelte-1149fae .icon .img.svelte-1149fae{width:100%;height:100%;background-size:contain;transition:color .5s ease}button.svelte-1y1i4rn.svelte-1y1i4rn{border-width:0;display:block;font-size:1em}.container.svelte-1y1i4rn.svelte-1y1i4rn{--size:1.7em;display:flex;align-content:center;align-items:center;position:relative;justify-content:flex-end;width:fit-content}.container.svelte-1y1i4rn label.svelte-1y1i4rn{padding-right:.5em}.container.svelte-1y1i4rn .colour.svelte-1y1i4rn{border-radius:3px;width:var(--size);height:var(--size);cursor:pointer}.container.svelte-1y1i4rn #activeColour.svelte-1y1i4rn{display:inline-block}.container.svelte-1y1i4rn #colourPicker.svelte-1y1i4rn{position:absolute;display:flex;flex-wrap:wrap;width:calc(var(--size) * 4 + .9em + 1.8em);top:100%;right:0;margin:.5em 0 .5em .5em;padding:.9em;pointer-events:none;opacity:0;background:#fff;row-gap:.3em;column-gap:.3em;box-shadow:0 2px 4px #00000021;border-radius:6px;visibility:hidden;transition:.25s ease all;transform:translateY(-6px)}.container.svelte-1y1i4rn #colourPicker.edit.svelte-1y1i4rn{transform:translateY(0);visibility:visible;opacity:1;pointer-events:all}.container.svelte-1y1i4rn #colourPicker .colour-option.svelte-1y1i4rn{z-index:1;box-shadow:0 2px 4px #00000021}.container.svelte-1y1i4rn #colourPicker .colour-option.selected.svelte-1y1i4rn{z-index:10}img.svelte-1hdwyte{max-width:100%;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}.modal-container.svelte-1ubsusx .modal-backdrop.svelte-1ubsusx{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;z-index:1000}.modal-container.svelte-1ubsusx .modal.svelte-1ubsusx{position:fixed;z-index:1001;max-width:1200px;width:calc(100% - 1rem);max-height:calc(100% - 2rem);left:0;right:0;top:0;margin:auto;background-color:#fff;padding:1rem 2rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;box-shadow:0 3px 6px #0000001a}.modal-container.svelte-1ubsusx .modal .close.svelte-1ubsusx{display:block;position:absolute;right:1rem;top:1rem;background:transparent;border:none;cursor:pointer;font-size:1.5rem}.modal-container.svelte-1ubsusx .modal h1.svelte-1ubsusx,.modal-container.svelte-1ubsusx .modal h2.svelte-1ubsusx,.modal-container.svelte-1ubsusx .modal h3.svelte-1ubsusx{font-weight:600}.modal-container.svelte-1ubsusx .modal.settings.svelte-1ubsusx{height:100%;padding:0;display:grid;grid-template-columns:5fr 5fr}.modal-container.svelte-1ubsusx .modal.settings .config.svelte-1ubsusx{overflow:auto;height:100%;padding:2rem;display:grid;grid-template-rows:auto 1fr auto}.modal-container.svelte-1ubsusx .modal.settings .config h1.svelte-1ubsusx{margin:0;margin-bottom:.4rem}.modal-container.svelte-1ubsusx .modal.settings .config h2.svelte-1ubsusx,.modal-container.svelte-1ubsusx .modal.settings .config h3.svelte-1ubsusx{margin-bottom:.5rem}.modal-container.svelte-1ubsusx .modal.settings .config p.description.svelte-1ubsusx{font-style:italic;font-size:12px;margin-top:0;margin-bottom:1.5rem}.modal-container.svelte-1ubsusx .modal.settings .config .footer.svelte-1ubsusx{justify-self:end}.modal-container.svelte-1ubsusx .modal.settings .preview.svelte-1ubsusx{overflow:auto;height:100%;background-color:#e7e7e7;padding:0 2rem;border-bottom-right-radius:1rem}.modal-container.svelte-1ubsusx .modal.settings .preview h1.svelte-1ubsusx{margin-top:2rem}.modal-container.svelte-1ubsusx .modal.settings .preview .preview-contents.svelte-1ubsusx{background-color:#fff;padding:1em;border-radius:4px;box-shadow:0 1.9px 2.4px #00000007,0 6.5px 8px #0000000b,0 29px 36px #00000012;-webkit-user-select:none;user-select:none}.modal-container.svelte-1ubsusx .modal.settings .preview .canvas-styles.svelte-1ubsusx{color:#2d3b45;-webkit-font-smoothing:antialiased;font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif,sans-serif;font-weight:400;text-rendering:optimizelegibility;font-size:1rem}.modal-container.svelte-1ubsusx .modal.settings .preview .canvas-styles h2.svelte-1ubsusx{font-size:1.8em;line-height:1.5}.modal-container.svelte-1ubsusx .modal.settings .preview .canvas-styles h3.svelte-1ubsusx{font-size:1.5em}.modal-container.svelte-1ubsusx .modal.settings .preview .canvas-styles h2.svelte-1ubsusx,.modal-container.svelte-1ubsusx .modal.settings .preview .canvas-styles h3.svelte-1ubsusx{margin:6px 0;line-height:1.5;text-rendering:optimizelegibility;clear:both}.modal-container.svelte-1ubsusx .modal.settings .preview .canvas-styles .example-grid.svelte-1ubsusx{display:grid;grid-template-columns:6fr 3fr;column-gap:1rem;margin:1rem 0}.modal-container.svelte-1ubsusx .modal.settings .preview .canvas-styles .example-grid p.svelte-1ubsusx{margin:0}.modal-container.svelte-1ubsusx .modal.settings .preview .canvas-styles .example-grid .example.svelte-1ubsusx{border-radius:.3rem;background-image:url(../../../img/lorempicture.jpeg);background-size:cover;background-position:center;height:100%;width:100%}@media screen and (min-width: 900px){.moreLorem.svelte-1ubsusx.svelte-1ubsusx:after{content:"Duis aute irure dolor in reprehenderit in voluptate velit. Excepteur sint occaecat cupidatat non proident, sunt in culpa. Animi, id est laborum et dolorum  . Lorem ipsum dolor sit amet, consectetur adipisicing elit."}}