.color-wheel-container.svelte-bqdx3g.svelte-bqdx3g{display:flex;justify-content:center;align-items:center}.color-wheel.svelte-bqdx3g.svelte-bqdx3g{width:300px;height:300px;border-radius:50%;box-shadow:2px 2px 20px #000}.color-wheel-overlay.svelte-bqdx3g.svelte-bqdx3g{cursor:crosshair;position:absolute;width:325px;height:325px;background-color:#0000;z-index:1}.circle-div.svelte-bqdx3g.svelte-bqdx3g{width:20px;height:20px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 10px #00000080;position:absolute;pointer-events:none}.brightness-slider.svelte-bqdx3g.svelte-bqdx3g{margin-top:10px;width:300px}.brightness-slider.svelte-bqdx3g input[type=range].svelte-bqdx3g{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:26px;background:linear-gradient(to right,black 0%,hsl(0,100%,50%) 100%);border-radius:15px;box-shadow:2px 2px 10px #00000080;cursor:crosshair}.brightness-slider.svelte-bqdx3g input[type=range].svelte-bqdx3g::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 10px #00000080}.brightness-slider.svelte-bqdx3g input[type=range].svelte-bqdx3g::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 10px #00000080}.recent-colors.svelte-bqdx3g.svelte-bqdx3g{display:flex;justify-content:center;align-items:center;width:100%;margin-top:10px}.recent-color.svelte-bqdx3g.svelte-bqdx3g{display:flex;justify-content:center;align-items:center;margin:2px;cursor:pointer;border:1px solid #ccc;color:#333;position:relative}.text-input.svelte-bqdx3g.svelte-bqdx3g{text-align:center;bottom:2px;padding:2px;border-radius:2px;margin-bottom:10px;background:none;border:1px solid #ccc}.hex-text.svelte-bqdx3g.svelte-bqdx3g{font-size:10px;color:#333;position:absolute;bottom:2px;background-color:#fffc;padding:2px;border-radius:2px}.text-align-center.svelte-1qt497d{text-align:center;text-align:-moz-center;text-align:-webkit-center}@media (max-height: 375px) and (orientation: landscape){#tool-menu.svelte-1qt497d{width:96px}}@media (min-height: 376px) and (orientation: landscape){#tool-menu.svelte-1qt497d{width:48px}}