body{color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}a{color:inherit}header{border-top:1px solid #FFF;margin:20px auto;max-width:986px;overflow:hidden}h1{float:left;font-size:25px;font-weight:400;line-height:25px;margin:16px 0}.justified-text{font-size:16px;margin:1em auto;max-width:680px}.centered-text{font-size:16px;margin:1em auto;max-width:680px;text-align:center}#greyscale-circle{display:block;margin:80px auto 36px;max-width:150px;width:50%}#slice-1{fill:#000}#slice-2{fill:#1a1a1a}#slice-3{fill:#333}#slice-4{fill:#4d4d4d}#slice-5{fill:#666}#slice-6{fill:gray}#slice-7{fill:#999}#slice-8{fill:#b3b3b3}#slice-9{fill:#ccc}#slice-10{fill:#e6e6e6}#slice-11{fill:#fff}#mask{stroke:#000;fill:gray}#outline{stroke:#000;fill:none}.centered-select{background-color:#fff;border:none;display:block;height:30px;margin:0 auto;width:200px}footer{margin:19px auto;max-width:986px;padding:1px 0}.round-button{background-color:#fff;border-radius:37.5px;cursor:pointer;display:block;font-size:27px;height:75px;margin:0;outline:none;padding:0;position:relative;width:75px}.round-button:before{border:1px solid #FFF;border-radius:40px;content:"";display:block;height:79px;position:absolute;right:-3px;top:-3px;width:79px}.round-button:hover{border-radius:36.5px;height:73px;margin:1px;width:73px}.round-button:hover:before{right:-4px;top:-4px}.round-button:active{border-radius:36.5px;height:73px;margin:2px 1px 0;width:73px}.round-button:active:before{right:-4px;top:-5px}.round-button svg{fill:none;stroke:gray;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.text-button{color:gray;font-size:15px;line-height:72px;text-align:center;text-decoration:none}.text-button:hover{line-height:70px}.centered-button{margin:0 auto}.centered-button:hover{margin:1px auto}.centered-button:active{margin:2px auto 0}#colour-number{display:block;font-size:25px;margin:1em auto;max-width:680px;text-align:right}#colour-circle{border:1px solid #000;border-radius:50%;display:block;margin:0 auto;max-width:148px;width:50%}#colour-circle div{height:0;padding-bottom:100%;width:100%}.input-group{margin:2.25em auto 3.625em;overflow:hidden;width:340px}.input-group input{background-color:transparent;border:1px solid #FFF;border-top:201px solid #FFF;border-radius:0;color:#fff;float:left;font-size:16px;height:26px;margin:-200px 0 0;outline:none;padding:1px 2px;-webkit-tap-highlight-color:rgba(0,0,0,0);width:300px}.input-group input::placeholder{color:#ccc}.input-group button{background-color:#fff;border:none;border-radius:0;float:left;font-size:16px;height:30px;padding:0;width:95px}button#next-colour{height:30px;width:30px}video{background-color:#978d86;display:block;height:208px;margin:22px auto 36px;width:208px}.justified-box{margin:1em auto;max-width:680px;overflow:hidden}.justified-box p{float:left;font-size:16px;margin:5px 50px 5px 0;width:calc(100% - 200px)}.justified-box select{background-color:#fff;border:none;display:block;float:left;height:30px;width:132px}.justified-box input{background-color:#fff;border:none;display:block;float:left;height:28px;width:198px}.justified-box#specify-gender{display:none}.social-links{margin:0 auto;overflow:hidden;width:180px}.social-link{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:30px;border-radius:20px;display:block;float:left;height:40px;margin:3px 10px 5px;position:relative;width:40px}.social-link:before{border:1px solid #FFF;border-radius:22px;content:"";display:block;height:44px;position:absolute;right:-3px;top:-3px;width:44px}.social-link:hover{background-size:28px;height:38px;margin:4px 11px;width:38px}.social-link:hover:before{right:-4px;top:-4px}.social-link:active{background-size:28px;height:38px;margin:5px 11px 3px;width:38px}.social-link:active:before{right:-4px;top:-4px}.social-link.email{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABA5JREFUeNrsl+krrW0Uxs8+HnMIITJPEREy+0SGzEpEpkz/FCKkfCEhiggZUygiUzLP8zyen3Of7Lfn3fZwjjq9b/v+4nna9/1ca13XWte6Kd7e3r79jfX9219aemA98P8PWBJ/Xl5eFArF0dERDwYGBl8O8/T0ZG5ubmVl9Z7r9/dsFcJAgBwfH3d2du7p6bm5uTEyMvpC1Pv7e0dHx4SEhLW1teTkZBMTEyXVkiRNT09vbW2VlZWx6eHh4UsgyQrUgICA3NzcsbGx5eXlDzqVGhMIv01OTpaWlgYGBnLgnZA/WKA+Pz/Hx8dnZWV1dXWtrq4aGxvLNf7Anpqaenx8zM/Pt7e3HxoaQo/fkxxIWCRRX1/fxsZGuPwnqhyYZWpqOjc3R4kVFhba2dl1dnZCu6GhoU6oHLG1tSV6S0vLmpoaCghUQtHQTuQ9Pz9fX18P4eXl5XxCJ8nRyMvLq7q62sLCoq6uDlSVpaq6j8FeWVlpaGiA8KqqKujicxoH6OvrKyFGRUVVVFTc3d3V1tYeHx9/1iCfGgjY6+vr5E2ZUOpxcXH0IhKoEZWdmZmZlNLu7i4Hz87O1LSlOudCmI2NDfK+urpKS0vLzs6mXoBXKSrmUFxcTLrb29tNTU0cUV8ZGiwT7J2dHcry8vIyPDy8pKTExsZGJjkqeHh4QC/SQhKbNaJq5dVgC+ooE3d3dwB8fHyE5ELUiIgIWt/a2hpjamlpQV1tukCrIQH2/v4+nF9cXAhKY2JiRN7p6ek5OTloubm5Sa4EhBw6DAn1C0sBG6rNzMyEv2ZkZDg4ONCmfn5+Yg8ShISE4LtajhlJGzegqShXT09PXrEXMFxcXGBYbFhaWiIUb29vqs/V1ZUxc3t7q3HMSOr7khoOCgoClVxPT0/7+vpmZ2dhu6ioiFHGnpmZmfb2dh6io6Ox5dDQUCcnp46ODtoBkmgwnYGBpEbootjYWF7x8MHBwfPzc/r7+vq6ubm5oKAAyQUqlj48PMwYYOrhNngOeTNn1Vi99JntEThWAHWHh4e9vb2CTzFKCYiZDba4PojBzk8HBwd0cFhYWGJiIhFDSXd392fTXVJJL4whGAAjIyPMKDSTzxZJouI+UMViPz3GYKWvwA4ODqYU2traeJUdlwMDSeCpqamRkZH0LvFiCMT772MfNxjZIhS+gCKtra2Li4t8qrKyEsJGR0dldivJLih5eXn0SX9/P1vJSXCr80XuZytT/5QYN56UlBQ3NzdS54PKEMXMOTk5mZiYSEpK2tvb47bA3CZRlTnptMiS4eHv74/kogCBEMn8AkZa3HhgYAB4nnWd/OqvXSRKN5I6rc+D6DEl8MLCArp+SaIqU6eAMHnhQkpg/b8wemA98H8Y+IcAAwCsikAf9bY4owAAAABJRU5ErkJggg==)}.social-link.facebook{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdhJREFUeNrsmDuOwjAQhjdOIAgoiCCiQIDEEaDlEhyA06WlokGcAaVCVImQkBAUPMSj4Llkf2FtNnIAxcSwBZkKWTafPf/MeBzJcZyv/zDl6ZXT6XQ0Gi2Xy8PhIEmSO346nWq1WqVSEQ+ezWbdbte2bYr0UmH7/b5YLIoHTyYTwzBWq5WqqolEwj8B2smyLNjVu92u1WptNpubSC4jXLNN08SJ4/H4W4PrcrkMBgNFubHk+2r09/F4xEyR4O12u1gs/PoBmcvlNE1zozqTyQgGM5lDMeVyudls8qrOoTF8iIhlwPBqqVR6ItZI+DAJouhLwC9Pp3tZFKRccAfX+Xzu9/tQlxAyn88ZgSkVmd3r9bxLoHqhUAgFRhh3Op31eg0A2LFYjF2vKMPh0LIs95bDkkajERZMPYyy/MCf8tX+xCPEzem3BhfA6XT63WA4HHKkUikBYOfXgsxBTqtXE3NiSr3H9o5TcJBCJj0+Cv4IFwOuASTSeDxut9uQkKmj1Wq1Xq97XZ3NZsPmMTC6rrt54t8lRhBK+Xz+hZULleHDanUEjsAROAJH4E8D8z3McQP6307Pfb7hAKMpQE/D9LnYx80Xc9jWh2kE8FL1dyDYTTKZ5AX/CDAAnQz2R5ccckUAAAAASUVORK5CYII=)}.social-link.twitter{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAr1JREFUeNrEWEvLaVEYPtvhcznEwP2SMpESf8AEQ0PKUJHfZWbgBygDAxOXiZKYkKIopdzvt/Mcu076rL1Z2L53xNr2etZ+3vd93mdjzufzr58IEf/l0+m0XC7X6/XbgcVcF8BEpVKpVqsAZhhGp9MFg0Gr1fouYIaL6kKhkM1mJRKJSPSPlf1+r1Qq4/G4yWQSkOr5fF4sFqVSKYB/X0Imky0Wi3w+L2yOu90uYIB3vYhzYH0ymQgIPBwOUVbfs8IwqDJcEhB4Npuxqb0t8vF4LCDwdrvlKvV3tRYZeLfbkXuAYbjO9J4+BgDXDcfj8XA43NU77CAWi6mBUcDE9a+vr3q93ul0HhFaVnP0ej0FMNdh8RybzQZa9giZg8Gg3+8nk0m1Wv1ojnkeiOXwkZDL5aPRqFQqPTMkXgwIX6vVQll8GhhigLxABD8NzHbBrQgKDozG02g0KpWKYh7zxCO9hKcEKnLs9/uJPSJ+Oyp+gNRieFssFp/PZ7fb6RwIl5QGAgG3230X+M8lnrE+XJsiZwaDQXCzd6seSNsnXCat9L8KzDOdhPVcmE7E6sUimkRAYIVCwQWMmSggMEYp0XNhHtdqtWazKZQDMZvNMNKQ2W/JxldIUiaT8Xg8TqcT5yMWOYjBOlEp779JpFKpdruNRyTuCyUBJZJLEH8AT47Tw4FAv+iAG41GOp0mAl8D8CgoDgfxisViNpuNoo9dLpfD4eD3lGBexB1I1mq1yuVydGMRd4ZCIZT3K/0DwmC7YIDolMtoNIbDYWTraWxQgnun0ym1ZILwaDQK0l7x8USVva/VwE4kEmy+8ZZMO0YxzcAcRVXfOgpIR7lchlsGe8wlcO91o19/xiXIAFo5Eomg458H/u/cer0eVJN9Z2RTCCZYSBwOdp/dEFWJDvZ6vVqtlq6Pf/hfH+HirwADAJkxaIkvCJ8sAAAAAElFTkSuQmCC)}#results{list-style:none;margin:1em auto;max-width:680px;padding:0;overflow:hidden}#results li{float:left;height:50px;margin:0 0 1em;overflow:hidden;width:25%}#results li div{border:1px solid #000;border-radius:25px;float:left;height:48px;width:48px}#results li span{display:block;height:25px;line-height:25px;margin:0 0 0 55px;vertical-align:middle}#results li span.black{color:#000}#results li span.white{color:#fff}@media (max-width: 600px){.input-group.cropped{margin-bottom:0}.hidden{display:none}.justified-box p{float:left;font-size:16px;margin:5px 0;width:100%}.justified-box select,input{background-color:#fff;border:none;display:block;float:left;height:30px;width:132px}#results li{min-width:198px;width:50%}}
/*# sourceMappingURL=styles-experiment.css.map */