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