.color-picker.svelte-15l6jl1{width:200px;background:var(--secondary);font-family:Relative Mono;-webkit-user-select:none;user-select:none}.color-area.svelte-15l6jl1{width:100%;height:140px;position:relative;border-radius:3px;cursor:crosshair;overflow:hidden;margin-bottom:10px}.saturation-gradient.svelte-15l6jl1{width:100%;height:100%;background:linear-gradient(to right,white,transparent)}.lightness-gradient.svelte-15l6jl1{width:100%;height:100%;background:linear-gradient(to bottom,transparent,black);position:relative}.picker-cursor.svelte-15l6jl1{position:absolute;width:10px;height:10px;border:1.5px solid var(--secondary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px var(--primary);pointer-events:none}.hue-slider.svelte-15l6jl1{width:100%;height:10px;position:relative;border-radius:10px;cursor:pointer;margin-bottom:10px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.slider-cursor.svelte-15l6jl1{position:absolute;top:50%;width:8px;height:20px;background:var(--primary);border:1.5px solid var(--secondary);border-radius:4px;transform:translate(-50%,-50%);pointer-events:none}.color-info.svelte-15l6jl1{display:flex;align-items:flex-end;gap:10px}.color-preview.svelte-15l6jl1{width:50px;height:50px;border-radius:3px;overflow:hidden}.preview-color.svelte-15l6jl1{width:100%;height:100%}.color-inputs.svelte-15l6jl1{flex:1;display:flex;flex-direction:column;justify-content:center}.input-group.svelte-15l6jl1{display:flex;flex-direction:column;gap:4px}.input-group.svelte-15l6jl1 label:where(.svelte-15l6jl1){font-size:.75rem;color:var(--primary)}.input-group.svelte-15l6jl1 input:where(.svelte-15l6jl1){padding:4px;border:1.5px solid var(--primary);border-radius:3px;font-size:.75rem;background:var(--secondary);width:100%;font-family:Relative Mono;box-sizing:border-box}.input-group.svelte-15l6jl1 input:where(.svelte-15l6jl1):focus{outline:none}.main-display.svelte-aj6gk3{display:flex;align-items:top;gap:24px}.color-editor.svelte-aj6gk3{margin-left:14px;width:360px;display:grid;grid-template-columns:1fr 1fr;gap:20px;height:222px}.color-selector.svelte-aj6gk3{display:flex;flex-wrap:wrap;flex-direction:column;gap:6px;justify-content:space-between}.color-tab.svelte-aj6gk3{padding:14px;border:1.5px solid var(--secondary);border-radius:3px;cursor:pointer}.color-tab.active.svelte-aj6gk3{border-color:var(--primary)}.text-button.svelte-aj6gk3{font-size:1rem;border-bottom:1.5px solid var(--primary);padding-bottom:1.5px;transition-property:border-color;transition-duration:var(--transition-time);transition-timing-function:var(--transition-style)}.text-button.svelte-aj6gk3:hover{border-bottom:1.5px solid var(--secondary)}.content.svelte-aj6gk3{margin:auto;width:85%}@media screen and (max-width: 1000px){.content.svelte-aj6gk3{width:80%}.main-display.svelte-aj6gk3{display:flex;flex-wrap:wrap;flex-direction:column;gap:50px;justify-content:space-between}}p.svelte-aj6gk3{color:var(--primary)}