.arrows.svelte-ui60ng .arrow.svelte-ui60ng{height:100%;width:50px;position:absolute;left:50%;top:0;margin-left:-25px;z-index:100000000000;opacity:1;transform-origin:center center;display:none}.arrows.svelte-ui60ng .arrow div.svelte-ui60ng{height:20px;width:20px;background:#2e3236;transform:rotate(45deg);margin:-10px auto 0;z-index:100000}.arrows.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(1){transform:rotate(0)}.arrows.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(2){transform:rotate(30deg)}.arrows.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(3){transform:rotate(60deg)}.arrows.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(4){transform:rotate(90deg)}.arrows.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(5){transform:rotate(120deg)}.arrows.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(6){transform:rotate(150deg)}.arrows.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(7){transform:rotate(180deg)}.arrows.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(8){transform:rotate(210deg)}.arrows.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(9){transform:rotate(240deg)}.arrows.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(10){transform:rotate(270deg)}.arrows.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(11){transform:rotate(300deg)}.arrows.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(12){transform:rotate(330deg)}.arrows.analogous.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(1){display:block}.arrows.analogous.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(2){display:block}.arrows.analogous.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(3){display:block}.arrows.complementary.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(1){display:block}.arrows.complementary.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(7){display:block}.arrows.splitComplementary.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(1){display:block}.arrows.splitComplementary.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(6){display:block}.arrows.splitComplementary.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(8){display:block}.arrows.triadic.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(1){display:block}.arrows.triadic.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(5){display:block}.arrows.triadic.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(9){display:block}.arrows.tetradic.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(12){display:block}.arrows.tetradic.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(2){display:block}.arrows.tetradic.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(8){display:block}.arrows.tetradic.svelte-ui60ng .arrow.svelte-ui60ng:nth-child(6){display:block}.parent.svelte-ui60ng.svelte-ui60ng{position:relative;margin:36px 0 34px;max-width:650px}@media (max-width: 1040px){.parent.svelte-ui60ng.svelte-ui60ng{max-width:100%}}.colors.svelte-ui60ng.svelte-ui60ng{border-radius:9px;overflow:hidden;width:100%;display:flex;flex-shrink:0;margin-top:42px;position:relative}.colors.svelte-ui60ng .innerShadow2.svelte-ui60ng{height:100%;width:100%;border-radius:9px;box-shadow:inset 0 0 0 1px #0000001a;position:absolute;top:0;left:0;z-index:1000000000000}.colors.svelte-ui60ng .color.svelte-ui60ng{height:78px;flex:1;transition:.3s}.colorWheel.svelte-ui60ng.svelte-ui60ng{height:300px;width:300px;position:relative;transform-origin:50px 150px;-webkit-user-select:none;user-select:none;transition:all .5s linear;border-radius:100%;overflow:hidden;margin:0 auto}.cutOut.svelte-ui60ng.svelte-ui60ng{height:114px;width:114px;background:#dadddf;position:absolute;z-index:10000;border-radius:100%;top:50%;left:50%;margin-left:-57px;margin-top:-57px;box-shadow:inset 0 0 0 1px #eef0f1,0 0 0 1px #0000001a}.innerShadow.svelte-ui60ng.svelte-ui60ng{height:300px;width:300px;border-radius:100%;box-shadow:inset 0 0 0 1px #0000001a;position:absolute;top:0;left:0;z-index:1000000000000}.colorSlices.svelte-ui60ng.svelte-ui60ng{transition:.3s;transform-origin:center center;height:300px;width:300px}.colorWheel.svelte-ui60ng .slice.svelte-ui60ng{position:absolute;transform-origin:50% 50%;border-style:solid;border-width:150px 41.5px;margin-left:108.5px;box-sizing:border-box}.colorWheel.svelte-ui60ng .slice.svelte-ui60ng:nth-child(1){transform:rotate(0)}.colorWheel.svelte-ui60ng .slice.svelte-ui60ng:nth-child(2){transform:rotate(30deg)}.colorWheel.svelte-ui60ng .slice.svelte-ui60ng:nth-child(3){transform:rotate(60deg)}.colorWheel.svelte-ui60ng .slice.svelte-ui60ng:nth-child(4){transform:rotate(90deg)}.colorWheel.svelte-ui60ng .slice.svelte-ui60ng:nth-child(5){transform:rotate(120deg)}.colorWheel.svelte-ui60ng .slice.svelte-ui60ng:nth-child(6){transform:rotate(150deg)}.colorWheel.svelte-ui60ng .slice.svelte-ui60ng:nth-child(7){transform:rotate(180deg)}.colorWheel.svelte-ui60ng .slice.svelte-ui60ng:nth-child(8){transform:rotate(210deg)}.colorWheel.svelte-ui60ng .slice.svelte-ui60ng:nth-child(9){transform:rotate(240deg)}.colorWheel.svelte-ui60ng .slice.svelte-ui60ng:nth-child(10){transform:rotate(270deg)}.colorWheel.svelte-ui60ng .slice.svelte-ui60ng:nth-child(11){transform:rotate(300deg)}.colorWheel.svelte-ui60ng .slice.svelte-ui60ng:nth-child(12){transform:rotate(330deg)}.spacer.svelte-1oauqy7.svelte-1oauqy7{height:9px}.colors.svelte-1oauqy7.svelte-1oauqy7{border-radius:9px;overflow:hidden;max-width:650px;width:100%;display:flex;flex-shrink:0;margin-bottom:35px;position:relative}.colors.svelte-1oauqy7 .innerShadow.svelte-1oauqy7{position:absolute;top:0;left:0;border-radius:9px;height:100%;width:100%;box-shadow:inset 0 0 0 1px #0000001a;z-index:10000000}@media (max-width: 1040px){.colors.svelte-1oauqy7.svelte-1oauqy7{max-width:100%}}.colors.svelte-1oauqy7 .color.svelte-1oauqy7{height:78px;flex:1;transition:.3s}