*{box-sizing:border-box}body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden}h4,p{font-size:10px;margin:0}h4{text-transform:uppercase;opacity:.7;letter-spacing:.7px}.row{margin:10px 0;width:254px;position:relative}#main-container{padding:5px 15px;position:relative}#dark-container,#light-container,#protection-container{position:relative;padding:0;border-radius:4px;height:130px;background-color:rgba(20,20,20,.1);box-shadow:inset 0 1px 6px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.1)}#protection-container{background-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(0,0,0,.1),0 1px 0 rgba(0,0,0,.2)}@media (max-height:525px){#protection-container{display:none}}.topcoat-text-input{padding-right:0}.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:600;font-size:120%;letter-spacing:2px}.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}#option-container,#range-container{position:relative;width:252px;height:210px;margin-top:10px;border-radius:4px;background-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 1px rgba(0,0,0,.3)}#option-container{height:104px;margin-top:12px;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)}#option-container input[type=range]{box-shadow:0 1px 5px rgba(0,0,0,.1)}.icomatic{font-size:13.2px!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 7px}.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}