.verte{justify-content:center;display:flex;position:relative}.verte *{box-sizing:border-box}.verte--loading{opacity:0}.verte__guide{background:0 0;border:0;width:24px;height:24px;padding:0}.verte__guide:focus{outline:0}.verte__guide svg{width:100%;height:100%;fill:inherit}.verte__menu{will-change:transform;background-color:#fff;border-radius:6px;flex-direction:column;justify-content:center;align-items:stretch;width:250px;box-shadow:0 8px 15px #0000001a}.verte__menu:focus{outline:none}.verte__menu-origin{z-index:10;display:none;position:absolute}.verte__menu-origin--active{display:flex}.verte__menu-origin--static{z-index:initial;position:static}.verte__menu-origin--top{bottom:50px}.verte__menu-origin--bottom{top:50px}.verte__menu-origin--right{right:0}.verte__menu-origin--left{left:0}.verte__menu-origin--center{background-color:#0000001a;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed;top:0;left:0}.verte__menu-origin:focus{outline:none}.verte__controller{padding:0 20px 20px}.verte__recent{flex-wrap:wrap;justify-content:flex-end;align-items:center;width:100%;display:flex}.verte__recent-color{background-color:#fff;background-image:linear-gradient(45deg,#70809080 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#70809080 75%),linear-gradient(-45deg,#70809080 25%,#0000 25%),linear-gradient(-45deg,#0000 75%,#70809080 75%);background-position:0 0,3px -3px,0 3px,-3px 0;background-size:6px 6px;border-radius:50%;width:27px;height:27px;margin:4px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.verte__recent-color:after{content:"";background-color:currentColor;width:100%;height:100%;display:block}.verte__value{text-align:center;-webkit-appearance:none;-moz-appearance:textfield;border:1px solid #708090;border-radius:6px 0 0 6px;width:100%;padding:.6em;font-size:12px}.verte__value:focus{border-color:#1a3aff;outline:none}.verte__icon{width:20px;height:20px}.verte__icon--small{width:12px;height:12px}.verte__input{text-align:center;-webkit-appearance:none;appearance:none;-moz-appearance:textfield;border-width:0 0 1px;min-width:0;margin:0 3px;padding:5px}.verte__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.verte__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.verte__inputs{margin-bottom:5px;font-size:16px;display:flex}.verte__draggable{cursor:grab;background-color:#70809033;background-image:linear-gradient(90deg,#fff 2px,#0000 1%),linear-gradient(#fff 2px,#0000 1%),none;background-position:50%,50%,0 0;background-repeat:repeat,repeat,repeat;background-size:4px 4px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:6px 6px 0 0;width:100%;height:8px}.verte__model,.verte__submit{text-align:center;cursor:pointer;color:#708090;fill:#708090;background-color:#0000;border:0;outline:none;justify-content:center;align-items:center;padding:1px;font-weight:700;display:inline-flex;position:relative}.verte__model:hover,.verte__submit:hover{fill:#1a3aff;color:#1a3aff}.verte__close{z-index:1;cursor:pointer;fill:#fff;background-color:#0006;border:0;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:1px;right:1px;transform:translate(50%,-50%);box-shadow:1px 1px 1px #0003}.verte__close:hover{background-color:#0009}.verte-picker{flex-direction:column;width:100%;margin:0 auto 10px;display:flex}.verte-picker--wheel{margin-top:20px}.verte-picker__origin{-webkit-user-select:none;user-select:none;margin:0 auto;position:relative;overflow:hidden}.verte-picker__slider{margin:20px 20px 0}.verte-picker__canvas{display:block}.verte-picker__cursor{will-change:transform;pointer-events:none;background-color:#0000;border:1px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px;position:absolute;top:0;left:0;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006}.verte-picker__input{margin-bottom:10px;display:flex}.slider{box-sizing:border-box;align-items:center;margin-bottom:10px;font-size:20px;display:flex;position:relative}.slider:hover .slider-label,.slider--dragging .slider-label{visibility:visible;opacity:1}.slider__input{text-align:center;-webkit-appearance:none;-moz-appearance:textfield;border:0;width:20%;max-width:70px;margin-bottom:0;margin-left:.2em;padding:.3em;font-size:12px}.slider__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slider__input:focus{border-color:#1a3aff;outline:none}.slider__track{will-change:transfom;background-color:#fff;background-image:linear-gradient(45deg,#70809080 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#70809080 75%),linear-gradient(-45deg,#70809080 25%,#0000 25%),linear-gradient(-45deg,#0000 75%,#70809080 75%);background-position:0 0,3px -3px,0 3px,-3px 0;background-repeat:repeat;background-size:6px 6px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:10px;flex:1;width:auto;height:8px;margin:3px;position:relative}.slider__handle{will-change:transform;color:#000;background-color:currentColor;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-2px 0 0 -8px;position:absolute;top:0;left:0;box-shadow:0 1px 4px -2px #000}.slider__label{z-index:999;visibility:hidden;color:#fff;text-align:center;opacity:0;white-space:nowrap;background-color:#000;border-radius:6px;min-width:3em;padding:6px;font-size:12px;line-height:1em;position:absolute;top:-3em;left:.4em;transform:translate(-50%)}.slider__label:before{content:"";border:.6em solid #0000;border-top-color:#000;border-bottom-width:0;width:0;height:0;display:block;position:absolute;bottom:-.6em;left:50%;transform:translate(-50%)}.slider__fill{transform-origin:0 0;border-radius:10px;width:100%;height:100%}