.swatch-interactive.svelte-10tg9c0:focus{outline:none}.swatch-interactive.svelte-10tg9c0:focus-visible{outline:auto}.swatch.svelte-10tg9c0{height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;padding-top:2px}.remove-btn.svelte-10tg9c0{position:absolute;top:-6px;right:-6px;cursor:pointer;background:var(--app-50);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000001a;z-index:10}.chart-container.svelte-1gqe66j{width:100%;height:100%;min-height:10px;position:relative}.line-path.svelte-1gqe66j{transition:opacity .2s}.line-path.svelte-1gqe66j:hover{stroke-width:3;opacity:.8;cursor:pointer}.area-rect.svelte-1gqe66j{transition:opacity .2s}.tooltip-container.svelte-11extwn{position:fixed;z-index:100;pointer-events:none;will-change:transform}.tip-text{border-radius:4px;color:var(--grey-900);background-color:var(--grey-50);padding:12px 10px;font-size:10px}.container.svelte-w49llb{display:flex;align-items:center;gap:10px}.container.label-above.svelte-w49llb{flex-direction:column;align-items:flex-start;gap:2px}.btn-grp-label{font-size:12px;color:var(--app-500);max-width:100%;text-align:right}.container.label-above.svelte-w49llb .btn-grp-label{text-align:left}.button-group{display:flex;gap:0px;flex-wrap:wrap}.grouped-btn{display:flex;align-items:center;justify-content:center;color:var(--app-700);padding:4px 10px 0;border:1px solid var(--app-100);background-color:var(--app-50);height:36px;font-size:12px;letter-spacing:-.5px;cursor:pointer;border-right:none;max-width:var(--max-width, 50px);min-width:var(--min-width, 0px)}.grouped-btn.active{background-color:var(--app-200);font-weight:700;color:var(--app-900);padding-top:5px}.grouped-btn:first-child{border-radius:6px 0 0 6px}.grouped-btn:last-child{border-radius:0 6px 6px 0;margin-right:0;border-right:1px solid var(--app-100)}.button-icon{color:var(--app-600)}.grouped-btn.active .button-icon{color:var(--app-900)}.button-label{display:flex;justify-content:center;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.button-label.stack{display:block}.btn-text-wrapper.svelte-w49llb{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.btn-text-wrapper.svelte-w49llb:after{content:attr(data-text);font-weight:700;height:0;visibility:hidden;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;speak:none}.container.svelte-d39fdc{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.toggle-label{font-size:12px;color:var(--brown-500);width:80px}.button-group.svelte-d39fdc{display:flex;gap:0px}.toggle-btn.svelte-d39fdc{display:flex;align-items:center;justify-content:center;color:var(--app-700);padding-top:2px;border:1px solid var(--app-100);background-color:var(--app-50);height:36px;font-size:12px;letter-spacing:-.5px;margin-right:-1px;min-width:44px;cursor:pointer}@media (max-width: 768px){.toggle-btn.svelte-d39fdc{min-width:36px}}.toggle-btn.active.svelte-d39fdc{background-color:var(--app-200);font-weight:700;color:var(--app-900)}.toggle-btn.svelte-d39fdc:first-child{border-radius:6px 0 0 6px}.toggle-btn.svelte-d39fdc:last-child{border-radius:0 6px 6px 0;margin-right:0}.container.svelte-1jwz6bx{height:200px}h3.svelte-1jwz6bx{text-align:center;font-size:12px;color:var(--app-800);line-height:1em;margin-top:3px}a.svelte-1jwz6bx{font-size:10px;color:var(--app-500);text-align:center;display:block;text-decoration:underline}.ui-box.svelte-j9gzog{border-radius:10px;box-shadow:0 0 0 1px var(--app-50),0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;height:200px;width:175px}.icon-set.svelte-j9gzog{display:flex;flex-direction:column;gap:16px;justify-content:center;background-color:var(--viz-6);padding:16px;height:100%;border-radius:10px}.icon-item.svelte-j9gzog{display:flex;align-items:center;justify-content:start;gap:12px}.icon-box.svelte-j9gzog{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background-color:var(--viz-4);border-radius:8px}.small-print.svelte-j9gzog{font-size:7px;color:var(--viz-20);margin-top:-6px}.icon-title.svelte-j9gzog{font-size:12px;color:var(--viz-18)}.icon-num.svelte-j9gzog{font-size:18px;font-weight:700;color:#fff}.ui-box.svelte-zdxqn9{border-radius:10px;box-shadow:0 0 0 1px var(--app-50),0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;height:200px}.chonk-set.svelte-zdxqn9{display:flex;align-items:center;gap:12px;justify-content:start;background-color:var(--viz-2);padding:12px;height:100%;border-radius:10px}.chonk-image.svelte-zdxqn9{width:140px;height:178px;background-color:var(--viz-10);border-radius:8px;background-image:url(../../../images/squirrel.png);background-size:cover;background-position:center;position:relative;overflow:hidden}.chonk-image-overlay.svelte-zdxqn9{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--viz-10);opacity:.2;pointer-events:none;border-radius:8px}.chonk-text.svelte-zdxqn9{display:flex;flex-direction:column;align-items:flex-start;height:100%;gap:8px;width:98px}.chonk-title.svelte-zdxqn9{font-size:24px;line-height:90%;font-weight:900;letter-spacing:-7%;color:var(--viz-15);text-transform:uppercase}.chonk-desc.svelte-zdxqn9{font-size:10px;color:var(--viz-18);width:85%}.ui-box.svelte-1lr7n8w{border-radius:10px;box-shadow:0 0 0 1px var(--app-50),0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;height:200px;overflow:hidden;position:relative;background-color:var(--viz-1)}.clock-set.svelte-1lr7n8w{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:12px;padding:12px;height:100%;border-radius:10px;position:relative;z-index:1}.topography.svelte-1lr7n8w{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--viz-6);z-index:0}svg.svelte-1lr7n8w{width:140px;height:140px}.clock-text.svelte-1lr7n8w{fill:var(--viz-18);font-size:.7em}.clock-time.svelte-1lr7n8w{font-size:18px;font-weight:900;color:var(--viz-20)}.clock-face.svelte-1lr7n8w{stroke:var(--viz-4);fill:var(--viz-1)}.fulcrum.svelte-1lr7n8w{fill:var(--viz-10)}.minor.svelte-1lr7n8w{stroke:var(--viz-7);stroke-width:.5}.major.svelte-1lr7n8w{stroke:var(--viz-9);stroke-width:1}.hour.svelte-1lr7n8w{stroke:var(--viz-18);stroke-linecap:round;stroke-width:3}.minute.svelte-1lr7n8w{stroke:var(--viz-15);stroke-linecap:round;stroke-width:1.5}.second.svelte-1lr7n8w{stroke:var(--viz-10);stroke-width:1}.ui-box.svelte-1whspa1{border-radius:10px;background:linear-gradient(to bottom right,var(--viz-1),var(--viz-2),var(--viz-3),var(--viz-4),var(--viz-5),var(--viz-6));box-shadow:0 0 0 1px var(--app-50),0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;height:200px;overflow:hidden;position:relative}.trend-set.svelte-1whspa1{display:block;align-items:center;gap:12px;justify-content:start;padding:16px;height:100%;border-radius:10px;width:330px;position:relative;z-index:1}.chart-title.svelte-1whspa1{font-size:24px;line-height:90%;font-weight:900;letter-spacing:-7%;color:var(--viz-17);text-transform:uppercase;position:relative}.chart-subtitle.svelte-1whspa1{font-size:12px;color:var(--viz-12);position:relative}.container.svelte-j6i8qu{height:200px}.legend.svelte-j6i8qu{display:flex;align-items:center;justify-content:center;gap:20px;font-size:12px;color:var(--app-800);margin-top:8px}.legend.svelte-j6i8qu div:where(.svelte-j6i8qu){display:flex;align-items:center;gap:4px}.legend svg{margin-bottom:3px}.colour-plot.svelte-1jp0qah{padding:0;position:relative;height:200px}svg.svelte-1jp0qah{overflow:visible}canvas.svelte-1jp0qah{background:var(--grey-5)}.toast-wrapper.svelte-1jp0qah{position:fixed;top:0;left:0;z-index:1000}.tip-text.svelte-1jp0qah{border-radius:6px;background-color:var(--app-100);color:var(--app-600);padding:8px 12px}body{background-color:var(--sel-background)}body.page-black-bg{background-color:#000!important}.credits.svelte-1l1kb65{min-height:200px;box-shadow:0 0 0 1px var(--app-50),0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;padding:26px 24px;border-radius:8px}.credits.svelte-1l1kb65 p:where(.svelte-1l1kb65){font-size:.875rem;color:var(--grey-700);margin-bottom:8px}.row.svelte-1l1kb65{display:flex;column-gap:12px;row-gap:10px;align-items:center}.row.bottom-align.svelte-1l1kb65{align-items:flex-end;justify-content:space-between}@media (max-width: 990px){.row.bottom-align.svelte-1l1kb65{margin-top:10px;flex-wrap:wrap}}.swatch-row.svelte-1l1kb65{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.box.svelte-1l1kb65{display:flex;flex-direction:column;gap:6px;max-width:1040px;margin:auto;padding:16px 20px;border-radius:8px;border:1px solid var(--app-50);box-shadow:var(--app-shadow);width:100%}.box.svelte-1l1kb65:last-child{margin-bottom:70px}input.svelte-1l1kb65{display:block;font-size:16px;height:36px;border:1px solid var(--app-100);box-shadow:inset 0 1px 2px #00000026;border-radius:6px;padding:10px;background-color:var(--sel-background);color:var(--app-900)}input.svelte-1l1kb65::placeholder{color:var(--placeholder-color);font-size:.875em;opacity:1}.big-input.svelte-1l1kb65{width:100%;min-height:40px}.num-input.svelte-1l1kb65{width:100%;max-width:100px;min-width:60px}#num-colours.svelte-1l1kb65{width:100%}#name-input.svelte-1l1kb65{width:100%;max-width:174px;min-width:60px}button.svelte-1l1kb65{display:flex;align-items:center;justify-content:center;color:var(--app-700);padding:0 10px;border:1px solid var(--app-100);border-radius:6px;background-color:var(--app-50);height:36px;font-size:12px;letter-spacing:-.5px;cursor:pointer}button>*{pointer-events:none}.button-section.svelte-1l1kb65{display:flex;gap:2px}.group-of-buttons-w-label.svelte-1l1kb65{display:flex;align-items:center;gap:10px}.container.svelte-1l1kb65,.toast-wrapper.svelte-1l1kb65{--app-50: var(--brown-50);--app-100: var(--brown-100);--app-200: var(--brown-200);--app-300: var(--brown-300);--app-400: var(--brown-400);--app-500: var(--brown-500);--app-600: var(--brown-600);--app-700: var(--brown-700);--app-800: var(--brown-800);--app-900: var(--brown-900);--placeholder-color: var(--grey-300);--app-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);--chart-background: rgba(0, 0, 0, .03)}.container.dark.svelte-1l1kb65,.toast-wrapper.dark.svelte-1l1kb65{--app-50: var(--brown-900);--app-100: var(--brown-800);--app-200: var(--brown-700);--app-300: var(--brown-600);--app-400: var(--brown-500);--app-500: var(--brown-400);--app-600: var(--brown-300);--app-700: var(--brown-200);--app-800: var(--brown-100);--app-900: var(--brown-50);--placeholder-color: var(--grey-700);--app-shadow: 0 2px 4px 0 rgba(255, 255, 255, .25);--chart-background: rgba(255, 255, 255, .1)}.container.svelte-1l1kb65{display:flex;flex-direction:column;gap:20px;max-width:1080px;margin:0 auto;padding:20px;background-color:var(--sel-background)}h2.svelte-1l1kb65{color:var(--app-800);text-align:left;font-size:1.125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:table;border-radius:3px;width:100%}.small-label.svelte-1l1kb65{font-size:12px;color:var(--app-500)}.tip-text.svelte-1l1kb65{border-radius:6px;background-color:var(--app-100);color:var(--app-600);padding:8px 12px}.chart-container.svelte-1l1kb65{height:200px;background-color:var(--chart-background)}.toast-wrapper.svelte-1l1kb65{position:fixed;top:0;left:0;pointer-events:none}.drag-indicator.svelte-1l1kb65{position:absolute;top:0;bottom:0;width:2px;background-color:var(--app-900);z-index:20;pointer-events:none}.drag-indicator.left.svelte-1l1kb65{left:-4px}.drag-indicator.right.svelte-1l1kb65{right:-4px}.hover-tooltip-wrapper.svelte-1l1kb65{position:fixed;top:0;left:0;pointer-events:none;z-index:100}.hover-tip-text.svelte-1l1kb65{border-radius:6px;background-color:#fff;color:var(--app-800);padding:6px 10px;font-size:12px;box-shadow:0 2px 8px #00000026;border:1px solid var(--app-100);max-width:200px}.viz-examples.svelte-1l1kb65{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;align-items:end}@media (max-width: 900px){.viz-examples.svelte-1l1kb65{justify-content:start;gap:16px}}