@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300..700");
:root {
  --icon-font: "Material Symbols Outlined";
  --black-10: rgba(46, 53, 67, 0.10);
  --error-500: #EB4435;
  --preset--color--lightgreen: #8fd16a;
  --preset--color--lightgreen--multiply: #2D8C12;
  --preset--color--darkgreen: #00a49a;
  --preset--color--darkgreen--multiply: #004438;
  --preset--color--red: #EB4435;
  --preset--color--red--multiply: #C80502;
  --preset--color--black: #363636;
  --preset--color--blue: #4285F4;
  --preset--color--blue--multiply: #1145e9;
  --preset--color--orange: #F9BD38;
  --preset--color--orange--multiply: #f38c0c;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f2f4f7;
  --color-gray-200: #e4e7ec;
  --color-gray-300: #d0d5dd;
  --color-gray-400: #98a2b3;
  --color-gray-500: #667085;
  --color-gray-600: #475467;
  --color-gray-700: #344054;
  --color-gray-800: #1d2939;
  --color-gray-900: #101828;
  --color-gray-950: #0c111d;
  --wp--preset--spacing--x-small: 16px;
  --wp--preset--spacing--small: clamp(24px, 4vw, 32px);
  --wp--preset--spacing--medium: clamp(32px, 6vw, 64px);
  --wp--preset--spacing--large: clamp(64px, 8vw, 96px);
  --wp--preset--spacing--x-large: clamp(96px, 10vw, 128px);
  --lightgreen-light-02: #fdfefc;
  --lightgreen-light-04: #fbfdf9;
  --lightgreen-light-06: #f6fbf3;
  --lightgreen-light-08: #f6fbf3;
  --lightgreen-light-10: #f4faf0;
  --lightgreen-light-20: #e9f6e1;
  --lightgreen-light-30: #ddf1d2;
  --lightgreen-light-40: #d2edc3;
  --lightgreen-light-50: #c7e8b5;
  --lightgreen-light-60: #bce3a6;
  --lightgreen-light-70: #b1df97;
  --lightgreen-light-80: #a5da88;
  --lightgreen-light-90: #9ad679;
  --lightgreen-light-95: #95d371;
  --lightgreen: #8fd16a;
  --blue-light-02: #fbfdff;
  --blue-light-04: #f7faff;
  --blue-light-06: #f0f5fe;
  --blue-light-08: #f0f5fe;
  --blue-light-10: #ecf3fe;
  --blue-light-20: #d9e7fd;
  --blue-light-30: #c6dafc;
  --blue-light-40: #b3cefb;
  --blue-light-50: #a1c2fa;
  --blue-light-60: #8eb6f8;
  --blue-light-70: #7baaf7;
  --blue-light-80: #689df6;
  --blue-light-90: #5591f5;
  --blue-light-95: #4b8bf5;
  --blue: #4285F4;
  --black-light-02: #fbfbfb;
  --black-light-04: #f7f7f7;
  --black-light-06: #efefef;
  --black-light-08: #efefef;
  --black-light-10: #ebebeb;
  --black-light-20: #d7d7d7;
  --black-light-30: #c3c3c3;
  --black-light-40: #afafaf;
  --black-light-50: #9b9b9b;
  --black-light-60: #868686;
  --black-light-70: #727272;
  --black-light-80: #5e5e5e;
  --black-light-90: #4a4a4a;
  --black-light-95: #404040;
  --black: #363636;
}

/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

* {
  box-sizing: inherit;
}

*:before, *:after {
  box-sizing: inherit;
}

img,
embed,
object,
audio,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

button,
input,
optgroup,
select,
textarea, html input[type=button],
input[type=reset],
input[type=submit], button[disabled],
html input[disabled], button::-moz-focus-inner,
input::-moz-focus-inner, input[type=checkbox],
input[type=radio], input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button, input[type=search], input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  border: 0;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.text-align-center {
  text-align: center !important;
}

.text-align-right {
  text-align: right !important;
}

.text-align-left {
  text-align: left !important;
}

.text-color-lightgreen {
  color: var(--preset--color--lightgreen) !important;
}

.text-color-lightgreen-multiply {
  color: var(--preset--color--lightgreen--multiply) !important;
}

.text-color-darkgreen {
  color: var(--preset--color--darkgreen) !important;
}

.text-color-black {
  color: #363636 !important;
}

.text-color-black-60 {
  color: rgba(54, 54, 54, 0.6);
}

.text-color-orange {
  color: var(--preset--color--orange) !important;
}

.text-color-red {
  color: var(--preset--color--red) !important;
}

.tt-u {
  text-transform: uppercase;
}

.hidden {
  display: none !important;
}

.text-small {
  font-size: 12px;
}

.fw-600 {
  font-weight: 600 !important;
}

.composite-wrapper {
  display: flex;
  align-items: center;
  gap: 9px;
}
.composite-wrapper .image {
  padding: 0;
}

.w-100 {
  width: 100%;
}

.gap-4 {
  gap: 4px !important;
}

.gap-8 {
  gap: 8px !important;
}

.gap-16 {
  gap: 16px !important;
}

.gap-24 {
  gap: 24px !important;
}

.row-gap-0 {
  row-gap: 0px !important;
}

.row-gap-4 {
  row-gap: 4px !important;
}

.row-gap-8 {
  row-gap: 8px !important;
}

.row-gap-16 {
  row-gap: 16px !important;
}

.row-gap-24 {
  row-gap: 24px !important;
}

.row-gap-36 {
  row-gap: 36px !important;
}

.component-mask {
  overflow-x: auto;
  scrollbar-width: none;
}
.component-mask.mask--left {
  mask: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 96px);
  visibility: visible;
}
.component-mask.mask--right {
  mask: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 96px);
  visibility: visible;
}
.component-mask.mask--left.mask--right {
  mask: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 96px) right, linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 96px) left;
  mask-repeat: no-repeat;
  mask-size: 51% 100%;
  visibility: visible;
}

.outline-box {
  padding: 32px;
  background-color: #fff;
  border: 1px solid rgba(54, 54, 54, 0.1);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
}
.outline-box__title {
  color: var(--color-gray-500);
}
.outline-box__value {
  color: var(--color-gray-800);
  font-weight: 700;
}

.outline-box--intro {
  gap: 8px;
}

.outline-box--panel {
  gap: 18px;
}

.outline-box--card {
  height: 100%;
  min-width: 0;
  gap: 14px;
}
.outline-box--card span,
.outline-box--card p,
.outline-box--card strong {
  text-box: trim-both cap alphabetic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0;
  font-weight: 500;
  margin: 0;
  font-family: "Outfit", sans-serif;
  text-box: trim-both cap alphabetic;
  text-transform: none;
}
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
  padding-top: var(--wp--preset--spacing--small);
}

h1 {
  font-size: 36px;
  padding-bottom: 36px;
}

h2 {
  font-size: 28px;
  padding-bottom: 28px;
}

h3 {
  font-size: 22px;
  padding-bottom: 22px;
}

h4 {
  font-size: 18px;
  padding-bottom: 18px;
}

h5 {
  font-size: 16px;
  padding-bottom: 16px;
  font-weight: 600;
}

.text-component {
  display: flex;
  flex-direction: column;
}
.text-component > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.text-component > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}
.text-component + .text-component {
  margin-top: 36px;
}
.text-component p {
  text-box: unset;
  line-height: 1.5;
}
.text-component ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 16px;
}

.small,
small {
  font-size: 12px;
}

.text-nowrap {
  white-space: nowrap;
}

html {
  margin-top: 0 !important;
}

html:has(#wpadminbar) {
  margin-top: 0 !important;
}

.fwpress-ui {
  /* Resize-group combinaties */
  /* Sticky-run generiek */
  /* Sticky-run links */
  /* Sticky-run rechts */
  /* Praktisch: “eerste van laatste 3 sticky rechts” */
  /* Praktisch: “laatste sticky rechts” */
  /* Praktisch: alle sticky-grenskolommen */
  /* Change the white to any color */
  /*Change text in autofill textbox*/
}
.fwpress-ui:not(.fwpress), .fwpress-ui.fwpress-hostess-page {
  color: #363636;
  font-size: 16px;
  font-weight: 400;
  font-family: "Outfit", sans-serif;
  background-color: rgba(54, 54, 54, 0.01);
  height: 100dvh;
  overflow-y: auto;
  scrollbar-width: none;
}
.fwpress-ui:has(.fwpress-ui__container) {
  overflow: hidden;
}
.fwpress-ui .topbar-wrapper {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.fwpress-ui .topbar {
  background-color: #fff;
  border-bottom: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .topbar__inner {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fwpress-ui .topbar__inner__left {
  width: fit-content;
}
.fwpress-ui .topbar__inner__center {
  flex: 1;
}
.fwpress-ui .topbar__inner__right {
  width: fit-content;
}
.fwpress-ui .top-tabs-navigation {
  background-color: var(--blue-light-10);
  border-bottom: 1px solid var(--blue-light-40);
}
.fwpress-ui .side {
  background-color: #fff;
  width: 290px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 32px;
  padding-bottom: 32px;
  height: 100dvh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
  z-index: 100;
  transition: width linear 0.3s;
}
.fwpress-ui .side:has(.side__footer) {
  padding-bottom: 0;
}
.fwpress-ui .side:has(.side__footer) .side__center {
  padding-bottom: 32px;
}
.fwpress-ui .side.side--left {
  border-right: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .side.side--right {
  border-left: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .side.side--collapsed {
  width: 80px;
  overflow: visible;
}
.fwpress-ui .side.side--collapsed .side__top {
  opacity: 0;
  height: 0;
}
.fwpress-ui .side.side--collapsed .side__navigation__link {
  padding: 0;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  position: relative;
}
.fwpress-ui .side.side--collapsed .side__navigation__link .side__navigation__link__label {
  opacity: 0;
  display: flex;
  width: fit-content;
  position: absolute;
  left: 46px;
  z-index: 1;
  background-color: inherit;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding-left: 9px;
  padding-right: 9px;
  pointer-events: none;
  white-space: nowrap;
}
.fwpress-ui .side.side--collapsed .side__navigation__link:hover .side__navigation__link__label {
  opacity: 1;
  pointer-events: auto;
}
.fwpress-ui .side.side--collapsed .side__navigation__link__label {
  opacity: 0;
  display: none;
}
.fwpress-ui .side.side--collapsed .side__navigation__children {
  opacity: 0;
  position: absolute;
  left: 46px;
  top: 46px;
}
.fwpress-ui .side.side--collapsed .side__navigation__group {
  position: relative;
}
.fwpress-ui .side.side--collapsed .side__navigation__group:hover .side__navigation__children {
  opacity: 1;
  background-color: #fff;
}
.fwpress-ui .side.side--collapsed .side__navigation__group:hover .side__navigation__link__label {
  opacity: 1;
  pointer-events: auto;
}
.fwpress-ui .side__navigation {
  display: flex;
  flex-direction: column;
}
.fwpress-ui .side__navigation__title {
  text-transform: uppercase;
  color: var(--black-light-60);
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 16px;
}
.fwpress-ui .side__navigation__items {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.fwpress-ui .side__navigation__link {
  padding: 8px 12px;
  border-radius: 8px;
  display: flex;
  color: var(--black-light-80);
  align-items: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.fwpress-ui .side__navigation__link:hover:not(.side__navigation__link--active) {
  background-color: var(--black-light-04);
  color: #363636;
}
.fwpress-ui .side__navigation__link--active {
  background-color: var(--blue-light-10);
  color: #4285F4;
}
.fwpress-ui .side__navigation__section + .side__navigation__section {
  margin-top: 32px;
}
.fwpress-ui .side__navigation__group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fwpress-ui .side__navigation__children {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 16px;
}
.fwpress-ui .side__navigation__child {
  padding: 8px 12px;
  border-radius: 8px;
  display: flex;
  color: var(--black-light-80);
  align-items: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.fwpress-ui .side__navigation__child:hover:not(.side__navigation__child--active) {
  color: #363636;
}
.fwpress-ui .side__navigation__child--active {
  color: #4285F4;
}
.fwpress-ui .side__center {
  flex-grow: 1;
  flex-shrink: 1;
}
.fwpress-ui .side__footer {
  background-color: #fff;
  position: sticky;
  bottom: 0;
  flex-grow: 0;
  flex-shrink: 0;
  border-top: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .side__footer .toggle-side {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  gap: 4px;
  cursor: pointer;
}
.fwpress-ui .side__footer .toggle-side .material-icons-outlined {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.fwpress-ui .side__footer .toggle-side__label {
  font-size: 14px;
  font-weight: 500;
}
.fwpress-ui .alert {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 12px;
  border-radius: 8px;
  background-color: rgba(66, 133, 244, 0.1);
}
.fwpress-ui .alert__heading {
  display: flex;
  gap: 4px;
  align-items: center;
}
.fwpress-ui .alert__icon {
  color: #4285F4;
}
.fwpress-ui .alert__icon .icon {
  height: 18px;
  line-height: 18px;
  padding-top: 2px;
  margin-right: 8px;
}
.fwpress-ui .alert__title {
  text-box: trim-both cap alphabetic;
  font-weight: 600;
}
.fwpress-ui .alert__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fwpress-ui .alert__content .text-component {
  gap: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.fwpress-ui .alert__content .text-component p {
  text-box: trim-both cap alphabetic;
}
.fwpress-ui .alert--success {
  background-color: rgba(143, 209, 106, 0.1);
}
.fwpress-ui .alert--success .alert__icon {
  color: #8fd16a;
}
.fwpress-ui .alert--warning {
  background-color: rgba(249, 189, 56, 0.1);
}
.fwpress-ui .alert--warning .alert__icon {
  color: #F9BD38;
}
.fwpress-ui .accordions--demo {
  display: flex;
  flex-wrap: wrap;
  --columns: 4;
  --gap-x: 20px;
  gap: 18px var(--gap-x);
  flex-direction: row;
}
.fwpress-ui .accordions--demo > * {
  width: calc(100% / var(--columns) - (var(--columns) - 1) / var(--columns) * var(--gap-x));
}
.fwpress-ui .accordion {
  display: flex;
  flex-direction: column;
}
.fwpress-ui .accordion__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(54, 54, 54, 0.1);
  gap: 16px;
  height: 42px;
}
.fwpress-ui .accordion__expand {
  display: flex;
  gap: 8px;
}
.fwpress-ui .accordion__expand .link {
  padding-left: 0;
}
.fwpress-ui .accordion__content {
  padding-top: 8px;
  display: none;
}
.fwpress-ui .accordion--expanded .accordion__top {
  border-bottom-color: transparent;
}
.fwpress-ui .accordion--expanded .accordion__expand {
  color: #00a49a;
}
.fwpress-ui .accordion--expanded .accordion__expand .link--secondary {
  color: #00a49a;
}
.fwpress-ui .accordion--expanded .accordion__expand .link--secondary .link__icon {
  transform: rotate(180deg);
}
.fwpress-ui .accordion--expanded .accordion__content {
  display: block;
}
.fwpress-ui .accordion__content--expanded {
  display: block;
  padding-top: 8px;
}
.fwpress-ui .table-component {
  display: flex;
  flex-direction: column;
}
.fwpress-ui .table-component--outlined {
  border-radius: 6px;
  border: 1px solid rgba(54, 54, 54, 0.1);
  padding-left: 16px;
  padding-right: 16px;
}
.fwpress-ui .table-component--outlined .table-component__body {
  padding-bottom: 8px;
}
.fwpress-ui .table-component__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-top: 6px;
  height: 44px;
}
.fwpress-ui .table-component__header__title {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  flex-shrink: 1;
}
.fwpress-ui .table-component__header__actions {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
}
.fwpress-ui .table-component__header--border-bottom {
  border-bottom: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .table-component__body {
  display: flex;
  flex-direction: column;
}
.fwpress-ui .table-component__body__component {
  padding-top: 8px;
  padding-bottom: 8px;
}
.fwpress-ui .fwpress-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.fwpress-ui .fwpress-buttons--vertical {
  flex-direction: column;
}
.fwpress-ui .fwpress-buttons.fwpress-buttons--navigation .fwpress-button {
  min-height: 32px;
}
.fwpress-ui .fwpress-buttons.fwpress-buttons--navigation .fwpress-button .fwpress-button__label {
  font-size: 14px;
}
.fwpress-ui .fwpress-buttons--group {
  flex-wrap: nowrap;
  gap: 0;
  border-radius: 6px;
  border: 1px solid rgba(54, 54, 54, 0.1);
  width: fit-content;
  overflow: hidden;
}
.fwpress-ui .fwpress-buttons--group .fwpress-button--group {
  border: 0;
  border-radius: 0;
  height: 48px;
  background-color: #fff;
  color: rgba(54, 54, 54, 0.6);
  font-weight: 400;
  border-right: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .fwpress-buttons--group .fwpress-button--group.is-active {
  color: var(--preset--color--blue);
  border-bottom: 2px solid var(--preset--color--blue--multiply);
  font-weight: 600;
}
.fwpress-ui .fwpress-buttons--group .fwpress-button--group:not(.is-active):hover {
  color: #363636;
  background-color: rgba(54, 54, 54, 0.02);
}
.fwpress-ui .fwpress-buttons--group .fwpress-button--group:last-child {
  border-right: 0;
}
.fwpress-ui .fwpress-button,
.fwpress-ui .swal2-styled {
  display: inline-flex;
  min-height: 42px;
  padding: 4px;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  font-family: inherit;
  text-decoration: none;
  appearance: none;
  outline: 0;
  cursor: pointer;
  transition: 0.15s;
  padding-left: 15px;
  padding-right: 15px;
  height: var(--button-height);
  gap: 8px;
  min-width: unset;
  font-weight: 600;
  border: 0;
  border-radius: 6px;
}
.fwpress-ui .fwpress-button--right,
.fwpress-ui .swal2-styled--right {
  flex-direction: row-reverse;
}
.fwpress-ui .fwpress-button--primary,
.fwpress-ui .swal2-styled--primary {
  border: 0;
  background-color: rgba(66, 133, 244, 0.1);
  color: #4285F4;
}
.fwpress-ui .fwpress-button--primary *,
.fwpress-ui .swal2-styled--primary * {
  color: inherit;
}
.fwpress-ui .fwpress-button--primary:hover,
.fwpress-ui .swal2-styled--primary:hover {
  background-color: rgba(66, 133, 244, 0.2);
  color: #2a75f3;
}
.fwpress-ui .fwpress-button--primary:focus,
.fwpress-ui .swal2-styled--primary:focus {
  box-shadow: 0 0 0 3px var(--fwpress-theme-button-focus-ring);
}
.fwpress-ui .fwpress-button--primary--outline,
.fwpress-ui .swal2-styled--primary--outline {
  background-color: transparent;
  border: 1px solid #4285F4;
  color: #4285F4;
}
.fwpress-ui .fwpress-button--secondary, .fwpress-ui .fwpress-button.swal2-confirm,
.fwpress-ui .swal2-styled--secondary,
.fwpress-ui .swal2-styled.swal2-confirm {
  background-color: var(--color-gray-100);
  border: 0;
  color: var(--color-gray-700);
}
.fwpress-ui .fwpress-button--secondary:hover, .fwpress-ui .fwpress-button.swal2-confirm:hover,
.fwpress-ui .swal2-styled--secondary:hover,
.fwpress-ui .swal2-styled.swal2-confirm:hover {
  background-color: var(--color-gray-200);
  color: var(--color-gray-800);
}
.fwpress-ui .fwpress-button--secondary:focus, .fwpress-ui .fwpress-button.swal2-confirm:focus,
.fwpress-ui .swal2-styled--secondary:focus,
.fwpress-ui .swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px var(--fwpress-theme-button-focus-ring);
}
.fwpress-ui .fwpress-button--outline,
.fwpress-ui .swal2-styled--outline {
  background-color: transparent;
  border: 1px solid rgba(54, 54, 54, 0.1);
  color: #363636;
}
.fwpress-ui .fwpress-button--outline:hover,
.fwpress-ui .swal2-styled--outline:hover {
  border: 1px solid rgba(54, 54, 54, 0.2);
  color: #363636;
}
.fwpress-ui .fwpress-button--outline:focus,
.fwpress-ui .swal2-styled--outline:focus {
  box-shadow: 0 0 0 3px var(--fwpress-theme-button-focus-ring);
}
.fwpress-ui .fwpress-button.swal2-deny, .fwpress-ui .fwpress-button.swal2-cancel,
.fwpress-ui .swal2-styled.swal2-deny,
.fwpress-ui .swal2-styled.swal2-cancel {
  background-color: transparent;
  border: 1px solid var(--fwpress-theme-button-secondary-bg);
  color: var(--fwpress-theme-button-secondary-bg);
}
.fwpress-ui .fwpress-button.swal2-deny:hover, .fwpress-ui .fwpress-button.swal2-cancel:hover,
.fwpress-ui .swal2-styled.swal2-deny:hover,
.fwpress-ui .swal2-styled.swal2-cancel:hover {
  background-color: var(--fwpress-theme-button-secondary-bg);
  color: var(--fwpress-theme-button-secondary-text);
}
.fwpress-ui .fwpress-button.swal2-deny:focus, .fwpress-ui .fwpress-button.swal2-cancel:focus,
.fwpress-ui .swal2-styled.swal2-deny:focus,
.fwpress-ui .swal2-styled.swal2-cancel:focus {
  box-shadow: 0 0 0 3px var(--fwpress-theme-button-focus-ring);
  border-color: var(--fwpress-theme-button-secondary-bg);
  color: var(--fwpress-theme-button-secondary-bg);
}
.fwpress-ui .fwpress-button--success, .fwpress-ui .fwpress-button--add,
.fwpress-ui .swal2-styled--success,
.fwpress-ui .swal2-styled--add {
  color: #2D8C12;
  background-color: rgba(143, 209, 106, 0.2);
}
.fwpress-ui .fwpress-button--error,
.fwpress-ui .swal2-styled--error {
  background-color: rgba(235, 68, 53, 0.2);
  color: #EB4435;
}
.fwpress-ui .fwpress-button--icon,
.fwpress-ui .swal2-styled--icon {
  width: 32px;
  height: 32px;
  min-height: unset;
  padding: 0;
  min-width: unset;
}
.fwpress-ui .fwpress-button--small,
.fwpress-ui .swal2-styled--small {
  height: 32px;
  font-size: 14px;
}
.fwpress-ui .fwpress-button[disabled], .fwpress-ui .fwpress-button--disabled,
.fwpress-ui .swal2-styled[disabled],
.fwpress-ui .swal2-styled--disabled {
  opacity: 0.6;
  pointer-events: none;
  background-color: #CFCFCF !important;
  color: #808080 !important;
}
.fwpress-ui .fwpress-button.fwpress-button--right .fwpress-button__label,
.fwpress-ui .swal2-styled.fwpress-button--right .fwpress-button__label {
  padding-right: 0;
}
.fwpress-ui .fwpress-button .material-symbols-outlined,
.fwpress-ui .swal2-styled .material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 1;
}
.fwpress-ui .fwpress-button__label,
.fwpress-ui .swal2-styled__label {
  white-space: nowrap;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0;
  padding-right: 0;
  text-box: trim-both cap alphabetic;
  font-weight: 500;
}
.fwpress-ui .fwpress-button__label + .material-symbols-outlined,
.fwpress-ui .swal2-styled__label + .material-symbols-outlined {
  padding-right: 0;
}
.fwpress-ui .fwpress-button__icon,
.fwpress-ui .swal2-styled__icon {
  position: relative;
}
.fwpress-ui .fwpress-links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.fwpress-ui .fwpress-link {
  font-size: inherit;
  display: flex;
  gap: 4px;
  text-decoration: none;
  align-items: center;
  appearance: none;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-family: inherit;
  color: #4285f4;
  cursor: pointer;
  font-weight: 400;
}
.fwpress-ui .fwpress-link:hover {
  color: #4285f4;
}
.fwpress-ui .fwpress-link:hover .fwpress-link__label {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
}
.fwpress-ui .fwpress-link--big {
  font-size: 16px;
}
.fwpress-ui .fwpress-link--bold {
  font-weight: 700;
}
.fwpress-ui .fwpress-link--primary {
  color: #4285f4;
}
.fwpress-ui .fwpress-link--primary:hover {
  color: #4285f4;
}
.fwpress-ui .fwpress-link--secondary {
  color: rgba(54, 54, 54, 0.8);
}
.fwpress-ui .fwpress-link--secondary:hover {
  color: #363636;
}
.fwpress-ui .fwpress-link--secondary:hover .fwpress-link__label {
  text-decoration: none;
}
.fwpress-ui .fwpress-link--margin {
  padding-top: 9px;
  padding-bottom: 9px;
  min-height: 42px;
}
.fwpress-ui .fwpress-link--disabled {
  color: rgba(54, 54, 54, 0.6);
  pointer-events: none;
}
.fwpress-ui .fwpress-link__label {
  text-box: trim-both cap alphabetic;
  font-family: inherit;
  font-size: inherit;
}
.fwpress-ui .fwpress-link__icon, .fwpress-ui .fwpress-link__icon.material-symbols-outlined {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.fwpress-ui .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.fwpress-ui .chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  border-radius: 12px;
  padding-left: 4px;
  padding-right: 4px;
  min-width: 24px;
  transition: 0.2s;
}
.fwpress-ui .chip--default {
  background-color: rgba(54, 54, 54, 0.1);
}
.fwpress-ui .chip--default[href], .fwpress-ui .chip--default[onclick] {
  cursor: pointer;
}
.fwpress-ui .chip--default[href]:hover, .fwpress-ui .chip--default[onclick]:hover {
  background-color: rgba(54, 54, 54, 0.2);
}
.fwpress-ui .chip--green {
  color: #00a49a;
  background-color: rgba(0, 164, 154, 0.2);
}
.fwpress-ui .chip--green .material-symbols-outlined {
  color: #00a49a;
}
.fwpress-ui .chip--green[href], .fwpress-ui .chip--green[onclick] {
  cursor: pointer;
}
.fwpress-ui .chip--green[href]:hover, .fwpress-ui .chip--green[onclick]:hover {
  background-color: rgba(0, 164, 154, 0.4);
  color: #004438;
}
.fwpress-ui .chip--lightgreen, .fwpress-ui .chip--status-publish {
  color: #2D8C12;
  background-color: rgba(143, 209, 106, 0.2);
}
.fwpress-ui .chip--lightgreen[href], .fwpress-ui .chip--lightgreen[onclick], .fwpress-ui .chip--status-publish[href], .fwpress-ui .chip--status-publish[onclick] {
  cursor: pointer;
}
.fwpress-ui .chip--lightgreen[href]:hover, .fwpress-ui .chip--lightgreen[onclick]:hover, .fwpress-ui .chip--status-publish[href]:hover, .fwpress-ui .chip--status-publish[onclick]:hover {
  background-color: rgba(143, 209, 106, 0.4);
}
.fwpress-ui .chip--blue {
  color: #ffffff;
  background-color: #4285F4;
}
.fwpress-ui .chip--blue .material-symbols-outlined {
  color: #ffffff;
}
.fwpress-ui .chip--blue[href], .fwpress-ui .chip--blue[onclick] {
  cursor: pointer;
}
.fwpress-ui .chip--blue[href]:hover, .fwpress-ui .chip--blue[onclick]:hover {
  background-color: #4285F4;
}
.fwpress-ui .chip--lightblue {
  color: #4285F4;
  background-color: rgba(66, 133, 244, 0.2);
}
.fwpress-ui .chip--lightblue[href], .fwpress-ui .chip--lightblue[onclick] {
  cursor: pointer;
}
.fwpress-ui .chip--lightblue[href]:hover, .fwpress-ui .chip--lightblue[onclick]:hover {
  background-color: rgba(66, 133, 244, 0.4);
  color: #1145e9;
}
.fwpress-ui .chip--orange {
  background-color: rgba(249, 189, 56, 0.2);
  color: rgba(54, 54, 54, 0.8);
}
.fwpress-ui .chip--orange[href], .fwpress-ui .chip--orange[onclick] {
  cursor: pointer;
}
.fwpress-ui .chip--orange[href]:hover, .fwpress-ui .chip--orange[onclick]:hover {
  background-color: rgba(249, 189, 56, 0.4);
  color: #363636;
}
.fwpress-ui .chip--red {
  background-color: rgba(235, 68, 53, 0.2);
  color: #EB4435;
}
.fwpress-ui .chip--red[href], .fwpress-ui .chip--red[onclick] {
  cursor: pointer;
}
.fwpress-ui .chip--red[href]:hover, .fwpress-ui .chip--red[onclick]:hover {
  background-color: rgba(235, 68, 53, 0.4);
}
.fwpress-ui .chip--outlined {
  background-color: transparent;
  border: 1px solid rgba(54, 54, 54, 0.4);
}
.fwpress-ui .chip--outlined[href], .fwpress-ui .chip--outlined[onclick] {
  cursor: pointer;
}
.fwpress-ui .chip--outlined[href]:hover, .fwpress-ui .chip--outlined[onclick]:hover {
  border: 1px solid rgba(54, 54, 54, 0.6);
}
.fwpress-ui .chip--outlined.chip--disabled {
  background-color: rgba(54, 54, 54, 0.05);
  border: 1px solid rgba(54, 54, 54, 0.1);
  pointer-events: none;
  color: rgba(54, 54, 54, 0.6);
}
.fwpress-ui .chip--outlined--lightgreen {
  border: 1px solid #8fd16a;
  color: #8fd16a;
}
.fwpress-ui .chip--outlined--lightgreen[href], .fwpress-ui .chip--outlined--lightgreen[onclick] {
  cursor: pointer;
}
.fwpress-ui .chip--outlined--lightgreen[href]:hover, .fwpress-ui .chip--outlined--lightgreen[onclick]:hover {
  border: 1px solid #2D8C12;
  color: #2D8C12;
}
.fwpress-ui .chip--outlined--green {
  border: 1px solid #00a49a;
  color: #00a49a;
}
.fwpress-ui .chip--outlined--green[href], .fwpress-ui .chip--outlined--green[onclick] {
  cursor: pointer;
}
.fwpress-ui .chip--outlined--green[href]:hover, .fwpress-ui .chip--outlined--green[onclick]:hover {
  border: 1px solid #004438;
  color: #004438;
}
.fwpress-ui .chip--outlined--blue {
  border: 1px solid #4285F4;
  color: #4285F4;
}
.fwpress-ui .chip--outlined--blue[href], .fwpress-ui .chip--outlined--blue[onclick] {
  cursor: pointer;
}
.fwpress-ui .chip--outlined--blue[href]:hover, .fwpress-ui .chip--outlined--blue[onclick]:hover {
  border: 1px solid #4285F4;
  color: #4285F4;
}
.fwpress-ui .chip--outlined--lightblue {
  border: 1px solid rgba(66, 133, 244, 0.2);
  color: #4285F4;
}
.fwpress-ui .chip--outlined--lightblue[href], .fwpress-ui .chip--outlined--lightblue[onclick] {
  cursor: pointer;
}
.fwpress-ui .chip--outlined--lightblue[href]:hover, .fwpress-ui .chip--outlined--lightblue[onclick]:hover {
  border-color: rgba(66, 133, 244, 0.4);
  color: #1145e9;
}
.fwpress-ui .chip--big {
  height: 42px;
  padding-left: 12px;
  padding-right: 12px;
}
.fwpress-ui .chip--big .chip__label {
  font-size: 14px;
  text-transform: none;
}
.fwpress-ui .chip--disabled, .fwpress-ui .chip[disabled], .fwpress-ui .chip:disabled {
  pointer-events: none;
  background-color: rgba(54, 54, 54, 0.05);
  color: rgba(54, 54, 54, 0.6);
}
.fwpress-ui .chip__label {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 500;
  text-box: trim-both cap alphabetic;
  padding-left: 4px;
  padding-right: 4px;
  white-space: nowrap;
}
.fwpress-ui .chip .material-symbols-outlined,
.fwpress-ui .chip .material-symbols-rounded {
  font-size: 16px;
  width: 16px;
  height: 16px;
  flex-grow: 0;
  flex-shrink: 0;
}
.fwpress-ui .chip .material-symbols-outlined + .chip__label,
.fwpress-ui .chip .material-symbols-rounded + .chip__label {
  padding-left: 0;
}
.fwpress-ui .chip-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fwpress-ui .chip-container + .chips {
  margin-top: 12px;
}
.fwpress-ui .cards {
  display: flex;
  display: flex;
  flex-wrap: wrap;
  --columns: 1;
  --gap-x: 20px;
  gap: 20px var(--gap-x);
  flex-direction: row;
  align-items: center;
}
.fwpress-ui .cards > * {
  width: calc(100% / var(--columns) - (var(--columns) - 1) / var(--columns) * var(--gap-x));
}
.fwpress-ui .cards--columns-1 {
  --columns: 1;
}
.fwpress-ui .cards--columns-2 {
  --columns: 2;
}
.fwpress-ui .cards--columns-2[max-width~="500px"] {
  --columns:1;
}
.fwpress-ui .cards--columns-3 {
  --columns: 3;
}
.fwpress-ui .cards--columns-3[max-width~="900px"] {
  --columns:2;
}
.fwpress-ui .cards--columns-3[max-width~="500px"] {
  --columns:1;
}
.fwpress-ui .cards--columns-4 {
  --columns: 4;
}
.fwpress-ui .cards--columns-4[max-width~="900px"] {
  --columns:2;
}
.fwpress-ui .cards--columns-4[max-width~="500px"] {
  --columns:1;
}
.fwpress-ui .cards.ui-sortable {
  row-gap: 12px;
}
.fwpress-ui .cards--sortable {
  position: relative;
}
.fwpress-ui .cards--sortable + .cards--sortable {
  margin-top: 12px;
}
.fwpress-ui .cards--users-overview {
  padding-top: 24px;
}
.fwpress-ui .card--default {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.design__block .fwpress-ui .card--default {
  max-width: 320px;
}
.fwpress-ui .card--default .card__image {
  width: 120px;
  height: 120px;
  background-color: #fff;
  position: relative;
  border-radius: 8px;
  border: 1px solid rgba(54, 54, 54, 0.1);
  position: relative;
}
.fwpress-ui .card--default .card__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.fwpress-ui .card--default .card__image.card__image--small {
  width: 60px;
  height: 60px;
}
.fwpress-ui .card--default .card__image.card__image--avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(54, 54, 54, 0.4);
  overflow: hidden;
}
.fwpress-ui .card--default .card__image.card__image--avatar .card__image__avatar {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.fwpress-ui .card--default .card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.fwpress-ui .card--default .card__meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.fwpress-ui .card--grey {
  background-color: rgba(54, 54, 54, 0.05);
  border: 0;
  padding: 16px;
  gap: 16px;
}
.fwpress-ui .card--outlined {
  border: 1px solid rgba(54, 54, 54, 0.1);
  background-color: #fff;
  padding: 16px;
  gap: 16px;
}
.fwpress-ui .card--outlined--transparent {
  background-color: transparent;
}
.fwpress-ui .card--outlined .card__top {
  display: flex;
  align-items: center;
  gap: 16px;
}
.fwpress-ui .card--outlined .card__body {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}
.fwpress-ui .card--outlined .card__body:has(.card__table) {
  padding-bottom: 4px;
}
.fwpress-ui .card--outlined .card__info {
  display: flex;
  min-width: 0;
  gap: 16px;
  flex: 1;
}
.fwpress-ui .card--outlined .card__info .link {
  flex-grow: 0;
  flex-shrink: 0;
  align-self: flex-start;
}
.fwpress-ui .card--outlined .card__meta {
  min-width: 0;
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.fwpress-ui .card--outlined .card__meta .card__meta__row {
  display: flex;
  gap: 8px;
  align-items: center;
}
.fwpress-ui .card--outlined .card__meta .value .value__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 1px;
}
.fwpress-ui .card--outlined .card__actions {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  gap: 8px;
  align-self: stretch;
  align-items: center;
  padding-left: 8px;
  border-left: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .card--lightgreen {
  background-color: rgba(143, 209, 106, 0.2);
}
.fwpress-ui .card--lightgreen .value__label {
  color: var(--preset--color--lightgreen--multiply);
}
.fwpress-ui .card--lightgreen .card__actions {
  border-left-color: rgba(143, 209, 106, 0.2);
}
.fwpress-ui .card--orange {
  background-color: rgba(249, 189, 56, 0.2);
}
.fwpress-ui .card--orange .card__actions {
  border-left-color: rgba(249, 189, 56, 0.2);
}
.fwpress-ui .card--orange .card__action {
  color: var(--preset--color--orange);
}
.fwpress-ui .card--orange .card__action:hover {
  color: var(--preset--color--orange--multiply);
}
.fwpress-ui .card--orange .value__label {
  color: var(--preset--color--orange--multiply);
}
.fwpress-ui .card--blue {
  background-color: rgba(66, 133, 244, 0.1);
}
.fwpress-ui .card--blue .card__action {
  color: var(--preset--color--blue);
}
.fwpress-ui .card--blue .card__action:hover {
  color: var(--preset--color--blue--multiply);
}
.fwpress-ui .card--blue .value__label {
  color: var(--preset--color--blue);
}
.fwpress-ui .card--uploaded {
  border: 1px solid rgba(54, 54, 54, 0.1);
  border-radius: 8px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.fwpress-ui .card--uploaded .card__content {
  flex: 1;
}
.fwpress-ui .card--uploaded .card__meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.fwpress-ui .card--uploaded .card__actions {
  flex-grow: 0;
  flex-shrink: 0;
  border-left: 0;
}
.fwpress-ui .card--uploaded .card__action {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.fwpress-ui .card--uploaded .card__icon,
.fwpress-ui .card--uploaded .card__icon.material-symbols-outlined {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.fwpress-ui .card--uploading {
  border: 1px solid rgba(54, 54, 54, 0.1);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  gap: 12px;
  flex-direction: column;
}
.fwpress-ui .card--uploading .card__top {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.fwpress-ui .card--uploading .card__content {
  flex: 1;
}
.fwpress-ui .card--uploading .card__meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.fwpress-ui .card--uploading .card__actions {
  flex-grow: 0;
  flex-shrink: 0;
  border-left: 0;
}
.fwpress-ui .card--uploading .card__action {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.fwpress-ui .card--uploading .card__icon,
.fwpress-ui .card--uploading .card__icon.material-symbols-outlined {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.fwpress-ui .card--image {
  display: flex;
  gap: 16px;
  background-color: rgba(54, 54, 54, 0.05);
  border-radius: 4px;
  overflow: hidden;
  align-items: center;
  padding-right: 12px;
}
.fwpress-ui .card--image .card__image {
  border-radius: 4px;
  position: relative;
  min-width: 60px;
  flex-grow: 0;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  align-self: stretch;
}
.fwpress-ui .card--image .card__image.card__image--54 {
  min-width: 54px;
}
.fwpress-ui .card--image .card__image.card__image--42 {
  min-width: 42px;
}
.fwpress-ui .card--image .card__image.card__image--36 {
  min-width: 36px;
}
.fwpress-ui .card--image .card__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fwpress-ui .card--image .card__meta {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.fwpress-ui .card--image .card__actions {
  align-self: center;
}
.fwpress-ui .card--image:not(:has(.card__image)) .card__meta {
  padding-left: 12px;
}
.fwpress-ui .card--alert {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 6px;
  background-color: rgba(54, 54, 54, 0.02);
}
.fwpress-ui .card--alert .heading__icon {
  color: rgba(54, 54, 54, 0.8);
}
.fwpress-ui .card--alert .card__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fwpress-ui .card--alert .card__content .text-component {
  padding-top: 4px;
  padding-bottom: 4px;
}
.fwpress-ui .card--alert .card__content .buttons {
  margin-top: 12px;
}
.fwpress-ui .card--alert--success {
  background-color: rgba(143, 209, 106, 0.1);
}
.fwpress-ui .card--alert--success .heading__icon {
  color: #8fd16a;
}
.fwpress-ui .card--alert--info {
  background-color: rgba(66, 133, 244, 0.1);
}
.fwpress-ui .card--alert--info .heading__icon {
  color: #4285F4;
}
.fwpress-ui .card--alert--warning {
  background-color: rgba(249, 189, 56, 0.1);
}
.fwpress-ui .card--alert--warning .heading__icon {
  color: #F9BD38;
}
.fwpress-ui .card--alert--error {
  background-color: rgba(235, 68, 53, 0.2);
}
.fwpress-ui .card--alert--error .heading__icon {
  color: #EB4435;
}
.fwpress-ui .card--alert--error .heading__text {
  color: #EB4435;
}
.fwpress-ui .card--user {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 0;
}
.fwpress-ui .card--user.card--outlined {
  padding: 0;
}
.fwpress-ui .card--user .card__top {
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.fwpress-ui .card--user .card__body {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}
.fwpress-ui .card--user .card__body:has(.card__table) {
  padding-bottom: 4px;
}
.fwpress-ui .card--user .card__info {
  display: flex;
  min-width: 0;
  gap: 16px;
  flex: 1;
}
.fwpress-ui .card--user .card__info .link {
  flex-grow: 0;
  flex-shrink: 0;
  align-self: flex-start;
}
.fwpress-ui .card--user .card__meta {
  min-width: 0;
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.fwpress-ui .card--user .card__meta .card__meta__row {
  display: flex;
  gap: 8px;
  align-items: center;
}
.fwpress-ui .card--user .card__meta .value .value__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 1px;
}
.fwpress-ui .card--user .card__actions {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  gap: 8px;
  align-self: stretch;
  align-items: center;
  padding-left: 8px;
  border-left: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .card--features .card__meta {
  row-gap: 3px;
}
.fwpress-ui .card--table {
  padding: 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.fwpress-ui .card--table--outlined {
  border: 1px solid rgba(54, 54, 54, 0.1);
  background-color: #fff;
}
.fwpress-ui .card--table--outlined--transparent {
  background-color: transparent;
}
.fwpress-ui .card--table--fixed {
  background-color: rgba(0, 164, 154, 0.2);
}
.fwpress-ui .card--table--fixed .card__action .card__icon {
  color: rgba(0, 164, 154, 0.8);
}
.fwpress-ui .card--table--filled {
  background-color: rgba(54, 54, 54, 0.05);
  border: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .card--table--disabled {
  background-color: rgba(54, 54, 54, 0.05);
  border: 1px solid rgba(54, 54, 54, 0.1);
  color: rgba(54, 54, 54, 0.6);
}
.fwpress-ui .card--table .card__meta {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.fwpress-ui .card__icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  cursor: pointer;
}
.fwpress-ui .card__meta {
  min-width: 0;
  position: relative;
}
.fwpress-ui .card__meta--horizontal {
  flex-direction: row !important;
  gap: 8px !important;
}
.fwpress-ui .card__meta .value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0;
}
.fwpress-ui .card__meta .value .value__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0;
  text-box: unset;
}
.fwpress-ui .card__meta:has(.photo-toggle) {
  padding-right: 36px;
}
.fwpress-ui .card__meta .photo-toggle {
  position: absolute;
  right: -18px;
  top: calc(50% - 12px);
}
.fwpress-ui .card__meta .photo-toggle.photo-toggle--padding {
  right: -6px;
}
.fwpress-ui .card--remove {
  background-color: #ffdddd;
}
.fwpress-ui .card__components {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fwpress-ui .card__component {
  display: flex;
  flex-direction: column;
}
.fwpress-ui .card--company {
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .card--company .card__top {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  padding: 16px;
  background-color: rgba(54, 54, 54, 0.02);
  border-bottom: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .card--company:not(:has(.card__body)) {
  border-bottom: 0;
}
.fwpress-ui .card--company .card__body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fwpress-ui .card--company .card__body .card__components {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fwpress-ui .card--company .card__body .card__component {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fwpress-ui .card--company .card__body .card__component .label {
  min-height: unset;
}
.fwpress-ui .card--vertical {
  flex-direction: column !important;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}
.fwpress-ui .card--kenmerken {
  display: flex;
  gap: 16px;
  padding: 16px;
  border-radius: 12px;
}
.fwpress-ui .card__divider {
  width: 100%;
  height: 1px;
  background-color: rgba(54, 54, 54, 0.1);
}
.fwpress-ui .card__top {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
}
.fwpress-ui .card__top__left {
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.fwpress-ui .card__top__right {
  flex-grow: 0;
  flex-shrink: 0;
  width: fit-content;
  gap: 16px;
  display: flex;
  align-items: center;
}
.fwpress-ui .card__actions {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  gap: 8px;
  align-self: stretch;
  align-items: center;
  padding-left: 8px;
  border-left: 1px solid rgba(54, 54, 54, 0.1);
  margin-left: auto;
  min-height: 36px;
}
.simple-view .fwpress-ui .card__actions {
  margin-left: 18px;
}
.fwpress-ui .card__actions--no-border {
  border: 0 !important;
}
.fwpress-ui .card__action {
  width: 18px;
  height: 18px;
  cursor: pointer;
  color: var(--preset--color--darkgreen);
  appearance: none;
  border: 0;
  background-color: transparent;
  padding: 0;
}
.fwpress-ui .card__action:hover {
  color: var(--preset--color--darkgreen--multiply);
}
.fwpress-ui .card__action--disabled {
  color: rgba(54, 54, 54, 0.6);
  pointer-events: none;
}
.fwpress-ui .card__icon, .fwpress-ui .card__icon.material-symbols-outlined {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.fwpress-ui .card__drag {
  width: 18px;
  height: 18px;
}
.fwpress-ui .card__drag .card__action {
  color: rgba(54, 54, 54, 0.8);
}
.fwpress-ui .card__drag .card__action:hover {
  color: #363636;
}
.fwpress-ui .card__toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.fwpress-ui .card__toggle__icon {
  width: 18px;
  height: 18px;
  flex-grow: 0;
  flex-shrink: 0;
  color: rgba(54, 54, 54, 0.8);
}
.fwpress-ui .card__toggle__icon .material-symbols-outlined,
.fwpress-ui .card__toggle__icon .material-symbols-rounded {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.fwpress-ui .card__toggle:hover {
  color: #363636;
}
[data-card-toggle-state=open] .fwpress-ui .card__toggle {
  color: var(--preset--color--darkgreen);
}
[data-card-toggle-state=open] .fwpress-ui .card__toggle .card__toggle__icon {
  transform: rotate(180deg);
  color: var(--preset--color--darkgreen);
}
[data-card-toggle-state=closed] .fwpress-ui .card [data-card-toggle-content] {
  display: none;
}
.fwpress-ui .card__body {
  width: 100%;
  max-width: stretch;
}
.fwpress-ui .card__body:has(.form__component) {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.fwpress-ui .card__table table {
  width: 100%;
  table-layout: fixed;
}
.fwpress-ui .card__table table tr td {
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(54, 54, 54, 0.1);
  min-width: 0;
}
.fwpress-ui .card__table table tr td .label,
.fwpress-ui .card__table table tr td .value {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
  display: block;
}
.fwpress-ui .card__table table tr:last-child td {
  border-bottom: 0;
}
.fwpress-ui .card__content {
  width: 100%;
}
.fwpress-ui .card[min-width~="601px"] .hide-lg {
  display: none !important;
}
.fwpress-ui .card[max-width~="600px"] .hide-sm {
  display: none !important;
}
.fwpress-ui .cards__list .cards {
  row-gap: 9px;
}
.fwpress-ui .cards__list .cards__title {
  margin-bottom: 6px;
  font-size: 12px;
}
.fwpress-ui .cards__list:has(.card) + .button {
  margin-top: 18px;
}
.fwpress-ui .heading {
  display: flex;
  gap: 4px;
  align-items: flex-start;
}
.fwpress-ui .heading__icon, .fwpress-ui .heading__icon.material-symbols-rounded, .fwpress-ui .heading__icon.material-symbols-outlined {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.fwpress-ui .heading__text {
  font-weight: 600;
  color: #363636;
  text-box: trim-both cap alphabetic;
  padding-top: 3px;
}
.fwpress-ui .avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  background-color: rgba(54, 54, 54, 0.4);
  flex-grow: 0;
  flex-shrink: 0;
}
.fwpress-ui .avatar--60 {
  width: 60px;
  height: 60px;
}
.fwpress-ui .avatar--40 {
  width: 40px;
  height: 40px;
}
.fwpress-ui .avatar--32 {
  width: 32px;
  height: 32px;
}
.fwpress-ui .avatar--32.avatar--no-image {
  background-size: 18px auto;
}
.fwpress-ui .avatar--24 {
  width: 24px;
  height: 24px;
}
.fwpress-ui .avatar--24.avatar--no-image {
  background-size: 16px auto;
}
.fwpress-ui .avatar--16 {
  width: 16px;
  height: 16px;
}
.fwpress-ui .avatar--16.avatar--no-image {
  background-size: 12px auto;
}
.fwpress-ui .avatar__image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.fwpress-ui .avatar__image img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
}
.fwpress-ui .avatar__text, .fwpress-ui .avatar__icon {
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fwpress-ui .avatar--no-image, .fwpress-ui .avatar__image:not(:has(img)) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 18.15L19 16.15V5H7.85003L5.85002 3H19C19.55 3 20.0209 3.19584 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V18.15ZM19.8 22.6L18.2 21H5.00002C4.45002 21 3.97919 20.8042 3.58752 20.4125C3.19586 20.0208 3.00002 19.55 3.00002 19V5.8L1.40002 4.2L2.80002 2.8L21.2 21.2L19.8 22.6ZM6.00002 17L9.00003 13L11.25 16L12.075 14.9L5.00002 7.825V19H16.175L14.175 17H6.00002Z' fill='white'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}
.fwpress-ui .progress {
  display: flex;
  flex-direction: column;
}
.fwpress-ui .progress__bar {
  height: 4px;
  border-radius: 100px;
  background-color: rgba(143, 209, 106, 0.2);
  position: relative;
  overflow: hidden;
}
.fwpress-ui .progress__bar__inner {
  background-color: #8fd16a;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.fwpress-ui .progress__details {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 10px;
  color: rgba(54, 54, 54, 0.6);
  text-box: trim-both cap alphabetic;
}
.fwpress-ui .material-symbols-outlined {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.fwpress-ui .icons {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  width: stretch;
}
.fwpress-ui .icons .icon {
  aspect-ratio: 1/1;
  font-family: "Material Symbols Outlined";
  background-color: transparent;
  border: 1px solid rgba(54, 54, 54, 0.1);
  color: rgba(54, 54, 54, 0.8);
  appearance: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  padding: 0;
  flex-grow: 0;
  flex-shrink: 0;
  text-decoration: none;
  flex-grow: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 3px;
}
.fwpress-ui .icons .icon[href], .fwpress-ui .icons .icon[type=button], .fwpress-ui .icons .icon[type=submit], .fwpress-ui .icons .icon[onclick] {
  cursor: pointer;
}
.fwpress-ui .icons .icon:hover {
  border: 1px solid rgba(54, 54, 54, 0.2);
  color: #363636;
}
.fwpress-ui .icons .icon:focus {
  box-shadow: 0 0 0 3px var(--fwpress-theme-button-focus-ring);
}
.fwpress-ui .icons .icon[data-table-action-label=Verwijderen], .fwpress-ui .icons .icon.icon--remove {
  background-color: rgba(235, 68, 53, 0.2);
  border: 0;
  color: #EB4435;
}
.fwpress-ui .icons .icon[data-table-action-label=Verwijderen]:hover, .fwpress-ui .icons .icon.icon--remove:hover {
  background-color: rgba(235, 68, 53, 0.4);
  border: 0;
}
.fwpress-ui .icons .icon .material-symbols-outlined {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.fwpress-ui .loader {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 16 16' fill='none' class='loader2' style='stroke-linecap: round;'%3E%3Ccircle cx='8' cy='8' r='7' stroke='%238FD16A' stroke-opacity='0.2' stroke-width='2'/%3E%3Ccircle cx='8' cy='8' r='7' stroke='%238FD16A' stroke-width='2' fill='none'%3E%3Canimate attributeName='stroke-dasharray' values='1,60;30,60;1,60' dur='1.5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 8 8' to='360 8 8' dur='1.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E%0A");
  background-size: contain;
}
.fwpress-ui .loader--md {
  width: 32px;
  height: 32px;
}
.fwpress-ui .loader--lg {
  width: 64px;
  height: 64px;
}
.fwpress-ui .labels {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.fwpress-ui .label {
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgba(54, 54, 54, 0.6);
  min-height: 18px;
  font-size: 12px;
}
.fwpress-ui .label--big {
  font-size: 16px;
}
.fwpress-ui .label--small {
  font-size: 12px;
}
.fwpress-ui .label--caps {
  text-transform: uppercase;
}
.fwpress-ui .label__label {
  text-box: trim-both cap alphabetic;
}
.fwpress-ui .label__icon, .fwpress-ui .label__icon.material-symbols-outlined {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.fwpress-ui .links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.fwpress-ui a[href]:not([class]) {
  font-family: inherit;
  color: var(--preset--color--darkgreen);
  font-weight: 500;
  text-decoration: none;
}
.fwpress-ui a[href]:not([class]):hover {
  color: var(--preset--color--darkgreen--multiply);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
}
.fwpress-ui .fwpress-link,
.fwpress-ui .link {
  display: flex;
  gap: 4px;
  text-decoration: none;
  align-items: center;
  appearance: none;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-family: inherit;
  color: var(--preset--color--darkgreen);
  cursor: pointer;
  font-weight: 400;
  font-size: inherit;
}
.fwpress-ui .fwpress-link:hover,
.fwpress-ui .link:hover {
  color: var(--preset--color--darkgreen--multiply);
}
.fwpress-ui .fwpress-link:hover .link__label,
.fwpress-ui .link:hover .link__label {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
}
.fwpress-ui .fwpress-link--big,
.fwpress-ui .link--big {
  font-size: 16px;
}
.fwpress-ui .fwpress-link--bold,
.fwpress-ui .link--bold {
  font-weight: 700;
}
.fwpress-ui .fwpress-link--primary,
.fwpress-ui .link--primary {
  color: var(--preset--color--darkgreen);
}
.fwpress-ui .fwpress-link--primary:hover,
.fwpress-ui .link--primary:hover {
  color: var(--preset--color--darkgreen--multiply);
}
.has-background-lightgreen .fwpress-ui .fwpress-link--primary,
.has-background-lightgreen .fwpress-ui .link--primary {
  color: #fff;
}
.fwpress-ui .fwpress-link--secondary,
.fwpress-ui .link--secondary {
  color: rgba(54, 54, 54, 0.8);
}
.fwpress-ui .fwpress-link--secondary:hover,
.fwpress-ui .link--secondary:hover {
  color: #363636;
}
.fwpress-ui .fwpress-link--secondary:hover .link__label,
.fwpress-ui .link--secondary:hover .link__label {
  text-decoration: none;
}
.fwpress-ui .fwpress-link--margin,
.fwpress-ui .link--margin {
  padding-top: 9px;
  padding-bottom: 9px;
  min-height: 42px;
}
.fwpress-ui .fwpress-link--disabled,
.fwpress-ui .link--disabled {
  color: rgba(54, 54, 54, 0.6);
  pointer-events: none;
}
.has-background-lightgreen .fwpress-ui .fwpress-link--disabled,
.has-background-lightgreen .fwpress-ui .link--disabled {
  color: rgba(255, 255, 255, 0.6);
}
.fwpress-ui .fwpress-link__label,
.fwpress-ui .link__label {
  text-box: trim-both cap alphabetic;
  font-family: inherit;
  font-size: inherit;
}
.fwpress-ui .fwpress-link__icon, .fwpress-ui .fwpress-link__icon.material-symbols-outlined,
.fwpress-ui .link__icon,
.fwpress-ui .link__icon.material-symbols-outlined {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.fwpress-ui html.iframe {
  background-color: #fff !important;
}
.fwpress-ui .overlay {
  position: fixed !important;
  z-index: 9999;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(54, 54, 54, 0);
  transition: 0.15s;
  transition: 0.35s;
  pointer-events: none;
  opacity: 0;
}
.fwpress-ui .overlay--visible, .fwpress-ui .overlay:has(.acf-error) {
  background-color: rgba(54, 54, 54, 0.2);
  pointer-events: auto;
  opacity: 1;
  cursor: pointer;
}
.fwpress-ui .overlay--visible > .overlay__inner, .fwpress-ui .overlay:has(.acf-error) > .overlay__inner {
  transform: translateX(0);
  cursor: auto;
}
.fwpress-ui .overlay--secondary {
  z-index: 10000;
}
.fwpress-ui .overlay--tertiary {
  z-index: 10001;
}
.fwpress-ui .overlay--loading .overlay__inner > * {
  opacity: 0;
  pointer-events: none;
}
.fwpress-ui .overlay--loading .overlay__inner:after {
  content: "";
  width: 120px;
  height: 120px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' display='block' preserveAspectRatio='xMidYMid' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='13' fill='none' stroke='%2336a9e1' stroke-dasharray='61.261 22.42' stroke-width='2'%3E%3CanimateTransform attributeName='transform' dur='1s' keyTimes='0;1' repeatCount='indefinite' type='rotate' values='0 50 50;360 50 50'/%3E%3C/circle%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 120px 120px;
  position: absolute;
  left: calc(50% - 60px);
  top: calc(50% - 60px);
}
.fwpress-ui .overlay--add-form-template {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fwpress-ui .overlay--add-form-template > .overlay__inner {
  max-width: 800px;
  padding: 30px;
}
.fwpress-ui .overlay--add-form-template > .overlay__inner .overlay__close {
  margin-left: auto !important;
}
.fwpress-ui .overlay--add-form-template > .overlay__inner .text-component {
  margin-bottom: 36px;
}
.fwpress-ui .overlay--add-form-template > .overlay__inner .text-component h3 {
  padding-bottom: 9px;
}
.fwpress-ui .overlay--panel-settings .overlay__inner {
  max-width: 500px;
  padding-bottom: 0;
}
.fwpress-ui .overlay--panel-settings .overlay__inner .form__label {
  color: rgba(54, 54, 54, 0.8);
}
.fwpress-ui .overlay--panel-settings .overlay__inner .form__help {
  order: 3;
  text-box: unset;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.5;
}
.fwpress-ui .overlay--panel-settings .overlay__inner .form__help code {
  text-box: unset;
}
.fwpress-ui .overlay--panel-settings .overlay__inner .conditional-button {
  position: sticky;
  bottom: 0;
  background-color: #fff;
  padding-bottom: 12px;
  margin-left: -18px;
  margin-right: -18px;
  display: flex;
  justify-content: center;
}
.fwpress-ui .overlay--event-registration-edit .overlay__inner {
  max-width: 600px;
}
.fwpress-ui .overlay.loaded .overlay__center {
  background-image: none;
}
.fwpress-ui .overlay__inner {
  width: 100%;
  padding-left: var(--wp--preset--spacing--x-small);
  padding-right: var(--wp--preset--spacing--x-small);
  padding-bottom: var(--wp--preset--spacing--small);
  background-color: #fff;
  margin-left: auto;
  max-width: 1000px;
  overflow-y: auto;
  height: calc(var(--vh, 1vh) * 100);
  height: 100dvh;
  transform: translateX(100%);
  transition: transform linear 0.25s;
  transition-delay: 0s;
  will-change: transform;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding-top: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 18px;
  transform: translateX(100%);
  max-width: 500px;
}
.fwpress-ui .overlay__inner::-webkit-scrollbar {
  width: 5px;
}
.fwpress-ui .overlay__inner::-webkit-scrollbar-track {
  background: #ffffff;
}
.fwpress-ui .overlay__inner::-webkit-scrollbar-thumb {
  background: #ecf3fe;
}
.overlay--center .fwpress-ui .overlay__inner {
  height: auto;
  max-height: calc(var(--vh, 1vh) * 100);
  height: 100vh;
  width: 100%;
  max-width: 500px;
  border-radius: 8px;
  border: 1px solid #ecf3fe;
  box-shadow: 0px 0px 36px 0px rgba(70, 136, 241, 0.1);
  margin-left: auto;
  margin-right: auto;
  transition: opacity ease 0.2s;
  transform: none;
}
.overlay--center .fwpress-ui .overlay__inner .acf-postbox {
  display: block !important;
}
.overlay--add-form-template .fwpress-ui .overlay__inner {
  height: auto;
  max-height: 80vh;
  width: 100%;
  max-width: 800px;
}
.overlay--add-form-template .fwpress-ui .overlay__inner .acf-postbox {
  display: block !important;
}
.fwpress-ui .overlay__inner:has(.overlay__footer) {
  padding-bottom: 0;
}
.fwpress-ui .overlay__divider {
  margin-left: calc(var(--wp--preset--spacing--small) * -1);
  margin-right: calc(var(--wp--preset--spacing--small) * -1);
  display: flex;
  height: 1px;
  background-color: #ecf3fe;
}
.fwpress-ui .overlay__buttons {
  display: flex;
  flex-wrap: wrap;
  margin-left: -9px;
  margin-right: -9px;
  margin-bottom: -18px !important;
  padding-top: 36px;
  padding-bottom: 36px;
}
.fwpress-ui .overlay__buttons .button {
  margin-left: 9px;
  margin-right: 9px;
  width: calc(25% - 18px);
  margin-bottom: 18px;
}
.fwpress-ui .overlay__top, .fwpress-ui .overlay__center, .fwpress-ui .overlay__footer {
  margin-right: auto;
}
.fwpress-ui .overlay__top:not(:empty) {
  flex-shrink: 0;
  display: flex;
  width: 100%;
  padding-top: var(--wp--preset--spacing--x-small);
  padding-bottom: var(--wp--preset--spacing--x-small);
  align-items: center;
}
.fwpress-ui .overlay__top:not(:empty) .close-link + .tabs {
  margin-top: 9px;
}
.fwpress-ui .overlay__top:not(:empty) .tabs {
  align-self: flex-start;
  border-bottom: 0;
  margin-bottom: -18px;
}
.fwpress-ui .overlay__top:not(:empty) > * {
  padding: 0 !important;
  margin: 0 !important;
}
.fwpress-ui .overlay__top:not(:empty) .filters__title {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  font-weight: 400;
  width: 100%;
  align-items: center;
}
.fwpress-ui .overlay__top:not(:empty) .filters__title:after {
  content: "close";
  font-family: "Material Symbols Outlined";
  position: relative;
  font-size: 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 1;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: normal;
}
.fwpress-ui .overlay__top:not(:empty) .filters__title:before, .fwpress-ui .overlay__top:not(:empty) .filters__title:after {
  margin-bottom: unset;
  margin-top: unset;
}
.fwpress-ui .overlay__top:not(:empty) .filters__title:after {
  margin-left: auto;
}
.fwpress-ui .overlay__top--info {
  background-color: #e5eaf2 !important;
}
.fwpress-ui .overlay__top--success {
  background-color: #eff7ea !important;
}
.fwpress-ui .overlay__top--success h1 {
  color: #95c11f;
}
.fwpress-ui .overlay__center {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.fwpress-ui .overlay__center .postbox-header {
  padding-left: 16px;
  padding-right: 16px;
  display: none;
}
.fwpress-ui .overlay__footer {
  position: sticky;
  bottom: 0;
  background-color: var(--color-gray-50);
  margin-left: calc(-1 * var(--wp--preset--spacing--x-small));
  margin-right: calc(-1 * var(--wp--preset--spacing--x-small));
  padding-left: var(--wp--preset--spacing--x-small);
  padding-right: var(--wp--preset--spacing--x-small);
  padding: var(--wp--preset--spacing--x-small);
  margin-top: auto;
  z-index: 1;
}
.fwpress-ui .overlay__footer--spacing {
  padding: 36px;
}
.fwpress-ui .overlay__footer .fwpress-buttons {
  padding-bottom: 0 !important;
}
.fwpress-ui .overlay__close {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}
.fwpress-ui .overlay__close:after {
  content: "close";
  font-family: "Material Symbols Outlined";
  position: relative;
  font-size: 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 1;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: normal;
}
.fwpress-ui .overlay__close:before {
  opacity: 0.6;
}
.fwpress-ui .overlay__close:hover:before {
  opacity: 1;
}
.fwpress-ui .overlay__components {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  gap: var(--wp--preset--spacing--small);
}
.fwpress-ui .overlay__component {
  display: flex;
  width: 100%;
  min-width: 100%;
}
.fwpress-ui .overlay__component__title {
  display: flex;
  gap: 6px;
  align-items: flex-start;
}
.fwpress-ui .overlay__component__title h3,
.fwpress-ui .overlay__component__title h4 {
  padding-top: 4px;
}
.fwpress-ui .overlay .fwpress-template-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
  gap: 15px;
}
.fwpress-ui .overlay .fwpress-template {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background: #f9fafb;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  transition: all 0.2s;
  color: #222;
  position: relative;
  cursor: pointer;
}
.fwpress-ui .overlay .fwpress-template:hover {
  background: #eef2f7;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.fwpress-ui .overlay .fwpress-template__top {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  margin-bottom: 9px;
  color: #187AD9;
}
.fwpress-ui .overlay .fwpress-template__icon {
  font-size: 18px;
  width: 18px !important;
  height: 18px !important;
  flex-grow: 0;
  flex-shrink: 0;
}
.fwpress-ui .overlay .fwpress-template__title {
  font-weight: 600;
  line-height: 1.3;
  padding-top: 3px;
}
.fwpress-ui .overlay .fwpress-template__desc {
  color: #555;
  line-height: 1.3;
  min-height: 38px;
  font-size: 14px;
  padding-left: 30px;
}
.fwpress-ui .overlay.overlay--event-confirmation .overlay__inner {
  max-width: 768px;
}
.fwpress-ui .overlay .form__fieldset:has(.js-hostess-table-column-row) {
  gap: 0 !important;
}
.fwpress-ui .overlay .form__fieldset:has(.js-hostess-table-column-row) .js-hostess-table-column-row {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .overlay .form__component.col-lg-6 {
  width: 100%;
}
.fwpress-ui .ck.ck-balloon-panel {
  z-index: 10001;
}
.fwpress-ui [data-overlay] {
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .fwpress-ui .overlay__buttons .button {
    width: calc(50% - 18px);
  }
  .fwpress-ui .overlay__inner {
    padding: 24px;
    max-width: 100%;
    overflow-x: hidden;
    box-shadow: none;
  }
}
@media screen and (max-width: 767px) {
  .fwpress-ui .page-template:not(.page-template-fwpress_documents_template) .content .filters__title {
    font-size: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--wp--preset--color--primary-color-20);
    color: var(--wp--preset--color--primary);
    justify-content: center;
    gap: 0;
    align-items: center;
  }
  .fwpress-ui .page-template:not(.page-template-fwpress_documents_template) .content .filters__title:before {
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .fwpress-ui .overlay__center {
    width: 100%;
  }
  .fwpress-ui .overlay__footer {
    position: relative;
  }
}
@media screen and (max-width: 374px) {
  .fwpress-ui .overlay__buttons .button {
    width: calc(100% - 18px);
  }
}
@media screen and (max-height: 600px) {
  .fwpress-ui .overlay__footer {
    position: relative;
  }
}
.fwpress-ui .data-table {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid rgba(54, 54, 54, 0.1);
  background-color: #fff;
}
.fwpress-ui .data-table__top {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 32px;
}
.fwpress-ui .data-table__top__left {
  display: flex;
  align-items: center;
  gap: 32px;
  justify-content: flex-start;
  flex-grow: 1;
  flex-shrink: 1;
}
.fwpress-ui .data-table__top__right {
  display: flex;
  align-items: center;
  gap: 32px;
  justify-content: flex-end;
  color: rgba(54, 54, 54, 0.8);
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: auto;
}
.fwpress-ui .data-table__top__selected {
  white-space: nowrap;
}
.fwpress-ui .data-table__top__selected span {
  font-weight: bold;
}
.fwpress-ui .data-table__top__actions {
  width: 100%;
  max-width: 240px;
}
.fwpress-ui .data-table__top__actions select {
  width: 100%;
  max-width: 240px;
}
.fwpress-ui .data-table__top__filters {
  display: flex;
  align-items: center;
  gap: 16px;
}
.fwpress-ui .data-table__resizer {
  box-shadow: 0 1px 4px 0 rgba(54, 54, 54, 0.4), 0 8px 16px 0 rgba(54, 54, 54, 0.05);
  background-color: #fff !important;
  position: absolute;
  top: calc(50% - 12px);
  right: -12px;
  z-index: 2;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
}
.fwpress-ui .data-table__resizer .material-symbols-outlined {
  transform: scale(-1);
}
.is-collapsed .fwpress-ui .data-table__resizer .material-symbols-outlined {
  transform: scale(1);
}
.fwpress-ui .data-table__table {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(66, 133, 244, 0.1);
  font-size: 14px;
}
.fwpress-ui .data-table__table__heading {
  display: flex;
  gap: 4px;
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  color: rgba(54, 54, 54, 0.8);
  min-width: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  height: 46px;
}
.fwpress-ui .data-table__table__heading--alignright {
  justify-content: flex-end;
  text-align: right;
}
.fwpress-ui .data-table__table__heading--alignright > * {
  justify-content: flex-end;
  text-align: right;
}
.fwpress-ui .data-table__table__heading__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.fwpress-ui .data-table__table__heading:has(.data-table__table__heading__icon) {
  cursor: pointer;
}
.fwpress-ui .data-table__table__heading:has(.data-table__table__heading__icon):hover {
  color: #363636;
}
.fwpress-ui .data-table__table__heading .checkbox {
  margin-right: 20px;
}
.fwpress-ui .data-table__table__heading > *:last-child.checkbox {
  margin-right: 0;
}
.fwpress-ui .data-table__table__heading:has(*:last-child.checkbox) {
  padding-right: 8px;
}
.fwpress-ui .data-table__table__heading .composite-wrapper .checkbox {
  margin-right: 0;
}
.fwpress-ui .data-table__table__content {
  display: flex;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #fff;
  background-color: inherit;
  min-height: 46px;
}
.fwpress-ui .data-table__table__content .checkbox {
  margin-right: 24px;
}
.fwpress-ui .data-table__table__content .composite-wrapper .checkbox {
  margin-right: 0;
}
.fwpress-ui .data-table__table__content > *:last-child.checkbox {
  margin-right: 0;
}
.fwpress-ui .data-table__table__content:has(*:last-child.checkbox) {
  padding-right: 8px;
}
.fwpress-ui .data-table__table__content--alignright {
  justify-content: flex-end;
  text-align: right;
}
.fwpress-ui .data-table__table__content--alignright > * {
  justify-content: flex-end;
  text-align: right;
}
.fwpress-ui .data-table__table__content .icons {
  display: flex;
  justify-content: flex-end;
  min-width: fit-content;
}
.fwpress-ui .data-table__table table {
  min-width: fit-content;
  border-spacing: 0;
  width: 100%;
}
.fwpress-ui .data-table__table table thead tr th {
  background-color: #fbfbfb;
  background-color: #fafafa;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  vertical-align: middle;
  position: relative;
}
.fwpress-ui .data-table__table table thead tr th:last-child {
  border-right-color: transparent;
}
.fwpress-ui .data-table__table table thead tr th:has(.data-table__resizer) {
  z-index: 99;
}
.fwpress-ui .data-table__table table thead tr th[data-sticky=true] {
  background-color: #FAFAFA;
}
.fwpress-ui .data-table__table table tbody tr td {
  border-bottom: 1px solid #eeeeee;
  vertical-align: top;
  background-color: #fff;
}
.fwpress-ui .data-table__table table tbody tr td.is-collapsed .data-table__table__content {
  overflow: hidden;
}
.fwpress-ui .data-table__table table tbody tr td:last-child {
  border-right-color: transparent;
}
.fwpress-ui .data-table__table table tbody tr td .values {
  display: flex;
  flex-direction: column;
}
.fwpress-ui .data-table__table table tbody tr td .values .value {
  flex-direction: column;
}
.fwpress-ui .data-table__table table tbody tr td .value {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
  display: inline-flex;
}
.fwpress-ui .data-table__table table tbody tr td:first-child .data-table__table__content {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: hidden;
}
.fwpress-ui .data-table__table table tbody tr td:last-child .data-table__table__content {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.fwpress-ui .data-table__table table tbody tr.inactive {
  color: var(--black-light-80);
}
.fwpress-ui .data-table__table table tbody tr.inactive td {
  background-color: var(--black-light-04);
}
.fwpress-ui .data-table__table table [data-sticky=true] {
  position: sticky;
  z-index: 10;
}
.fwpress-ui .data-table__table table [data-sticky=true] .data-table__table__heading:after,
.fwpress-ui .data-table__table table [data-sticky=true] .data-table__table__content:after {
  height: 100%;
  width: 4px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background: linear-gradient(to right, rgb(38, 38, 38) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.2;
}
.fwpress-ui .data-table .checkbox--empty {
  width: 24px;
  height: 24px;
}
.fwpress-ui .data-table .checkbox {
  flex-shrink: 0;
}
.fwpress-ui .data-table .subrow-indicator {
  transform: rotate(180deg);
}
.fwpress-ui .data-table [data-attendance-state=is-present] td {
  background-color: rgba(143, 209, 106, 0.02);
  border-color: rgba(45, 140, 18, 0.1);
  background-color: var(--lightgreen-light-10);
  color: #004438;
}
.fwpress-ui .data-table__footer {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 32px;
}
.fwpress-ui .data-table__footer__summary {
  font-size: 14px;
  color: rgba(54, 54, 54, 0.8);
}
.fwpress-ui .data-table [data-table-column=actions] {
  position: sticky !important;
  right: 0 !important;
}
.fwpress-ui .data-table [data-table-column=actions] .data-table__table__heading:before,
.fwpress-ui .data-table [data-table-column=actions] .data-table__table__content:before {
  height: 100%;
  width: 4px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  pointer-events: none;
  background: linear-gradient(to right, rgb(38, 38, 38) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.2;
}
.fwpress-ui [data-sticky-position=right] .data-table__resizer {
  right: unset;
  left: -12px;
}
.fwpress-ui [data-sticky-position=right][data-resized=true] .data-table__resizer .material-symbols-outlined {
  transform: scale(1);
}
.fwpress-ui [data-resize-group].is-resize-group-last {
  border-right: 1px solid rgba(54, 54, 54, 0.6);
}
.fwpress-ui .is-sticky-run-left-end.is-sticky-run-end[data-sticky-run-side=left] {
  border-right: 1px solid rgba(54, 54, 54, 0.6);
}
.fwpress-ui .is-sticky-run-right-start.is-sticky-run-start[data-sticky-run-side=right] {
  border-left: 1px solid rgba(54, 54, 54, 0.6);
}
.fwpress-ui .is-sticky-run-single[data-sticky-run-side=right] {
  border-left: 1px solid rgba(54, 54, 54, 0.6);
}
.fwpress-ui .is-sticky-run-left-start.is-sticky-run-left-end {
  border-right-color: #858585;
}
.fwpress-ui .pagination {
  display: flex;
}
.fwpress-ui .pagination__item {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #363636;
  display: inline-flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
}
.fwpress-ui .pagination__item:hover:not(.pagination__item--disabled) {
  color: #4285F4;
}
.fwpress-ui .pagination__item--disabled {
  color: rgba(54, 54, 54, 0.6);
  pointer-events: none;
}
.fwpress-ui .pagination__item--active {
  font-weight: 700;
}
.fwpress-ui .pagination__link {
  color: inherit;
  text-decoration: none;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fwpress-ui .pagination__link .material-symbols-outlined {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.fwpress-ui .tabs {
  display: flex;
  flex-direction: column;
}
.fwpress-ui .tabs__top {
  display: flex;
  gap: 20px;
  gap: 0;
}
.fwpress-ui .tabs .tab {
  padding: 12px;
  padding-bottom: 10px;
  border: 0;
  border-bottom: 1px solid rgba(54, 54, 54, 0.1);
  color: rgba(54, 54, 54, 0.6);
  text-decoration: none;
  position: relative;
  transform: translateY(1px);
  display: flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
  appearance: none;
  font-size: inherit;
  font-family: inherit;
  background-color: transparent;
}
.fwpress-ui .tabs .tab--active {
  color: var(--preset--color--blue);
  border-bottom: 2px solid var(--preset--color--blue--multiply);
  font-weight: 600;
}
.fwpress-ui .tabs .tab__icon, .fwpress-ui .tabs .tab__icon.material-symbols-outlined {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.fwpress-ui .tabs .tab__title {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fwpress-ui .tabs .tab:hover:not(.tab--active) {
  color: #363636;
  border-bottom: 1px solid rgba(54, 54, 54, 0.4);
}
.fwpress-ui .tabs .tab--disabled {
  color: rgba(54, 54, 54, 0.6);
  border-bottom: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .view {
  display: flex;
  flex-direction: column;
}
.fwpress-ui .view[max-width~="280px"] .view__row {
  flex-direction: column;
}
.fwpress-ui .view[max-width~="280px"] .view__row .view__column {
  text-align: left;
}
.fwpress-ui .view[max-width~="280px"] .view__row .view__column:nth-child(1):not(:only-child) {
  padding-bottom: 0;
}
.fwpress-ui .view[max-width~="280px"] .view__row .view__column:nth-child(2) {
  text-align: left;
  padding-top: 0;
  padding-left: 0;
}
.fwpress-ui .view__row {
  display: flex;
  justify-content: space-between;
}
.fwpress-ui .view__row .view__column:nth-child(1) {
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 4px;
}
.fwpress-ui .view__row .view__column:nth-child(2) {
  flex-grow: 1;
  flex-shrink: 1;
  text-align: right;
  padding-left: 4px;
}
.fwpress-ui .view__row .view__column:nth-child(2) .view-action .link {
  justify-content: flex-end;
}
.fwpress-ui .view__row .view__column:only-child {
  width: 100%;
}
.fwpress-ui .view__row .view__column .has-icon {
  display: flex;
  gap: 4px;
  align-items: center;
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.fwpress-ui .view__row:last-of-type {
  border-bottom: 0;
}
.fwpress-ui .view__row + .view__row {
  border-top: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .view__column {
  display: flex;
  flex-direction: column;
  gap: 9px;
  text-box: trim-both cap alphabetic;
  padding-top: 8px;
  padding-bottom: 8px;
}
.fwpress-ui .view__label {
  font-size: 12px;
  color: var(--preset);
  text-box: trim-both cap alphabetic;
}
.fwpress-ui .view__value {
  margin-top: auto;
  text-box: trim-both cap alphabetic;
}
.fwpress-ui .view__value .link {
  margin-left: 12px;
}
.fwpress-ui .view .view__column__images {
  display: flex;
  flex-wrap: wrap;
}
.fwpress-ui .view .view__column__images.view__column__images--thumbnails {
  gap: 16px;
}
.fwpress-ui .view .view__column__images .view__column__images--image img {
  display: block;
  border-radius: 4px;
  cursor: pointer;
}
.fwpress-ui .view .view__column__images .view__column__images--image img.thumbnail {
  max-width: 96px;
}
.fwpress-ui .view .view__column__images .view__column__images--image img.full {
  max-width: 100%;
}
.fwpress-ui .is-collapsible.is-collapsed {
  overflow: hidden;
}
.fwpress-ui .is-collapsible:not(.is-collapsed) {
  table-layout: auto !important;
  overflow: visible;
  width: auto !important; /* override anything left over */
  min-width: fit-content !important;
}
.fwpress-ui .is-collapsible:not(.is-collapsed) table {
  width: auto !important;
  table-layout: auto !important;
}
.fwpress-ui .is-collapsible:not(.is-collapsed) table td {
  width: auto !important;
}
.fwpress-ui .spacer {
  width: auto !important;
}
.fwpress-ui .results-per-page {
  display: flex;
  gap: 9px;
  align-items: center;
}
.fwpress-ui .sortable-chosen,
.fwpress-ui .sortable-chosen.sortable-ghost {
  opacity: 1;
  background-color: rgba(66, 133, 244, 0.1);
  color: #4285f4;
}
.fwpress-ui .sortable-chosen .icons,
.fwpress-ui .sortable-chosen.sortable-ghost .icons {
  opacity: 0;
}
.fwpress-ui .sortable-ghost {
  opacity: 1;
  transform: scale(1.05);
}
.fwpress-ui .action-bar {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 40;
}
.fwpress-ui .action-bar__item {
  display: flex;
}
.fwpress-ui .action-bar__item--search {
  width: clamp(12.5rem, 8.25rem + 21.25vw, 25.25rem);
}
.fwpress-ui .action-bar__item:not(:last-child):after {
  content: "";
  width: 1px;
  height: 36px;
  background-color: rgba(54, 54, 54, 0.1);
  margin-left: 18px;
  margin-right: 18px;
  display: block;
}
.fwpress-ui .action-bar__item .form__element__container {
  width: 100%;
}
.fwpress-ui .data-view__top {
  display: flex;
  gap: 16px;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 13px;
  padding-left: 16px;
  padding-right: 16px;
}
.fwpress-ui .data-view__title {
  flex-grow: 1;
  flex-shrink: 1;
}
.fwpress-ui .data-view__action {
  flex-grow: 0;
  flex-shrink: 0;
}
.fwpress-ui .data-view__content .gallery {
  margin-bottom: 24px;
}
.fwpress-ui .data-view > .view {
  padding-left: 16px;
  padding-right: 16px;
}
.fwpress-ui .data-view > *:last-child {
  padding-bottom: 16px;
}
.fwpress-ui .image {
  display: flex;
  gap: 16px;
  background-color: #fff;
  padding: 16px;
  border-radius: 4px;
}
.fwpress-ui .image__preview {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  border: 1px solid rgba(54, 54, 54, 0.1);
}
.fwpress-ui .image__preview--avatar {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.fwpress-ui .image__preview img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
.image--upload--header .fwpress-ui .image__preview {
  width: 100%;
  aspect-ratio: 4/1;
}
.image--upload--header .fwpress-ui .image__preview img {
  aspect-ratio: 4/1;
  position: relative;
  height: auto;
}
.fwpress-ui .image__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.data-view__title .fwpress-ui .image__info {
  padding-bottom: 0;
  padding-top: 6px;
}
.fwpress-ui .image__filename {
  text-box: trim-both cap alphabetic;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 4px;
  padding-bottom: 4px;
}
.fwpress-ui .image__filesize {
  text-box: trim-both cap alphabetic;
  color: rgba(54, 54, 54, 0.6);
}
.fwpress-ui .image.image--upload--header {
  flex-direction: column;
  align-items: flex-start;
}
.fwpress-ui .image.image--upload--header .image__info {
  padding-top: 0;
  padding-bottom: 0;
  align-self: flex-start;
}
.fwpress-ui .image.image--upload--header .image__preview {
  height: auto;
  border-radius: 0;
}
.fwpress-ui img.round {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.fwpress-ui .image-thumbnail {
  width: 54px;
  height: 54px;
  background-color: #D9D9D9;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.fwpress-ui .image-thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
}
.fwpress-ui .list-async table {
  border-spacing: 0;
}
.fwpress-ui .list-async table thead tr:hover:after, .fwpress-ui .list-async table tbody tr:hover:after {
  display: none;
}
.fwpress-ui .list-async__header {
  position: relative;
  z-index: 2;
}
.fwpress-ui .list-async__header .dragged {
  position: absolute;
  top: 0;
  left: 0;
}
.fwpress-ui .list-async__scroll-area {
  z-index: 1;
  height: 800px;
  overflow: auto;
}
.fwpress-ui .list-async__body-wrapper {
  position: relative;
}
.fwpress-ui .list-async__body-wrapper table {
  border-collapse: collapse;
}
.fwpress-ui .table-heading {
  display: flex;
  align-items: center;
  gap: 3px;
}
.fwpress-ui .table-heading__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: var(--preset--grey--rgba-60);
  font-weight: 400;
  font-size: 12px;
  width: inherit;
}
.fwpress-ui .plant {
  display: flex;
  gap: 12px;
}
.fwpress-ui .plant-image {
  position: relative;
}
.fwpress-ui .plant-image span {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 18px;
  height: 18px;
  background: #333;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  font-size: 12px;
  line-height: 17px;
}
.fwpress-ui .plant-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}
.fwpress-ui .plant-name > * {
  text-box: trim-both cap alphabetic;
}
.fwpress-ui .plant-name .plant-name--code {
  margin-right: 12px;
}
.fwpress-ui .progress-indicator {
  display: block;
  height: 24px;
  border-radius: 12px;
  width: 40px;
  border: 1px solid #d7d7d7;
  position: relative;
  overflow: hidden;
  margin-left: auto;
}
.fwpress-ui .progress-indicator__background {
  position: absolute;
  background-color: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 0;
  overflow: hidden;
}
.fwpress-ui .progress-indicator .progress-indicator__value {
  display: none;
  font-size: 0px;
}
.fwpress-ui .progress-indicator--empty {
  border-color: rgba(170, 170, 170, 0.4);
  background-color: transparent;
}
.fwpress-ui .progress-indicator--empty .progress-indicator__background {
  display: none;
}
.fwpress-ui .progress-indicator--empty .progress-indicator__value {
  text-align: center;
  font-size: 10px;
  color: var(--preset--color--black);
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fwpress-ui .progress-indicator--empty .progress-indicator__value::after {
  width: calc(100% + 4px);
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  content: "";
  rotate: -30deg;
  margin-left: -6px;
  position: absolute;
  margin-top: 4px;
  z-index: 5;
}
.fwpress-ui .progress-indicator--red {
  background: linear-gradient(90deg, rgb(217, 18, 11) 0%, rgb(235, 68, 53) 100%);
}
.fwpress-ui .progress-indicator--orange {
  background: linear-gradient(90deg, rgb(243, 140, 12) 0%, rgb(249, 189, 56) 100%);
}
.fwpress-ui .progress-indicator--green {
  background: linear-gradient(90deg, rgb(0, 164, 154) 0%, rgb(143, 209, 106) 100%);
}
.fwpress-ui .collapse-column {
  width: 24px;
  height: 24px;
  position: absolute;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='36' viewBox='0 0 25 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Ccircle cx='12.5' cy='18' r='12' fill='white'/%3E%3Ccircle cx='12.5' cy='18' r='11.5' stroke='%23222222' stroke-opacity='0.2'/%3E%3Cpath d='M15.0154 17.7635L10.7749 13.5232L9.98456 14.3135L13.4231 17.7635L9.98456 21.2135L10.7749 22.0038L15.0154 17.7635Z' fill='%23222222' fill-opacity='0.6'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  top: 12px;
  right: 12px;
  cursor: pointer;
  z-index: 1000000;
  transform: scale(-1);
}
.fwpress-ui .collapse-column:after {
  position: absolute;
  width: 48px;
  height: 48px;
  top: -12px;
  left: -12px;
}
.fwpress-ui .collapse-column.is-active {
  transform: scale(1);
}
.fwpress-ui [data-target-collapsible] {
  transition: width linear 0.2s;
}
.fwpress-ui td.is-collapsed .hide-collapsed,
.fwpress-ui th.is-collapsed .hide-collapsed {
  display: none !important;
}
.fwpress-ui .image-slider .image-slider-item img {
  border-radius: 8px;
  margin: 0px auto;
  display: block;
}
.fwpress-ui .image-slider .image-slider-controls {
  display: flex;
  margin-top: 12px;
}
.fwpress-ui .image-slider .image-slider-controls .image-slider-controls-navigation {
  display: flex;
  width: 60%;
  color: var(--preset--color--darkgreen);
}
.fwpress-ui .image-slider .image-slider-controls .image-slider-controls-navigation .image-slider-controls-navigation--previous::after {
  content: "arrow_back";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  line-height: 20px;
  margin-right: 12px;
  cursor: pointer;
}
.fwpress-ui .image-slider .image-slider-controls .image-slider-controls-navigation .image-slider-controls-navigation--next::after {
  content: "arrow_forward";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  line-height: 20px;
  margin-left: 12px;
  cursor: pointer;
}
.fwpress-ui .image-slider .image-slider-controls .image-slider-controls-download {
  width: 40%;
}
.fwpress-ui .image-slider .image-slider-controls .image-slider-controls-download .image-slider-controls-download--link {
  color: var(--preset--color--darkgreen);
  text-decoration: none;
  background-position: center left;
  padding-left: 24px;
}
.fwpress-ui .image-slider .image-slider-details {
  margin-top: 12px;
}
.fwpress-ui .arrow-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 12px;
}
.fwpress-ui .arrow-list li {
  display: flex;
  gap: 4px;
  min-height: 18px;
  align-items: flex-start;
}
.fwpress-ui .arrow-list li:before {
  font-family: "Material Icons";
  content: "chevron_right";
  font-size: 18px;
  line-height: 1;
  display: block;
  width: 18px;
  height: 18px;
}
.fwpress-ui .arrow-list li > span {
  text-box: trim-both cap alphabetic;
  padding-top: 3px;
}
.fwpress-ui .component__view--border {
  border: 1px solid var(--preset--grey--rgba-20);
  border-radius: 4px;
  padding: 0px 12px;
  margin-bottom: 18px;
}
.fwpress-ui .simple-table {
  width: 100%;
}
.fwpress-ui .simple-table tr td {
  border-bottom: 1px solid rgba(54, 54, 54, 0.1);
  padding: 8px;
}
.fwpress-ui .simple-table tr td:nth-child(1) {
  padding-left: 0;
}
.fwpress-ui .simple-table tr td:last-child {
  text-align: right;
  padding-right: 0;
}
.fwpress-ui .simple-table tr td:last-child > * {
  justify-content: flex-end;
}
.fwpress-ui .image-preview img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}
.fwpress-ui .image-preview--aspect-ratio-1-1 img {
  aspect-ratio: 1/1;
  object-fit: cover;
}
.fwpress-ui .simple-views {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.fwpress-ui .simple-view {
  display: flex;
  flex-direction: column;
  color: #363636;
  gap: 12px;
}
.fwpress-ui .simple-view--border {
  border: 1px solid rgba(54, 54, 54, 0.1);
  border-radius: 6px;
  padding-left: 16px;
  padding-right: 16px;
}
.fwpress-ui .simple-view--border .simple-view__header {
  padding-top: 13px;
}
.fwpress-ui .simple-view--border > *:last-child.simple-view__header {
  padding-bottom: 13px;
}
.fwpress-ui .simple-view--border > *:last-child.simple-view__table table tr:last-child td {
  border-bottom: 0;
}
.fwpress-ui .simple-view--grey {
  padding-left: 16px;
  padding-right: 16px;
}
.fwpress-ui .simple-view--grey .simple-view__header {
  padding-top: 13px;
}
.fwpress-ui .simple-view--grey > *:last-child.simple-view__header {
  padding-bottom: 13px;
}
.fwpress-ui .simple-view__header {
  display: flex;
  gap: 12px;
}
.fwpress-ui .simple-view__titles {
  display: flex;
  flex-direction: column;
  gap: 9px;
  flex-grow: 1;
  flex-shrink: 1;
}
.fwpress-ui .simple-view__title {
  font-weight: bold;
  font-size: 16px;
  text-box: trim-both cap alphabetic;
  padding-top: 3px;
}
.fwpress-ui .simple-view__subtitle {
  text-box: trim-both cap alphabetic;
  padding-top: 4px;
  padding-bottom: 4px;
}
.fwpress-ui .simple-view__actions {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-end;
}
.fwpress-ui .simple-view__table {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fwpress-ui .simple-view__table.simple-view__table--break table tr td .value {
  white-space: unset;
}
.fwpress-ui .simple-view__table tr th:last-child .link, .fwpress-ui .simple-view__table tr td:last-child .link {
  justify-content: flex-end;
}
.fwpress-ui .simple-view__table tr th:only-child .link, .fwpress-ui .simple-view__table tr td:only-child .link {
  justify-content: flex-start;
}
.fwpress-ui .simple-view table {
  width: 100%;
  table-layout: fixed;
}
.fwpress-ui .simple-view table tr td {
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(54, 54, 54, 0.1);
  min-width: 0;
  padding-right: 16px;
  vertical-align: top;
}
.fwpress-ui .simple-view table tr td .label,
.fwpress-ui .simple-view table tr td .value {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
  display: block;
}
.fwpress-ui .simple-view table tr td:last-child {
  padding-right: 0;
}
.fwpress-ui .simple-view table tr:last-child td {
  border-bottom-color: transparent;
}
.fwpress-ui .simple-view .buttons {
  margin-top: 4px;
}
.fwpress-ui .simple-view__content {
  padding-bottom: 13px;
  padding-bottom: 20px;
}
.fwpress-ui input[type=radio], .fwpress-ui input[type=checkbox] {
  position: absolute;
  left: -9999px;
  height: 0;
  width: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.fwpress-ui input[type=radio][disabled] + label, .fwpress-ui input[type=checkbox][disabled] + label {
  opacity: 0.7;
  cursor: not-allowed;
}
.fwpress-ui input[type=radio] + label, .fwpress-ui input[type=checkbox] + label {
  padding-left: 32px;
  position: relative;
  display: block;
  line-height: 1.5;
  cursor: pointer;
}
.fwpress-ui input[type=radio] + label:before, .fwpress-ui input[type=checkbox] + label:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid rgba(54, 54, 54, 0.4);
  background-color: #fff;
  border-radius: 4px;
}
.fwpress-ui input[type=radio] + label:empty, .fwpress-ui input[type=checkbox] + label:empty {
  width: 24px;
  height: 24px;
  padding: 0;
}
.fwpress-ui input[type=radio] + label:hover:before, .fwpress-ui input[type=checkbox] + label:hover:before {
  border-color: #4285f4;
}
.fwpress-ui input[type=radio] + label a, .fwpress-ui input[type=checkbox] + label a {
  color: inherit;
  text-decoration: underline;
}
.fwpress-ui input[type=radio] + label p, .fwpress-ui input[type=checkbox] + label p {
  display: inline;
}
.fwpress-ui input[type=radio]:checked + label:before, .fwpress-ui input[type=checkbox]:checked + label:before {
  border-color: #4285f4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%232B3990'%3E%3Cpath d='M389-267 195-460l51-52 143 143 325-324 51 51-376 375Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
}
.fwpress-ui input[type=radio].switch + label, .fwpress-ui input[type=checkbox].switch + label {
  padding-left: 45px;
}
.fwpress-ui input[type=radio].switch + label:before, .fwpress-ui input[type=checkbox].switch + label:before {
  width: 36px;
  height: 20px;
  border-radius: 12px;
  transition: 0.15s;
  top: 1px;
  border: 0;
  background-color: rgba(54, 54, 54, 0.1);
}
.fwpress-ui input[type=radio].switch + label:after, .fwpress-ui input[type=checkbox].switch + label:after {
  width: 14px !important;
  height: 14px !important;
  content: "";
  left: 3px;
  top: 4px !important;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1));
  transition: 0.15s;
}
.fwpress-ui input[type=radio].switch + label:hover, .fwpress-ui input[type=checkbox].switch + label:hover {
  color: var(--secondary-500);
}
.fwpress-ui input[type=radio].switch:checked + label, .fwpress-ui input[type=checkbox].switch:checked + label {
  color: var(--secondary-600);
}
.fwpress-ui input[type=radio].switch:checked + label:before, .fwpress-ui input[type=checkbox].switch:checked + label:before {
  background-color: #4285f4;
  background-image: none;
}
.fwpress-ui input[type=radio].switch:checked + label:after, .fwpress-ui input[type=checkbox].switch:checked + label:after {
  left: 18px !important;
}
.fwpress-ui input[type=radio] + label:before {
  border-radius: 50%;
}
.fwpress-ui input[type=radio]:checked + label:after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  background-color: #4285F4;
  left: 9px;
  top: 9px;
}
.fwpress-ui input[type=text],
.fwpress-ui input[type=password],
.fwpress-ui input[type=email],
.fwpress-ui input[type=tel],
.fwpress-ui input[type=number],
.fwpress-ui input[type=search],
.fwpress-ui input[type=url],
.fwpress-ui input[type=file],
.fwpress-ui input[type=date],
.fwpress-ui input[type=datetime-local],
.fwpress-ui input[type=time],
.fwpress-ui select,
.fwpress-ui textarea {
  border: 1px solid rgba(54, 54, 54, 0.4);
  height: 42px;
  background-color: #fff;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 8px;
  width: 100%;
  color: #363636;
  appearance: none;
  outline: 0;
  font-weight: 400;
  font-size: 16px;
  max-width: 100%;
  font-family: inherit;
}
.fwpress-ui input[type=text]::-webkit-input-placeholder, .fwpress-ui input[type=password]::-webkit-input-placeholder, .fwpress-ui input[type=email]::-webkit-input-placeholder, .fwpress-ui input[type=tel]::-webkit-input-placeholder, .fwpress-ui input[type=number]::-webkit-input-placeholder, .fwpress-ui input[type=search]::-webkit-input-placeholder, .fwpress-ui input[type=url]::-webkit-input-placeholder, .fwpress-ui input[type=file]::-webkit-input-placeholder, .fwpress-ui input[type=date]::-webkit-input-placeholder, .fwpress-ui input[type=datetime-local]::-webkit-input-placeholder, .fwpress-ui input[type=time]::-webkit-input-placeholder, .fwpress-ui select::-webkit-input-placeholder, .fwpress-ui textarea::-webkit-input-placeholder {
  color: rgba(54, 54, 54, 0.8);
}

.fwpress-ui input[type=text]:-moz-placeholder, .fwpress-ui input[type=password]:-moz-placeholder, .fwpress-ui input[type=email]:-moz-placeholder, .fwpress-ui input[type=tel]:-moz-placeholder, .fwpress-ui input[type=number]:-moz-placeholder, .fwpress-ui input[type=search]:-moz-placeholder, .fwpress-ui input[type=url]:-moz-placeholder, .fwpress-ui input[type=file]:-moz-placeholder, .fwpress-ui input[type=date]:-moz-placeholder, .fwpress-ui input[type=datetime-local]:-moz-placeholder, .fwpress-ui input[type=time]:-moz-placeholder, .fwpress-ui select:-moz-placeholder, .fwpress-ui textarea:-moz-placeholder {
  color: rgba(54, 54, 54, 0.8);
}

.fwpress-ui input[type=text]::-moz-placeholder, .fwpress-ui input[type=password]::-moz-placeholder, .fwpress-ui input[type=email]::-moz-placeholder, .fwpress-ui input[type=tel]::-moz-placeholder, .fwpress-ui input[type=number]::-moz-placeholder, .fwpress-ui input[type=search]::-moz-placeholder, .fwpress-ui input[type=url]::-moz-placeholder, .fwpress-ui input[type=file]::-moz-placeholder, .fwpress-ui input[type=date]::-moz-placeholder, .fwpress-ui input[type=datetime-local]::-moz-placeholder, .fwpress-ui input[type=time]::-moz-placeholder, .fwpress-ui select::-moz-placeholder, .fwpress-ui textarea::-moz-placeholder {
  color: rgba(54, 54, 54, 0.8);
}

.fwpress-ui input[type=text]:-ms-input-placeholder, .fwpress-ui input[type=password]:-ms-input-placeholder, .fwpress-ui input[type=email]:-ms-input-placeholder, .fwpress-ui input[type=tel]:-ms-input-placeholder, .fwpress-ui input[type=number]:-ms-input-placeholder, .fwpress-ui input[type=search]:-ms-input-placeholder, .fwpress-ui input[type=url]:-ms-input-placeholder, .fwpress-ui input[type=file]:-ms-input-placeholder, .fwpress-ui input[type=date]:-ms-input-placeholder, .fwpress-ui input[type=datetime-local]:-ms-input-placeholder, .fwpress-ui input[type=time]:-ms-input-placeholder, .fwpress-ui select:-ms-input-placeholder, .fwpress-ui textarea:-ms-input-placeholder {
  color: rgba(54, 54, 54, 0.8);
}

.fwpress-ui input[type=text]:focus,
.fwpress-ui input[type=password]:focus,
.fwpress-ui input[type=email]:focus,
.fwpress-ui input[type=tel]:focus,
.fwpress-ui input[type=number]:focus,
.fwpress-ui input[type=search]:focus,
.fwpress-ui input[type=url]:focus,
.fwpress-ui input[type=file]:focus,
.fwpress-ui input[type=date]:focus,
.fwpress-ui input[type=datetime-local]:focus,
.fwpress-ui input[type=time]:focus,
.fwpress-ui select:focus,
.fwpress-ui textarea:focus {
  border-color: var(--primary-500);
}
.fwpress-ui input[type=text]:focus::-webkit-input-placeholder, .fwpress-ui input[type=password]:focus::-webkit-input-placeholder, .fwpress-ui input[type=email]:focus::-webkit-input-placeholder, .fwpress-ui input[type=tel]:focus::-webkit-input-placeholder, .fwpress-ui input[type=number]:focus::-webkit-input-placeholder, .fwpress-ui input[type=search]:focus::-webkit-input-placeholder, .fwpress-ui input[type=url]:focus::-webkit-input-placeholder, .fwpress-ui input[type=file]:focus::-webkit-input-placeholder, .fwpress-ui input[type=date]:focus::-webkit-input-placeholder, .fwpress-ui input[type=datetime-local]:focus::-webkit-input-placeholder, .fwpress-ui input[type=time]:focus::-webkit-input-placeholder, .fwpress-ui select:focus::-webkit-input-placeholder, .fwpress-ui textarea:focus::-webkit-input-placeholder {
  color: rgba(54, 54, 54, 0.8) !important;
}

.fwpress-ui input[type=text]:focus:-moz-placeholder, .fwpress-ui input[type=password]:focus:-moz-placeholder, .fwpress-ui input[type=email]:focus:-moz-placeholder, .fwpress-ui input[type=tel]:focus:-moz-placeholder, .fwpress-ui input[type=number]:focus:-moz-placeholder, .fwpress-ui input[type=search]:focus:-moz-placeholder, .fwpress-ui input[type=url]:focus:-moz-placeholder, .fwpress-ui input[type=file]:focus:-moz-placeholder, .fwpress-ui input[type=date]:focus:-moz-placeholder, .fwpress-ui input[type=datetime-local]:focus:-moz-placeholder, .fwpress-ui input[type=time]:focus:-moz-placeholder, .fwpress-ui select:focus:-moz-placeholder, .fwpress-ui textarea:focus:-moz-placeholder {
  color: rgba(54, 54, 54, 0.8) !important;
}

.fwpress-ui input[type=text]:focus::-moz-placeholder, .fwpress-ui input[type=password]:focus::-moz-placeholder, .fwpress-ui input[type=email]:focus::-moz-placeholder, .fwpress-ui input[type=tel]:focus::-moz-placeholder, .fwpress-ui input[type=number]:focus::-moz-placeholder, .fwpress-ui input[type=search]:focus::-moz-placeholder, .fwpress-ui input[type=url]:focus::-moz-placeholder, .fwpress-ui input[type=file]:focus::-moz-placeholder, .fwpress-ui input[type=date]:focus::-moz-placeholder, .fwpress-ui input[type=datetime-local]:focus::-moz-placeholder, .fwpress-ui input[type=time]:focus::-moz-placeholder, .fwpress-ui select:focus::-moz-placeholder, .fwpress-ui textarea:focus::-moz-placeholder {
  color: rgba(54, 54, 54, 0.8) !important;
}

.fwpress-ui input[type=text]:focus:-ms-input-placeholder, .fwpress-ui input[type=password]:focus:-ms-input-placeholder, .fwpress-ui input[type=email]:focus:-ms-input-placeholder, .fwpress-ui input[type=tel]:focus:-ms-input-placeholder, .fwpress-ui input[type=number]:focus:-ms-input-placeholder, .fwpress-ui input[type=search]:focus:-ms-input-placeholder, .fwpress-ui input[type=url]:focus:-ms-input-placeholder, .fwpress-ui input[type=file]:focus:-ms-input-placeholder, .fwpress-ui input[type=date]:focus:-ms-input-placeholder, .fwpress-ui input[type=datetime-local]:focus:-ms-input-placeholder, .fwpress-ui input[type=time]:focus:-ms-input-placeholder, .fwpress-ui select:focus:-ms-input-placeholder, .fwpress-ui textarea:focus:-ms-input-placeholder {
  color: rgba(54, 54, 54, 0.8) !important;
}

.fwpress-ui input[type=text]:focus + .form__label,
.fwpress-ui input[type=password]:focus + .form__label,
.fwpress-ui input[type=email]:focus + .form__label,
.fwpress-ui input[type=tel]:focus + .form__label,
.fwpress-ui input[type=number]:focus + .form__label,
.fwpress-ui input[type=search]:focus + .form__label,
.fwpress-ui input[type=url]:focus + .form__label,
.fwpress-ui input[type=file]:focus + .form__label,
.fwpress-ui input[type=date]:focus + .form__label,
.fwpress-ui input[type=datetime-local]:focus + .form__label,
.fwpress-ui input[type=time]:focus + .form__label,
.fwpress-ui select:focus + .form__label,
.fwpress-ui textarea:focus + .form__label {
  color: var(--primary-500);
}
.form__element .form__label .fwpress-ui input[type=text]:focus,
.form__element .form__label .fwpress-ui input[type=password]:focus,
.form__element .form__label .fwpress-ui input[type=email]:focus,
.form__element .form__label .fwpress-ui input[type=tel]:focus,
.form__element .form__label .fwpress-ui input[type=number]:focus,
.form__element .form__label .fwpress-ui input[type=search]:focus,
.form__element .form__label .fwpress-ui input[type=url]:focus,
.form__element .form__label .fwpress-ui input[type=file]:focus,
.form__element .form__label .fwpress-ui input[type=date]:focus,
.form__element .form__label .fwpress-ui input[type=datetime-local]:focus,
.form__element .form__label .fwpress-ui input[type=time]:focus,
.form__element .form__label .fwpress-ui select:focus,
.form__element .form__label .fwpress-ui textarea:focus {
  color: var(--primary-500);
}
.fwpress-ui input[type=text].form__input--amount,
.fwpress-ui input[type=password].form__input--amount,
.fwpress-ui input[type=email].form__input--amount,
.fwpress-ui input[type=tel].form__input--amount,
.fwpress-ui input[type=number].form__input--amount,
.fwpress-ui input[type=search].form__input--amount,
.fwpress-ui input[type=url].form__input--amount,
.fwpress-ui input[type=file].form__input--amount,
.fwpress-ui input[type=date].form__input--amount,
.fwpress-ui input[type=datetime-local].form__input--amount,
.fwpress-ui input[type=time].form__input--amount,
.fwpress-ui select.form__input--amount,
.fwpress-ui textarea.form__input--amount {
  padding-left: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%232E354399'%3E%3Cpath d='M576-144q-109 0-196-62.5T258-372H144v-72h98q-1-8-1.5-17t-.5-18q0-9 .5-18.5T242-516h-98v-72h114q35-103 122-165.5T576-816q68 0 130 26t110 75l-51 51q-38-38-86.5-59T576-744q-78 0-143.5 42T335-588h241v72H314q-1 8-1.5 17t-.5 18q0 9 .5 18.5T314-444h262v72H335q32 72 97.5 114T576-216q54 0 102.5-21t86.5-59l51 51q-48 49-110 75t-130 26Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 8px center;
}
.fwpress-ui input[type=text][disabled], .fwpress-ui input[type=text][readonly],
.fwpress-ui input[type=password][disabled],
.fwpress-ui input[type=password][readonly],
.fwpress-ui input[type=email][disabled],
.fwpress-ui input[type=email][readonly],
.fwpress-ui input[type=tel][disabled],
.fwpress-ui input[type=tel][readonly],
.fwpress-ui input[type=number][disabled],
.fwpress-ui input[type=number][readonly],
.fwpress-ui input[type=search][disabled],
.fwpress-ui input[type=search][readonly],
.fwpress-ui input[type=url][disabled],
.fwpress-ui input[type=url][readonly],
.fwpress-ui input[type=file][disabled],
.fwpress-ui input[type=file][readonly],
.fwpress-ui input[type=date][disabled],
.fwpress-ui input[type=date][readonly],
.fwpress-ui input[type=datetime-local][disabled],
.fwpress-ui input[type=datetime-local][readonly],
.fwpress-ui input[type=time][disabled],
.fwpress-ui input[type=time][readonly],
.fwpress-ui select[disabled],
.fwpress-ui select[readonly],
.fwpress-ui textarea[disabled],
.fwpress-ui textarea[readonly] {
  background-color: rgba(66, 133, 244, 0.1);
  color: #4285F4;
  border-color: #4285F4;
}
.fwpress-ui input:-webkit-autofill,
.fwpress-ui input:-webkit-autofill:hover,
.fwpress-ui input:-webkit-autofill:focus,
.fwpress-ui input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.fwpress-ui input:-webkit-autofill {
  -webkit-text-fill-color: var(--secondary-500) !important;
}
.fwpress-ui select {
  appearance: base-select;
  display: inline-flex;
  align-items: center;
  min-width: fit-content;
  white-space: nowrap;
  background-image: none;
}
.fwpress-ui select::picker(select) {
  appearance: base-select;
}
.fwpress-ui select::picker-icon {
  font-size: 0;
  transition: 0.4s rotate;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M6 9.5L12 15.5L18 9.5' stroke='%23BABABA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.fwpress-ui select:open::picker-icon {
  rotate: 180deg;
}
.fwpress-ui select option {
  border: 0;
  white-space: nowrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  padding-left: 18px;
  padding-right: 18px;
  transition: 0.4s;
  border-bottom: 1px solid #e7e7e7;
}
.fwpress-ui select option:checked {
  font-weight: 600;
}
.fwpress-ui select option:not(:checked)::checkmark {
  display: none;
}
.fwpress-ui select[multiple] {
  overflow-block: hidden;
}
.fwpress-ui textarea {
  padding-top: 9px;
  min-height: 130px;
  resize: none;
}
.fwpress-ui .fwpress-quantity-picker {
  display: flex;
}
.fwpress-ui .fwpress-quantity-picker .fwpress-button {
  aspect-ratio: 1/1;
  max-width: fit-content;
  min-width: unset;
}
.fwpress-ui .fwpress-quantity-picker .fwpress-button[data-quantity-action=decrease] {
  border-radius: 8px 0 0 8px;
}
.fwpress-ui .fwpress-quantity-picker .fwpress-button[data-quantity-action=increase] {
  border-radius: 0 8px 8px 0;
}
.fwpress-ui .form [class*=col-] > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}
.fwpress-ui .form__components {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.auth .fwpress-ui .form__components {
  gap: 24px;
}
.fwpress-ui .form__component--has-conditional {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fwpress-ui .form__component--has-conditional .form__component {
  padding-left: 32px;
}
.fwpress-ui .form__component--other-item--checkbox, .fwpress-ui .form__component--other-item--radio {
  margin-top: -15px;
}
.fwpress-ui .form__component--other-item--checkbox > .form__element, .fwpress-ui .form__component--other-item--radio > .form__element {
  padding-left: 32px;
}
.fwpress-ui .form__component--other-item .form__label {
  display: none;
}
.fwpress-ui .form__component[data-repeatable] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.fwpress-ui .form__component--static .form__static-value {
  order: 2;
}
.fwpress-ui .form__row {
  display: flex;
  flex-wrap: wrap;
}
.fwpress-ui .form__row:not(.row) {
  width: 100%;
}
.fwpress-ui .form__row.row {
  margin-left: -8px;
  margin-right: -8px;
}
.fwpress-ui .form__row.row [class*=col-] {
  padding-left: 8px;
  padding-right: 8px;
}
.fwpress-ui .form__row--phone select {
  position: relative;
  z-index: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  flex-basis: 120px;
  margin-right: -1px;
  position: relative;
}
.fwpress-ui .form__row--phone select:focus {
  z-index: 1;
}
.fwpress-ui .form__row--phone .form__input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
}
.fwpress-ui .form__row--phone .form__input:focus {
  z-index: 1;
}
.fwpress-ui .form__row--phone .form__element {
  display: flex;
}
.fwpress-ui .form__row--password .toggle-password {
  position: absolute;
  right: 12px;
  top: 32px;
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  width: 18px;
  height: 18px;
  opacity: 1;
  cursor: pointer;
  z-index: 2;
}
.fwpress-ui .form__row--password .toggle-password:before {
  content: "visibility";
  font-family: "Material Symbols Outlined";
  position: relative;
  font-size: 18px;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 1;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: normal;
}
.fwpress-ui .form__row--password .toggle-password:hover {
  opacity: 1;
}
.fwpress-ui .form__row--password input {
  padding-right: 48px;
  text-overflow: ellipsis;
}
.fwpress-ui .form__row--password input[type=text] + .toggle-password {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
}
.fwpress-ui .form__row--password input[type=text] + .toggle-password:before {
  content: "visibility_off";
  font-family: "Material Symbols Outlined";
  position: relative;
  font-size: 18px;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 1;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: normal;
}
.fwpress-ui .form__row__label {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 400;
  text-box: trim-both cap alphabetic;
  color: rgba(54, 54, 54, 0.4);
}
.fwpress-ui .form__row > [class*=col-] {
  padding-left: 8px;
  padding-right: 8px;
}
.fwpress-ui .form__section {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.fwpress-ui .form__section__title {
  font-size: 17px;
  font-weight: 500;
  text-box: trim-both cap alphabetic;
}
.fwpress-ui .form__fieldset:not(.fwpress-buttons):not([class*=col-]) {
  margin-left: -8px;
  margin-right: -8px;
}
.fwpress-ui .form__fieldset:not(.fwpress-buttons):not([class*=col-]) > * {
  padding-left: 8px;
  padding-right: 8px;
}
.fwpress-ui .form__fieldset {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  align-items: flex-start;
}
.fwpress-ui .form__fieldset legend {
  width: 100%;
  text-box: trim-both cap alphabetic;
  margin-bottom: 12px;
}
.fwpress-ui .form__fieldset--grid-columns .form-components {
  display: flex;
  flex-wrap: wrap;
  --columns: 3;
  --gap-x: 18px;
  gap: 18px var(--gap-x);
  flex-direction: row;
  flex-direction: row;
}
.fwpress-ui .form__fieldset--grid-columns .form-components > * {
  width: calc(100% / var(--columns) - (var(--columns) - 1) / var(--columns) * var(--gap-x));
}
.fwpress-ui .form__fieldset > .row {
  row-gap: 18px;
  width: calc(100% + 16px);
  row-gap: 24px;
  margin-left: -8px;
  margin-right: -8px;
}
.fwpress-ui .form__fieldset > .row > * {
  padding-left: 8px;
  padding-right: 8px;
}
.fwpress-ui .form__fieldset > .form__repeat-fields {
  width: 100%;
}
.fwpress-ui .form__fieldset > .form__repeat-fields .form__repeat-fields__item {
  column-gap: 9px;
  align-items: flex-start;
  width: 100%;
}
.fwpress-ui .form__fieldset > .form__repeat-fields .form__repeat-fields__item > .row {
  row-gap: 18px;
  width: calc(100% + 16px);
  row-gap: 24px;
  margin-left: -8px;
  margin-right: -8px;
}
.fwpress-ui .form__fieldset > .form__repeat-fields .form__repeat-fields__item > .row > * {
  padding-left: 8px;
  padding-right: 8px;
}
.fwpress-ui .form__fieldset > .form__repeat-fields .form__repeat-fields__item > .row [class*=col-] {
  padding-left: 8px;
  padding-right: 8px;
}
.fwpress-ui .form__fieldset--static.wizard {
  gap: var(--wp--preset--spacing--small);
}
.fwpress-ui .form__fieldset--static:not([class*=col-]) {
  margin-left: -4.5px !important;
  margin-right: -4.5px !important;
}
.fwpress-ui .form__fieldset--static:not([class*=col-]) > * {
  padding-left: 4.5px !important;
  padding-right: 4.5px !important;
}
.fwpress-ui .form__fieldset--static:not([class*=col-]) > *:not([class*=col-]) {
  width: 100%;
}
.fwpress-ui .form__fieldset--static.step {
  row-gap: 9px !important;
}
.fwpress-ui .form__fieldset--static.step .form__component--static .form__element {
  background-color: rgba(0, 0, 0, 0.02);
  padding: 18px;
  border-radius: 6px;
  gap: 12px;
}
.fwpress-ui .form__fieldset--static.step .form__component--static .form__element .form__label {
  color: rgba(0, 0, 0, 0.6);
  text-box: trim-both cap alphabetic;
  font-size: 12px;
  font-weight: 400;
}
.fwpress-ui .form__fieldset--static.step .form__component--static .form__element .form__static-value {
  text-box: trim-both cap alphabetic;
}
.fwpress-ui .form__fieldset--static.step .form__fieldset--static {
  gap: 9px;
  row-gap: 9px !important;
}
.fwpress-ui .form__fieldset--static.step .form__fieldset--static .text-component--step {
  margin-top: var(--wp--preset--spacing--small);
}
.fwpress-ui .form__elements {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--x-small);
  gap: 24px;
  flex-wrap: wrap;
}
.fwpress-ui .form__elements:not([class*=col-]):not(.form__elements--row) {
  width: 100%;
}
.fwpress-ui .form__elements--checkboxes {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fwpress-ui .form__elements--switch {
  gap: 18px;
  gap: 16px;
}
.fwpress-ui .form__elements--row {
  gap: unset;
  flex-direction: row;
  margin-left: -9px;
  margin-right: -9px;
  gap: 16px 0;
  width: unset;
}
.fwpress-ui .form__elements--row > .form__label {
  margin-bottom: -10px;
}
.fwpress-ui .form__elements--row > * {
  padding-left: 9px;
  padding-right: 9px;
}
.fwpress-ui .form__elements--auto {
  flex-direction: row;
  flex-wrap: wrap;
}
.fwpress-ui .form__elements--auto > * {
  width: fit-content !important;
}
.fwpress-ui .form__elements--auto.form__elements--switch--subelements {
  padding-left: 44px;
}
.fwpress-ui .form__elements--auto.form__elements--switch--subelements > * {
  padding-left: 0 !important;
}
.fwpress-ui .form__elements--25 {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  --items:4;
  --gap: 16px;
}
.fwpress-ui .form__elements--25 > * {
  width: calc(100% / var(--items) - (var(--items) - 1) / var(--items) * var(--gap)) !important;
}
.fwpress-ui .form__elements--25.form__elements--switch--subelements {
  padding-left: 44px;
}
.fwpress-ui .form__elements--25.form__elements--switch--subelements > * {
  padding-left: 0 !important;
}
.fwpress-ui .form__elements--50 {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  --items:2;
  --gap: 16px;
}
.fwpress-ui .form__elements--50 > * {
  width: calc(100% / var(--items) - (var(--items) - 1) / var(--items) * var(--gap)) !important;
}
.fwpress-ui .form__elements--50.form__elements--switch--subelements {
  padding-left: 44px;
}
.fwpress-ui .form__elements--50.form__elements--switch--subelements > * {
  padding-left: 0 !important;
}
.fwpress-ui .form__elements--code {
  order: 2;
  display: flex;
  flex-wrap: wrap;
  --columns: 6;
  --gap-x: 18px;
  gap: 18px var(--gap-x);
  flex-direction: row;
}
.fwpress-ui .form__elements--code > * {
  width: calc(100% / var(--columns) - (var(--columns) - 1) / var(--columns) * var(--gap-x));
}
.fwpress-ui .form__elements--code > * {
  padding: 0;
}
.fwpress-ui .form__elements--code .form__element--code input[type=text],
.fwpress-ui .form__elements--code .form__element--code input[type=number] {
  aspect-ratio: 1/1;
  font-size: 28px;
  font-weight: 700;
  color: var(--wp--preset--color--blue);
  text-align: center;
  height: unset;
  -moz-appearance: textfield;
}
.fwpress-ui .form__elements--code .form__element--code input[type=text]::-webkit-outer-spin-button, .fwpress-ui .form__elements--code .form__element--code input[type=text]::-webkit-inner-spin-button,
.fwpress-ui .form__elements--code .form__element--code input[type=number]::-webkit-outer-spin-button,
.fwpress-ui .form__elements--code .form__element--code input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.fwpress-ui .form__elements--error > .form__label {
  color: var(--error-500) !important;
}
.fwpress-ui .form__elements--error input + label {
  color: var(--error-500);
}
.fwpress-ui .form__elements--error input + label:before {
  border-color: var(--error-500) !important;
}
.fwpress-ui .form__elements--checkbox .form__error, .fwpress-ui .form__elements--radio .form__error {
  padding-left: 32px;
}
.fwpress-ui .form__elements--fieldset:has(input[type=checkbox], input[type=radio]) > .form__error {
  padding-left: 32px;
}
.fwpress-ui .form__elements--horizontal {
  flex-direction: row;
}
.fwpress-ui .form__element {
  position: relative;
  display: flex;
  gap: 12px;
  flex-direction: column;
}
.fwpress-ui .form__element:not([class*=col-]) {
  width: 100%;
}
.fwpress-ui .form__element--hidden {
  display: none;
}
.fwpress-ui .form__element--subelement.form__element--switch {
  padding-left: 44px;
}
.fwpress-ui .form__element--error .form__input {
  border-color: var(--error-500);
  color: var(--error-500);
  z-index: 1;
}
.fwpress-ui .form__element--error .form__input:focus {
  border-color: var(--error-500);
  color: var(--error-500);
}
.fwpress-ui .form__element--error .form__input::-webkit-input-placeholder {
  color: var(--error-500);
  opacity: 0.6;
}

.fwpress-ui .form__element--error .form__input:-moz-placeholder {
  color: var(--error-500);
  opacity: 0.6;
}

.fwpress-ui .form__element--error .form__input::-moz-placeholder {
  color: var(--error-500);
  opacity: 0.6;
}

.fwpress-ui .form__element--error .form__input:-ms-input-placeholder {
  color: var(--error-500);
  opacity: 0.6;
}

.fwpress-ui .form__element--error .form__input + .toggle-password {
  color: var(--error-500);
}
.fwpress-ui .form__element--error .form__input + label {
  color: var(--error-500);
}
.fwpress-ui .form__element--error .form__input + label:before {
  border-color: var(--error-500);
}
.fwpress-ui .form__element--error .form__static-value {
  order: 2;
}
.fwpress-ui .form__element--error .form__label {
  color: var(--error-500);
}
.fwpress-ui .form__element--error .form__label:before {
  border-color: var(--error-500);
}
.fwpress-ui .form__element--rating {
  border-radius: 4px;
  border: 1px solid rgba(66, 133, 244, 0.2);
  padding: 16px;
}
.fwpress-ui .form__element:has(input:focus) .form__label, .fwpress-ui .form__element:has(select:focus) .form__label, .fwpress-ui .form__element:has(textarea:focus) .form__label {
  color: var(--primary-500);
}
.fwpress-ui .form__element__text {
  display: flex;
  flex-direction: column;
}
.fwpress-ui .form__element__divider {
  align-items: stretch;
  flex-basis: 1px;
}
.fwpress-ui .form__element__divider > span {
  background-color: var(--primary-100);
  width: 1px;
  display: block;
  height: 100%;
}
.fwpress-ui .form__element__description {
  order: 4;
  display: flex;
  gap: 4px;
  color: #363636;
  font-size: 12px;
}
.fwpress-ui .form__element__description .material-symbols-outlined {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: inherit;
}
.fwpress-ui .form__element__description__text {
  text-box: trim-both cap alphabetic;
  padding-top: 4px;
}
.fwpress-ui .form__element__description__text > * {
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: inherit;
  transition: none !important;
}
.fwpress-ui .form__element:has(.fwpress-buttons) {
  align-self: flex-end;
}
.fwpress-ui .form__label {
  font-size: 14px;
  font-size: inherit;
  font-weight: 400;
  font-weight: inherit;
  text-box: trim-both cap alphabetic;
  color: rgba(54, 54, 54, 0.8);
  order: 1;
  text-align: left;
}
.fwpress-ui .form__label--error {
  color: var(--error-500) !important;
}
.fwpress-ui .form__input {
  order: 2;
}
.fwpress-ui .form__input + .tooltip-icon {
  position: absolute;
  right: 18px;
  bottom: 14px;
}
.fwpress-ui .form__input.form__input--select2 + .select2 {
  order: 2;
}
.fwpress-ui .form__input--radios, .fwpress-ui .form__input--checkboxes, .fwpress-ui .form__input--list {
  display: flex;
  gap: 8px;
  gap: 0;
  flex-direction: column;
}
.fwpress-ui .form__input--radios > *, .fwpress-ui .form__input--checkboxes > *, .fwpress-ui .form__input--list > * {
  min-height: 36px;
  display: flex;
  padding-top: 6px;
  padding-bottom: 6px;
}
.fwpress-ui .form__input--radios.form__input--horizontal, .fwpress-ui .form__input--checkboxes.form__input--horizontal, .fwpress-ui .form__input--list.form__input--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 36px;
}
.fwpress-ui .form__input--radios.form__input--list--error .form__element--required input, .fwpress-ui .form__input--checkboxes.form__input--list--error .form__element--required input, .fwpress-ui .form__input--list.form__input--list--error .form__element--required input {
  border-color: var(--error-500);
  color: var(--error-500);
  z-index: 1;
}
.fwpress-ui .form__input--radios.form__input--list--error .form__element--required input:focus, .fwpress-ui .form__input--checkboxes.form__input--list--error .form__element--required input:focus, .fwpress-ui .form__input--list.form__input--list--error .form__element--required input:focus {
  border-color: var(--error-500);
  color: var(--error-500);
}
.fwpress-ui .form__input--radios.form__input--list--error .form__element--required input::-webkit-input-placeholder, .fwpress-ui .form__input--checkboxes.form__input--list--error .form__element--required input::-webkit-input-placeholder, .fwpress-ui .form__input--list.form__input--list--error .form__element--required input::-webkit-input-placeholder {
  color: var(--error-500);
  opacity: 0.6;
}

.fwpress-ui .form__input--radios.form__input--list--error .form__element--required input:-moz-placeholder, .fwpress-ui .form__input--checkboxes.form__input--list--error .form__element--required input:-moz-placeholder, .fwpress-ui .form__input--list.form__input--list--error .form__element--required input:-moz-placeholder {
  color: var(--error-500);
  opacity: 0.6;
}

.fwpress-ui .form__input--radios.form__input--list--error .form__element--required input::-moz-placeholder, .fwpress-ui .form__input--checkboxes.form__input--list--error .form__element--required input::-moz-placeholder, .fwpress-ui .form__input--list.form__input--list--error .form__element--required input::-moz-placeholder {
  color: var(--error-500);
  opacity: 0.6;
}

.fwpress-ui .form__input--radios.form__input--list--error .form__element--required input:-ms-input-placeholder, .fwpress-ui .form__input--checkboxes.form__input--list--error .form__element--required input:-ms-input-placeholder, .fwpress-ui .form__input--list.form__input--list--error .form__element--required input:-ms-input-placeholder {
  color: var(--error-500);
  opacity: 0.6;
}

.fwpress-ui .form__input--radios.form__input--list--error .form__element--required input + .toggle-password, .fwpress-ui .form__input--checkboxes.form__input--list--error .form__element--required input + .toggle-password, .fwpress-ui .form__input--list.form__input--list--error .form__element--required input + .toggle-password {
  color: var(--error-500);
}
.fwpress-ui .form__input--radios.form__input--list--error .form__element--required input + label, .fwpress-ui .form__input--checkboxes.form__input--list--error .form__element--required input + label, .fwpress-ui .form__input--list.form__input--list--error .form__element--required input + label {
  color: var(--error-500);
}
.fwpress-ui .form__input--radios.form__input--list--error .form__element--required input + label:before, .fwpress-ui .form__input--checkboxes.form__input--list--error .form__element--required input + label:before, .fwpress-ui .form__input--list.form__input--list--error .form__element--required input + label:before {
  border-color: var(--error-500);
}
.fwpress-ui .form__input--radios.form__input--list--error .form__element--required .form__label, .fwpress-ui .form__input--checkboxes.form__input--list--error .form__element--required .form__label, .fwpress-ui .form__input--list.form__input--list--error .form__element--required .form__label {
  color: var(--error-500);
}
.fwpress-ui .form__input--radios.form__input--list--error .form__element--required .form__label:before, .fwpress-ui .form__input--checkboxes.form__input--list--error .form__element--required .form__label:before, .fwpress-ui .form__input--list.form__input--list--error .form__element--required .form__label:before {
  border-color: var(--error-500);
}
.fwpress-ui .form__input--file {
  width: 0.1px !important;
  height: 0.1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  z-index: -1 !important;
}
.fwpress-ui .form__input--terms label > * {
  padding: 0;
  margin: 0;
  text-box: unset;
}
.fwpress-ui .form__input__prefix {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
  font-size: inherit;
}
.fwpress-ui .form__input__prefix + input {
  padding-left: 48px !important;
}
.fwpress-ui .form__errors {
  display: flex;
  flex-direction: column;
  gap: 9px;
  order: 3;
}
.fwpress-ui .form__error {
  order: 3;
  color: var(--error-500);
  font-size: 12px;
  font-weight: 300;
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  gap: 4px;
  text-box: trim-both cap alphabetic;
}
.fwpress-ui .form__error:before {
  content: "error";
  font-family: "Material Symbols Outlined";
  position: relative;
  font-size: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 1;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: normal;
}
.fwpress-ui .form__error:empty {
  display: none;
}
.fwpress-ui .form__error:before {
  top: 2px;
}
.fwpress-ui .form__phone {
  display: flex;
  gap: 8px;
  order: 2;
}
.fwpress-ui .form__phone > select {
  width: 100px;
  flex-grow: 0;
  flex-shrink: 0;
}
.fwpress-ui .form__phone input {
  flex-grow: 1;
  flex-shrink: 1;
}
.fwpress-ui .form__phone--nl {
  gap: 0;
  align-items: stretch;
}
.fwpress-ui .form__phone--nl .form__phone-prefix {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 68px;
  padding: 0 16px;
  border: 1px solid var(--primary-200);
  border-right: 0;
  border-radius: 12px 0 0 12px;
  background: var(--primary-50);
  color: var(--text-700);
  font-weight: 600;
}
.fwpress-ui .form__phone--nl input {
  border-radius: 0 12px 12px 0;
}
.fwpress-ui .form div:has(> .pell-content) {
  order: 2;
}
.fwpress-ui .form p:before, .fwpress-ui .form p:after {
  display: none;
}
.fwpress-ui .form__notice {
  font-size: 12px;
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  color: rgba(54, 54, 54, 0.6);
  gap: 4px;
  order: 4;
}
.fwpress-ui .form__notice:before {
  content: "info";
  font-family: "Material Symbols Outlined";
  position: relative;
  font-size: 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 1;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: normal;
}
.fwpress-ui .form__notice:before {
  top: 2px;
}
.fwpress-ui .form__required-indicator {
  color: #fc372d;
  display: inline;
}
.fwpress-ui .form .fwpress-buttons {
  margin: 0;
  padding-bottom: 0;
}
.fwpress-ui .form fieldset {
  border: 0;
  outline: 0;
}
.fwpress-ui [data-hidden=true] {
  display: none;
}
.fwpress-ui #password-strength {
  width: 100%;
  display: block;
}
.fwpress-ui .password-criteria {
  display: flex;
  flex-direction: column;
  margin: 0;
  gap: 6px;
}
.fwpress-ui .password-criteria__item {
  display: flex;
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  color: var(--secondary-400);
}
.fwpress-ui .password-criteria__item:before {
  content: "check_box_outline_blank";
  font-family: "Material Symbols Outlined";
  position: relative;
  font-size: 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 1;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: normal;
}
.fwpress-ui .password-criteria__item--completed {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--success-600);
}
.fwpress-ui .password-criteria__item--completed:before {
  content: "check_box";
  font-family: "Material Symbols Outlined";
  position: relative;
  font-size: 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 1;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: normal;
}
.fwpress-ui :root {
  --success-600: #33b843;
  --error-500: #fc372d;
  --secondary-200: #e7e7e7;
  --warning-600: #db9600;
}
.fwpress-ui .password-strength {
  display: flex;
  gap: var(--wp--preset--spacing--x-small);
}
.fwpress-ui .password-strength__bars {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.fwpress-ui .password-strength__bars--weak .password-strength__bar:nth-child(1) {
  background-color: var(--error-500);
}
.fwpress-ui .password-strength__bars--weak + .password-strength__label {
  color: var(--error-500);
}
.fwpress-ui .password-strength__bars--fair .password-strength__bar:nth-child(1), .fwpress-ui .password-strength__bars--fair .password-strength__bar:nth-child(2) {
  background-color: var(-warning-600);
}
.fwpress-ui .password-strength__bars--fair + .password-strength__label {
  color: var(-warning-600);
}
.fwpress-ui .password-strength__bars--good .password-strength__bar:nth-child(1), .fwpress-ui .password-strength__bars--good .password-strength__bar:nth-child(2) {
  background-color: var(--success-600);
}
.fwpress-ui .password-strength__bars--good + .password-strength__label {
  color: var(--success-600);
}
.fwpress-ui .password-strength__bars--strong .password-strength__bar:nth-child(1), .fwpress-ui .password-strength__bars--strong .password-strength__bar:nth-child(2), .fwpress-ui .password-strength__bars--strong .password-strength__bar:nth-child(3) {
  background-color: var(--success-600);
}
.fwpress-ui .password-strength__bars--strong + .password-strength__label {
  color: var(--success-600);
}
.fwpress-ui .password-strength__bars--very-strong .password-strength__bar {
  background-color: var(--success-600);
}
.fwpress-ui .password-strength__bars--very-strong + .password-strength__label {
  color: var(--success-600);
}
.fwpress-ui .password-strength__bar {
  flex: 1;
  height: 3px;
  border-radius: 2px;
  background-color: var(--secondary-200);
}
.fwpress-ui .password-strength__label {
  color: var(--secondary-400);
  font-weight: 500;
  font-size: 12px;
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap;
  text-align: right;
  width: 70px;
}
.fwpress-ui .password-icons__list {
  display: flex;
  gap: clamp(0.5625rem, 0.4375rem + 0.625vw, 1rem);
}
.fwpress-ui .password-icons__list__item {
  aspect-ratio: 1/1;
  border-radius: 8px;
  border: 1px solid var(--grey-300);
  padding: 8px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.fwpress-ui .password-icons__list__item--selected {
  background-color: var(--primary-200);
  border-color: var(--primary-200);
  box-shadow: 0px 0px 0px 4px #F4EBFF, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.fwpress-ui .password-icons__list__item--selected svg path {
  stroke: var(--primary-800);
}
.fwpress-ui .rating {
  display: inline-flex;
  align-items: flex-end;
  gap: 18px;
}
.fwpress-ui .rating__stars {
  display: flex;
  gap: 6px;
  align-items: center;
}
.fwpress-ui .rating__star {
  flex-grow: 0;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.fwpress-ui .rating__star .material-symbols-outlined {
  width: 30px;
  height: 30px;
  font-size: 36px;
  cursor: pointer;
  color: rgba(66, 133, 244, 0.4);
}
.fwpress-ui .rating__star--filled .material-symbols-outlined {
  font-family: "Material Symbols Rounded" !important;
  color: #db9600;
}
.fwpress-ui .rating__score {
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap;
  display: flex;
  color: rgba(66, 133, 244, 0.8);
  font-size: 14px;
  text-box: trim-both cap alphabetic;
}
.fwpress-ui .rating__description {
  margin-top: 8px;
  color: rgba(66, 133, 244, 0.8);
  font-size: 14px;
  line-height: 1.5;
}
.fwpress-ui .rating__balance {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
}
.fwpress-ui .rating__balance__label {
  color: rgba(66, 133, 244, 0.8);
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 100px;
  max-width: fit-content;
}
.fwpress-ui .rating__balance__label--left {
  text-align: left;
}
.fwpress-ui .rating__balance__label--right {
  text-align: left;
}
.fwpress-ui .rating__balance__center {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  padding-top: 38px;
  margin-top: -36px;
  width: 100%;
  min-width: 120px;
  max-width: 400px;
}
.fwpress-ui .rating__balance__tooltip {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: min(220px, 100%);
  width: fit-content;
  min-width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  background-color: #4285F4;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  z-index: 10;
}
.fwpress-ui .rating__range-control {
  width: 100%;
  margin: 0;
  accent-color: #4285F4;
  cursor: pointer;
}
.fwpress-ui .rating--numbers {
  align-items: center;
}
.fwpress-ui .rating--numbers .rating__stars {
  flex-wrap: wrap;
  gap: 8px;
}
.fwpress-ui .rating--numbers .rating__star {
  width: auto;
  height: auto;
  min-width: 40px;
  padding: 6px 10px;
  border: 1px solid rgba(66, 133, 244, 0.2);
  border-radius: 999px;
  color: rgba(66, 133, 244, 0.8);
  background-color: #fff;
  font-size: 16px;
  line-height: 1;
}
.fwpress-ui .rating--numbers .rating__star--filled {
  border-color: #db9600;
  background-color: #db9600;
  color: #fff;
}
.fwpress-ui .rating--balance {
  display: flex;
  width: 100%;
  padding-top: 16px;
}
.fwpress-ui .rating--balance .rating__score {
  justify-content: center;
  display: none;
}
.fwpress-ui tc-range-slider {
  --width:100%;
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.fwpress-ui .wizard {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.fwpress-ui .wizard > * {
  opacity: 0;
}
.fwpress-ui .wizard:not(.wizard--loaded) {
  height: 500px;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 150'%3E%3Cpath fill='none' stroke='%23187AD9' stroke-width='15' stroke-linecap='round' stroke-dasharray='300 385' stroke-dashoffset='0' d='M275 75c0 31-27 50-50 50-58 0-92-100-150-100-28 0-50 22-50 50s23 50 50 50c58 0 92-100 150-100 24 0 50 19 50 50Z'%3E%3Canimate attributeName='stroke-dashoffset' calcMode='spline' dur='2' values='685;-685' keySplines='0 0 1 1' repeatCount='indefinite'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E");
  background-position: center center;
  background-size: 60px auto;
  background-repeat: no-repeat;
}
.fwpress-ui .wizard--loaded {
  height: auto;
}
.fwpress-ui .wizard--loaded > * {
  opacity: 1;
  transition: opacity ease 0.2;
}
.fwpress-ui .wizard__overview {
  display: flex;
  flex-direction: column;
  gap: 9px;
  display: none;
}
.fwpress-ui .wizard__indicator-list {
  display: flex;
  gap: 16px;
  list-style-type: none;
  padding-bottom: var(--wp--preset--spacing--x-small);
  align-items: center;
  overflow-x: auto;
}
.fwpress-ui .wizard__indicator-list::-webkit-scrollbar {
  height: 2px;
}
.fwpress-ui .wizard__indicator-list::-webkit-scrollbar-track {
  background: #ffffff;
}
.fwpress-ui .wizard__indicator-list::-webkit-scrollbar-thumb {
  background: #f9f9f9;
}
.fwpress-ui .wizard__indicator-list .wizard__indicator-item {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  width: fit-content;
  font-size: 14px;
}
.fwpress-ui .wizard__indicator-list .wizard__indicator-item .wizard__indicator-item__label {
  color: rgba(0, 0, 0, 0.6);
}
.fwpress-ui .wizard__indicator-list .wizard__indicator-item .wizard__indicator-item__status {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  border: 2px solid rgba(0, 0, 0, 0.1);
  flex-grow: 0;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.fwpress-ui .wizard__indicator-list .wizard__indicator-item.is-completed {
  cursor: pointer;
}
.fwpress-ui .wizard__indicator-list .wizard__indicator-item.is-completed .wizard__indicator-item__status {
  background-color: #75A969;
  border-color: #75A969;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M5.16245 9.50001L0.887451 5.22501L1.9562 4.15626L5.16245 7.36251L12.0437 0.481262L13.1125 1.55001L5.16245 9.50001Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.fwpress-ui .wizard__indicator-list .wizard__indicator-item.is-completed .wizard__indicator-item__status > span {
  display: none;
}
.fwpress-ui .wizard__indicator-list .wizard__indicator-item.is-completed.has-error .wizard__indicator-item__status {
  background-color: #D83B49;
  border-color: #D83B49;
}
.fwpress-ui .wizard__indicator-list .wizard__indicator-item.is-completed .wizard__indicator-item__label {
  color: #000;
}
.fwpress-ui .wizard__indicator-list .wizard__indicator-item.is-active .wizard__indicator-item__label {
  color: #4285F4;
}
.fwpress-ui .wizard__indicator-list .wizard__indicator-item.is-active .wizard__indicator-item__status {
  color: #4285F4;
  border-color: #4285F4;
}
.fwpress-ui .wizard__indicator-list .wizard__indicator-item__divider {
  height: 2px;
  border-radius: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  min-width: 12px;
  width: 24px;
}
.fwpress-ui .wizard__question-progress {
  width: min(100%, 560px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fwpress-ui .wizard__question-progress__meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  font-size: 14px;
  color: rgba(66, 133, 244, 0.8);
}
.fwpress-ui .wizard__question-progress__label {
  font-weight: 600;
}
.fwpress-ui .wizard__question-progress__count {
  white-space: nowrap;
}
.fwpress-ui .wizard__question-progress__track {
  height: 10px;
  border-radius: 999px;
  background-color: rgba(66, 133, 244, 0.12);
  overflow: hidden;
}
.fwpress-ui .wizard__question-progress__fill {
  height: 100%;
  width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #2B3990 0%, #187AD9 100%);
  transition: width 0.2s ease;
}
.fwpress-ui .form__repeat-fields {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.fwpress-ui .form__repeat-fields__item {
  display: flex;
  gap: 9px;
  align-items: center;
}
.fwpress-ui .form__repeat-fields__item > .form__element {
  flex-grow: 1;
  flex-shrink: 1;
}
.fwpress-ui .form__repeat-fields__actions {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  gap: 6px;
  align-items: center;
  align-self: flex-start;
  padding-top: 30px;
}
.fwpress-ui .repeat-element,
.fwpress-ui .remove-repeat-element {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid rgba(66, 133, 244, 0.2);
  background-color: transparent;
  color: #4285F4;
  appearance: none;
  display: flex;
  cursor: pointer;
  justify-content: center;
  outline: 0;
}
.fwpress-ui .repeat-element {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  align-items: center;
}
.fwpress-ui .repeat-element:before {
  content: "add";
  font-family: "Material Symbols Outlined";
  position: relative;
  font-size: 18px;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 1;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: normal;
}
.fwpress-ui .remove-repeat-element {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  align-items: center;
}
.fwpress-ui .remove-repeat-element:before {
  content: "close";
  font-family: "Material Symbols Outlined";
  position: relative;
  font-size: 18px;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 1;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: normal;
}
.fwpress-ui .remove-repeat-element--disabled {
  cursor: not-allowed;
  pointer-events: none;
  background-color: rgba(54, 54, 54, 0.05);
  color: rgba(54, 54, 54, 0.4);
}
.fwpress-ui .tooltip {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%232B3990'%3E%3Cpath d='M444-288h72v-240h-72v240Zm35.79-312q15.21 0 25.71-10.29t10.5-25.5q0-15.21-10.29-25.71t-25.5-10.5q-15.21 0-25.71 10.29t-10.5 25.5q0 15.21 10.29 25.71t25.5 10.5Zm.49 504Q401-96 331-126t-122.5-82.5Q156-261 126-330.96t-30-149.5Q96-560 126-629.5q30-69.5 82.5-122T330.96-834q69.96-30 149.5-30t149.04 30q69.5 30 122 82.5T834-629.28q30 69.73 30 149Q864-401 834-331t-82.5 122.5Q699-156 629.28-126q-69.73 30-149 30Zm-.28-72q130 0 221-91t91-221q0-130-91-221t-221-91q-130 0-221 91t-91 221q0 130 91 221t221 91Zm0-312Z'/%3E%3C/svg%3E");
  margin-left: 3px;
}
.fwpress-ui .text-component--step {
  margin-bottom: var(--wp--preset--spacing--small);
  width: 100%;
}
.fwpress-ui .component--form--edit {
  padding: 36px;
  background-color: #fff;
  border-radius: 6px;
}
.fwpress-ui .wizard-prev {
  margin-right: auto;
}
@media screen and (max-width: 480px) {
  .fwpress-ui .form__elements--code {
    --gap-x:9px;
  }
  .fwpress-ui .form__elements--code .form__element--code input[type=text],
  .fwpress-ui .form__elements--code .form__element--code input[type=number] {
    font-size: 18px;
    padding: 0;
    text-align: center;
    flex: 1;
  }
}
.fwpress-ui .file-preview__list {
  display: flex;
  flex-direction: column;
  gap: 9px;
  max-width: 600px;
  margin-bottom: 9px;
}
.fwpress-ui .file-preview__item {
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.02);
  display: flex;
  overflow: hidden;
}
.fwpress-ui .file-preview__item__preview {
  width: 72px;
  height: 72px;
}
.fwpress-ui .file-preview__item__preview img {
  object-fit: cover;
  aspect-ratio: 1/1;
  width: 100%;
}
.fwpress-ui .file-preview__item__details {
  padding: 18px;
  display: flex;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
}
.fwpress-ui .file-preview__item__details__info {
  flex: 1;
  align-self: center;
}
.fwpress-ui .file-preview__item__details__actions {
  flex-grow: 0;
  flex-shrink: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 8px;
  gap: 8px;
}
.fwpress-ui .file-preview__item__details__action {
  width: 18px;
  height: 18px;
  cursor: pointer;
  color: #187AD9;
}
.fwpress-ui .text-component .fwpress-placeholder--empty {
  display: none !important;
}
@media screen and (max-width: 600px) {
  .fwpress-ui .rating {
    gap: 9px;
  }
  .fwpress-ui .rating__stars {
    gap: 0;
  }
  .fwpress-ui .rating__star {
    width: 24px;
    height: 24px;
  }
  .fwpress-ui .rating__star .material-symbols-outlined {
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
  .fwpress-ui .rating--numbers .rating__stars {
    gap: 6px;
  }
  .fwpress-ui .rating--numbers .rating__star {
    width: auto;
    height: auto;
    min-width: 34px;
    padding: 6px 8px;
    font-size: 14px;
  }
  .fwpress-ui .rating--balance .rating__balance__label,
  .fwpress-ui .rating--balance .rating__balance__label--right {
    font-size: 12px;
  }
  .fwpress-ui .rating--balance .rating__score {
    justify-content: flex-start;
  }
  .fwpress-ui .rating--balance .rating__balance {
    gap: 0 !important;
    max-width: 100%;
    max-width: calc(100vw - 32px);
  }
  .fwpress-ui .rating--balance .rating__balance .rating__balance__center {
    width: 50%;
    min-width: unset;
  }
  .fwpress-ui .rating--balance .rating__balance .rating__balance__label {
    width: 25%;
    min-width: unset;
    max-width: 25%;
  }
  .fwpress-ui .rating--balance .rating__balance .rating__balance__label.rating__balance__label--left {
    padding-right: 6px;
  }
  .fwpress-ui .rating--balance .rating__balance .rating__balance__label.rating__balance__label--right {
    padding-left: 6px;
  }
  .fwpress-ui .wizard__indicator-item {
    font-size: 12px;
    gap: 6px;
  }
  .fwpress-ui .wizard__indicator-item .wizard__indicator-item__status {
    width: 24px;
    height: 24px;
  }
  .fwpress-ui .wizard__question-progress__meta {
    font-size: 12px;
    flex-wrap: wrap;
  }
  .fwpress-ui .wizard__step__buttons {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 24px 24px;
    grid-template-areas: "prev next" "save save";
  }
  .fwpress-ui .wizard-prev {
    grid-area: prev;
    width: 100%;
  }
  .fwpress-ui .wizard-next {
    grid-area: next;
    width: 100%;
  }
  .fwpress-ui .wizard-save-draft {
    grid-area: save;
    width: 100%;
  }
  .fwpress-ui .wizard__step__buttons {
    column-gap: 12px;
  }
  .fwpress-ui .fwpress-button__label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .fwpress-ui [data-form-builder] .rating__balance,
  .fwpress-ui [data-form-builder-static] .rating__balance, .fwpress-ui .overlay .rating__balance {
    gap: 0 !important;
  }
}
.fwpress-ui__container {
  display: flex;
  flex-wrap: nowrap;
  height: 100dvh;
  overflow: hidden;
}
.fwpress-ui__container .container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.fwpress-ui .main {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  overflow-y: auto;
  scrollbar-width: none;
}
.fwpress-ui .main > .components {
  display: flex;
  flex-direction: column;
  padding-top: 32px;
  padding-bottom: 32px;
  flex: 1;
}
.fwpress-ui .main__footer {
  position: sticky;
  bottom: 0;
}
[data-form-builder] *,
[data-form-builder-static] *,
.overlay * {
  box-sizing: border-box;
}

[data-form-builder] + [data-form-builder] {
  margin-top: 24px;
}
[data-form-builder] .fwpress-buttons {
  margin: 0;
  padding: 0;
}

[data-form-builder-static] .form__component--other-item--radio {
  margin-top: 0;
}
[data-form-builder-static] .form__component--other-item--radio .form__label {
  display: block;
}

.form-submission {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--medium);
}
.form-submission__submissions {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.form-submission__submissions__item {
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.02);
  padding: 18px;
  display: flex;
  gap: var(--wp--preset--spacing--small);
  flex-wrap: wrap;
}
.form-submission__submissions__item__column {
  min-width: fit-content;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.form-submission__submissions__item__column__label {
  text-box: trim-both cap alphabetic;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.form-submission__submissions__item__column__value {
  text-box: trim-both cap alphabetic;
}
.form-submission__submissions__item__column:last-child {
  align-items: flex-end;
}

.upload-active {
  width: 100%;
  height: 100%;
  position: fixed !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 150'%3E%3Cpath fill='none' stroke='%23187AD9' stroke-width='15' stroke-linecap='round' stroke-dasharray='300 385' stroke-dashoffset='0' d='M275 75c0 31-27 50-50 50-58 0-92-100-150-100-28 0-50 22-50 50s23 50 50 50c58 0 92-100 150-100 24 0 50 19 50 50Z'%3E%3Canimate attributeName='stroke-dashoffset' calcMode='spline' dur='2' values='685;-685' keySplines='0 0 1 1' repeatCount='indefinite'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E");
  background-position: center center;
  background-size: 60px auto;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.35);
  display: none;
  left: 0;
  top: 0;
  backdrop-filter: blur(1px);
}

.fwpress--link {
  text-decoration: none;
  font-weight: bold;
  color: #4B7EBD;
}

/* FWPress Toast */
.fwpress-toast {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: #333;
  color: #fff;
  padding: 12px 20px;
  border-radius: 6px;
  font-size: 15px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  z-index: 9999;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.fwpress-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.fwpress-toast--success {
  background: #2e7d32;
}

.fwpress-toast--error {
  background: #c62828;
}

@media screen and (max-width: 600px) {
  .form-submission__submissions__item {
    flex-direction: column;
  }
  .form-submission__submissions__item__column:last-child {
    align-items: flex-start;
  }
}