.color-boxes{width:100%;display:inline-block;padding:1.6rem 0 0;position:relative}.color-boxes .color-swatch{width:67px;margin-left:1%;margin-right:1%;display:inline-block}.color-boxes .color-box,.color-boxes .color-box_sel{vertical-align:top;margin:0 auto;border:1px solid #c7c7c7;padding:50%;display:block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.color-pop{position:absolute;width:100%;z-index:999}.indicator-arrow.fa-caret-up{position:absolute;top:-31px;left:7px;font-size:4em;color:#fff;text-shadow:0 -1px 0 #ddd}.color-pop .color-pop-container{height:100%;border:1px solid #e2e3e4;-moz-box-shadow:0 3px 5px #ddd;-webkit-box-shadow:0 3px 5px #ddd;box-shadow:0 3px 5px #ddd;display:flex;flex-direction:column;background-color:#fff}.color-pop .color-container-sticky{padding-top:0;overflow-y:scroll;overflow-x:hidden;margin:0 0 1px;border-bottom:1px solid #eee}.color-pop .color-pop-container .color-container-sticky{flex-shrink:0}.color-pop .color-choices{margin-right:.5rem;margin-left:2px;margin-top:5px;display:flex;flex-wrap:wrap;padding:0;list-style:none}.color-pop .color-choices>*{cursor:pointer;margin-bottom:1%;flex:none!important;border-color:#fff;box-shadow:none;text-shadow:none;border-style:none;background-color:#fff;width:25%}.color-pop .color-choices>* span{width:34px;height:34px;display:inline-block;vertical-align:middle;border:1px solid #e2e3e4;box-sizing:border-box;border-radius:20px;padding:1px}.color-pop .color-choices>* label{font-weight:400;cursor:pointer;white-space:nowrap;vertical-align:middle;display:inline-block;margin:0 0 0 4px;width:55%;text-transform:capitalize;font-size:1.1rem;text-align:left}.color-pop .color-container{padding-top:0;overflow-y:scroll;overflow-x:hidden;margin:0 0 1px;height:285px}.color-pop .color-pop-container .color-container{flex-grow:1;overflow-y:auto;overflow-x:hidden;position:relative}.pointer{cursor:pointer}.color-pop .color-choices>.active{background-color:#ebeaeb;border-radius:20px}.color-pop .color-choices>:focus,.color-pop .color-choices>:hover{border-radius:20px;background-color:#ebeaeb}.color-pop .color-choices>:hover span{border:1px dashed #000}.color-pop .color-choices .active label,.color-pop .color-choices>:hover label{font-weight:700}.color-boxes .color-box:hover{border:1px dashed #000}
/*# sourceMappingURL=/cdn/shop/t/28/assets/color-picker.css.map */