.svg-favicon-dashboard{--svg-favicon-color-blue:#007cba;--svg-favicon-color-red:red;--svg-favicon-color-gray:#ccc;--svg-favicon-color-light-gray:#f2f2f2;--svg-favicon-border-color:var(--svg-favicon-color-gray);--svg-favicon-color-picker-contrast:currentColor;--svg-favicon-gap:.8rem;--svg-favicon-padding:.5rem 1rem;--svg-favicon-inline-padding:1rem;--svg-favicon-shadow:0 0 0 1px rgba(0,0,0,.05);container:dashboard/inline-size;max-width:97%}.svg-favicon-dashboard pre{background-color:var(--svg-favicon-color-light-gray);border-radius:.5rem;padding:var(--svg-favicon-padding)}.svg-favicon-dashboard main{display:grid;gap:var(--svg-favicon-gap);grid-template-columns:[form-start] max-content [form-end guide-start] min(92ch,100%) [guide-end credits-start] 1fr [credits-end];grid-template-rows:[tabs-start] 31px [tabs-end guide-start] auto [guide-end credits-start] 1fr [credits-end];justify-items:start;width:100%}.svg-favicon-dashboard .color-blue{color:var(--svg-favicon-color-blue)}.svg-favicon-dashboard .color-red{color:var(--svg-favicon-color-red)}.svg-favicon-dashboard label{font-weight:700}.svg-favicon-dashboard :is(.form__field--input.name,.form__field--color-picker.background-color,.form__field--color-picker.theme-color,.form__field--color-picker.mask-color){display:flex;flex-direction:column;gap:.2rem}.svg-favicon-dashboard :is(.form__field--uploader.svg-favicon,.form__field--uploader.mask-icon){align-items:center;aspect-ratio:1/1;background-color:#f3f3f3;border:2px dashed #e8e8e8;display:flex;justify-content:center;overflow:hidden;position:relative;transition:background-color .24s ease-out;width:auto}.svg-favicon-dashboard :is(.form__field--uploader.svg-favicon,.form__field--uploader.mask-icon):hover{background-color:var(--svg-favicon-color-gray)}.svg-favicon-dashboard :is(.form__field--uploader.svg-favicon,.form__field--uploader.mask-icon):hover .remove{opacity:1}.svg-favicon-dashboard :is(.form__field--uploader.svg-favicon,.form__field--uploader.mask-icon):hover .svg-raw svg{opacity:.1}.svg-favicon-dashboard :is(.form__field--uploader.svg-favicon,.form__field--uploader.mask-icon) label{align-items:center;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.svg-favicon-dashboard :is(.form__field--uploader.svg-favicon,.form__field--uploader.mask-icon) input{opacity:0;position:absolute;z-index:-1}.svg-favicon-dashboard :is(.form__field--uploader.svg-favicon,.form__field--uploader.mask-icon):has(.svg-raw) label{display:none}.svg-favicon-dashboard :is(.form__field--uploader.svg-favicon,.form__field--uploader.mask-icon) .svg-raw{inset:0;position:absolute}.svg-favicon-dashboard :is(.form__field--uploader.svg-favicon,.form__field--uploader.mask-icon) .svg-raw>div{animation:slide-in-bck-center .6s cubic-bezier(0,.54,0,.99) both;inset:0;position:absolute;transform:scale(5)}.svg-favicon-dashboard :is(.form__field--uploader.svg-favicon,.form__field--uploader.mask-icon) .svg-raw svg{transition:opacity .24s ease-out}.svg-favicon-dashboard :is(.form__field--uploader.svg-favicon,.form__field--uploader.mask-icon) .remove{background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-block;height:48px;opacity:0;padding:0;position:absolute;transition:opacity .42s ease-out;width:48px;z-index:20}.svg-favicon-dashboard :is(.form__field--uploader.svg-favicon,.form__field--uploader.mask-icon) .remove svg{width:48px}.svg-favicon-dashboard :is(.form__field--uploader.svg-favicon,.form__field--uploader.mask-icon) .remove svg path{fill:var(--svg-favicon-color-red)}.svg-favicon-dashboard .form__field--color-picker input{background:#2c3e50;border:none;border-radius:.1em;color:var(--svg-favicon-color-picker-contrast);cursor:pointer;outline:none;padding:0 .75em}.svg-favicon-dashboard .svg-favicon-dashboard__tabs{align-items:baseline;border-bottom:1px solid var(--svg-favicon-border-color);display:flex;grid-column-end:credits-end;grid-column-start:form-start;grid-row-end:tabs-end;grid-row-start:tabs-start;justify-content:flex-start;width:100%}.svg-favicon-dashboard .svg-favicon-dashboard__tabs button{border:1px solid var(--svg-favicon-border-color);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-1px;margin-left:.5em;padding:5px 10px;text-decoration:none;white-space:nowrap}.svg-favicon-dashboard .svg-favicon-dashboard__tabs button.selected{background:#f1f1f1;border-bottom:1px solid #f1f1f1;color:#000}.svg-favicon-dashboard .svg-favicon-dashboard__form{display:grid;grid-column-end:form-end;grid-column-start:form-start;grid-row-end:credits-end;grid-row-start:guide-start;grid-template-columns:32ch 32ch}.svg-favicon-dashboard .svg-favicon-dashboard__form>*{padding:var(--svg-favicon-padding)}.svg-favicon-dashboard .svg-favicon-dashboard__form .instructions{background-color:#fff;box-shadow:var(--svg-favicon-shadow)}.svg-favicon-dashboard .svg-favicon-dashboard__form .instructions>*{margin:0}.svg-favicon-dashboard .svg-favicon-dashboard__form .instructions>p+h4{margin-top:1em}.svg-favicon-dashboard .svg-favicon-dashboard__form .instructions h4{margin-bottom:0}.svg-favicon-dashboard .svg-favicon-dashboard__form form{display:flex;flex-direction:column;gap:var(--svg-favicon-gap)}.svg-favicon-dashboard .svg-favicon-dashboard__form form>*{display:block}.svg-favicon-dashboard .svg-favicon-dashboard__form form .manifest{align-items:center;display:flex;flex-direction:row-reverse;gap:.25rem;justify-content:start}.svg-favicon-dashboard .svg-favicon-dashboard__form form .manifest input{margin:0}.svg-favicon-dashboard .svg-favicon-dashboard__form form .manifest label{line-height:1}.svg-favicon-dashboard .svg-favicon-dashboard__form form .save-settings{margin-top:auto}.svg-favicon-dashboard .svg-favicon-dashboard__form form .save-settings.disabled{pointer-events:none}.svg-favicon-dashboard .svg-favicon-dashboard__form form .reset-settings{background:transparent;border:none;color:inherit;cursor:pointer;display:block;padding:0}.svg-favicon-dashboard .svg-favicon-dashboard__form form .reset-settings:hover{color:maroon}.svg-favicon-dashboard .svg-favicon-dashboard__guide{background-color:#fff;box-shadow:var(--svg-favicon-shadow);grid-column-end:guide-end;grid-column-start:guide-start;grid-row-end:credits-end;grid-row-start:guide-start;padding-block:.5rem;width:100%}.svg-favicon-dashboard .svg-favicon-dashboard__guide h3{border-bottom:1px solid var(--svg-favicon-color-gray);padding-bottom:.5rem}.svg-favicon-dashboard .svg-favicon-dashboard__guide .wrapper{min-width:min(72ch,100%);padding-inline:1rem}.svg-favicon-dashboard .svg-favicon-dashboard__guide .wrapper>*{margin:0}.svg-favicon-dashboard .svg-favicon-dashboard__guide .wrapper>*+*{margin-top:1em}.svg-favicon-dashboard .svg-favicon-dashboard__credits{grid-column-end:credits-end;grid-column-start:credits-start;grid-row-end:credits-end;grid-row-start:guide-start;width:100%}.svg-favicon-dashboard .svg-favicon-dashboard__credits h3{border-bottom:1px solid var(--svg-favicon-color-gray);padding-bottom:.5rem}.svg-favicon-dashboard .svg-favicon-dashboard__credits .wrapper{background-color:#fff;box-shadow:var(--svg-favicon-shadow);margin-left:auto;margin-right:1rem;padding:var(--svg-favicon-padding);width:32ch}.svg-favicon-dashboard .svg-favicon-dashboard__credits .wrapper>*{margin:0}.svg-favicon-dashboard .svg-favicon-dashboard__credits .wrapper>*+*{margin-top:1em}@container dashboard (width < 1615px){.svg-favicon-dashboard .svg-favicon-dashboard__guide{grid-row-end:guide-end;grid-row-start:guide-start}.svg-favicon-dashboard .svg-favicon-dashboard__credits{background-color:#fff;box-shadow:var(--svg-favicon-shadow);grid-column-end:guide-end;grid-column-start:guide-start;grid-row-end:credits-end;grid-row-start:credits-start}.svg-favicon-dashboard .svg-favicon-dashboard__credits .wrapper{background-color:transparent;box-shadow:none;margin:initial;width:auto}}@container dashboard (width < 1470px){.svg-favicon-dashboard main{grid-template-columns:[form-start] max-content [form-end guide-start] 1fr [guide-end credits-start] 0 [credits-end]}.svg-favicon-dashboard main .svg-favicon-dashboard__guide{grid-column-end:credits-end;overflow:hidden}.svg-favicon-dashboard main .svg-favicon-dashboard__guide span{display:block}.svg-favicon-dashboard main .svg-favicon-dashboard__guide p,.svg-favicon-dashboard main .svg-favicon-dashboard__guide span{padding-right:2rem}.svg-favicon-dashboard main .svg-favicon-dashboard__guide pre{overflow:scroll}.svg-favicon-dashboard main .svg-favicon-dashboard__credits{grid-column-end:credits-end}}@container dashboard (width < 821px){.svg-favicon-dashboard main{display:flex;flex-direction:column}.svg-favicon-dashboard .svg-favicon-dashboard__form{grid-template-columns:32ch 2fr}}@container dashboard (width < 431px){.svg-favicon-dashboard .svg-favicon-dashboard__form{display:block}}@keyframes slide-in-bck-center{0%{opacity:0;transform:scale(5)}to{opacity:1;transform:scale(1)}}