.t-wrapper[data-v-d2a2130c]{position:fixed;top:0;bottom:0;left:0;width:100%;box-sizing:border-box;z-index:9999}.t-box[data-v-d2a2130c]{width:100%;position:absolute;bottom:0;padding:.9375rem 0;padding-top:0;background:#fff;transition:all .3s;transform:translateY(100%)}.t-box.active[data-v-d2a2130c]{transform:translateY(0)}.t-header[data-v-d2a2130c]{display:flex;justify-content:space-between;width:100%;height:3.125rem;border-bottom:1px #eee solid;box-shadow:1px 0 2px rgba(0,0,0,.1);background:#fff}.t-header-button[data-v-d2a2130c]{display:flex;align-items:center;width:4.6875rem;height:3.125rem;font-size:.9375rem;color:#666;padding-left:.625rem}.t-header-button[data-v-d2a2130c]:last-child{justify-content:flex-end;padding-right:.625rem}.t-mask[data-v-d2a2130c]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:-1;transition:all .3s;opacity:0}.t-mask.active[data-v-d2a2130c]{opacity:1}.t-color__box[data-v-d2a2130c]{position:relative;height:12.5rem;background:red;overflow:hidden;margin:.625rem .625rem 0;box-sizing:border-box}.t-background[data-v-d2a2130c]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.t-color-mask[data-v-d2a2130c]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:12.5rem;background:linear-gradient(to top,#000,rgba(0,0,0,0))}.t-pointer[data-v-d2a2130c]{position:absolute;bottom:-8px;left:-8px;z-index:2;width:15px;height:15px;border:1px #fff solid;border-radius:50%}.t-show-color[data-v-d2a2130c]{width:3.125rem;height:1.5625rem}.t-control__box[data-v-d2a2130c]{margin-top:1.5625rem;width:100%;display:flex;padding-left:.625rem;box-sizing:border-box}.t-control__color[data-v-d2a2130c]{flex-shrink:0;width:3.125rem;height:3.125rem;border-radius:50%;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee);background-size:1.125rem 1.125rem;background-position:0 0,.5625rem .5625rem;border:1px #eee solid;overflow:hidden}.t-control__color-content[data-v-d2a2130c]{width:100%;height:100%}.t-control-box__item[data-v-d2a2130c]{display:flex;flex-direction:column;justify-content:space-between;width:100%;padding:0 .9375rem}.t-controller[data-v-d2a2130c]{position:relative;width:100%;height:16px;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee);background-size:1rem 1rem;background-position:0 0,.5rem .5rem}.t-hue[data-v-d2a2130c]{width:100%;height:100%;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.t-transparency[data-v-d2a2130c]{width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,0),#000)}.t-circle[data-v-d2a2130c]{position:absolute;top:-2px;width:20px;height:20px;box-sizing:border-box;border-radius:50%;background:#fff;box-shadow:0 0 2px 1px rgba(0,0,0,.1)}.t-result__box[data-v-d2a2130c]{margin-top:.625rem;padding:.3125rem;width:100%;display:flex;box-sizing:border-box}.t-result__item[data-v-d2a2130c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.3125rem;width:100%;box-sizing:border-box}.t-result__box-input[data-v-d2a2130c]{padding:.3125rem 0;width:100%;font-size:.875rem;box-shadow:0 0 1px 1px rgba(0,0,0,.1);color:#999;text-align:center;background:#fff}.t-result__box-text[data-v-d2a2130c]{margin-top:.3125rem;font-size:.875rem;line-height:2}.t-select[data-v-d2a2130c]{flex-shrink:0;width:4.6875rem;padding:0 .9375rem}.t-select .t-result__box-input[data-v-d2a2130c]{border-radius:.3125rem;border:none;color:#999;box-shadow:1px 1px 2px 1px rgba(0,0,0,.1);background:#fff}.t-select .t-result__box-input[data-v-d2a2130c]:active{box-shadow:0 0 1px rgba(0,0,0,.1)}.t-alternative[data-v-d2a2130c]{display:flex;flex-wrap:wrap;width:100%;padding-right:.3125rem;box-sizing:border-box}.t-alternative__item[data-v-d2a2130c]{margin-left:.375rem;margin-top:.3125rem;width:1.5625rem;height:1.5625rem;border-radius:.3125rem;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee);background-size:1.125rem 1.125rem;background-position:0 0,.5625rem .5625rem;border:1px #eee solid;overflow:hidden}.t-alternative__item-content[data-v-d2a2130c]{width:1.5625rem;height:1.5625rem;background:rgba(255,0,0,.5)}.t-alternative__item[data-v-d2a2130c]:active{transition:all .3s;transform:scale(1.1)}.jnpf-color-picker[data-v-4de83a13]{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.jnpf-color-picker .color-box[data-v-4de83a13]{width:2.1875rem;height:2.1875rem;border:1px solid #e6e6e6;background-color:#fff;border-radius:.3125rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.jnpf-color-picker .color-box .colorVal[data-v-4de83a13]{width:1.5rem;height:1.5rem;border:1px solid #999;border-radius:.1875rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff}.jnpf-color-picker .color-box .colorVal .colorVal-inner[data-v-4de83a13]{width:100%;height:100%;color:#c7c7c7;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}