/*!
 * @pluginjs/offset v0.8.16 (https://pluginjs.com)
 * Copyright 2022 Creation Studio Limited
 * Released under the GPL-3.0 License.
 */
.pj-offset-wrap {
  position: relative;
  box-sizing: border-box;
  display: flex; }

.pj-offset-size {
  max-width: 55px; }

.pj-offset-connect-link {
  display: none !important; }

.pj-offset-connect-unlink {
  display: block; }

.pj-offset-input {
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 8px;
  border: 1px solid #e6e6e6;
  border-right: none; }

.pj-offset-lock {
  box-sizing: border-box;
  width: 50px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #e6e6e6; }

.pj-offset-unit {
  box-sizing: border-box;
  width: 64px;
  height: 32px;
  margin-left: 10px; }

.pj-offset-lock-active .pj-offset-connect-link {
  display: block !important; }

.pj-offset-lock-active .pj-offset-connect-unlink {
  display: none; }

.pj-offset-size-label {
  height: 12px;
  margin-top: 10px;
  font-size: 10px;
  line-height: 12px;
  color: #b3b3b3;
  text-align: center; }

/* stylelint-disable */
.pj-offset-disabled .pj-offset-size {
  cursor: not-allowed; }

.pj-offset-disabled .pj-offset-lock {
  color: #e6e6e6;
  cursor: not-allowed; }

.pj-offset-disabled .pj-offset-input {
  color: #e6e6e6;
  pointer-events: none; }

.pj-offset-disabled .pj-offset-unit {
  cursor: not-allowed; }

.pj-offset-disabled .pj-input {
  pointer-events: none; }

.pj-offset-disabled .pj-select-trigger {
  color: #e6e6e6 !important; }
  .pj-offset-disabled .pj-select-trigger::after {
    color: #e6e6e6 !important; }