body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden;font-family:"Source Sans"}h4,p{font-size:12px;margin:0}h4{text-transform:uppercase;opacity:.7;letter-spacing:.7px}.row{margin:10px auto;width:100%;height:auto;position:relative}#main-container{padding:5px 15px;position:relative}.inner-bevel-container{position:relative;padding:0;border-radius:4px;background-color:rgba(0,0,0,.1);box-shadow:inset 0 1px 6px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.1)}.inner-bevel-container input[type=range]{box-shadow:0 1px 5px rgba(0,0,0,.1)}.outer-bevel-container{border-radius:4px;background-color:rgba(245,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 3px rgba(0,0,0,.5)}.slider{height:200px;width:40px}.vertical,.vertical-counter{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);z-index:0;position:absolute}.title{margin:auto;font-weight:400;letter-spacing:1px}.number{font-size:12px;opacity:.7}.label{float:right}.btn{width:100px;margin:auto 4px}.gradient{position:absolute;top:103px;z-index:-1;width:208px;margin:0 auto;height:1px;border:0;background-image:-webkit-linear-gradient(left,rgba(144,144,144,0),rgba(144,144,144,.55),rgba(144,144,144,0))}hr.style-six{border:0;height:0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.3)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{font-size:70%}.swatch{border-radius:3px;width:20px;height:12px;opacity:.5}.red{background-color:red}.unselectable{-webkit-user-select:none}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.icon-bar{margin-left:auto;margin-right:auto;display:block;width:8px;height:1px;background-color:#fff;opacity:.5}.icon-bar+.icon-bar{margin-top:1px}.icomatic{font-size:14px!important}.topcoat-button-bar__item:not(:last-child):not(:nth-last-child(2))>.topcoat-button-bar__button,.topcoat-button-bar__item:not(:last-child):not(:nth-last-child(2))>.topcoat-button-bar__button--large{border-right:none}.topcoat-button-bar__button--large{padding:0 8.6px}.topcoat-button-bar__item>input{position:absolute;top:0;left:0;z-index:100000;height:100%;width:100%;opacity:0}.topcoat-button-bar__item{display:inline-block;width:auto;border-radius:0;position:relative}.topcoat-list__item:first-child{border-top:0 solid #fff}