:root {
  --uk-left-rail-width: 320px;
}
#uk-oota-modal {
  display: none;
}
#uk-oota-modal.is-open {
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 99999;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.55);
}
html.uk-oota-modal-open,
html.uk-oota-modal-open body {
  overflow: hidden;
}
#uk-oota-modal.is-open > .wp-block-buttons {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  margin: 0;
}
#uk-oota-modal.is-open > .wp-block-buttons + .wp-block-group,
#uk-oota-modal.is-open > .wp-block-group {
  position: relative;
  z-index: 2;
  width: min(520px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  background: #ffffff;
  border-radius: 16px;
  padding: 24px;
  box-sizing: border-box;
  margin: 0;
  transform: translateX(calc(var(--uk-left-rail-width) / -2));
}

#uk-oota-modal.is-open::before,
#uk-oota-modal.is-open::after {
  content: none;
}

#uk-oota-modal .uk-oota-close {
  cursor: pointer;
}
#uk-oota-modal.is-open > .wp-block-buttons + .wp-block-group > *:first-child,
#uk-oota-modal.is-open > .wp-block-group > *:first-child {
  margin-top: 0 !important;
}

#uk-oota-modal.is-open > .wp-block-buttons + .wp-block-group > *:last-child,
#uk-oota-modal.is-open > .wp-block-group > *:last-child {
  margin-bottom: 0 !important;
}
#uk-oota-modal .fluentform,
#uk-oota-modal form.fluentform,
#uk-oota-modal .ff-el-form,
#uk-oota-modal .ff-el-group,
#uk-oota-modal .ff-el-input,
#uk-oota-modal .ff-el-input--content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  :root {
    --uk-left-rail-width: 0px;
  }
}
@media (max-width: 768px) {

  #uk-oota-modal.is-open {
    padding: 12px;
  }
}
@media (max-width: 768px) {

  #uk-oota-modal.is-open > .wp-block-buttons + .wp-block-group,
  #uk-oota-modal.is-open > .wp-block-group {
    width: 100%;
    max-height: calc(100vh - 24px);
    border-radius: 14px;
    padding: 18px;
    transform: translateX(0);
  }
}
#uk-oota-modal.is-open,
#uk-oota-modal.is-open * {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

#uk-oota-modal.is-open,
#uk-oota-modal.is-open > .wp-block-buttons,
#uk-oota-modal.is-open > .wp-block-buttons + .wp-block-group,
#uk-oota-modal.is-open > .wp-block-group,
#uk-oota-modal.is-open .ff-default,
#uk-oota-modal.is-open .fluentform,
#uk-oota-modal.is-open input,
#uk-oota-modal.is-open select,
#uk-oota-modal.is-open textarea,
#uk-oota-modal.is-open button,
#uk-oota-modal.is-open label {
  pointer-events: auto !important;
}
#uk-oota-modal .fluentform::before,
#uk-oota-modal .fluentform::after,
#uk-oota-modal .ff-el-group::before,
#uk-oota-modal .ff-el-group::after,
#uk-oota-modal .ff-el-input::before,
#uk-oota-modal .ff-el-input::after,
#uk-oota-modal .ff-el-input--content::before,
#uk-oota-modal .ff-el-input--content::after {
  content: none !important;
  display: none !important;
}

#uk-oota-modal .fluentform,
#uk-oota-modal .ff-el-group,
#uk-oota-modal .ff-el-input,
#uk-oota-modal .ff-el-input--content,
#uk-oota-modal .ff-el-form-control {
  position: relative !important;
  z-index: 5 !important;
}

#uk-oota-modal input.ff-el-form-control,
#uk-oota-modal textarea.ff-el-form-control,
#uk-oota-modal select.ff-el-form-control,
#uk-oota-modal .ff-el-form-control {
  background: #ffffff !important;
  color: #111111 !important;
  opacity: 1 !important;
  filter: none !important;
}

#uk-oota-modal .ff-el-form-control:disabled,
#uk-oota-modal .ff-el-form-control[disabled] {
  background: #ffffff !important;
  color: #111111 !important;
  opacity: 1 !important;
}

#uk-oota-modal input::placeholder,
#uk-oota-modal textarea::placeholder {
  color: rgba(17, 17, 17, 0.55) !important;
  opacity: 1 !important;
}