:root{--tw-transparency-pattern: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 20 20\"><path fill=\"%23d1d3d4\" d=\"M0 0h10v10H0Z\"/><path fill=\"%23fff\" d=\"M0 10h10v10H0Z\"/><path fill=\"%23d1d3d4\" d=\"M10 10h10v10H10Z\"/><path fill=\"%23fff\" d=\"M10 0h10v10H10Z\"/></svg>")}.talwin{width:100%;max-width:280px;background:var(--talwin-bg, #fff);border:1px solid var(--talwin-bc, #ccc)}.talwin:not(.open){visibility:hidden}.talwin:not(.tw-popper,.open){overflow:hidden;height:0;border:0}.talwin[data-theme=dark]{--talwin-bg: #222;--talwin-bc: #aaa;--tw-swatches-bg: #333;--tw-bc: #444;--tw-thumb: #353535;--tw-thumb-bc: #5f5f5f;--tw-label: #d8d8d8;--tw-input-bg: #181818;--talwin-fg: #fff;--tw-btn-hover: #444}.talwin__container{display:flex;align-items:center;padding:1rem;border-top:1px solid var(--tw-bc, #ccc)}.talwin__palette{overflow:hidden;height:150px;outline:0;background:linear-gradient(to bottom, transparent, #000),linear-gradient(to right, #fff, hsl(var(--hue, 0), 100%, 50%))}.talwin__palette.tw-focus:focus .talwin__marker{border-color:#117ce0}.talwin__marker{width:18px;height:18px;border-radius:99em;background:rgba(0,0,0,0);box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 3px rgba(0,0,0,.7);cursor:move}.talwin .talwin__preview{position:relative;width:40px;height:40px;background:var(--tw-transparency-pattern);flex-shrink:0}.talwin .talwin__preview .tw-btn{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;opacity:0;border-radius:0}.talwin .talwin__preview .tw-btn.tw-focus:focus,.talwin .talwin__preview .tw-btn:hover{opacity:1;z-index:100;background-color:rgba(0,0,0,.6)}.talwin__slider{width:100%;background-color:rgba(0,0,0,0);margin:0;padding:0;cursor:pointer;-webkit-appearance:none;--tw-alpha: linear-gradient(90deg, transparent, rgb(var(--rgb))), var(--tw-transparency-pattern);--tw-hue: linear-gradient( -90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000 )}.talwin__slider:active{cursor:ew-resize}.talwin__slider::-webkit-slider-runnable-track{-webkit-appearance:none;height:15px;border:0}.talwin__slider::-webkit-slider-runnable-track:active{cursor:ew-resize}.talwin__slider::-moz-range-track{height:15px;border:0}.talwin__slider::-webkit-slider-thumb{-webkit-appearance:none;height:22px;width:14px;margin-top:-3.5px;background-color:var(--tw-thumb, #fff);border-radius:3px;border:1px solid var(--tw-thumb-bc, #949494);box-shadow:0 0 3px rgba(0,0,0,.7);cursor:ew-resize}.talwin__slider::-moz-range-thumb{box-sizing:border-box;width:14px;height:22px;padding:0;background-color:var(--tw-thumb, #fff);border:1px solid var(--tw-thumb-bc, #949494);border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,.7);cursor:ew-resize}.talwin__slider--hue::-webkit-slider-runnable-track{background:var(--tw-hue)}.talwin__slider--hue::-moz-range-track{background:var(--tw-hue)}.talwin__slider--alpha{margin-top:.65rem}.talwin__slider--alpha::-webkit-slider-runnable-track{background:var(--tw-alpha)}.talwin__slider--alpha::-moz-range-track{background:var(--tw-alpha)}.talwin__inputs{display:flex;width:100%}.talwin__inputs label{width:100%;text-align:center;margin-right:.25rem;text-transform:uppercase;color:var(--tw-label, #555);cursor:pointer;font-family:system-ui;font-size:13px}.talwin__input{display:block;width:100%;box-sizing:border-box;padding:.5rem;text-align:center;color:var(--talwin-fg, #222);font-family:monospace;border:1px solid var(--tw-bc, #ccc);margin-bottom:.25rem;background-color:var(--tw-input-bg)}.talwin__input:focus{outline:0;border-color:#117ce0}.talwin__input:focus+span{color:#117ce0}.talwin__swatches{display:flex;justify-content:center;flex-wrap:wrap;background-color:var(--tw-swatches-bg, #f5f5f5);padding:1rem .5rem 0 .5rem;max-height:100px;overflow-y:auto;box-sizing:border-box}.talwin__swatch{position:relative;width:20px;height:20px;padding:0;border:0;margin:0 .5rem 1rem .5rem;cursor:pointer;background-image:var(--tw-transparency-pattern);border-radius:.125rem;overflow:hidden}.talwin__swatch:focus{outline:1px dashed var(--tw-color);outline-offset:2px}.talwin.tw-popper{position:fixed;z-index:9999;border:0;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)}.talwin .tw-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0);z-index:9999999999;cursor:move}.talwin .tw-btn{display:inline-block;background:rgba(0,0,0,0);color:var(--talwin-fg);border:0;cursor:pointer;padding:.5rem .25rem}.talwin .tw-btn:hover{background-color:var(--tw-btn-hover, #f0f0f0)}.talwin .tw-btn svg{fill:currentColor;pointer-events:none;vertical-align:middle}.talwin .tw-mr{margin-right:1rem}.talwin .tw-w100{width:100%}.talwin__swatch::before,.talwin__preview::before,.tw-ref::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--tw-color)}.tw-ref{position:relative;display:inline-block;width:1.5rem;height:1.5rem;border:0;padding:0;cursor:pointer;overflow:hidden;border-radius:4px;background:var(--tw-transparency-pattern)}.tw-ref:focus{outline:1px dashed var(--tw-color);outline-offset:2px}.tw-disabled{cursor:not-allowed}

/*# sourceMappingURL=talwin.min.css.map*/