.tf-dimension-control{--input-link-button-width: 42px;--label-color: #444;--gap: 6px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}.tf-dimension-control .tf-dimension-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;gap:var(--gap)}.tf-dimension-control .tf-dimension-controls--item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;width:25%;gap:1px;cursor:text}.tf-dimension-control .tf-dimension-controls--item--value{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;padding:0 !important;border:0 !important;background:transparent !important;outline:none !important;margin:0 !important}.tf-dimension-control .tf-dimension-controls--item--value::-webkit-outer-spin-button,.tf-dimension-control .tf-dimension-controls--item--value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tf-dimension-control .tf-dimension-controls--item:not(.has-value) .tf-unit-control-dropdown{display:none}.tf-dimension-control .tf-dimension-controls--item.has-focus{color:#212529;background-color:#fff;border-color:var(--focus);outline:0;-webkit-box-shadow:0 0 0 0.2rem var(--focus-shadow);box-shadow:0 0 0 0.2rem var(--focus-shadow)}.tf-dimension-control--locks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tf-dimension-control--locks>svg{cursor:pointer;color:#444}.tf-dimension-control--locks>svg:not(.active){display:none}.tf-dimension-control--locks>svg:not(:focus):not(.active):hover{color:#222}.tf-dimension-control--locks>svg:focus{color:#222}.tf-dimension-control--locks>svg.active{color:#000}