@olenbetong/synergi-react 2.3.4 → 2.3.6

package/dist/esm/ob.react.css

@@ -1,1956 +0,0 @@
-@charset "UTF-8";
-
-/* src/components/Checkbox/index.scss */
-.ObCheckbox-root {
-  --check-width: 2rem;
-  --bg-color: var(--brand-dark, rgba(42, 65, 50, 0.5));
-  --bg-color-hover: var(--brand-primary, rgba(42, 65, 50, 0.8));
-  --bg-color-selected: var(--brand-light);
-  display: inline-block;
-  height: var(--check-width);
-  margin-bottom: 0;
-}
-.ObCheckbox-root:focus-within .ObCheckbox-box {
-  border: 0.1rem solid black;
-}
-.ObCheckbox-root.Ob-disabled {
-  --bg-color: rgba(150, 150, 150, 0.5);
-  --bg-color-hover: var(--bg-color);
-}
-.ObCheckbox-box {
-  position: relative;
-  background: var(--bg-color);
-  transition: background 300ms ease;
-  overflow: hidden;
-  border-radius: calc(var(--check-width) / 15);
-  height: var(--check-width);
-  width: var(--check-width);
-}
-.ObCheckbox-box:hover {
-  background: var(--bg-color-hover);
-}
-.ObCheckbox-label {
-  position: relative;
-  margin-bottom: 0;
-  overflow: hidden;
-}
-.ObCheckbox-label:focus {
-  outline: none;
-}
-.ObCheckbox-mark {
-  color: #fff;
-  display: inline-block;
-  font-size: calc(var(--check-width) * 0.4);
-  left: 50%;
-  opacity: 0;
-  pointer-events: none;
-  position: absolute;
-  top: 50%;
-  transition: all 300ms ease-in-out;
-  transition-delay: 0ms;
-  transform: translate(-50%, -50%) scale(6);
-}
-.ObCheckbox-input {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-.ObCheckbox-input:focus {
-  outline: none;
-}
-.ObCheckbox-label {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
-  overflow: visible;
-}
-.ObCheckbox-root.Ob-reverse .ObCheckbox-label {
-  flex-direction: row-reverse;
-}
-.ObCheckbox-input:checked:not(:disabled) + .ObCheckbox-label .ObCheckbox-box {
-  animation: animOn 600ms 1 forwards;
-}
-.ObCheckbox-input:checked:not(:disabled) + .ObCheckbox-label .ObCheckbox-box {
-  background: var(--bg-color-selected);
-}
-.ObCheckbox-input:checked + .ObCheckbox-label .ObCheckbox-box .ObCheckbox-mark {
-  transform: translate(-50%, -50%) scale(1);
-  transition-delay: 200ms;
-  opacity: 1;
-}
-.ObCheckbox-root.Ob-disabled .ObCheckbox-box {
-  cursor: not-allowed;
-}
-@keyframes animOn {
-  40% {
-    transform: scaleY(0.4) scaleX(2);
-  }
-  50% {
-    transform: scaleY(1.2) scaleX(0.6);
-  }
-  60% {
-    transform: scaleY(0.8) scaleX(1.4);
-  }
-  70% {
-    transform: scaleY(1.1) scaleX(0.9);
-  }
-  100% {
-    transform: scaleY(1) scaleX(1);
-  }
-}
-
-/* src/components/ColorCard/index.css */
-.ObColorCard-root {
-  --bg-color-border: black;
-  --bg-color-main: white;
-  --bg-size: 0.75rem;
-  --card-color: rgb(0, 0, 0);
-  display: flex;
-  align-items: stretch;
-  min-height: 10rem;
-  overflow: hidden;
-  border-radius: 0.25rem;
-  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.15), 0 1px 6px rgba(0, 0, 0, 0.25);
-  color: #666;
-  background-image:
-    linear-gradient(
-      to right,
-      var(--bg-color-border),
-      var(--bg-color-border) var(--bg-size),
-      var(--bg-color-main) var(--bg-size),
-      var(--bg-color-main));
-  font-family:
-    "Variable Bahnschrift",
-    "Bahnschrift",
-    "Open Sans",
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    sans-serif,
-    "Apple Color Emoji",
-    "Segoe UI Emoji",
-    "Segoe UI Symbol";
-  font-size: 1rem;
-  transition: all ease-in-out 300ms;
-  cursor: pointer;
-  &:nth-of-type(5n+1) {
-    --bg-color-border: rgb(178, 108, 190);
-  }
-  &:nth-of-type(5n+2) {
-    --bg-color-border: rgb(79, 164, 61);
-  }
-  &:nth-of-type(5n+3) {
-    --bg-color-border: rgb(246, 170, 23);
-  }
-  &:nth-of-type(5n+4) {
-    --bg-color-border: rgb(218, 93, 83);
-  }
-  &:nth-of-type(5n+5) {
-    --bg-color-border: rgb(23, 162, 184);
-  }
-  &:hover,
-  &:focus {
-    --bg-color-main: #f5f5f5;
-    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.15), 0 3px 12px rgba(0, 0, 0, 0.25);
-    text-decoration: none;
-  }
-  @media screen and (min-width: 48rem) {
-    font-size: 1.2rem;
-  }
-}
-.ObColorCard-column {
-  display: flex;
-  flex: 1 1 100%;
-  flex-direction: column;
-  justify-content: space-between;
-  margin: 1rem 0;
-  padding: 0.5rem 1.5rem 0.5rem 1rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  &:first-child {
-    margin-left: var(--bg-size, 0.75rem);
-  }
-  &.ObColorCard-minor {
-    flex: 0 0 4rem;
-    border-right: 1px solid #e3e3e3;
-    transition: margin ease-in-out 300ms;
-    @media screen and (min-width: 48rem) {
-      flex: 0 0 8rem;
-    }
-  }
-}
-.ObColorCard-detailValue {
-  color: #555555;
-}
-.ObColorCard-detailLabel {
-  color: #696969;
-  font-size: 0.8rem;
-  text-transform: uppercase;
-}
-.ObColorCard-detail {
-  &:not(:last-child) {
-    margin-right: 1.5rem;
-  }
-  &.ObColorCard-primary,
-  &.ObColorCard-primary .ObColorCard-detailValue {
-    font-size: 1.25rem;
-    font-weight: 300;
-  }
-  &.ObColorCard-primary .ObColorCard-detailValue {
-    color: unset;
-  }
-  @media screen and (min-width: 48rem) {
-    font-size: 1rem;
-  }
-}
-.ObColorCard-stepList {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-.ObColorCard-step {
-  position: relative;
-  text-box-trim: trim-both;
-  display: flex;
-  align-items: flex-start;
-  gap: 0.5rem;
-}
-.ObColorCard-step::before {
-  flex: 0.6em 0 0;
-  content: "";
-  position: relative;
-  top: 0.25em;
-  width: 0.6em;
-  height: 0.6em;
-  background: white;
-  border: 2px solid var(--bg-color-border, #999);
-  border-radius: 50%;
-  box-sizing: border-box;
-  z-index: 1;
-}
-.ObColorCard-step:not(:last-child)::after {
-  content: "";
-  position: absolute;
-  top: calc(0.25em + 0.6em + 0.15em);
-  left: calc(0.3em - 1px);
-  height: calc(100% - 0.95em + 1rem + 0.0625em);
-  border-left: 2px dotted #999;
-  z-index: 0;
-}
-
-/* src/components/DateNavigator/index.css */
-:root {
-  --ob-datenavigator-height: 3rem;
-}
-.ObDateNavigator-icon {
-  display: inline-block;
-  svg {
-    width: 0.625em;
-    position: relative;
-    top: -1px;
-  }
-}
-.ObDateNavigator-root {
-  background-color: hsl(220, 20%, 96%);
-  background-color: var(--block-header-color-bg);
-  display: flex;
-  font-size: 1rem;
-  outline: none;
-  &:focus-visible {
-    outline: 2px solid var(--brand-dark, #336699);
-    outline-offset: 2px;
-  }
-}
-.ObDateNavigator-arrow {
-  display: flex;
-  align-items: center;
-  flex: 0 0 var(--ob-datenavigator-height);
-  justify-content: center;
-  height: var(--ob-datenavigator-height);
-  cursor: pointer;
-  text-align: center;
-  &:hover:not(:disabled) {
-    background-color: #e3e3e3;
-    background-color: var(--block-header-button-hover);
-  }
-  &:disabled {
-    cursor: not-allowed;
-    color: rgba(0 0 0 / 0.2);
-  }
-}
-.ObDateNavigator-arrowLeft {
-  border-right: 1px solid #dddddd;
-  order: 1;
-}
-.ObDateNavigator-arrowRight {
-  border-left: 1px solid #dddddd;
-  order: 3;
-}
-.ObDateNavigator-date {
-  display: flex;
-  flex: 1 1 100%;
-  flex-direction: column;
-  justify-content: center;
-  order: 2;
-  height: var(--ob-datenavigator-height);
-  text-align: center;
-}
-.ObDateNavigator-today {
-  order: 4;
-  padding: 0 1rem;
-  height: var(--ob-datenavigator-height);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.875rem;
-  color: var(--brand-dark, #336699);
-  text-transform: uppercase;
-  cursor: pointer;
-  text-wrap: nowrap;
-  border-left: 1px solid #dddddd;
-  &:hover:not(:disabled) {
-    background-color: var(--block-header-button-hover);
-  }
-  &:focus-visible {
-    outline: 2px solid var(--brand-dark, #336699);
-    outline-offset: 2px;
-  }
-}
-
-/* src/components/LinkedCardList/index.scss */
-:root {
-  --ob-linked-list-bullet-size: 0.7em;
-  --ob-linked-list-line-width: 0.2em;
-}
-.ObLinkedList-root {
-  list-style-type: none;
-  margin-left: 0;
-  padding-left: 0;
-}
-.ObLinkedList-item {
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-}
-.ObLinkedList-leftColumn {
-  flex: 1 1 4em;
-  font-size: 0.75em;
-  padding: 0 1em;
-  text-align: center;
-}
-.ObLinkedList-rightColumn {
-  flex: 1 1 100%;
-  padding: 1em 1em 1em 1.5em;
-}
-.ObLinkedList-line {
-  display: flex;
-  align-self: stretch;
-  flex: 0 0 0.2em;
-  background: white;
-  position: relative;
-}
-.ObLinkedList-bullet {
-  background: white;
-  border: 1px solid rgba(50, 50, 50, 0.25);
-  border-radius: 0.55em;
-  height: 0.7em;
-  width: 0.7em;
-  position: absolute;
-  left: 0;
-  top: 50%;
-  transform: translate(calc(-1 * var(--ob-linked-list-bullet-size) / 2 + var(--ob-linked-list-line-width) / 2), -50%);
-}
-.ObLinkedList-card {
-  display: block;
-  background: white;
-  border: 1px solid;
-  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
-  border-radius: 0.1875em;
-  color: inherit;
-  cursor: pointer;
-  flex: 100% 1 1;
-  position: relative;
-}
-.ObLinkedList-card::before {
-  border-bottom: 0.5em solid transparent;
-  border-right: 1em solid white;
-  border-top: 0.5em solid transparent;
-  content: " ";
-  filter: drop-shadow(-1px 0px 1px rgba(50, 50, 50, 0.2));
-  height: 1em;
-  left: -1em;
-  margin-top: -0.5em;
-  position: absolute;
-  top: 50%;
-  width: 1em;
-}
-.ObLinkedList-card:hover {
-  background-color: hsl(220, 20%, 94%) !important;
-  color: inherit;
-  text-decoration: inherit;
-}
-.ObLinkedList-card:hover::before {
-  border-right-color: hsl(220, 20%, 94%) !important;
-}
-
-/* src/components/PageBanner/index.scss */
-.ObPageBanner-root {
-  background-color: hsl(186, 72%, 24%);
-  background-color: var(--brand-dark);
-  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.2);
-  color: white;
-}
-.ObPageBanner-root a {
-  color: hsl(200, 50%, 80%);
-}
-.ObPageBanner-inner {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-}
-@media screen and (min-width: 768px) {
-  .ObPageBanner-inner {
-    align-items: flex-start;
-    flex-direction: row;
-  }
-}
-.ObPageBanner-plantTitle {
-  font-size: 2rem;
-}
-@media screen and (min-width: 992px) {
-  .ObPageBanner-plantTitle {
-    font-size: 3rem;
-  }
-}
-.ObPageBanner-bannerImage {
-  align-self: stretch;
-  background-color: #ddd;
-  display: inline-block;
-  height: 20vh;
-  object-fit: cover;
-  object-position: center center;
-  width: 100%;
-}
-@media screen and (min-width: 576px) {
-  .ObPageBanner-bannerImage {
-    align-self: center;
-    margin: 0;
-    margin-right: 1rem;
-    border: 0.4rem solid white;
-    border-radius: 50%;
-    height: 150px;
-    width: 150px;
-  }
-}
-@media screen and (min-width: 992px) {
-  .ObPageBanner-bannerImage {
-    height: 250px;
-    width: 250px;
-  }
-}
-.ObPageBanner-bannerTitle {
-  margin-bottom: 1rem;
-  margin-top: 1rem;
-  font-size: 2rem;
-}
-@media screen and (min-width: 768px) {
-  .ObPageBanner-bannerTitle {
-    margin-top: 0;
-  }
-}
-@media screen and (min-width: 992px) {
-  .ObPageBanner-bannerTitle {
-    font-size: 3rem;
-  }
-}
-.ObPageBanner-tabList.sticky {
-  position: -webkit-sticky;
-  position: sticky;
-  top: 0;
-  z-index: 1000;
-}
-.ObPageBanner-tabListInner {
-  overflow-x: auto;
-  scrollbar-width: thin;
-  white-space: nowrap;
-}
-.ObPageBanner-tab {
-  border-bottom: 0.25rem solid transparent;
-  display: inline-block;
-  margin-top: 0.5rem;
-  min-width: 8rem;
-  padding: 0.5rem 1rem;
-  text-align: center;
-  text-transform: capitalize;
-}
-.ObPageBanner-tab.active {
-  border-color: white;
-}
-
-/* src/components/ProgressBar/index.scss */
-.ObProgressBar-root {
-  height: 1.5em;
-  width: 100%;
-  appearance: none;
-  -webkit-appearance: none;
-  background-color: whiteSmoke;
-  border: none;
-  border-radius: 3px;
-  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
-  color: royalblue;
-  position: relative;
-}
-.ObProgressBar-root::-webkit-progress-bar {
-  background-color: whiteSmoke;
-  border-radius: 3px;
-  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
-}
-.ObProgressBar-root::-webkit-progress-value {
-  background-image:
-    linear-gradient(
-      135deg,
-      transparent,
-      transparent 33%,
-      rgba(0, 0, 0, 0.1) 33%,
-      rgba(0, 0, 0, 0.1) 66%,
-      transparent 66%),
-    linear-gradient(
-      top,
-      rgba(255, 255, 255, 0.25),
-      rgba(0, 0, 0, 0.2)),
-    linear-gradient(
-      left,
-      var(--brand-primary),
-      var(--brand-light));
-  background-image:
-    -webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),
-    -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
-    -webkit-linear-gradient(left, var(--brand-primary), var(--brand-light));
-  background-size:
-    35px 20px,
-    100% 100%,
-    100% 100%;
-  border-radius: 3px;
-  position: relative;
-  transition: width 0.5s ease-out;
-}
-.ObProgressBar-root::-webkit-progress-value:after {
-  background-color: white;
-  content: "";
-  border-radius: 100%;
-  height: 5px;
-  position: absolute;
-  right: 7px;
-  top: 7px;
-  width: 5px;
-}
-.ObProgressBar-root::-moz-progress-bar {
-  background-image:
-    linear-gradient(
-      135deg,
-      transparent,
-      transparent 33%,
-      rgba(0, 0, 0, 0.1) 33%,
-      rgba(0, 0, 0, 0.1) 66%,
-      transparent 66%),
-    linear-gradient(
-      top,
-      rgba(255, 255, 255, 0.25),
-      rgba(0, 0, 0, 0.2)),
-    linear-gradient(
-      left,
-      var(--brand-primary),
-      var(--brand-light));
-  background-image:
-    -moz-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%),
-    -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
-    -moz-linear-gradient(left, var(--brand-primary), var(--brand-light));
-  background-size:
-    35px 20px,
-    100% 100%,
-    100% 100%;
-  border-radius: 3px;
-  transition: width 0.5s ease-out;
-}
-
-/* src/components/Sidebar/index.scss */
-.ObSidebar-root {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  top: 0;
-  z-index: 2;
-  background-color: white;
-  transform: translateX(-100%);
-  transition: transform 0.2s ease-out;
-  will-change: transform;
-}
-.ObSidebar-root.Ob-right {
-  left: unset;
-  right: 0;
-  transform: translateX(100%);
-}
-.ObSidebar-root {
-  overflow-y: auto;
-}
-.ObSidebar-root.Ob-open {
-  transform: translateX(0);
-}
-.ObSidebar-root.ObSidebar-shadow {
-  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
-}
-.ObSidebar-root.ObSidebar-shadow.Ob-right {
-  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.15);
-}
-.ObSidebar-overlay {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  top: 0;
-  z-index: 1;
-  opacity: 0;
-  visibility: hidden;
-  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
-  background-color: rgba(0, 0, 0, 0.3);
-}
-.ObSidebar-overlay.Ob-open {
-  opacity: 1;
-  visibility: visible;
-}
-
-/* src/components/Spinner/index.css */
-.ObSpinner-wrapper,
-.ObSpinner-fullPage {
-  --bullet-size: 0.5em;
-}
-.ObSpinner-root {
-  display: inline-block;
-}
-.ObSpinner-fullPage {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100vh;
-  width: 100vw;
-}
-.ObSpinner-spinner {
-  display: inline-block;
-  height: calc(var(--bullet-size) * 1.5);
-  position: relative;
-  width: calc(var(--bullet-size) * 5);
-}
-.ObSpinner-bullet {
-  animation-timing-function: cubic-bezier(0, 1, 1, 0);
-  background: #666;
-  border-radius: 50%;
-  height: var(--bullet-size);
-  position: absolute;
-  top: 0.2rem;
-  width: var(--bullet-size);
-  &:nth-child(1) {
-    animation: scaleAnimation 0.6s infinite ease-in-out;
-    left: calc(var(--bullet-size) * 0.5);
-  }
-  &:nth-child(2) {
-    animation: translateAnimation 0.6s infinite ease-in-out;
-    left: calc(var(--bullet-size) * 0.5);
-  }
-  &:nth-child(3) {
-    animation: translateAnimation 0.6s infinite ease-in-out;
-    left: calc(var(--bullet-size) * 2.4);
-  }
-  &:nth-child(4) {
-    animation: scaleAnimation 0.6s infinite ease-in-out reverse;
-    left: calc(var(--bullet-size) * 4);
-  }
-}
-@keyframes scaleAnimation {
-  from {
-    transform: scale(0);
-  }
-  to {
-    transform: scale(1);
-  }
-}
-@keyframes translateAnimation {
-  from {
-    transform: translate(0, 0);
-  }
-  to {
-    transform: translate(calc(var(--bullet-size) * 1.65), 0);
-  }
-}
-
-/* src/components/SplitContainer/index.scss */
-.\1f616  {
-  display: initial;
-}
-.ObSplitContainer-root {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
-}
-.ObSplitContainer-root.horizontal {
-  flex-direction: row;
-}
-.ObSplitContainer-panel {
-  overflow: hidden;
-}
-.ObSplitContainer-divider {
-  flex: 0 0 0.5rem;
-  background-color: transparent;
-  line-height: 0.75;
-  cursor: ns-resize;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.ObSplitContainer-divider:focus {
-  background-color: rgba(0, 0, 0, 0.3);
-}
-.ObSplitContainer-root.horizontal > .ObSplitContainer-divider {
-  cursor: ew-resize;
-  writing-mode: vertical-lr;
-}
-.ObSplitContainer-panel.dragging {
-  pointer-events: none;
-}
-
-/* src/components/ValueToggleGroup/index.css */
-.ObValueToggleOption {
-  display: flex;
-  align-items: center;
-  margin: 0;
-  position: relative;
-}
-.ObValueToggleLabel {
-  font-size: 0.8em;
-  margin: 0 0.2em;
-  padding: 0.3em 0.5em;
-  text-transform: uppercase;
-  transition: background 0.2s ease, color 0.2s ease;
-  border-radius: 4px;
-}
-.ObValueToggleGroup {
-  padding: 0.25rem;
-  border: 2px solid rgb(0 0 0 / 0.2);
-  border-radius: 4px;
-  display: flex;
-  gap: 0.25rem;
-  flex-wrap: wrap;
-  &.vertical {
-    flex-direction: column;
-    align-items: center;
-    & .ObValueToggleOption {
-      width: 100%;
-      & .ObValueToggleLabel {
-        width: 100%;
-        text-align: center;
-      }
-    }
-  }
-  &:focus-within {
-    border-color: rgb(0 0 0 / 0.8);
-  }
-}
-.ObValueToggleOption input {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0;
-}
-.ObValueToggleOption:hover input:not(:disabled) + .ObValueToggleLabel {
-  cursor: pointer;
-  background: #ccc;
-}
-.ObValueToggleOption input:checked + .ObValueToggleLabel {
-  --color-bg: var(--brand-dark);
-  background-color: var(--color-bg);
-  color: white;
-  cursor: default;
-}
-.ObValueToggleOption input:disabled + .ObValueToggleLabel {
-  color: rgb(0 0 0 / 0.5);
-}
-.ObValueToggleOption input:checked:focus-visible + .ObValueToggleLabel {
-  --color-bg: var(--brand-light);
-  outline: 2px solid var(--brand-light);
-}
-.ObValueToggleOption input:checked:hover + .ObValueToggleLabel {
-  background-color: var(--color-bg);
-}
-
-/* src/features/ElementDamageForm/index.css */
-.flow > * + * {
-  margin-top: var(--spacing, 1rem) !important;
-}
-
-/* src/features/AddElementDialog/HIDScanner/index.css */
-@property --angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
-@keyframes MovingBackground {
-  0% {
-    --angle: 0deg;
-  }
-  50% {
-    --angle: 180deg;
-  }
-  100% {
-    --angle: 360deg;
-  }
-}
-
-/* ../../node_modules/.pnpm/filepond-plugin-file-poster@2.5.2_filepond@4.32.9/node_modules/filepond-plugin-file-poster/dist/filepond-plugin-file-poster.css */
-.filepond--file-poster-wrapper {
-  z-index: 2;
-}
-.filepond--image-preview-wrapper ~ .filepond--file-poster-wrapper {
-  display: none;
-}
-.filepond--file-poster-overlay {
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  min-height: 5rem;
-  max-height: 7rem;
-  margin: 0;
-  opacity: 0;
-  z-index: 1;
-  mix-blend-mode: multiply;
-  pointer-events: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  aspect-ratio: auto;
-}
-.filepond--file-poster-overlay:nth-of-type(2) {
-  mix-blend-mode: normal;
-}
-.filepond--file-poster-overlay:nth-of-type(3) {
-  mix-blend-mode: normal;
-}
-@supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
-  .filepond--file-poster-overlay {
-    mix-blend-mode: normal;
-  }
-}
-.filepond--file-poster-wrapper {
-  pointer-events: none;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  height: 100%;
-  margin: 0;
-  border-radius: 0.45em;
-  overflow: hidden;
-  background: rgba(0, 0, 0, 0.01);
-}
-.filepond--file-poster {
-  position: relative;
-  z-index: 1;
-  display: block;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  -webkit-transform-origin: center center;
-  transform-origin: center center;
-  background: #222;
-  will-change: transform, opacity;
-}
-.filepond--file-poster img {
-  height: 100%;
-  width: auto;
-  position: relative;
-  overflow: hidden;
-  margin: 0 auto;
-  display: block;
-  will-change: transform;
-}
-.filepond--root[data-style-panel-layout~=integrated] .filepond--file-poster-wrapper {
-  border-radius: 0;
-}
-.filepond--root[data-style-panel-layout~=integrated] .filepond--file-poster {
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--file-poster-wrapper {
-  border-radius: 99999rem;
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--file-poster-overlay {
-  top: auto;
-  bottom: 0;
-  -webkit-transform: scaleY(-1);
-  transform: scaleY(-1);
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]) {
-  margin-bottom: 0.325em;
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] {
-  left: calc(50% - 3em);
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right] {
-  right: calc(50% - 3em);
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],
-.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right] {
-  margin-bottom: calc(0.325em + 0.1875em);
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center] {
-  margin-top: 0;
-  margin-bottom: 0.1875em;
-  margin-left: 0.1875em;
-}
-
-/* ../../node_modules/.pnpm/filepond-plugin-image-preview@4.6.12_filepond@4.32.9/node_modules/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css */
-.filepond--image-preview-markup {
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-.filepond--image-preview-wrapper {
-  z-index: 2;
-}
-.filepond--image-preview-overlay {
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  min-height: 5rem;
-  max-height: 7rem;
-  margin: 0;
-  opacity: 0;
-  z-index: 2;
-  pointer-events: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-.filepond--image-preview-overlay svg {
-  width: 100%;
-  height: auto;
-  color: inherit;
-  max-height: inherit;
-}
-.filepond--image-preview-overlay-idle {
-  mix-blend-mode: multiply;
-  color: rgba(40, 40, 40, 0.85);
-}
-.filepond--image-preview-overlay-success {
-  mix-blend-mode: normal;
-  color: rgba(54, 151, 99, 1);
-}
-.filepond--image-preview-overlay-failure {
-  mix-blend-mode: normal;
-  color: rgba(196, 78, 71, 1);
-}
-@supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
-  .filepond--image-preview-overlay-idle {
-    mix-blend-mode: normal;
-  }
-}
-.filepond--image-preview-wrapper {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  height: 100%;
-  margin: 0;
-  border-radius: 0.45em;
-  overflow: hidden;
-  background: rgba(0, 0, 0, 0.01);
-}
-.filepond--image-preview {
-  position: absolute;
-  left: 0;
-  top: 0;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  height: 100%;
-  width: 100%;
-  pointer-events: none;
-  background: #222;
-  will-change: transform, opacity;
-}
-.filepond--image-clip {
-  position: relative;
-  overflow: hidden;
-  margin: 0 auto;
-}
-.filepond--image-clip[data-transparency-indicator=grid] img,
-.filepond--image-clip[data-transparency-indicator=grid] canvas {
-  background-color: #fff;
-  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
-  background-size: 1.25em 1.25em;
-}
-.filepond--image-bitmap,
-.filepond--image-vector {
-  position: absolute;
-  left: 0;
-  top: 0;
-  will-change: transform;
-}
-.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper {
-  border-radius: 0;
-}
-.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview {
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper {
-  border-radius: 99999rem;
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay {
-  top: auto;
-  bottom: 0;
-  -webkit-transform: scaleY(-1);
-  transform: scaleY(-1);
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]) {
-  margin-bottom: 0.325em;
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] {
-  left: calc(50% - 3em);
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right] {
-  right: calc(50% - 3em);
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],
-.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right] {
-  margin-bottom: calc(0.325em + 0.1875em);
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center] {
-  margin-top: 0;
-  margin-bottom: 0.1875em;
-  margin-left: 0.1875em;
-}
-
-/* ../../node_modules/.pnpm/filepond@4.32.9/node_modules/filepond/dist/filepond.css */
-.filepond--assistant {
-  position: absolute;
-  overflow: hidden;
-  height: 1px;
-  width: 1px;
-  padding: 0;
-  border: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-  -webkit-clip-path: inset(50%);
-  clip-path: inset(50%);
-  white-space: nowrap;
-}
-.filepond--browser.filepond--browser {
-  position: absolute;
-  margin: 0;
-  padding: 0;
-  left: 1em;
-  top: 1.75em;
-  width: calc(100% - 2em);
-  opacity: 0;
-  font-size: 0;
-}
-.filepond--data {
-  position: absolute;
-  width: 0;
-  height: 0;
-  padding: 0;
-  margin: 0;
-  border: none;
-  visibility: hidden;
-  pointer-events: none;
-  contain: strict;
-}
-.filepond--drip {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  overflow: hidden;
-  opacity: 0.1;
-  pointer-events: none;
-  border-radius: 0.5em;
-  background: rgba(0, 0, 0, 0.01);
-}
-.filepond--drip-blob {
-  position: absolute;
-  -webkit-transform-origin: center center;
-  transform-origin: center center;
-  top: 0;
-  left: 0;
-  width: 8em;
-  height: 8em;
-  margin-left: -4em;
-  margin-top: -4em;
-  background: #292625;
-  border-radius: 50%;
-  will-change: transform, opacity;
-}
-.filepond--drop-label {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  margin: 0;
-  color: #4f4f4f;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 0px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  will-change: transform, opacity;
-}
-.filepond--drop-label.filepond--drop-label label {
-  display: block;
-  margin: 0;
-  padding: 0.5em;
-}
-.filepond--drop-label label {
-  cursor: default;
-  font-size: 0.875em;
-  font-weight: normal;
-  text-align: center;
-  line-height: 1.5;
-}
-.filepond--label-action {
-  text-decoration: underline;
-  -webkit-text-decoration-skip: ink;
-  text-decoration-skip-ink: auto;
-  -webkit-text-decoration-color: #a7a4a4;
-  text-decoration-color: #a7a4a4;
-  cursor: pointer;
-}
-.filepond--root[data-disabled] .filepond--drop-label label {
-  opacity: 0.5;
-}
-.filepond--file-action-button.filepond--file-action-button {
-  font-size: 1em;
-  width: 1.625em;
-  height: 1.625em;
-  font-family: inherit;
-  line-height: inherit;
-  margin: 0;
-  padding: 0;
-  border: none;
-  outline: none;
-  will-change: transform, opacity;
-}
-.filepond--file-action-button.filepond--file-action-button span {
-  position: absolute;
-  overflow: hidden;
-  height: 1px;
-  width: 1px;
-  padding: 0;
-  border: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-  -webkit-clip-path: inset(50%);
-  clip-path: inset(50%);
-  white-space: nowrap;
-}
-.filepond--file-action-button.filepond--file-action-button {
-}
-.filepond--file-action-button.filepond--file-action-button svg {
-  width: 100%;
-  height: 100%;
-}
-.filepond--file-action-button.filepond--file-action-button {
-}
-.filepond--file-action-button.filepond--file-action-button::after {
-  position: absolute;
-  left: -0.75em;
-  right: -0.75em;
-  top: -0.75em;
-  bottom: -0.75em;
-  content: "";
-}
-.filepond--file-action-button {
-  cursor: auto;
-  color: #fff;
-  border-radius: 50%;
-  background-color: rgba(0, 0, 0, 0.5);
-  background-image: none;
-  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-  transition: box-shadow 0.25s ease-in;
-}
-.filepond--file-action-button:hover,
-.filepond--file-action-button:focus {
-  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
-}
-.filepond--file-action-button[disabled] {
-  color: rgba(255, 255, 255, 0.5);
-  background-color: rgba(0, 0, 0, 0.25);
-}
-.filepond--file-action-button[hidden] {
-  display: none;
-}
-.filepond--action-edit-item.filepond--action-edit-item {
-  width: 2em;
-  height: 2em;
-  padding: 0.1875em;
-}
-.filepond--action-edit-item.filepond--action-edit-item[data-align*=center] {
-  margin-left: -0.1875em;
-}
-.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom] {
-  margin-bottom: -0.1875em;
-}
-.filepond--action-edit-item-alt {
-  border: none;
-  line-height: inherit;
-  background: transparent;
-  font-family: inherit;
-  color: inherit;
-  outline: none;
-  padding: 0;
-  margin: 0 0 0 0.25em;
-  pointer-events: all;
-  position: absolute;
-}
-.filepond--action-edit-item-alt svg {
-  width: 1.3125em;
-  height: 1.3125em;
-}
-.filepond--action-edit-item-alt span {
-  font-size: 0;
-  opacity: 0;
-}
-.filepond--file-info {
-  position: static;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  flex: 1;
-  margin: 0 0.5em 0 0;
-  min-width: 0;
-  will-change: transform, opacity;
-  pointer-events: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-.filepond--file-info * {
-  margin: 0;
-}
-.filepond--file-info {
-}
-.filepond--file-info .filepond--file-info-main {
-  font-size: 0.75em;
-  line-height: 1.2;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  width: 100%;
-}
-.filepond--file-info .filepond--file-info-sub {
-  font-size: 0.625em;
-  opacity: 0.5;
-  transition: opacity 0.25s ease-in-out;
-  white-space: nowrap;
-}
-.filepond--file-info .filepond--file-info-sub:empty {
-  display: none;
-}
-.filepond--file-status {
-  position: static;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  flex-grow: 0;
-  flex-shrink: 0;
-  margin: 0;
-  min-width: 2.25em;
-  text-align: right;
-  will-change: transform, opacity;
-  pointer-events: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-.filepond--file-status * {
-  margin: 0;
-  white-space: nowrap;
-}
-.filepond--file-status {
-}
-.filepond--file-status .filepond--file-status-main {
-  font-size: 0.75em;
-  line-height: 1.2;
-}
-.filepond--file-status .filepond--file-status-sub {
-  font-size: 0.625em;
-  opacity: 0.5;
-  transition: opacity 0.25s ease-in-out;
-}
-.filepond--file-wrapper.filepond--file-wrapper {
-  border: none;
-  margin: 0;
-  padding: 0;
-  min-width: 0;
-  height: 100%;
-}
-.filepond--file-wrapper.filepond--file-wrapper > legend {
-  position: absolute;
-  overflow: hidden;
-  height: 1px;
-  width: 1px;
-  padding: 0;
-  border: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-  -webkit-clip-path: inset(50%);
-  clip-path: inset(50%);
-  white-space: nowrap;
-}
-.filepond--file {
-  position: static;
-  display: flex;
-  height: 100%;
-  align-items: flex-start;
-  padding: 0.5625em 0.5625em;
-  color: #fff;
-  border-radius: 0.5em;
-}
-.filepond--file .filepond--file-status {
-  margin-left: auto;
-  margin-right: 2.25em;
-}
-.filepond--file .filepond--processing-complete-indicator {
-  pointer-events: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  z-index: 3;
-}
-.filepond--file .filepond--processing-complete-indicator,
-.filepond--file .filepond--progress-indicator,
-.filepond--file .filepond--file-action-button {
-  position: absolute;
-}
-.filepond--file {
-}
-.filepond--file [data-align*=left] {
-  left: 0.5625em;
-}
-.filepond--file [data-align*=right] {
-  right: 0.5625em;
-}
-.filepond--file [data-align*=center] {
-  left: calc(50% - 0.8125em);
-}
-.filepond--file [data-align*=bottom] {
-  bottom: 1.125em;
-}
-.filepond--file [data-align=center] {
-  top: calc(50% - 0.8125em);
-}
-.filepond--file .filepond--progress-indicator {
-  margin-top: 0.1875em;
-}
-.filepond--file .filepond--progress-indicator[data-align*=right] {
-  margin-right: 0.1875em;
-}
-.filepond--file .filepond--progress-indicator[data-align*=left] {
-  margin-left: 0.1875em;
-}
-[data-filepond-item-state=cancelled] .filepond--file-info,
-[data-filepond-item-state*=invalid] .filepond--file-info,
-[data-filepond-item-state*=error] .filepond--file-info {
-  margin-right: 2.25em;
-}
-[data-filepond-item-state~=processing] .filepond--file-status-sub {
-  opacity: 0;
-}
-[data-filepond-item-state~=processing] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub {
-  opacity: 0.5;
-}
-[data-filepond-item-state=processing-error] .filepond--file-status-sub {
-  opacity: 0;
-}
-[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub {
-  opacity: 0.5;
-}
-[data-filepond-item-state=processing-complete] {
-}
-[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg {
-  -webkit-animation: fall 0.5s 0.125s linear both;
-  animation: fall 0.5s 0.125s linear both;
-}
-[data-filepond-item-state=processing-complete] {
-}
-[data-filepond-item-state=processing-complete] .filepond--file-status-sub {
-  opacity: 0.5;
-}
-[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden]) ~ .filepond--file-status .filepond--file-status-sub {
-  opacity: 0;
-}
-[data-filepond-item-state=processing-complete] .filepond--file-info-sub {
-  opacity: 0;
-}
-[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub {
-  opacity: 0.5;
-}
-[data-filepond-item-state*=invalid] .filepond--panel,
-[data-filepond-item-state*=invalid] .filepond--file-wrapper,
-[data-filepond-item-state*=error] .filepond--panel,
-[data-filepond-item-state*=error] .filepond--file-wrapper {
-  -webkit-animation: shake 0.65s linear both;
-  animation: shake 0.65s linear both;
-}
-[data-filepond-item-state*=busy] .filepond--progress-indicator svg {
-  -webkit-animation: spin 1s linear infinite;
-  animation: spin 1s linear infinite;
-}
-@-webkit-keyframes spin {
-  0% {
-    -webkit-transform: rotateZ(0deg);
-    transform: rotateZ(0deg);
-  }
-  100% {
-    -webkit-transform: rotateZ(360deg);
-    transform: rotateZ(360deg);
-  }
-}
-@keyframes spin {
-  0% {
-    -webkit-transform: rotateZ(0deg);
-    transform: rotateZ(0deg);
-  }
-  100% {
-    -webkit-transform: rotateZ(360deg);
-    transform: rotateZ(360deg);
-  }
-}
-@-webkit-keyframes shake {
-  10%, 90% {
-    -webkit-transform: translateX(-0.0625em);
-    transform: translateX(-0.0625em);
-  }
-  20%, 80% {
-    -webkit-transform: translateX(0.125em);
-    transform: translateX(0.125em);
-  }
-  30%, 50%, 70% {
-    -webkit-transform: translateX(-0.25em);
-    transform: translateX(-0.25em);
-  }
-  40%, 60% {
-    -webkit-transform: translateX(0.25em);
-    transform: translateX(0.25em);
-  }
-}
-@keyframes shake {
-  10%, 90% {
-    -webkit-transform: translateX(-0.0625em);
-    transform: translateX(-0.0625em);
-  }
-  20%, 80% {
-    -webkit-transform: translateX(0.125em);
-    transform: translateX(0.125em);
-  }
-  30%, 50%, 70% {
-    -webkit-transform: translateX(-0.25em);
-    transform: translateX(-0.25em);
-  }
-  40%, 60% {
-    -webkit-transform: translateX(0.25em);
-    transform: translateX(0.25em);
-  }
-}
-@-webkit-keyframes fall {
-  0% {
-    opacity: 0;
-    -webkit-transform: scale(0.5);
-    transform: scale(0.5);
-    -webkit-animation-timing-function: ease-out;
-    animation-timing-function: ease-out;
-  }
-  70% {
-    opacity: 1;
-    -webkit-transform: scale(1.1);
-    transform: scale(1.1);
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-  }
-  100% {
-    -webkit-transform: scale(1);
-    transform: scale(1);
-    -webkit-animation-timing-function: ease-out;
-    animation-timing-function: ease-out;
-  }
-}
-@keyframes fall {
-  0% {
-    opacity: 0;
-    -webkit-transform: scale(0.5);
-    transform: scale(0.5);
-    -webkit-animation-timing-function: ease-out;
-    animation-timing-function: ease-out;
-  }
-  70% {
-    opacity: 1;
-    -webkit-transform: scale(1.1);
-    transform: scale(1.1);
-    -webkit-animation-timing-function: ease-in-out;
-    animation-timing-function: ease-in-out;
-  }
-  100% {
-    -webkit-transform: scale(1);
-    transform: scale(1);
-    -webkit-animation-timing-function: ease-out;
-    animation-timing-function: ease-out;
-  }
-}
-.filepond--hopper[data-hopper-state=drag-over] > * {
-  pointer-events: none;
-}
-.filepond--hopper[data-hopper-state=drag-over]::after {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 100;
-}
-.filepond--progress-indicator {
-  z-index: 103;
-}
-.filepond--file-action-button {
-  z-index: 102;
-}
-.filepond--file-status {
-  z-index: 101;
-}
-.filepond--file-info {
-  z-index: 100;
-}
-.filepond--item {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 1;
-  padding: 0;
-  margin: 0.25em;
-  will-change: transform, opacity;
-  touch-action: auto;
-}
-.filepond--item > .filepond--panel {
-  z-index: -1;
-}
-.filepond--item > .filepond--panel .filepond--panel-bottom {
-  box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25);
-}
-.filepond--item {
-}
-.filepond--item > .filepond--file-wrapper,
-.filepond--item > .filepond--panel {
-  transition: opacity 0.15s ease-out;
-}
-.filepond--item[data-drag-state] {
-  cursor: -webkit-grab;
-  cursor: grab;
-}
-.filepond--item[data-drag-state] > .filepond--panel {
-  transition: box-shadow 0.125s ease-in-out;
-  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-}
-.filepond--item[data-drag-state=drag] {
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
-}
-.filepond--item[data-drag-state=drag] > .filepond--panel {
-  box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);
-}
-.filepond--item[data-drag-state]:not([data-drag-state=idle]) {
-  z-index: 2;
-}
-.filepond--item-panel {
-  background-color: #64605e;
-}
-[data-filepond-item-state=processing-complete] .filepond--item-panel {
-  background-color: #369763;
-}
-[data-filepond-item-state*=invalid] .filepond--item-panel,
-[data-filepond-item-state*=error] .filepond--item-panel {
-  background-color: #c44e47;
-}
-.filepond--item-panel {
-  border-radius: 0.5em;
-  transition: background-color 0.25s;
-}
-.filepond--list-scroller {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  margin: 0;
-  will-change: transform;
-}
-.filepond--list-scroller[data-state=overflow] .filepond--list {
-  bottom: 0;
-  right: 0;
-}
-.filepond--list-scroller[data-state=overflow] {
-  overflow-y: scroll;
-  overflow-x: hidden;
-  -webkit-overflow-scrolling: touch;
-  -webkit-mask:
-    linear-gradient(
-      to bottom,
-      #000 calc(100% - 0.5em),
-      transparent 100%);
-  mask:
-    linear-gradient(
-      to bottom,
-      #000 calc(100% - 0.5em),
-      transparent 100%);
-}
-.filepond--list-scroller::-webkit-scrollbar {
-  background: transparent;
-}
-.filepond--list-scroller::-webkit-scrollbar:vertical {
-  width: 1em;
-}
-.filepond--list-scroller::-webkit-scrollbar:horizontal {
-  height: 0;
-}
-.filepond--list-scroller::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.3);
-  border-radius: 99999px;
-  border: 0.3125em solid transparent;
-  background-clip: content-box;
-}
-.filepond--list.filepond--list {
-  position: absolute;
-  top: 0;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  will-change: transform;
-}
-.filepond--list {
-  left: 0.75em;
-  right: 0.75em;
-}
-.filepond--root[data-style-panel-layout~=integrated] {
-  width: 100%;
-  height: 100%;
-  max-width: none;
-  margin: 0;
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,
-.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root {
-  border-radius: 0;
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root > *,
-.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root > * {
-  display: none;
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,
-.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
-  bottom: 0;
-  height: auto;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: 7;
-}
-.filepond--root[data-style-panel-layout~=circle],
-.filepond--root[data-style-panel-layout~=integrated] {
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,
-.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel {
-  display: none;
-}
-.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,
-.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller {
-  overflow: hidden;
-  height: 100%;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.filepond--root[data-style-panel-layout~=compact] .filepond--list,
-.filepond--root[data-style-panel-layout~=integrated] .filepond--list {
-  left: 0;
-  right: 0;
-  height: 100%;
-}
-.filepond--root[data-style-panel-layout~=compact] .filepond--item,
-.filepond--root[data-style-panel-layout~=integrated] .filepond--item {
-  margin: 0;
-}
-.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,
-.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper {
-  height: 100%;
-}
-.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,
-.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
-  z-index: 7;
-}
-.filepond--root[data-style-panel-layout~=circle] {
-  border-radius: 99999rem;
-  overflow: hidden;
-}
-.filepond--root[data-style-panel-layout~=circle] > .filepond--panel {
-  border-radius: inherit;
-}
-.filepond--root[data-style-panel-layout~=circle] > .filepond--panel > * {
-  display: none;
-}
-.filepond--root[data-style-panel-layout~=circle] {
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--file-info {
-  display: none;
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--file-status {
-  display: none;
-}
-.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item {
-  opacity: 1 !important;
-  visibility: visible !important;
-}
-@media not all and (min-resolution: 0.001dpcm) {
-  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
-    .filepond--root[data-style-panel-layout~=circle] {
-      will-change: transform;
-    }
-  }
-}
-.filepond--panel-root {
-  border-radius: 0.5em;
-  background-color: #f1f0ef;
-}
-.filepond--panel {
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  margin: 0;
-  height: 100% !important;
-  pointer-events: none;
-}
-.filepond-panel:not([data-scalable=false]) {
-  height: auto !important;
-}
-.filepond--panel[data-scalable=false] > div {
-  display: none;
-}
-.filepond--panel[data-scalable=true] {
-  -webkit-transform-style: preserve-3d;
-  transform-style: preserve-3d;
-  background-color: transparent !important;
-  border: none !important;
-}
-.filepond--panel-top,
-.filepond--panel-bottom,
-.filepond--panel-center {
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  margin: 0;
-  padding: 0;
-}
-.filepond--panel-top,
-.filepond--panel-bottom {
-  height: 0.5em;
-}
-.filepond--panel-top {
-  border-bottom-left-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-  border-bottom: none !important;
-}
-.filepond--panel-top::after {
-  content: "";
-  position: absolute;
-  height: 2px;
-  left: 0;
-  right: 0;
-  bottom: -1px;
-  background-color: inherit;
-}
-.filepond--panel-center,
-.filepond--panel-bottom {
-  will-change: transform;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  -webkit-transform-origin: left top;
-  transform-origin: left top;
-  -webkit-transform: translate3d(0, 0.5em, 0);
-  transform: translate3d(0, 0.5em, 0);
-}
-.filepond--panel-bottom {
-  border-top-left-radius: 0 !important;
-  border-top-right-radius: 0 !important;
-  border-top: none !important;
-}
-.filepond--panel-bottom::before {
-  content: "";
-  position: absolute;
-  height: 2px;
-  left: 0;
-  right: 0;
-  top: -1px;
-  background-color: inherit;
-}
-.filepond--panel-center {
-  height: 100px !important;
-  border-top: none !important;
-  border-bottom: none !important;
-  border-radius: 0 !important;
-}
-.filepond--panel-center:not([style]) {
-  visibility: hidden;
-}
-.filepond--progress-indicator {
-  position: static;
-  width: 1.25em;
-  height: 1.25em;
-  color: #fff;
-  margin: 0;
-  pointer-events: none;
-  will-change: transform, opacity;
-}
-.filepond--progress-indicator svg {
-  width: 100%;
-  height: 100%;
-  vertical-align: top;
-  transform-box: fill-box;
-}
-.filepond--progress-indicator path {
-  fill: none;
-  stroke: currentColor;
-}
-.filepond--list-scroller {
-  z-index: 6;
-}
-.filepond--drop-label {
-  z-index: 5;
-}
-.filepond--drip {
-  z-index: 3;
-}
-.filepond--root > .filepond--panel {
-  z-index: 2;
-}
-.filepond--browser {
-  z-index: 1;
-}
-.filepond--root {
-  box-sizing: border-box;
-  position: relative;
-  margin-bottom: 1em;
-  font-size: 1rem;
-  line-height: normal;
-  font-family:
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    Helvetica,
-    Arial,
-    sans-serif,
-    "Apple Color Emoji",
-    "Segoe UI Emoji",
-    "Segoe UI Symbol";
-  font-weight: 450;
-  text-align: left;
-  text-rendering: optimizeLegibility;
-  direction: ltr;
-  contain: layout style size;
-}
-.filepond--root * {
-  box-sizing: inherit;
-  line-height: inherit;
-}
-.filepond--root *:not(text) {
-  font-size: inherit;
-}
-.filepond--root {
-}
-.filepond--root[data-disabled] {
-  pointer-events: none;
-}
-.filepond--root[data-disabled] .filepond--list-scroller {
-  pointer-events: all;
-}
-.filepond--root[data-disabled] .filepond--list {
-  pointer-events: none;
-}
-.filepond--root .filepond--drop-label {
-  min-height: 4.75em;
-}
-.filepond--root .filepond--list-scroller {
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-.filepond--root .filepond--credits {
-  position: absolute;
-  right: 0;
-  opacity: 0.4;
-  line-height: 0.85;
-  font-size: 11px;
-  color: inherit;
-  text-decoration: none;
-  z-index: 3;
-  bottom: -14px;
-}
-.filepond--root .filepond--credits[style] {
-  top: 0;
-  bottom: auto;
-  margin-top: 14px;
-}
-/*! Bundled license information:
-
-filepond-plugin-file-poster/dist/filepond-plugin-file-poster.css:
-  (*!
-   * FilePondPluginFilePoster 2.5.2
-   * Licensed under MIT, https://opensource.org/licenses/MIT/
-   * Please visit https://pqina.nl/filepond/ for details.
-   *)
-
-filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css:
-  (*!
-   * FilePondPluginImagePreview 4.6.12
-   * Licensed under MIT, https://opensource.org/licenses/MIT/
-   * Please visit https://pqina.nl/filepond/ for details.
-   *)
-
-filepond/dist/filepond.css:
-  (*!
-   * FilePond 4.32.9
-   * Licensed under MIT, https://opensource.org/licenses/MIT/
-   * Please visit https://pqina.nl/filepond/ for details.
-   *)
-*/