@charset "UTF-8";
/* COLOR */
/* SPACE */
/* COMMON PROPS */
/* COMMON COMPONENTS */
/* DETAILS */
/* ATTRS */
/* MONITOR */
/* SIDEBAR MONITOR */
/*
 * To force re-rendering on changing disabled attribute on Edge.
 */
[disabled] ~ _ {
  font-weight: inherit;
}

/*
 * This class is added to body when a modal dialog is displayed.
 */
.wq-x-suspended,
.wq-x-suspended body {
  overflow: hidden;
}

/*
 * padding for controls
 */
.wq-Form .wq-Image, .wq-Form .wq-Option, .wq-Form .wq-Option > .wq--label {
  display: block;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  box-sizing: border-box;
  font-size: 16px;
}

.wq-Form .wq-Selector > .wq--head > .wq--media, .wq-Form .wq-Quantity > .wq--head > .wq--media,
.wq-Form .wq-Slider > .wq--head > .wq--media, .wq-Form .wq-Option, .wq-Form .wq-Option > .wq--label > .wq--media, .wq-Form .wq-Option > .wq--label > .wq--main, .wq-Form .wq-Selector > .wq--body {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: stretch;
}

.wq-Form .wq-Selector, .wq-Form .wq-Quantity,
.wq-Form .wq-Slider {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(0, 0, 0, 0.26);
}

.wq-Form .wq-Selector > .wq--head, .wq-Form .wq-Quantity > .wq--head,
.wq-Form .wq-Slider > .wq--head {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
  background-color: #E9F6FD;
  position: relative;
  font-size: 16px;
  color: #000000;
}

.wq-Form .wq-Selector > .wq--head > .wq--main, .wq-Form .wq-Quantity > .wq--head > .wq--main,
.wq-Form .wq-Slider > .wq--head > .wq--main {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: auto;
  width: 100%;
}

.wq-Form .wq-Selector > .wq--head > .wq--main > .wq--note, .wq-Form .wq-Quantity > .wq--head > .wq--main > .wq--note,
.wq-Form .wq-Slider > .wq--head > .wq--main > .wq--note {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.3;
}

.wq-Form .wq-Selector > .wq--head > .wq--message, .wq-Form .wq-Quantity > .wq--head > .wq--message,
.wq-Form .wq-Slider > .wq--head > .wq--message {
  top: 10px;
  right: 10px;
  position: absolute;
  background: transparent;
}

.wq-Form .wq-is-invalid.wq-Selector, .wq-Form .wq-is-invalid.wq-Quantity,
.wq-Form .wq-is-invalid.wq-Slider {
  border-color: #dd4522;
}

.wq-Form .wq-belongs-hnavigator.wq-Selector, .wq-Form .wq-belongs-hnavigator.wq-Quantity,
.wq-Form .wq-belongs-hnavigator.wq-Slider {
  border-radius: 0;
  overflow: hidden;
}

.wq-Form .wq-belongs-wnavigator.wq-Selector, .wq-Form .wq-belongs-wnavigator.wq-Quantity,
.wq-Form .wq-belongs-wnavigator.wq-Slider {
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.wq-Form .wq-belongs-wnavigator.wq-Selector > .wq--head, .wq-Form .wq-belongs-wnavigator.wq-Quantity > .wq--head,
.wq-Form .wq-belongs-wnavigator.wq-Slider > .wq--head {
  flex: 0 0 auto;
}

.wq-Form .wq-TextInput, .wq-Form .wq-TextArea {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.26);
  background: white;
  color: #000000;
  padding: 7px 7px;
  height: auto;
  margin: 0;
  box-sizing: border-box;
  outline: none;
  border-radius: 0;
  line-height: 1.5;
  max-width: 100%;
  position: relative;
  font-size: 16px;
  transition: box-shadow 0.1s linear, border-color 0.1s linear;
  box-shadow: none;
}

@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .wq-Form .wq-TextInput:hover, .wq-Form .wq-TextArea:hover {
    box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.2);
    z-index: 2;
  }
}

.wq-Form .wq-TextInput:focus, .wq-Form .wq-TextArea:focus {
  box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.26);
  outline: none;
  z-index: 2;
  animation: explosion 0.6s;
}

.wq-Form .wq-is-invalid.wq-TextInput:not(:focus), .wq-Form .wq-is-invalid.wq-TextArea:not(:focus) {
  border-color: #dd4522;
}

.wq-Form .wq-TextInput::placeholder, .wq-Form .wq-TextArea::placeholder {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.35);
}

.wq-Form .wq-TextInput:-ms-input-placeholder, .wq-Form .wq-TextArea:-ms-input-placeholder {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.35);
}

.wq-Form .wq-TextInput::-ms-input-placeholder, .wq-Form .wq-TextArea::-ms-input-placeholder {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.35);
}

@keyframes explosion {
  0% {
    box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.2), 0 0 0 0 rgba(0, 153, 255, 0.2);
  }
  15% {
    box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.3), 0 0 6px 10px rgba(0, 153, 255, 0.2);
  }
  30% {
    box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.4), 0 0 8px 17px rgba(0, 153, 255, 0.1);
  }
  100% {
    box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.4), 0 0 12px 25px rgba(0, 153, 255, 0);
  }
}

.wq-Form .wq-Checkbox, .wq-Form .wq-Radio {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
  line-height: 1.5;
  max-width: 100%;
  color: #000000;
}

.wq-Form .wq-Checkbox > input, .wq-Form .wq-Radio > input {
  display: block;
  position: absolute;
  opacity: 0;
}

.wq-Form .wq-Checkbox > label, .wq-Form .wq-Radio > label {
  display: block;
  background: #fff7f7;
  height: 40px;
  font-size: 16px;
  box-sizing: border-box;
  padding: 0 15px 0 7px;
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 100px;
  line-height: 38px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  transition: box-shadow 0.1s linear, border-color 0.1s linear;
}

.wq-Form .wq-Checkbox > input.wq-is-invalid + label, .wq-Form .wq-Radio > input.wq-is-invalid + label {
  border-color: #dd4522;
  z-index: 2;
}

@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .wq-Form .wq-Checkbox > label:hover, .wq-Form .wq-Radio > label:hover {
    box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.2);
    z-index: 10;
  }
}

.wq-Form .wq-Selector > .wq--head > .wq--message, .wq-Form .wq-Quantity > .wq--head > .wq--message,
.wq-Form .wq-Slider > .wq--head > .wq--message, .wq-Form .wq-WNavigator > .wq--base .wq--message, .wq-Form .wq-Control > .wq--body > .wq--message {
  display: block;
  color: #dd4522;
  font-size: 14px;
  line-height: 1;
  font-weight: normal;
  width: auto;
  margin-top: 0 !important;
  max-width: 100%;
}

.wq-Form .wq-Selector > .wq--head > .wq--message::before, .wq-Form .wq-Quantity > .wq--head > .wq--message::before,
.wq-Form .wq-Slider > .wq--head > .wq--message::before, .wq-Form .wq-WNavigator > .wq--base .wq--message::before, .wq-Form .wq-Control > .wq--body > .wq--message::before {
  display: inline-block;
  font-family: "dashicons";
  content: "\f534 ";
  line-height: 1;
  vertical-align: -2px;
  margin-right: 1px;
}

.wq-Form .wq-Selector > .wq--head > .wq-is-run.wq-for-removed.wq--message, .wq-Form .wq-Quantity > .wq--head > .wq-is-run.wq-for-removed.wq--message,
.wq-Form .wq-Slider > .wq--head > .wq-is-run.wq-for-removed.wq--message, .wq-Form .wq-WNavigator > .wq--base .wq-is-run.wq-for-removed.wq--message, .wq-Form .wq-Control > .wq--body > .wq-is-run.wq-for-removed.wq--message {
  transition: opacity 0.2s linear;
}

.wq-Form .wq-Selector > .wq--head > .wq-is-removed.wq--message, .wq-Form .wq-Quantity > .wq--head > .wq-is-removed.wq--message,
.wq-Form .wq-Slider > .wq--head > .wq-is-removed.wq--message, .wq-Form .wq-WNavigator > .wq--base .wq-is-removed.wq--message, .wq-Form .wq-Control > .wq--body > .wq-is-removed.wq--message {
  opacity: 0;
}

.wq-Form .wq-Selector > .wq--head > .wq-is-run.wq-for-created.wq--message, .wq-Form .wq-Quantity > .wq--head > .wq-is-run.wq-for-created.wq--message,
.wq-Form .wq-Slider > .wq--head > .wq-is-run.wq-for-created.wq--message, .wq-Form .wq-WNavigator > .wq--base .wq-is-run.wq-for-created.wq--message, .wq-Form .wq-Control > .wq--body > .wq-is-run.wq-for-created.wq--message {
  animation-iteration-count: 1;
  animation: rejection 0.3s;
}

@keyframes rejection {
  0% {
    transform: translateX(0.25em);
  }
  15% {
    transform: translateX(-0.25em);
  }
  30% {
    transform: translateX(0.125em);
  }
  50% {
    transform: translateX(-0.125em);
  }
  70% {
    transform: translateX(0.0625em);
  }
  90% {
    transform: translateX(-0.0625em);
  }
}

.wq-Form .wq-Image {
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}

.wq-Form .wq-Image.wq-scaling-center {
  background-image: none !important;
  position: relative;
}

.wq-Form .wq-Image.wq-scaling-center > .wq--img {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  min-width: 1px;
  min-height: 1px;
  border: none;
}

.wq-Form .wq-Image.wq-scaling-cover {
  background-size: cover;
}

.wq-Form .wq-Image.wq-scaling-cover > .wq--img {
  display: block;
  opacity: 0;
  pointer-events: none;
}

.wq-Form .wq-Image.wq-scaling-contain {
  background-size: contain;
}

.wq-Form .wq-Image.wq-scaling-contain > .wq--img {
  display: block;
  opacity: 0;
  pointer-events: none;
}

.wq-Form .wq-Image.wq-belongs-option.wq-belongs-hnavigator {
  width: 130px;
  height: 100px;
}

@media screen and (min-width: 782.001px) {
  .wq-Form .wq-Image.wq-belongs-option.wq-belongs-hnavigator {
    width: 130px;
    height: 100px;
  }
}

.wq-Form .wq-Image.wq-belongs-option.wq-belongs-hnavigator.wq-src-empty {
  display: none;
}

.wq-Form .wq-Image.wq-belongs-option.wq-belongs-wnavigator {
  width: 100px;
  height: 100px;
}

@media screen and (min-width: 782.001px) {
  .wq-Form .wq-Image.wq-belongs-option.wq-belongs-wnavigator {
    width: 100px;
    height: 100px;
  }
}

.wq-Form .wq-Image.wq-belongs-option.wq-belongs-wnavigator.wq-src-empty {
  display: none;
}

.wq-Form .wq-Image.wq-belongs-selector, .wq-Form .wq-Image.wq-belongs-quantity, .wq-Form .wq-Image.wq-belongs-slider {
  width: 30px;
  height: 30px;
  margin-right: 4px;
}

.wq-Form .wq-Image.wq-belongs-selector.wq-src-empty, .wq-Form .wq-Image.wq-belongs-quantity.wq-src-empty, .wq-Form .wq-Image.wq-belongs-slider.wq-src-empty {
  display: none;
}

.wq-Form .wq-Image.wq-belongs-file {
  width: 78px;
  height: 78px;
}

.wq-Form .wq-Option {
  position: relative;
  width: 150px;
  justify-content: center;
  overflow: hidden;
  align-self: stretch;
}

@media screen and (min-width: 782.001px) {
  .wq-Form .wq-Option {
    width: 150px;
  }
}

.wq-Form .wq-Option > .wq--input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  opacity: 0;
  top: 20px;
}

.wq-Form .wq-Option > .wq--input::before {
  content: none;
}

.wq-Form .wq-Option > .wq--select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  display: block;
  box-sizing: border-box;
  font-size: 16px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  max-width: 1000px;
  max-height: 1000px;
  margin: 0;
  outline: none;
  opacity: 0;
  z-index: 2;
}

@media all and (-ms-high-contrast: none) {
  .wq-Form .wq-Option > .wq--select:focus {
    opacity: 1;
    top: auto;
    bottom: 10px;
    right: 10px;
    left: 10px;
    width: calc(100% - 20px);
    outline: auto;
    max-height: auto;
  }
}

.wq-Form .wq-Option > .wq--label {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  flex-direction: column;
  padding: 10px;
  max-width: 100%;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  background: #fff7f7;
  transition: background-color 0.2s linear;
}

@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .wq-Form .wq-Option > .wq--label:hover {
    background-color: rgba(0, 153, 255, 0.2);
  }
}

.wq-Form .wq-Option > .wq--label > .wq--media {
  justify-content: center;
  flex: 0 0 auto;
  margin-bottom: 6px;
}

.wq-Form .wq-Option > .wq--label > .wq--main {
  flex-direction: column;
  flex: 1 1 auto;
  max-width: 100%;
  position: relative;
  line-height: 1.5;
}

.wq-Form .wq-Option > .wq--label > .wq--main > .wq--name {
  flex: 0 0 auto;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  max-width: 100%;
  text-align: center;
}

.wq-Form .wq-Option > .wq--label > .wq--main > .wq--note {
  flex: 1 0 auto;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.3;
  max-width: 100%;
  text-align: center;
}

.wq-Form .wq-Option > .wq--label > .wq--main > .wq--prices {
  max-width: 100%;
  padding: 4px 0 0;
  line-height: 1;
  text-align: center;
}

.wq-Form .wq-Option > .wq--label > .wq--main > .wq--prices > .wq--normalPrice {
  text-decoration: line-through;
  padding-right: 4px;
}

.wq-Form .wq-Option > .wq--label > .wq--main > .wq--prices > .wq--price {
  font-size: 20px;
  color: #4cacff;
}

.wq-Form .wq-Option > .wq--label > .wq--main > .wq--quantity {
  position: absolute;
  right: 0;
  top: -27px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  color: #0099FF;
}

.wq-Form .wq-Option > .wq--label > .wq--main > .wq--quantity::before {
  content: "x";
  display: inline;
}

.wq-Form .wq-Option > .wq--label > .wq--ribbon.wq-ribbon-1 {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 11px;
  text-align: center;
  background: red;
  color: yellow;
  border-radius: 100px;
  top: 70px;
  left: 6px;
}

@media screen and (min-width: 782.001px) {
  .wq-Form .wq-Option > .wq--label > .wq--ribbon.wq-ribbon-1 {
    top: 70px;
  }
}

.wq-Form .wq-Option > .wq--label > .wq--ribbon.wq-ribbon-2 {
  display: inline-block;
  position: absolute;
  left: -25px;
  top: 12px;
  width: 90px;
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  height: 16px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #15155b;
  color: white;
}

.wq-Form .wq-Option > .wq--label > .wq--ribbon.wq-ribbon-3 {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 11px;
  text-align: center;
  background: red;
  color: yellow;
  border-radius: 100px;
  top: 70px;
  left: 50px;
}

@media screen and (min-width: 782.001px) {
  .wq-Form .wq-Option > .wq--label > .wq--ribbon.wq-ribbon-3 {
    top: 70px;
  }
}

@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .wq-Form .wq-Option > .wq--select:not(:disabled):hover + .wq--label {
    background-color: rgba(0, 153, 255, 0.2);
  }
}

.wq-Form .wq-Option > .wq--select.wq-is-selected + .wq--label,
.wq-Form .wq-Option > .wq--input:checked + .wq--label {
  background: rgba(0, 153, 255, 0.4);
}

.wq-Form .wq-Option > .wq--input:disabled + .wq--label,
.wq-Form .wq-Option > .wq--select:disabled + .wq--label {
  opacity: 0.3;
  pointer-events: none;
}

.wq-Form .wq-Option > .wq-type-checkbox + label::after {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  content: "\f147";
  font-family: "dashicons";
  color: rgba(0, 0, 0, 0.35);
  line-height: 48px;
  box-sizing: border-box;
  font-size: 48px;
}

.wq-Form .wq-Option > .wq-type-checkbox:checked + label::after {
  color: #fff7f7;
  animation: spin 0.3s;
  transform: scale(1.2);
}

.wq-Form .wq-Option.wq-media-empty > .wq--label > .wq--media {
  display: none;
}

.wq-Form .wq-Option.wq-media-empty > .wq--label > .wq--main {
  padding: 10px 0;
}

.wq-Form .wq-Option.wq-media-empty > .wq--label > .wq--main > .wq--quantity {
  /*top: -1 * $padding + $small-padding;
                        left: -1 * $padding + $small-padding;
                        right: auto;*/
  bottom: -6px;
  top: auto;
}

.wq-Form .wq-Option.wq-media-empty > .wq--label::after {
  font-size: 32px;
  line-height: 32px;
}

.wq-Form .wq-Option.wq-media-empty > .wq--label > .wq--ribbon {
  display: none;
}

.wq-Form .wq-Option.wq-belongs-wnavigator {
  align-self: stretch;
  min-width: 1px;
  width: auto;
}

.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label {
  flex-direction: row;
}

.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label > .wq--media {
  margin-right: 10px;
  margin-bottom: 0;
}

.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label > .wq--main {
  justify-content: center;
}

.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label > .wq--main > .wq--name {
  flex: 0 0 auto;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  text-align: left;
  padding-right: 24px;
}

.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label > .wq--main > .wq--note {
  text-align: left;
  padding-right: 24px;
}

.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label > .wq--main > .wq--prices {
  text-align: left;
  padding-right: 24px;
}

.wq-Form .wq-Option.wq-belongs-wnavigator > .wq--label > .wq--main > .wq--quantity {
  bottom: 0;
  top: auto;
}

@keyframes spin {
  0% {
    transform: rotate(0) scale(1);
    color: rgba(0, 0, 0, 0.35);
  }
  60% {
    transform: rotate(375deg) scale(1.2);
    color: #fff7f7;
  }
  70% {
    transform: rotate(348deg) scale(1.2);
  }
  80% {
    transform: rotate(368deg) scale(1.2);
  }
  90% {
    transform: rotate(354deg) scale(1.2);
  }
  100% {
    transform: rotate(360deg) scale(1.2);
  }
}

.wq-Form .wq-Selector {
  box-sizing: border-box;
}

.wq-Form .wq-Selector > .wq--body {
  flex-direction: row;
  flex-wrap: wrap;
}

.wq-Form .wq-Selector.wq-belongs-wnavigator > .wq--body {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  flex-direction: column;
  overflow: auto;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  flex-wrap: nowrap;
}

.wq-Form .wq-Selector.wq-belongs-hnavigator.wq-is-run {
  transition: max-height 0.2s ease-in, opacity 0.2s linear;
  max-height: 300px;
  overflow: hidden;
}

.wq-Form .wq-Selector.wq-belongs-hnavigator.wq-is-created, .wq-Form .wq-Selector.wq-belongs-hnavigator.wq-is-removed {
  max-height: 0;
  opacity: 0;
}

.wq-Form .wq-Quantity > .wq--body,
.wq-Form .wq-Slider > .wq--body {
  padding: 10px;
  box-sizing: border-box;
}

.wq-Form .wq-Quantity > .wq--body .wq--suffix,
.wq-Form .wq-Slider > .wq--body .wq--suffix {
  font-size: 16px;
}

.wq-Form .wq-Quantity.wq-belongs-wnavigator > .wq--body,
.wq-Form .wq-Slider.wq-belongs-wnavigator > .wq--body {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
}

.wq-Form .wq-Quantity.wq-belongs-hnavigator.wq-is-run,
.wq-Form .wq-Slider.wq-belongs-hnavigator.wq-is-run {
  transition: max-height 0.2s ease-in, opacity 0.2s linear;
  max-height: 300px;
  overflow: hidden;
}

.wq-Form .wq-Quantity.wq-belongs-hnavigator.wq-is-created, .wq-Form .wq-Quantity.wq-belongs-hnavigator.wq-is-removed,
.wq-Form .wq-Slider.wq-belongs-hnavigator.wq-is-created,
.wq-Form .wq-Slider.wq-belongs-hnavigator.wq-is-removed {
  max-height: 0;
  opacity: 0;
}

.wq-Form .wq-NavBar.wq-belongs-hnavigator {
  display: none;
}

.wq-Form .wq-NavBar.wq-belongs-wnavigator {
  display: flex;
  background: #fff7f7;
  color: #000000;
}

.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress {
  flex: 1 1 auto;
  display: block;
}

.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress > .wq--min,
.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress > .wq--current,
.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress > .wq--max,
.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress > .wq--percentage {
  display: none;
}

.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress > .wq--bar {
  width: 100%;
  height: 4px;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.26);
}

.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--progress > .wq--bar > .wq--bar-content {
  height: 100% !important;
  background-color: #4cacff;
  transition: width 0.2s ease-in-out;
}

.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--summary {
  display: none;
}

.wq-Form .wq-NavBar.wq-belongs-wnavigator > .wq--commands {
  display: none;
}

.wq-Form .wq-WNavigator {
  order: 20;
}

.wq-Form .wq-WNavigator > .wq--base {
  display: flex;
  height: 160px;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 16px;
}

.wq-Form .wq-WNavigator > .wq--base .wq--message {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 42px;
}

.wq-Form .wq-WNavigator > .wq--overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 100;
  background: #fff7f7;
}

.wq-Form .wq-WNavigator > .wq--overlay.wq-is-run {
  transition: opacity 0.3s linear;
}

.wq-Form .wq-WNavigator > .wq--overlay.wq-is-run > .wq--dialog {
  transition: transform 0.3s linear, opacity 0.3s linear;
}

.wq-Form .wq-WNavigator > .wq--overlay.wq-is-created, .wq-Form .wq-WNavigator > .wq--overlay.wq-is-removed {
  opacity: 0;
}

.wq-Form .wq-WNavigator > .wq--overlay.wq-is-created > .wq--dialog, .wq-Form .wq-WNavigator > .wq--overlay.wq-is-removed > .wq--dialog {
  transform: scale(0.8);
  opacity: 0;
}

.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog {
  display: flex;
  flex-direction: column;
  margin: 32px auto;
  width: 480px;
  max-width: calc(100% - 2em);
  height: calc(100% - 64px);
  box-sizing: border-box;
  background: #fff7f7;
  color: #000000;
  position: relative;
  overflow: hidden;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 100%;
  height: calc(100% - 4px);
  width: 100%;
  overflow: hidden;
  position: relative;
}

.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main > .wq--slide {
  height: 100%;
  overflow: auto;
}

.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main > .wq--slide.wq-is-run {
  transition: transform 0.3s ease-in-out, opacity 0.3s linear;
}

.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main > .wq--slide.wq-is-run.wq-for-removed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main > .wq--slide.wq-is-removed {
  position: absolute;
  transform: translateX(-120vw);
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}

.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main > .wq--slide.wq-is-run.wq-for-created {
  position: relative;
  transition-delay: 0.1s;
}

.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main > .wq--slide.wq-is-created {
  transform: translateX(120vw);
  opacity: 0;
}

.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main.wq-is-flipped > .wq--slide.wq-is-removed {
  transform: translateX(120vw);
}

.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--main.wq-is-flipped > .wq--slide.wq-is-created {
  transform: translateX(-120vw);
}

.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--action {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  background: #E9F6FD;
  padding: 4px;
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-top-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--action > .wq--spacer {
  flex: 1 1 auto;
}

.wq-Form .wq-WNavigator > .wq--overlay > .wq--dialog > .wq--action > *:not(:last-child) {
  margin-right: 4px;
}

.wq-Form .wq-Monitor {
  order: 21;
  font-size: 16px;
  color: #000000;
}

.wq-Form .wq-Monitor > .wq--header {
  background: #fff7f7;
  display: none;
}

.wq-Form .wq-Monitor > .wq--header > .wq--title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  color: #000000;
  padding: 10px 0;
}

.wq-Form .wq-Monitor > .wq--header > .wq--menu {
  display: none;
}

.wq-Form .wq-Monitor > .wq--entries {
  background: #fff7f7;
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry {
  display: flex;
  align-items: center;
  /*width: 100%;*/
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
  flex-wrap: nowrap;
  font-size: 14px;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry:nth-child(even) {
  background: #E9F6FD;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq--prop {
  padding: 10px;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-no {
  display: none;
  flex: 10 10 3.84615%;
  order: 10;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-no {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-category {
  display: block;
  flex: 50 50 19.23077%;
  order: 30;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-category {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-entry {
  flex: 70 70 26.92308%;
  order: 40;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-normalUnitPrice {
  display: none;
  flex: 30 30 11.53846%;
  order: 60;
  text-align: right;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-normalUnitPrice {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: line-through;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-unitPrice {
  display: block;
  flex: 30 30 11.53846%;
  order: 70;
  text-align: right;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-unitPrice {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-quantity {
  display: block;
  flex: 20 20 7.69231%;
  order: 80;
  text-align: right;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-quantity > .wq--independentDisplay {
  display: none;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-price {
  display: block;
  flex: 30 30 11.53846%;
  order: 100;
  text-align: right;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-taxClass {
  display: none;
  flex: 20 20 7.69231%;
  text-align: center;
  order: 110;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-taxClass {
  font-size: 10px;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-is-run {
  transition: max-height 0.2s linear, opacity 0.2s linear;
  max-height: 100px;
  overflow: hidden;
}

.wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-is-created, .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-is-removed {
  max-height: 0;
  opacity: 0;
}

.wq-Form .wq-Monitor > .wq--footer {
  background: #fff7f7;
  margin-left: auto;
  max-width: 20em;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry {
  border: 1px solid rgba(0, 0, 0, 0.26);
  display: flex;
  align-items: center;
  font-weight: bold;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop {
  padding: 10px;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-name {
  flex: 1 1 8em;
  box-sizing: border-box;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-normalValue {
  display: none;
  text-align: right;
  flex: 1 1 7em;
  text-decoration: line-through;
  overflow: hidden;
  box-sizing: border-box;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value {
  text-align: right;
  flex: 1 1 7em;
  overflow: hidden;
  line-height: 1.5em;
  box-sizing: border-box;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value span {
  display: inline-block;
  position: relative;
  height: 1.5em;
  max-height: 1.5em;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value span span {
  display: block;
  position: relative;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value span span.wq-is-run {
  transition: transform 0.3s ease-in-out;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value span span.wq-is-run.wq-for-removed {
  top: 0;
  position: absolute;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value span span.wq-is-created {
  transform: translateY(-4em);
  opacity: 1;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value span span.wq-is-removed {
  top: 0;
  position: absolute;
  transform: translateY(4em);
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-total {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-total > .wq-for-value {
  font-size: 20px;
  color: #4cacff;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-total > .wq--prop.wq-for-normalValue, .wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-tax > .wq--prop.wq-for-normalValue {
  display: none;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-subtotal span {
  transition-delay: 0.2s !important;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-tax span {
  transition-delay: 0.28s !important;
}

.wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-total span {
  transition-delay: 0.36s !important;
}

@media screen and (min-width: 782.001px) {
  .wq-Form .wq-Monitor.wq-is-sidebar {
    z-index: 1000;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar.wq-sticks-top {
    position: absolute;
    top: 0;
    bottom: auto;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar.wq-sticks-bottom {
    position: absolute;
    top: auto;
    bottom: 0;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar.wq-sticks-screen {
    position: fixed;
    top: 0px;
    bottom: auto;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar > .wq--header {
    display: none;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries {
    display: flex;
    flex-direction: column;
    overflow: auto;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    min-height: 1px;
    max-height: 60vh;
    border-bottom-left-radius: 0;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 10px 5px;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq--prop {
    line-height: 1.3;
    padding: 0 5px;
    box-sizing: border-box;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-no {
    display: none;
    flex: 0 0 auto;
    order: 10;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-no {
    display: none;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-no {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-category {
    display: block;
    flex: 1 1 51%;
    order: 30;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-category {
    display: none;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-category {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-entry {
    flex: 1 1 100%;
    order: 40;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-entry {
    flex: 1 1 50%;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-normalUnitPrice {
    display: none;
    flex: 1 1 50px;
    order: 60;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-normalUnitPrice {
    display: none;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-normalUnitPrice {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
    text-decoration: line-through;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-unitPrice {
    display: block;
    flex: 1 1 50px;
    order: 70;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-unitPrice {
    display: none;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-unitPrice {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-quantity {
    display: block;
    flex: 1 1 30px;
    order: 80;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-quantity {
    display: none;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-quantity {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-quantity > .wq--simpleDisplay {
    display: none;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-quantity > .wq--independentDisplay {
    display: inline;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-taxClass {
    display: none;
    flex: 1 1 50px;
    order: 90;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry.wq-for-header > .wq-for-taxClass {
    display: none;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-taxClass {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
  }
  .wq-Form .wq-Monitor.wq-is-sidebar .wq--entries > .wq--entry > .wq-for-price {
    display: block;
    flex: 10 10 60px;
    order: 100;
    text-align: right;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar > .wq--footer {
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar > .wq--footer > .wq--entry > .wq--prop.wq-for-name {
    font-size: 14px;
    flex-basis: 7em;
  }
  .wq-Form .wq-Monitor.wq-is-sidebar > .wq--footer > .wq--entry.wq-for-subtotal > .wq--prop.wq-for-normalValue {
    display: none;
  }
}

@media screen and (max-width: 782px) {
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 10px 5px;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq--prop {
    line-height: 1.3;
    padding: 0 5px;
    box-sizing: border-box;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-no {
    display: none;
    flex: 0 0 auto;
    order: 10;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-no {
    display: none;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-no {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-category {
    display: block;
    flex: 1 1 51%;
    order: 30;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-category {
    display: none;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-category {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-entry {
    flex: 1 1 100%;
    order: 40;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-entry {
    flex: 1 1 50%;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-normalUnitPrice {
    display: none;
    flex: 1 1 50px;
    order: 60;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-normalUnitPrice {
    display: none;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-normalUnitPrice {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
    text-decoration: line-through;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-unitPrice {
    display: block;
    flex: 1 1 50px;
    order: 70;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-unitPrice {
    display: none;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-unitPrice {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-quantity {
    display: block;
    flex: 1 1 30px;
    order: 80;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-quantity {
    display: none;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-quantity {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-quantity > .wq--simpleDisplay {
    display: none;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-quantity > .wq--independentDisplay {
    display: inline;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-taxClass {
    display: none;
    flex: 1 1 50px;
    order: 90;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry.wq-for-header > .wq-for-taxClass {
    display: none;
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry:not(.wq-for-header) > .wq-for-taxClass {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6);
  }
  .wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-price {
    display: block;
    flex: 10 10 60px;
    order: 100;
    text-align: right;
  }
  .wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-name {
    font-size: 14px;
    flex-basis: 7em;
  }
}

.wq-Form #wq-informer {
  top: 0px;
}

.wq-Form .wq-Control {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
}

.wq-Form .wq-Control.wq-for-action {
  order: 40;
}

.wq-Form .wq-Control.wq-for-action > .wq--header {
  width: 0 !important;
}

.wq-Form .wq-Control.wq-for-action > .wq--body {
  margin: 0 auto;
  width: 180px;
  max-width: 180px;
}

.wq-Form .wq-Control > .wq--header {
  flex: 0 0 auto;
  width: 10em;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 9px 0;
  box-sizing: border-box;
}

.wq-Form .wq-Control > .wq--header > .wq--label {
  flex: 0 1 auto;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
}

.wq-Form .wq-Control > .wq--header > .wq--required {
  flex: 0 0 auto;
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  color: #4cacff;
}

.wq-Form .wq-Control > .wq--header > .wq--required.wq-is-optional {
  display: none;
}

.wq-Form .wq-Control > .wq--header.wq-content-empty > .wq--required {
  display: none;
}

.wq-Form .wq-Control > .wq--header > *:not(:last-child) {
  margin-right: 4px;
}

.wq-Form .wq-Control > .wq--body {
  flex: 1 1 auto;
  position: relative;
}

.wq-Form .wq-Control > .wq--body > *:not(:first-child) {
  margin-top: 4px;
}

.wq-Form .wq-Control > .wq--body .wq--note {
  display: block;
  font-size: 14px;
  opacity: 0.6;
  margin-top: 4px;
  margin-left: 4px;
}

.wq-Form .wq-Control > .wq--body > .wq--message {
  position: absolute;
  left: 4px;
  top: -18px;
}

.wq-Form .wq-Control.wq-is-run.wq-for-removed {
  display: none;
}

@media screen and (max-width: 782px) {
  .wq-Form .wq-Control {
    flex-direction: column;
  }
  .wq-Form .wq-Control > .wq--header {
    width: 100%;
    padding: 0;
    margin-bottom: 4px;
  }
  .wq-Form .wq-Control > .wq--header.wq-content-empty {
    display: none;
  }
  .wq-Form .wq-Control > .wq--body {
    width: 100%;
  }
  .wq-Form .wq-Control > .wq--body .wq--message {
    left: auto;
    right: 4px;
  }
}

.wq-Form .wq-TextInput.wq-size-full {
  width: 100%;
}

.wq-Form .wq-TextInput.wq-size-nano {
  width: calc(3em + 16px);
}

.wq-Form .wq-TextInput.wq-size-mini {
  width: calc(5em + 16px);
}

.wq-Form .wq-TextInput.wq-size-small {
  width: calc(8em + 16px);
}

.wq-Form .wq-TextInput.wq-size-normal {
  width: calc(13em + 16px);
}

.wq-Form .wq-TextArea {
  height: 160px;
  width: 100%;
}

.wq-Form .wq-TextArea.wq-size-full {
  height: 256px;
}

.wq-Form .wq-TextArea.wq-size-normal {
  height: 160px;
}

.wq-Form .wq-TextArea.wq-size-small {
  height: 112px;
}

.wq-Form .wq-TextArea.wq-size-mini {
  height: 88px;
}

.wq-Form .wq-TextArea.wq-size-nano {
  height: 64px;
}

.wq-Form .wq-InputGroup {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.wq-Form .wq-InputGroup > *:not(:last-child) {
  margin-right: 4px;
}

.wq-Form .wq-Checkbox > label::before {
  content: "\f147";
  font-family: "dashicons";
  color: rgba(0, 0, 0, 0.35);
  line-height: 24px;
  display: inline-block;
  font-size: 24px;
  vertical-align: -25%;
}

.wq-Form .wq-Checkbox > input:checked + label::before {
  color: #0099FF;
  animation: spin2 0.3s;
  transform: scale(1.2);
}

@keyframes spin2 {
  0% {
    transform: rotate(0) scale(1);
  }
  60% {
    transform: rotate(375deg) scale(1.2);
  }
  70% {
    transform: rotate(348deg) scale(1.2);
  }
  80% {
    transform: rotate(368deg) scale(1.2);
  }
  90% {
    transform: rotate(354deg) scale(1.2);
  }
  100% {
    transform: rotate(360deg) scale(1.2);
  }
}

.wq-Form .wq-Radio > label::before {
  content: "";
  background: rgba(0, 0, 0, 0.35);
  display: inline-block;
  height: 12.8px;
  width: 12.8px;
  border-radius: 100px;
  vertical-align: 0;
  margin-right: 4px;
}

.wq-Form .wq-Radio > input:checked + label::before {
  background: #0099FF;
  animation: jump 0.3s;
  transform: scale(1.2);
}

@keyframes jump {
  0% {
    transform: translateY(0) scale(1);
    animation-timing-function: ease-out;
  }
  30% {
    transform: translateY(-8px) scale(1.1);
    animation-timing-function: ease-in;
  }
  60% {
    transform: translateY(0) scale(1.2);
    animation-timing-function: ease-out;
  }
  75% {
    transform: translateY(-4px) scale(1.2);
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateY(0) scale(1.2);
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateY(-2px) scale(1.2);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0) scale(1.2);
    animation-timing-function: ease-in;
  }
}

.wq-Form .wq-Select {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  margin: 0;
  width: auto;
}

.wq-Form .wq-Select > .wq--input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  box-sizing: border-box;
  font-size: 16px;
  color: #000000;
  line-height: 1.5;
  padding: 7px 27px 7px 7px;
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 0;
  margin: 0;
  outline: none;
  height: auto;
  background: #fff7f7;
  transition: box-shadow 0.1s linear, border-color 0.1s linear;
}

@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .wq-Form .wq-Select > .wq--input:hover {
    box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.2);
    z-index: 2;
  }
}

.wq-Form .wq-Select > .wq--input:focus {
  box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.26);
  outline: none;
  animation: explosion 0.6s;
  z-index: 2;
}

.wq-Form .wq-Select > .wq--input.wq-is-invalid:not(:focus) {
  border-color: #dd4522;
}

.wq-Form .wq-Select > .wq--input::-ms-expand {
  display: none;
}

.wq-Form .wq-Select::after {
  display: block;
  position: absolute;
  right: 4px;
  top: 7px;
  content: "\f140";
  font-family: "dashicons";
  font-size: 16px;
  pointer-events: none;
}

.wq-Form .wq-Range {
  display: flex;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  max-width: 100%;
}

.wq-Form .wq-Range.wq-size-nano {
  width: 80px;
}

.wq-Form .wq-Range.wq-size-mini {
  width: 120px;
}

.wq-Form .wq-Range.wq-size-small {
  width: 160px;
}

.wq-Form .wq-Range.wq-size-medium {
  width: 240px;
}

.wq-Form .wq-Range.wq-size-large {
  width: 360px;
}

.wq-Form .wq-Range.wq-size-xlarge {
  width: auto;
}

.wq-Form .wq-Range > .wq--input {
  -webkit-appearance: none;
  margin: 0 4px;
  padding: 18px 4px 2px;
  height: 40px;
  border: none;
  position: relative;
  transition: box-shadow 0.1s linear;
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  width: 100%;
  cursor: pointer;
  overflow: visible;
  background-color: inherit;
  /* WebKit・Blink向け 溝のスタイル */
  /* WebKit・Blink向け つまみのスタイル */
  /* 何故か上の margin-top 指定が Edge に効いてしまうので、Edge向けに設定をリセット */
  /* Firefox向け 溝のスタイル */
  /* Firefox向け つまみのスタイル */
  /* Edge・IE向け 溝のスタイル */
  /* Edge・IE向け 溝の色（つまみより左側） */
  /* Edge・IE向け 溝の色（つまみより右側） */
  /* Edge・IE向け つまみのスタイル */
  /* Edge・IE向け focus時の色（つまみより左側） */
  /* Edge・IE向け focus時の色（つまみより右側） */
  /* Edge・IE向け ポップアップを非表示に */
}

@media (hover: none) {
  .wq-Form .wq-Range > .wq--input {
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
}

.wq-Form .wq-Range > .wq--input:focus {
  outline: none;
}

.wq-Form .wq-Range > .wq--input::-webkit-slider-runnable-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.26);
  background-clip: content-box;
  padding: 8px 0;
  box-shadow: none;
  border-radius: 0;
}

.wq-Form .wq-Range > .wq--input::-webkit-slider-thumb {
  border: 1px solid rgba(0, 0, 0, 0.26);
  background-clip: border-box;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #fff7f7;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
  transition: box-shadow 0.1s linear;
}

@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .wq-Form .wq-Range > .wq--input:hover::-webkit-slider-thumb {
    box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.2);
    z-index: 2;
  }
}

@supports (-ms-ime-align: auto) {
  .wq-Form .wq-Range > .wq--input::-webkit-slider-thumb {
    margin-top: 0 !important;
  }
  .wq-Form .wq-Range > .wq--input:hover::-webkit-slider-thumb {
    box-shadow: none;
  }
}

.wq-Form .wq-Range > .wq--input::-moz-range-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.26);
  background-clip: content-box;
  padding: 8px 0;
}

.wq-Form .wq-Range > .wq--input::-moz-range-thumb {
  border: 1px solid rgba(0, 0, 0, 0.26);
  background-clip: border-box;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #fff7f7;
  cursor: pointer;
  transition: box-shadow 0.1s linear;
}

@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .wq-Form .wq-Range > .wq--input:hover::-moz-range-thumb {
    box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.2);
    z-index: 2;
  }
}

.wq-Form .wq-Range > .wq--input::-ms-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 8px 0;
  color: transparent;
  background-clip: content-box;
  box-sizing: border-box;
  overflow: visible;
}

.wq-Form .wq-Range > .wq--input::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.26);
}

.wq-Form .wq-Range > .wq--input::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.26);
}

.wq-Form .wq-Range > .wq--input::-ms-thumb {
  border: 1px solid rgba(0, 0, 0, 0.26);
  box-sizing: border-box;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background-color: #fff7f7;
  cursor: pointer;
  transition: background-color 0.1s linear;
}

@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .wq-Form .wq-Range > .wq--input:hover::-ms-thumb {
    background-color: #0099FF;
  }
}

.wq-Form .wq-Range > .wq--input::-ms-tooltip {
  display: none;
}

.wq-Form .wq-Range > .wq--label {
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 17.5px 0 1.5px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  align-self: stretch;
}

.wq-Form .wq-Range > .wq--state {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100px;
  font-size: 14px;
  transform: translate(-50%, 0);
  pointer-events: none;
  text-align: center;
  line-height: 1.3;
  pointer-events: none;
}

.wq-Form .wq-Echo {
  display: block;
  box-sizing: border-box;
  line-height: 1.5;
  padding: 8px 0;
}

.wq-Form .wq-FileInput {
  display: block;
  box-sizing: border-box;
  position: relative;
}

.wq-Form .wq-FileInput > .wq--input {
  position: absolute;
  z-index: -1;
  width: 1px;
  height: 1px;
}

.wq-Form .wq-FileInput > .wq--label {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 80px;
  width: 80px;
  border: 1px solid rgba(0, 0, 0, 0.26);
  background-color: #cec5c7;
  color: #000000;
  margin: 0;
  padding: 7px;
  transition: background-color 0.1s linear, border-color 0.1s linear;
  overflow: hidden;
  border-radius: 0;
}

.wq-Form .wq-FileInput > .wq--label > .wq--text {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: center;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.3;
  font-feature-settings: "palt";
}

.wq-Form .wq-FileInput > .wq--label:hover {
  background-color: #b1a5a8;
}

.wq-Form .wq-FileInput > .wq--label:active {
  background-color: #b1a5a8;
}

.wq-Form .wq-FileInput > .wq--input:focus + .wq--label {
  background-color: #cec5c7;
  outline: none;
  z-index: 2;
  color: inherit;
}

.wq-Form .wq-FileInput.wq-is-invalid > .wq--label {
  border-color: #dd4522;
}

.wq-Form .wq-FileInput.wq-is-dragging > .wq--label {
  background-color: #b1a5a8;
  animation: 1s linear inhale;
  animation-iteration-count: infinite;
  box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.2);
}

@keyframes inhale {
  0% {
    box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.2);
  }
  70% {
    box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.4);
  }
  100% {
    box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.2);
  }
}

.wq-Form .wq-File {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  height: 80px;
  width: 80px;
  border: 1px solid rgba(0, 0, 0, 0.26);
  background: #fff7f7;
  color: #000000;
  margin: 0;
  transition: opacity 0.2s linear;
  border-radius: 0;
  overflow: hidden;
}

.wq-Form .wq-File > .wq--filename {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 78px;
  max-width: 78px;
  max-height: 78px;
  width: 78px;
  box-sizing: border-box;
  padding: 7px;
  font-size: 14px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.wq-Form .wq-File.wq-is-viewable > .wq--filename {
  display: none;
}

.wq-Form .wq-File.wq-is-loading > .wq--filename {
  animation: 1s linear blink;
  animation-iteration-count: infinite;
}

.wq-Form .wq-File > .wq--actions {
  position: absolute;
  display: flex;
  right: -4px;
  top: -4px;
  z-index: 10;
}

.wq-Form .wq-File.wq-is-run {
  transition: opacity 0.2s linear;
}

.wq-Form .wq-File.wq-is-created, .wq-Form .wq-File.wq-is-removed {
  opacity: 0;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0.5;
  }
  67% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}

.wq-Form .wq-Button, .wq-Dialog .wq-Button {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.26);
  background-color: #cec5c7;
  padding: 7px 15px;
  margin: 0;
  box-sizing: border-box;
  outline: none;
  line-height: 1.5;
  max-width: 100%;
  background-clip: border-box;
  font-size: 16px;
  font-weight: normal;
  border-radius: 0;
  outline: none;
  color: inherit;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  transition: box-shadow 0.1s linear, background-color 0.1s linear, background-image 0.1s, opacity 0.1s linear;
}

.wq-Form .wq-Button:disabled, .wq-Dialog .wq-Button:disabled {
  opacity: 0.3;
  pointer-events: none;
}

.wq-Form .wq-Button:not(:hover):not(:active), .wq-Dialog .wq-Button:not(:hover):not(:active) {
  background-color: #cec5c7;
  color: inherit;
}

@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .wq-Form .wq-Button:hover, .wq-Dialog .wq-Button:hover {
    color: inherit;
    background-color: #b1a5a8;
  }
}

.wq-Form .wq-Button:focus, .wq-Dialog .wq-Button:focus {
  box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.4);
  background-color: #cec5c7;
  outline: none;
  z-index: 2;
  color: inherit;
}

.wq-Form .wq-Button:active, .wq-Dialog .wq-Button:active {
  background-color: #b1a5a8;
  color: inherit;
}

.wq-Form .wq-Button.wq-type-primary, .wq-Dialog .wq-Button.wq-type-primary {
  background-color: #1D62F0;
  color: #fff7f7;
  padding-left: 23px;
  padding-right: 23px;
  min-width: 180px;
}

.wq-Form .wq-Button.wq-type-primary:not(:hover):not(:active), .wq-Dialog .wq-Button.wq-type-primary:not(:hover):not(:active) {
  background-color: #1D62F0;
  color: #fff7f7;
}

@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .wq-Form .wq-Button.wq-type-primary:hover, .wq-Dialog .wq-Button.wq-type-primary:hover {
    background-color: #1853cc;
  }
}

.wq-Form .wq-Button.wq-type-primary:focus, .wq-Dialog .wq-Button.wq-type-primary:focus {
  background-color: #1D62F0;
}

.wq-Form .wq-Button.wq-type-primary:active, .wq-Dialog .wq-Button.wq-type-primary:active {
  background-color: #1853cc;
}

.wq-Form .wq-Button.wq-for-closewizard, .wq-Dialog .wq-Button.wq-for-closewizard {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}

.wq-Form .wq-Button.wq-for-closewizard:not(:hover):not(:active), .wq-Dialog .wq-Button.wq-for-closewizard:not(:hover):not(:active) {
  background-color: transparent;
  background-image: none;
}

@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .wq-Form .wq-Button.wq-for-closewizard:hover, .wq-Dialog .wq-Button.wq-for-closewizard:hover {
    background-color: #b1a5a8;
    background-image: none;
  }
}

.wq-Form .wq-Button.wq-for-closewizard:focus, .wq-Dialog .wq-Button.wq-for-closewizard:focus {
  background-color: transparent;
  background-image: none;
}

.wq-Form .wq-Button.wq-for-forwardwizard::after, .wq-Dialog .wq-Button.wq-for-forwardwizard::after {
  display: inline-block;
  font-family: "dashicons";
  vertical-align: top;
  margin-left: 4px;
  content: "\f345";
}

.wq-Form .wq-Button.wq-for-backwizard::before, .wq-Form .wq-Button.wq-for-back::before, .wq-Dialog .wq-Button.wq-for-backwizard::before, .wq-Dialog .wq-Button.wq-for-back::before {
  display: inline-block;
  font-family: "dashicons";
  vertical-align: top;
  margin-right: 4px;
  content: "\f341";
}

.wq-Form .wq-Button.wq-for-link, .wq-Dialog .wq-Button.wq-for-link {
  background-color: #1D62F0;
  color: #fff7f7;
}

.wq-Form .wq-Button.wq-for-link:not(:hover):not(:active), .wq-Dialog .wq-Button.wq-for-link:not(:hover):not(:active) {
  background-color: #1D62F0;
  color: #fff7f7;
}

@media (hover: hover), screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .wq-Form .wq-Button.wq-for-link:hover, .wq-Dialog .wq-Button.wq-for-link:hover {
    background-color: #1853cc;
  }
}

.wq-Form .wq-Button.wq-for-link:focus, .wq-Dialog .wq-Button.wq-for-link:focus {
  background-color: #1D62F0;
}

.wq-Form .wq-Button.wq-for-link:active, .wq-Dialog .wq-Button.wq-for-link:active {
  background-color: #1853cc;
}

.wq-Form .wq-Button.wq-belongs-file.wq-for-delete, .wq-Dialog .wq-Button.wq-belongs-file.wq-for-delete {
  padding-left: 0;
  padding-right: 0;
  border-width: 0;
  background-color: transparent;
  background-image: none;
  height: 40px;
  width: 40px;
}

.wq-Form .wq-Button.wq-belongs-file.wq-for-delete::before, .wq-Dialog .wq-Button.wq-belongs-file.wq-for-delete::before {
  display: inline-block;
  font-family: "dashicons";
  vertical-align: middle;
  content: "\f335";
  height: 20px;
  width: 20px;
  line-height: 20px;
  background-color: #cec5c7;
  background-image: none;
  color: #000000;
  border-radius: 100px;
  font-size: 14px;
  transition: background-color 0.2s linear;
}

.wq-Form .wq-Button.wq-belongs-file.wq-for-delete:hover, .wq-Dialog .wq-Button.wq-belongs-file.wq-for-delete:hover {
  background-color: transparent;
  background-image: none;
}

.wq-Form .wq-Button.wq-belongs-file.wq-for-delete:hover::before, .wq-Dialog .wq-Button.wq-belongs-file.wq-for-delete:hover::before {
  background-color: #b1a5a8;
  background-image: none;
}

.wq-Form .wq-Button.wq-belongs-file.wq-for-delete:focus, .wq-Dialog .wq-Button.wq-belongs-file.wq-for-delete:focus {
  box-shadow: none;
  background-image: none;
}

.wq-Form .wq-Button.wq-belongs-file.wq-for-delete:focus::before, .wq-Dialog .wq-Button.wq-belongs-file.wq-for-delete:focus::before {
  box-shadow: 0 0 0 4px rgba(0, 153, 255, 0.4);
  background-image: none;
}

@media screen and (max-width: 782px) {
  .wq-Form .wq-Button.wq-type-primary {
    width: 100%;
  }
}

.wq-Form .wq-HNavigator {
  order: 20;
}

.wq-Form .wq-HNavigator > .wq--items > *:not(:last-child) {
  margin-bottom: 28px;
}

.wq-Form .wq-Attributes {
  order: 30;
}

.wq-Form .wq-Attributes > *:not(:last-child) {
  margin-bottom: 28px;
}

.wq-Form {
  background-color: #fff7f7;
  color: #000000;
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

.wq-Form > .wq--lead {
  order: 10;
}

.wq-Form > .wq--lead > .wq--leadText {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.wq-Form > *:not(:last-child) {
  margin-bottom: 40px;
}

.wq-Dialog {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0 !important;
  max-width: none !important;
  max-height: none !important;
  background-color: rgba(0, 0, 0, 0.3);
  transition: opacity 0.2s linear;
  opacity: 0;
  z-index: 1000;
}

.wq-Dialog > .wq--frame {
  display: block;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  background-color: #fff7f7;
  color: #000000;
  position: absolute;
  top: calc(50vh - 100px);
  left: 0;
  right: 0;
  margin: auto;
  font-size: 16px;
  width: 30em;
  max-width: 80%;
  transition: transform 0.2s ease-out, opacity 0.3s linear;
  transform: translateY(10vh);
  opacity: 0;
}

.wq-Dialog > .wq--frame > .wq--message {
  padding: 10px;
  margin: 0;
  color: #000000;
  line-height: 1.5;
  font-size: 16px;
}

.wq-Dialog > .wq--frame > .wq--actions {
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.wq-Dialog > .wq--frame > .wq--actions > * {
  margin-left: 4px;
}

.wq-Dialog.wq-is-shown {
  display: block;
  opacity: 1;
}

.wq-Dialog.wq-is-shown > .wq--frame {
  transform: translateY(0);
  opacity: 1;
}