:root{--lw-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>")}.alwan{width:100%;max-width:280px;background:var(--alwan-bg, #fff);border:1px solid var(--alwan-bc, #ccc)}.alwan:not(.open){visibility:hidden}.alwan:not(.lw-popper,.open){overflow:hidden;height:0;border:0}.alwan[data-theme=dark]{--alwan-bg: #222;--alwan-bc: #aaa;--lw-swatches-bg: #333;--lw-bc: #444;--lw-thumb: #353535;--lw-thumb-bc: #5f5f5f;--lw-label: #d8d8d8;--lw-input-bg: #181818;--alwan-fg: #fff;--lw-btn-hover: #444}.alwan__container{display:flex;align-items:center;padding:1rem;border-top:1px solid var(--lw-bc, #ccc)}.alwan__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%))}.alwan__palette.lw-focus:focus .alwan__marker{border-color:#117ce0}.alwan__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}.alwan .alwan__preview{position:relative;width:40px;height:40px;background:var(--lw-pattern);flex-shrink:0}.alwan .alwan__preview .lw-btn{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;opacity:0;border-radius:0}.alwan .alwan__preview .lw-btn.lw-focus:focus,.alwan .alwan__preview .lw-btn:hover{opacity:1;z-index:100;background-color:rgba(0,0,0,.6)}.alwan__slider{width:100%;background-color:rgba(0,0,0,0);margin:0;padding:0;cursor:pointer;-webkit-appearance:none;--lw-alpha: linear-gradient(90deg, transparent, rgb(var(--rgb))), var(--lw-pattern);--lw-hue: linear-gradient( -90deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000 )}.alwan__slider:active{cursor:ew-resize}.alwan__slider::-webkit-slider-runnable-track{-webkit-appearance:none;height:15px;border:0}.alwan__slider::-webkit-slider-runnable-track:active{cursor:ew-resize}.alwan__slider::-moz-range-track{height:15px;border:0}.alwan__slider::-webkit-slider-thumb{-webkit-appearance:none;height:22px;width:14px;margin-top:-3.5px;background-color:var(--lw-thumb, #fff);border-radius:3px;border:1px solid var(--lw-thumb-bc, #949494);box-shadow:0 0 3px rgba(0,0,0,.7);cursor:ew-resize}.alwan__slider::-moz-range-thumb{box-sizing:border-box;width:14px;height:22px;padding:0;background-color:var(--lw-thumb, #fff);border:1px solid var(--lw-thumb-bc, #949494);border-radius:3px;box-shadow:0 0 3px rgba(0,0,0,.7);cursor:ew-resize}.alwan__slider--hue::-webkit-slider-runnable-track{background:var(--lw-hue)}.alwan__slider--hue::-moz-range-track{background:var(--lw-hue)}.alwan__slider--alpha{margin-top:.65rem}.alwan__slider--alpha::-webkit-slider-runnable-track{background:var(--lw-alpha)}.alwan__slider--alpha::-moz-range-track{background:var(--lw-alpha)}.alwan__inputs{display:flex;width:100%}.alwan__inputs label{width:100%;text-align:center;margin-right:.25rem;text-transform:uppercase;color:var(--lw-label, #555);cursor:pointer;font-family:system-ui;font-size:13px}.alwan__input{display:block;width:100%;box-sizing:border-box;padding:.5rem;text-align:center;color:var(--alwan-fg, #222);font-family:monospace;border:1px solid var(--lw-bc, #ccc);margin-bottom:.25rem;background-color:var(--lw-input-bg)}.alwan__input:focus{outline:0;border-color:#117ce0}.alwan__input:focus+span{color:#117ce0}.alwan__swatches{display:flex;justify-content:center;flex-wrap:wrap;background-color:var(--lw-swatches-bg, #f5f5f5);padding:1rem .5rem 0 .5rem;max-height:100px;overflow-y:auto;box-sizing:border-box}.alwan__swatch{position:relative;width:20px;height:20px;padding:0;border:0;margin:0 .5rem 1rem .5rem;cursor:pointer;background-image:var(--lw-pattern);border-radius:.125rem;overflow:hidden}.alwan__swatch:focus{outline:1px dashed var(--lw-color);outline-offset:2px}.alwan.lw-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)}.alwan .lw-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0);z-index:9999999999;cursor:move}.alwan .lw-btn{display:inline-block;background:rgba(0,0,0,0);color:var(--alwan-fg);border:0;cursor:pointer;padding:.5rem .25rem}.alwan .lw-btn:hover{background-color:var(--lw-btn-hover, #f0f0f0)}.alwan .lw-btn svg{fill:currentColor;pointer-events:none;vertical-align:middle}.alwan .lw-mr{margin-right:1rem}.alwan .lw-w100{width:100%}.alwan__swatch::before,.alwan__preview::before,.lw-ref::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--lw-color)}.lw-ref{position:relative;display:inline-block;width:1.5rem;height:1.5rem;border:0;padding:0;cursor:pointer;overflow:hidden;border-radius:.25rem;background:var(--lw-pattern)}.lw-ref:focus{outline:1px dashed var(--lw-color);outline-offset:2px}.lw-disabled{cursor:not-allowed}

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