/*!
 * Dimensions Control
 *
 * @package   elementor circle
 */

.customize-control-circle-dimensions > ul { width: 100%; }
.customize-control-circle-dimensions .dimension-wrap { float: left; width: 20%; margin: 0; }
.customize-control-circle-dimensions .dimension-wrap input,
.customize-control-circle-dimensions .dimension-wrap button { display: block; font-size: 13px; background: transparent; padding: 4px 0; width: 100%; height: 36px; border: 1px solid; border-color: #d0d0d0; border-left-width: 0; border-radius: 0; text-align: center; }
.customize-control-circle-dimensions .dimension-wrap input[type=number]:focus {box-shadow: none; background: #fff;}
.customize-control-circle-dimensions .dimension-wrap:first-child input { border-left-width: 1px; border-radius: 3px 0 0 3px; }
.customize-control-circle-dimensions .dimension-wrap .dimension-label { display: block; color: #949698; font-size: 10px; padding-top: 5px; font-style: normal; text-transform: uppercase; text-align: center; }
.customize-control-circle-dimensions .dimension-wrap input:focus + .dimension-label { color: #42474a; }
.customize-control-circle-dimensions .dimension-wrap .link-dimensions { background-color: #fff; border: 1px solid #d0d0d0; border-left-width: 0; padding: 0; outline: none; border-radius: 0 3px 3px 0; cursor: pointer; height: 34px;}
.customize-control-circle-dimensions .dimension-wrap .link-dimensions span { display: block; width: 100%; height: 34px; line-height: 34px; font-size: 16px; }
.customize-control-circle-dimensions .dimension-wrap .link-dimensions .circle-linked { background-color: #0085ba; color: #fff; }
.customize-control-circle-dimensions .dimension-wrap .link-dimensions.unlinked .circle-unlinked { display: none; }
.customize-control-circle-dimensions .dimension-wrap .link-dimensions.unlinked .circle-linked { display: block; }
.customize-control-circle-dimensions .dimension-wrap .link-dimensions .circle-linked { display: none; }