.app-stops-gradient{height:10px;cursor:copy;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,.1)}.app-stops-gradient:before{position:absolute;content:"";z-index:-1;top:0;bottom:0;left:0;right:0;background:var(--app-icon-no-bg-url);background-size:10px 10px}.app-stops-gradient .form-range{pointer-events:none}.app-stops-gradient .form-range.active::-moz-range-thumb,.app-stops-gradient .form-range.active::-webkit-slider-thumb,.app-stops-gradient .form-range:focus::-moz-range-thumb,.app-stops-gradient .form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.4)}.app-stops-gradient .form-range::-moz-range-thumb{pointer-events:all;background:var(--range-bg);border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,.25);z-index:5;cursor:ew-resize}.app-stops-gradient .form-range::-webkit-slider-thumb{pointer-events:all;background:var(--range-bg);border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,.25);z-index:5;cursor:ew-resize}.app-stops-gradient .form-range::-webkit-slider-runnable-track{background:0 0}.app-stops-gradient .form-range::-moz-range-track{background:0 0}.app-stops-gradient__add,.app-stops-gradient__reverse{height:24px;width:24px}.app-preview{grid-template-rows:1fr auto;background:#fff var(--app-icon-no-bg-url)}.app-preview__gradient{overflow:auto;outline:2px solid #000}.app-preview__gradient-container{scrollbar-width:thin}.app-preview-color-picker .color-picker{display:grid;gap:1rem}.app-preview-color-picker .react-colorful{margin:0}.app-preview-color-picker .color-picker__fields{margin:0!important;flex-wrap:wrap;gap:.5rem;align-items:center}.app-preview-color-picker .color-picker__field--hex{flex:100% 1 0}.app-sidebar__preview-window{background:#fff var(--app-icon-no-bg-url)}.app-btn-direction{width:30px;height:30px}.app-btn-direction:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:0 6px 12px 6px;border-color:transparent transparent var(--bs-btn-color) transparent;transform-origin:top}.app-btn-direction:hover:before{border-bottom-color:var(--bs-btn-hover-color)}.app-btn-direction--top-left:before{top:4px;left:-2px;transform:rotate(-45deg)}.app-btn-direction--top:before{top:2px;left:50%;transform:translateX(-50%)}.app-btn-direction--top-right:before{top:4px;right:-2px;transform:rotate(45deg)}.app-btn-direction--left:before{top:50%;left:2px;transform:rotate(-90deg) translateY(-50%)}.app-btn-direction--right:before{top:50%;right:2px;transform:rotate(90deg) translateY(-50%)}.app-btn-direction--bottom-left:before{top:calc(100% - 4px);left:-2px;transform:rotate(-135deg)}.app-btn-direction--bottom:before{top:calc(100% - 4px);left:50%;transform:translateX(-50%) rotate(180deg)}.app-btn-direction--bottom-right:before{top:calc(100% - 4px);right:-2px;transform:rotate(135deg)}.app-angle__range-hints{top:-10px;font-size:.8rem;left:calc(var(--bs-gutter-x) * .5 + .5rem);right:calc(var(--bs-gutter-x) * .5 + .5rem)}.app-angle__range-hints span{transform:translateX(-50%);cursor:pointer}.app-angle__range-hints span:hover{background:var(--bs-primary);padding:0 .2rem;border-radius:50rem;color:#fff}.app-angle__range-hints span:before{content:"";position:absolute;width:2px;background:#999;height:4px;top:100%;left:50%;transform:translateX(-50%)}.app-angle__range-hints span:nth-child(1){left:0}.app-angle__range-hints span:nth-child(2){left:25%}.app-angle__range-hints span:nth-child(3){left:50%}.app-angle__range-hints span:nth-child(4){left:75%}.app-angle__range-hints span:nth-child(5){right:0;transform:translateX(50%)}.app-angle-preview{width:50px;height:50px}.app-angle-preview__angle{transform-origin:bottom center}.app-angle-preview__angle:before{position:absolute;content:"";top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:0 15px 25px 15px;border-color:transparent transparent var(--bs-primary) transparent}.app-angle-preview__text{font-size:.85rem;top:6px;left:6px;right:6px;bottom:6px;line-height:34px}.app-projects__item{background:#fff var(--app-icon-no-bg-url)}.app-projects__preview{width:100%;height:100%}.app-stops-list__item{margin-left:-.5rem;margin-right:-.5rem}.app-stops-list__item.active{background:var(--bs-primary-bg-subtle)}.app-stops-list__color{width:31px;height:31px;box-shadow:0 0 0 2px var(--bs-body-bg),0 0 0 3px var(--bs-border-color);border:0;background-color:#fff!important;background-image:var(--app-icon-no-bg-url);background-size:10px 10px}.app-stops-list__color span{display:block;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:inherit}.app-stops-list__item.active .app-stops-list__color{box-shadow:0 0 0 2px var(--bs-primary-bg-subtle),0 0 0 3px var(--bs-primary)}.app-main,.app-sidebar{height:50vh;min-height:400px}@media (min-width:576px){.app-preview-color-picker .color-picker{grid-template-columns:1fr 1fr}}