.picker.svelte-5u4l8u{position:relative;width:100%;height:100%;background:linear-gradient(#ffffff00,#000000ff),linear-gradient(.25turn,#ffffffff,#00000000),var(--color-bg);outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider.svelte-15ladkr{--gradient:#ff0000, #ffff00 17.2%, #ffff00 18.2%, #00ff00 33.3%, #00ffff 49.5%, #00ffff 51.5%, #0000ff 67.7%, #ff00ff 83.3%, #ff0000;position:relative;width:100%;height:100%;background:linear-gradient(var(--gradient));outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.to-right.svelte-15ladkr{background:linear-gradient(.25turn,var(--gradient))}.alpha.svelte-bdaflo:after{position:absolute;content:"";inset:0;background:linear-gradient(#00000000,var(--alpha-color));z-index:0}.to-right.svelte-bdaflo:after{background:linear-gradient(.25turn,#00000000,var(--alpha-color))}.alpha.svelte-bdaflo{position:relative;width:100%;height:100%;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%);background-size:var(--pattern-size-2x, 12px) var(--pattern-size-2x, 12px);background-position:0 0,var(--pattern-size, 6px) var(--pattern-size, 6px);outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text-input.svelte-1om6km2{display:flex;flex-direction:column;gap:10px;margin:10px 5px 5px}.input-container.svelte-1om6km2{display:flex;flex:1;gap:10px}input.svelte-1om6km2,button.svelte-1om6km2{flex:1;border:none;background-color:#eee;padding:0;border-radius:5px;height:30px;line-height:30px;text-align:center}input.svelte-1om6km2{width:5px}button.svelte-1om6km2{cursor:pointer;flex:1;margin:0;transition:background-color .2s}button.svelte-1om6km2:hover{background-color:#ccc}input.svelte-1om6km2:focus,button.svelte-1om6km2:focus{outline:none}input.svelte-1om6km2:focus-visible,button.svelte-1om6km2:focus-visible{outline:2px solid var(--focus-color, red);outline-offset:2px}div.svelte-nqs2sv{position:absolute;width:9.5px;height:9.5px;background-color:#fff;border-radius:5px;margin-left:1px;pointer-events:none;z-index:1;border:1px solid black;box-sizing:border-box}div.svelte-1mm2szg{display:inline-block;margin-right:5px;height:200px;width:200px;border-radius:8px;overflow:hidden;outline:2px solid transparent;outline-offset:3px;transition:outline .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.focused.svelte-1mm2szg{outline:2px solid var(--focus-color, red)}div.svelte-1q82n0p{display:inline-block;margin-right:5px;width:var(--slider-width, 12px);height:var(--picker-height, 200px);border-radius:6px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:2px solid transparent;outline-offset:3px;transition:outline .2s ease-in-out}div.focused.svelte-1q82n0p{outline:2px solid var(--focus-color, red)}label.svelte-tve5ha{display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:3px;margin:4px}.container.svelte-tve5ha{position:relative;display:block;display:flex;align-items:center;justify-content:center}input.svelte-tve5ha{padding:0;border:none;width:4px;height:4px;flex-shrink:0;cursor:pointer;border-radius:50%;margin:0 12px}.alpha.svelte-tve5ha{-webkit-clip-path:circle(50%);clip-path:circle(50%);background-image:linear-gradient(to right,rgba(238,238,238,.75),rgba(238,238,238,.75)),linear-gradient(to right,black 50%,white 50%),linear-gradient(to bottom,black 50%,white 50%);background-blend-mode:normal,difference,normal;background-size:12px 12px}.alpha.svelte-tve5ha,.color.svelte-tve5ha{position:absolute;width:30px;height:30px;border-radius:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input.svelte-tve5ha:focus{outline:2px solid var(--focus-color, red);outline-offset:15px}div.svelte-1vlg3v2{padding:8px 5px 5px 8px;background-color:#fff;margin:0 10px 10px;border:1px solid black;border-radius:12px;display:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.isOpen.svelte-1vlg3v2{display:block}.isPopup.svelte-1vlg3v2{position:absolute;top:30px;z-index:2}details.svelte-nfki59.svelte-nfki59{width:245px;margin:8px auto}summary.svelte-nfki59.svelte-nfki59{margin-bottom:8px;cursor:pointer;transition:color .2s}summary.svelte-nfki59.svelte-nfki59:hover{color:#00f}.not-closable.svelte-nfki59 summary.svelte-nfki59{pointer-events:none;list-style:none}.svelte-nfki59.svelte-nfki59:focus-visible,span.svelte-nfki59 :focus-visible{border-radius:2px;outline:2px solid var(--focus-color, red);outline-offset:2px}.a11y-single-notice.svelte-187183e.svelte-187183e{display:flex;align-items:center;margin:4px 0;gap:12px;height:48px}.large.svelte-187183e.svelte-187183e{font-size:22px}.score.svelte-187183e.svelte-187183e{width:95px;flex-shrink:0;margin-bottom:10px}.score.svelte-187183e p.svelte-187183e{margin-bottom:2px}.grade.svelte-187183e.svelte-187183e{border-radius:50px;padding:2px 8px;background-color:orange;font-weight:700}.grade-ok.svelte-187183e.svelte-187183e{background-color:green;color:#fff}p.svelte-187183e.svelte-187183e{margin:0}.lorem.svelte-187183e.svelte-187183e{flex:1;text-align:center;padding:4px 8px;border-radius:4px;border:1px solid black;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}span.svelte-11xwsv1{position:relative}div.svelte-1j9aw2p{position:absolute;width:10px;height:10px;background-color:#fff;border-radius:5px;pointer-events:none;z-index:1;transition:box-shadow .2s}div.svelte-sergpj{display:inline-block;margin-bottom:5px;height:200px;width:260px;border-radius:8px 8px 0 0;overflow:hidden;outline:2px solid transparent;outline-offset:3px;transition:outline .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.focused.svelte-sergpj{outline:2px solid var(--focus-color, red)}div.svelte-zkcap6{position:absolute;width:6px;height:6px;background-color:#fff;border-radius:5px;margin-top:2px;pointer-events:none;z-index:1;border:1px solid black;box-sizing:border-box}div.svelte-et7dh6{display:inline-block;margin:4px;width:var(--slider-width, 250px);height:var(--picker-height, 10px);border-radius:7px;overflow:hidden;outline:2px solid transparent;outline-offset:3px;transition:outline .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;--pattern-size:5px;--pattern-size-2x:10px}div.focused.svelte-et7dh6{outline:2px solid var(--focus-color, red)}div.svelte-19e1xib{background-color:#fff;margin:0 10px 15px;padding-bottom:3px;border:1px solid black;border-radius:8px;display:none}.isOpen.svelte-19e1xib{display:flex;flex-direction:column}.isPopup.svelte-19e1xib{position:absolute;top:15px;z-index:2}div.svelte-19e1xib:not(.isPopup){display:inline-flex;flex-direction:column}div.svelte-19e1xib .text-input{margin:5px}div.svelte-1idwr1v{padding:8px 5px 5px 8px;background-color:#fff;margin:0 10px 10px;border:1px solid black;border-radius:12px;display:none}.isOpen.svelte-1idwr1v{display:block}@media (min-width: 768px){.isOpen.svelte-1idwr1v{display:grid;gap:5px;grid-template:"picker . . a11y" "input input input a11y"}}div.svelte-1idwr1v .picker{grid-area:picker}div.svelte-1idwr1v .text-input{grid-area:input}div.svelte-1idwr1v .a11y-notice{grid-area:a11y;margin:0 4px 0 6px}.isPopup.svelte-1idwr1v{position:absolute;top:15px;z-index:2}