.gradient-color-input{display:block;position:relative}.gradient-slider-and-add-container{border:.5px solid var(--ui-border);border-radius:4px;padding:8px;position:relative}.gradient-slider-and-add-container:before{background:var(--ui-border);border-radius:4px;content:"";--pin:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='2' height='2' patternTransform='rotate(45)' patternUnits='userSpaceOnUse' viewBox='0 0 2 2'%3E%3Cpath fill='%23E1DACB' d='M0-.5v1h2v-1z'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3C/svg%3E");-webkit-mask-image:var(--pin);mask-image:var(--pin)}.gradient-slider-container{background:transparent;height:2rem;position:relative;z-index:2}.hidden-slider-container{position:relative;width:100%}.hidden-slider-container input{left:0;position:absolute;right:0;width:100%}.arrow-container{height:10px;overflow:visible;position:relative}.arrow-container .arrow{display:inline-block;position:absolute;z-index:3}.gradient-slider-container input[type=range]::-moz-range-thumb{background:var(--base);background-image:var(--thumb-style);background-position:0 0,0 0,2px 2px;background-size:100% 100%,4px 4px,4px 4px}input[type=range].current-option::-moz-range-thumb{box-shadow:0 0 0 2px var(--ui)}input[type=range].current-option:focus::-moz-range-thumb{box-shadow:0 0 0 2px var(--focus)}.slider-add-button{background:var(--screen);border:.5px solid var(--ui-border);border-radius:1rem 1rem 0;bottom:0;height:20px;margin-bottom:auto;margin-top:auto;padding:0;position:absolute;top:0;width:20px}.slider-add-button span{display:block;transform:rotate(-45deg)}.color-input-container{border:.5px solid var(--ui-border);border-radius:4px;overflow:hidden;position:relative}.color-input-container>.transparent-pattern{z-index:1}.color-input-container>.color-mask{z-index:2}.color-input-container-inner{position:relative;z-index:3}.add-gradient-stop-container{height:2rem;overflow:visible;position:relative;z-index:3}