.woh___settings-page{width:100vw}.woh__color-picker{flex-direction:column;justify-content:space-around;align-items:center;width:22rem;margin-top:10rem;display:flex;position:relative}.woh__color-picker:first-child{margin-top:5rem}.woh__color-picker__concentric-circle{border:1px solid #000;border-radius:50%;position:absolute}.woh__color-picker__tick-container{position:relative}.woh__color-picker__tick{z-index:0;border:1px solid #000;width:.5rem;height:0;position:absolute}.woh__color-picker__tick:first-child{position:absolute;top:2px;right:4rem}.woh__color-picker__tick:nth-child(2){bottom:45px;right:2.75rem;transform:rotate(45deg)}.woh__color-picker__tick:nth-child(3){bottom:64px;left:-.25rem;transform:rotate(90deg)}.woh__color-picker__tick:nth-child(4){bottom:2.75rem;left:2.75rem;transform:rotate(135deg)}.woh__color-picker__tick:nth-child(5){top:2px;left:4rem}.woh__color-picker__tick:nth-child(6){top:50px;left:2.75rem;transform:rotate(45deg)}.woh__color-picker__tick:nth-child(7){animation:2s linear infinite spin;top:67px;left:.85rem;transform:rotate(75deg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.woh__color-picker__concentric-circle:first-child{z-index:1;width:8rem;height:8rem}.woh__color-picker__concentric-circle:nth-child(2){z-index:2;width:6rem;height:6rem}.woh__color-picker__concentric-circle:nth-child(3){z-index:3;width:4rem;height:4rem}.woh__color-picker__concentric-circle:nth-child(4){z-index:4;width:2rem;height:2rem}.woh__color-picker__concentric-circle:nth-child(5){z-index:0;width:9rem;height:9rem}.woh__color-value{width:12rem;position:absolute}.woh__color-value span{text-align:center;background:#fff;border:1px solid #000;border-radius:50%;width:2rem;height:2rem;padding:.2rem 2px 0 0}.woh__color-picker>span{width:4rem}.woh__color-input{appearance:none;z-index:10;background:#000;width:8rem;height:1px}.woh__color-input::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}.woh__color-input::-moz-range-thumb{cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px}