.form-range-minmax{position:relative}.form-range-minmax input{pointer-events:none}.form-range-minmax input::-moz-range-thumb{pointer-events:all;cursor:pointer}.form-range-minmax input::-webkit-slider-thumb{pointer-events:all;cursor:pointer}.form-range-minmax input:nth-child(2){position:absolute;top:0;left:0}.form-range-minmax input:nth-child(2)::-moz-range-track{background:0 0}.form-range-minmax input:nth-child(2)::-webkit-slider-runnable-track{background:0 0}:root{--app-icon-no-bg-url:url("/assets/icons/no-background.svg");--app-icon-fallback-image-url:url("/assets/icons/no-image.svg")}.icon-bug{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23222'%3e%3cpath d='M20 8h-2.81c-.45-.78-1.07-1.45-1.82-1.96L17 4.41 15.59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5s-.96.06-1.41.17L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8zm-4 4v3c0 .22-.03.47-.07.7l-.1.65-.37.65c-.72 1.24-2.04 2-3.46 2s-2.74-.77-3.46-2l-.37-.64-.1-.65C8.03 15.48 8 15.23 8 15v-4c0-.23.03-.48.07-.7l.1-.65.37-.65c.3-.52.72-.97 1.21-1.31l.57-.39.74-.18c.31-.08.63-.12.94-.12.32 0 .63.04.95.12l.68.16.61.42c.5.34.91.78 1.21 1.31l.38.65.1.65c.04.22.07.47.07.69v1zm-6 2h4v2h-4zm0-4h4v2h-4z'/%3e%3c/svg%3e")}.icon-delete{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23222'%3e%3cpath d='M14.12 10.47L12 12.59l-2.13-2.12-1.41 1.41L10.59 14l-2.12 2.12 1.41 1.41L12 15.41l2.12 2.12 1.41-1.41L13.41 14l2.12-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4zM6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9z'/%3e%3c/svg%3e")}.icon-reset{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23222'%3e%3cpath d='M6,13c0-1.65,0.67-3.15,1.76-4.24L6.34,7.34C4.9,8.79,4,10.79,4,13c0,4.08,3.05,7.44,7,7.93v-2.02 C8.17,18.43,6,15.97,6,13z M20,13c0-4.42-3.58-8-8-8c-0.06,0-0.12,0.01-0.18,0.01l1.09-1.09L11.5,2.5L8,6l3.5,3.5l1.41-1.41 l-1.08-1.08C11.89,7.01,11.95,7,12,7c3.31,0,6,2.69,6,6c0,2.97-2.17,5.43-5,5.91v2.02C16.95,20.44,20,17.08,20,13z'/%3e%3c/svg%3e")}.icon-add{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23222'%3e%3cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3e%3c/svg%3e")}.icon-chevron-left{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23222'%3e%3cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z'/%3e%3c/svg%3e")}.icon-chevron-right{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23222'%3e%3cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z'/%3e%3c/svg%3e")}.icon-visibility{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23222'%3e%3cpath d='M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z'/%3e%3c/svg%3e")}.icon-visibility-off{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23222'%3e%3cpath d='M12 6c3.79 0 7.17 2.13 8.82 5.5-.59 1.22-1.42 2.27-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02-1.38 0-2.5-1.12-2.5-2.5 0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75c-.23.55-.36 1.15-.36 1.78 0 2.48 2.02 4.5 4.5 4.5.63 0 1.23-.13 1.77-.36l.98.98c-.88.24-1.8.38-2.75.38-3.79 0-7.17-2.13-8.82-5.5.7-1.43 1.72-2.61 2.93-3.53z'/%3e%3c/svg%3e")}.btn-icon--danger{--bs-btn-padding-x:.25rem;--bs-btn-border-color:transparent;--bs-btn-bg:rgba(var(--bs-danger-rgb), .1)}.btn-icon--danger:focus span,.btn-icon--danger:hover span{filter:brightness(0) invert(100%)}[data-bs-theme=dark] .btn-icon--danger{--bs-btn-bg:rgba(var(--bs-danger-rgb), .3)}.btn-icon--success{--bs-btn-padding-x:.25rem}.btn-icon--success span{filter:invert(100%)}.btn-icon--secondary{--bs-btn-padding-x:.25rem;--bs-btn-border-color:transparent;--bs-btn-bg:rgba(var(--bs-secondary-color-rgb), .1)}.btn-icon--secondary:focus span,.btn-icon--secondary:hover span{filter:brightness(0) invert(100%)}[data-bs-theme=dark] .btn-icon--secondary{--bs-btn-bg:rgba(var(--bs-secondary-color-rgb), .2)}.tool-header{display:grid;grid-template-rows:auto;grid-template-areas:"title" "short-description" "buttons"}.tool-header h1{grid-area:title;font-weight:300}.tool-header p{grid-area:short-description;line-height:1.3;color:var(--bs-secondary-color)}.tool-header__btns{align-self:center;grid-area:buttons}.tool-header__btn{display:flex;align-items:center;text-align:center;flex-direction:column}.tool-header__btn-icon{font-size:2rem;flex-shrink:0}.tool-header__btn-text{color:var(--bs-secondary-color);font-size:.8rem;line-height:.9rem;padding-left:.5rem}.app{padding-top:3rem;padding-bottom:3rem}.app-main{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-top:0}.app-main__nav{padding:0 .5rem}.app-code{position:relative;height:100%;display:flex;flex-direction:column;background:var(--bs-body-bg)}.app-code .hljs{background:var(--bs-body-bg)!important;height:100%;overflow-y:auto;scrollbar-width:thin}.app-code .hljs pre{overflow:visible;padding-top:1rem;padding-left:1rem}.app-code .hljs code{padding-right:1rem}.app-code__copy{position:absolute;top:.8rem;right:1rem;padding-top:0;padding-bottom:0}.app-sidebar{scrollbar-width:thin;background:var(--bs-body-bg);overflow-y:auto;border:1px solid var(--bs-border-color);border-top-width:0}.app-sidebar__section:not(:last-child){border-bottom:1px solid var(--bs-border-color)}.app-sidebar__nav{padding:0 .5rem}.app-sidebar .form-range:disabled{opacity:.4}.app-sidebar .form-control:disabled{opacity:.4}.app-sidebar .form-switch input,.app-sidebar .form-switch label{cursor:pointer}.app-sidebar__items-list{scrollbar-width:thin;overflow-y:auto;display:flex;gap:.5rem;flex:1 0 0;padding-bottom:.25rem}.app-sidebar__items-list-add{align-self:start;flex:0 0 auto;width:auto}.app-sidebar__items-list button.isHidden{position:relative;padding-left:.25rem;padding-right:.75rem}.app-sidebar__items-list .bi-block{--size:.75rem;position:absolute;top:0;right:0}.app-sidebar__items-list .btn-outline-light:not(:hover) .bi-block,.app-sidebar__items-list .btn-outline-primary:hover .bi-block,.app-sidebar__items-list .btn-primary .bi-block{filter:invert(100%)}.app-sidebar__section-heading{position:sticky;top:0;padding:.5rem calc(.5 * var(--bs-gutter-x));background:rgba(var(--bs-body-bg-rgb),.85);backdrop-filter:blur(5px);line-height:1.2;color:var(--bs-heading-color);font-size:1.25rem;z-index:10;font-weight:400;margin:0 calc(-.5 * var(--bs-gutter-x)) .25rem}.app-sidebar__preview .dropdown-toggle{cursor:pointer}.app-sidebar__preview-bg-btn,.app-sidebar__preview-no-bg-btn{width:100%;aspect-ratio:1;position:relative;overflow:hidden}.app-sidebar__preview-bg-btn:before,.app-sidebar__preview-no-bg-btn:before{top:.1rem;left:.1rem;right:.1rem;bottom:.1rem;background-color:var(--preview-bg-color);background-image:var(--preview-bg-img);border-radius:var(--bs-btn-border-radius);background-position:center;background-size:cover;content:"";position:absolute}.app-sidebar__preview-no-bg-btn:before{background-color:#fff;background-image:var(--app-icon-no-bg-url);background-size:auto}.app-sidebar__preview-window{height:150px;scrollbar-width:thin;outline:1px solid var(--bs-border-color)}.app-sidebar-gallery{scrollbar-width:thin;display:flex;overflow-x:auto;padding-bottom:.25rem;gap:.5rem;margin-bottom:1rem}.app-sidebar-gallery img{flex:0 0 auto;width:100px;height:100px;object-fit:cover;cursor:pointer}.app-projects{padding-top:1rem}.app-projects .nav{padding:0 .5rem}.app-projects .badge{color:#000!important;background-color:rgb(var(--bs-light-rgb))!important;margin-left:.25rem}.app-projects__preview{overflow:hidden;flex-shrink:0;border-radius:inherit}.app-projects__list-container{border:1px solid var(--bs-border-color);border-top:0;background:var(--bs-body-bg);display:grid}.app-projects__list{overflow-y:hidden;overflow-x:auto;scrollbar-width:thin;list-style-type:none;display:flex;padding:1rem;margin:0;gap:1rem}.app-projects__remove{--icon-size:20px;--bs-btn-padding-x:.1rem;--bs-btn-padding-y:.1rem;position:absolute;top:.25rem;right:.25rem;z-index:20;border-radius:50%}.app-projects__remove span{filter:brightness(0) invert(100%)}.app-projects__open{background:0 0;position:absolute;width:100%;height:100%;z-index:10;border-radius:.5rem}.app-projects__open:focus,.app-projects__open:hover{box-shadow:var(--bs-btn-focus-box-shadow)}.app-projects__item{flex:0 0 auto;width:120px;height:120px;outline:1px solid var(--bs-border-color);position:relative;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background:var(--bs-body-bg);border-radius:.5rem}.app-projects__title{position:absolute;z-index:1;background:rgba(0,0,0,.2);color:#fff;font-size:.7rem;bottom:0;left:0;right:0;padding:0 .5rem;white-space:nowrap;overflow:hidden;text-shadow:0 0 10px rgba(0,0,0,.5);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;text-overflow:ellipsis}.app-projects__title--top{top:0;bottom:unset;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}.app-project{height:100%;overflow-y:auto;scrollbar-width:thin}.app-project>.row{--bs-gutter-x:0;min-height:100%}.app-project__section{padding:1rem}.app-project__section:nth-child(1){border-bottom:1px solid var(--bs-border-color)}.app-project__section:nth-child(2){border-bottom:1px solid var(--bs-border-color)}.tool{position:relative}.tool:before{z-index:-1;position:absolute;content:"";width:100vw;top:0;bottom:0;background:var(--bs-primary-bg-subtle);left:50%;transform:translateX(-50%)}.contents{top:calc(60px + 1rem)}.contents .list-group{--bs-list-group-border-width:0;--bs-list-group-active-bg:rgba(var(--bs-primary-rgb), .1)}.contents a{text-decoration:none}.similar-tools{scrollbar-width:thin}.similar-tools .card-tool{margin-bottom:1rem}.presets-fallback{width:100%;height:120px}.color-picker-fallback{height:133.2px}@media (min-width:576px) and (max-width:992px){.tool-header__btn{text-align:left;flex-direction:row}}@media (min-width:992px){.tool-header{grid-template-columns:60% 40%;grid-template-rows:auto;grid-template-areas:"title buttons" "short-description buttons"}.tool-header__btn-text{padding-left:0;padding-top:.5rem;max-width:3.5rem}.app-sidebar{border-left-width:0}.app-sidebar__nav{justify-content:end}.app-project__section:nth-child(2){border-bottom:0;border-right:1px solid var(--bs-border-color)}}