@xapp/form-widget 1.63.1 → 1.64.0

package/dist/index.css

@@ -1,811 +1 @@
-@font-face {
-  font-family: RobotoRegular;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
-}
-.xapp-search {
-  font-family: RobotoRegular, serif;
-}
-
-.xapp-search-widget {
-  display: flex;
-  flex-direction: column;
-  border: var(--xapp-search-widget-border-style, solid) var(--xapp-search-widget-border-width, 1px) var(--xapp-search-widget-border-color, var(--xapp-search-accent-color, #d3d3df));
-  background: #f4f8fd;
-  border-radius: var(--xapp-search-widget-border-radius, 17.5px);
-  overflow: hidden;
-  max-width: 100%;
-  max-height: 100%;
-  box-sizing: border-box;
-  position: relative;
-}
-.xapp-search-widget__content {
-  display: flex;
-  flex-direction: column;
-  border-top: var(--xapp-search-widget-border-style, solid) var(--xapp-search-widget-border-width, 1px) var(--xapp-search-widget-border-color, var(--xapp-search-accent-color, #d3d3df));
-  max-height: 100%;
-  min-height: 128px;
-  overflow: hidden;
-  width: 500px;
-}
-.xapp-search-widget__response {
-  padding-top: 1em;
-}
-.xapp-search-widget__spinner {
-  width: 100px;
-  height: 100px;
-  margin: auto;
-  padding: 20px;
-}
-.xapp-search-widget__close {
-  position: absolute;
-  top: 4px;
-  right: 4px;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #dadad9;
-  cursor: pointer;
-  font-weight: bold;
-  border: 1px solid;
-  background: inherit;
-  z-index: 1000;
-}
-.xapp-search-widget__close:hover {
-  background-color: #a0a1c5;
-}
-
-.xapp-search-suggestions-container {
-  position: absolute;
-  top: 74px;
-  left: 0;
-  width: 100%;
-  background-color: #f4f8fd;
-  border: var(--xapp-search-widget-border-style, solid) var(--xapp-search-widget-border-width, 1px) var(--xapp-search-widget-border-color, var(--xapp-search-accent-color, #d3d3df));
-  border-radius: 0 0 var(--xapp-search-widget-border-radius, 17.5px) var(--xapp-search-widget-border-radius, 17.5px);
-}
-
-.xapp-search-modal {
-  position: fixed;
-  top: 16px;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 48px;
-  z-index: 1000;
-}
-@media (max-width: 640px) {
-  .xapp-search-modal {
-    padding-left: 24px;
-    padding-right: 24px;
-  }
-}
-@media (max-height: 640px) {
-  .xapp-search-modal {
-    padding-bottom: 24px;
-  }
-}
-.xapp-search-modal__backdrop {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: -1;
-  background: rgba(0, 0, 0, 0.4);
-}
-.xapp-search-modal__body {
-  box-sizing: border-box;
-  max-width: 100%;
-  max-height: 100%;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-
-body.xapp-search-opened {
-  overflow: hidden;
-}
-
-.xapp-search-input {
-  position: relative;
-  color: #061739;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: 600px;
-}
-.xapp-search-input-value {
-  flex: 1 1 auto;
-  font-size: 28px;
-  color: #061739;
-}
-.xapp-search-input-value__input {
-  padding: 21px 12px;
-  min-height: 70px;
-}
-.xapp-search-input-value input {
-  width: 100% !important;
-}
-.xapp-search-input__btn {
-  flex: 0 0 70px;
-  height: 15px;
-  padding: 17.5px;
-  box-sizing: border-box;
-  margin: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.xapp-search-input__cancel {
-  flex: 0 0 auto;
-  background: none;
-  border: none;
-  padding: 0 16px 0 0;
-  cursor: pointer;
-  font-size: 16px;
-  color: inherit;
-}
-
-.pulsate {
-  animation: pulsate 1s infinite;
-  background-color: #e585a8 !important;
-  border-radius: 50%;
-}
-
-@keyframes pulsate {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.2);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-.xapp-chat-button {
-  position: fixed;
-  top: 25px;
-  left: 220px;
-  cursor: pointer;
-  margin-top: var(--xapp-chat-button-margin-top, var(--xapp-widget-margin-top, 16px));
-  margin-right: var(--xapp-chat-button-margin-right, var(--xapp-widget-margin-right, 16px));
-  margin-bottom: var(--xapp-chat-button-margin-bottom, var(--xapp-widget-margin-bottom, 16px));
-  margin-left: var(--xapp-chat-button-margin-left, var(--xapp-widget-margin-left, 16px));
-  display: block;
-  opacity: 1;
-  animation: widget-show-grow 0.5s backwards;
-  width: 75px;
-  height: 75px;
-  z-index: var(--xapp-widget-z-index, 1000);
-  background-color: transparent;
-  padding: 0;
-  border-width: 0px;
-}
-.xapp-chat-button.visible {
-  animation: widget-hide-shrink 0.5s forwards;
-}
-.xapp-chat-button:focus-visible {
-  outline: none;
-  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.3);
-}
-.xapp-chat-button__btn {
-  position: absolute;
-  width: 70px;
-  height: 70px;
-  border-radius: 35px;
-  border: 2px solid rgb(255, 255, 255);
-  background-color: var(--xapp-chat-button-background, #2f7ddd);
-  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
-  left: 50% !important;
-  top: 50% !important;
-  transform: translate(-50%, -50%);
-}
-.xapp-chat-button__btn svg {
-  display: block;
-  margin: auto;
-  height: 100%;
-}
-.xapp-chat-button__cta {
-  position: absolute;
-  bottom: 56px;
-  right: 24px;
-  white-space: nowrap;
-  font-size: 16px;
-  font-family: RobotoRegular, serif;
-}
-
-.xapp-chat-button:hover {
-  background: transparent !important;
-}
-
-.xapp-search-response {
-  padding: 0 10px;
-  overflow: auto;
-}
-
-.xapp-search-icon-button {
-  border: none;
-  background: none;
-  cursor: pointer;
-  padding: 0;
-  display: flex;
-  align-items: center;
-}
-
-.xapp-search-icon-button svg {
-  display: block;
-  margin: auto;
-  height: 100%;
-}
-
-.xapp-search-icon-button__content {
-  display: flex;
-  width: 100%;
-}
-
-.xapp-search-icon-button:focus-visible {
-  outline: none;
-  filter: invert(100%);
-}
-
-@media screen and (max-width: 640px) {
-  .xapp-search-icon-button {
-    box-sizing: border-box;
-    padding: 12px;
-    min-height: 44px;
-    min-width: 44px;
-  }
-}
-.xappw-message-bubble {
-  border-radius: 10px;
-  padding: 10px;
-  background: var(--xapp-bubble-background, #fff);
-}
-
-.xapp-search-rich-text {
-  display: inline-block;
-  max-width: 100%;
-  overflow: hidden;
-  white-space: pre-wrap;
-}
-
-.xappw-rich-input__input {
-  display: block !important;
-  width: calc(100% - 50px) !important;
-  height: 37px;
-  border: none !important;
-  outline: none !important;
-  box-sizing: border-box !important;
-  margin: 0 !important;
-  font-size: inherit !important;
-  line-height: inherit;
-  color: inherit !important;
-  background-color: inherit !important;
-}
-
-.xappw-rich-input__input:focus {
-  color: inherit !important;
-}
-
-@media screen and (max-width: 640px) {
-  .xappw-rich-input__input {
-    width: calc(100% - 90px);
-  }
-}
-.xappw-suggestions-group__items {
-  display: flex;
-  flex-direction: column;
-  padding: 2px 0;
-}
-
-.xappw-suggestions-group__heading {
-  margin: 0 16px;
-}
-
-.xappw-suggestions-group-heading {
-  display: flex;
-  align-items: center;
-  font-size: 12px;
-  padding: 2px 0;
-  color: #061739;
-}
-
-.xappw-suggestions-group-heading:after {
-  content: "";
-  border-top: solid 1px #d4d4d4;
-  flex: 1 1 auto;
-  margin-left: 8px;
-}
-
-.xappw-suggestions-item {
-  padding: 0 0 0 24px;
-  box-sizing: border-box;
-  width: 100%;
-  white-space: nowrap;
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  font-size: 15px;
-  cursor: pointer;
-  border-bottom: solid 1px rgba(0, 0, 0, 0);
-  color: #061739;
-}
-
-.xappw-suggestions-item--current, .xappw-suggestions-item:hover {
-  background-color: #3395d2;
-  color: #fff;
-  text-decoration: underline;
-}
-
-@media (hover: hover) {
-  .xappw-suggestions-item--current .xappw-suggestions-item__actions, .xappw-suggestions-item:hover .xappw-suggestions-item__actions {
-    visibility: visible;
-    color: #fff;
-  }
-}
-.xappw-suggestions-item__texts {
-  padding: 3px 0;
-  flex: 1 1 auto;
-  overflow: hidden;
-}
-
-.xappw-suggestions-item__actions {
-  flex: 0 0 auto;
-  display: flex;
-  margin-left: 8px;
-}
-
-@media (hover: hover) {
-  .xappw-suggestions-item__actions {
-    visibility: hidden;
-  }
-}
-.xappw-suggestions-list {
-  display: flex;
-  flex-direction: column;
-}
-
-.xapp-search-rich-text-span {
-  flex: 0 1 auto;
-  display: inline-block;
-  max-width: 100%;
-}
-
-.xapp-search-rich-text-span:last-child {
-  overflow: hidden;
-  white-space: pre;
-  text-overflow: ellipsis;
-}
-
-.xapp-search-rich-text-bold-span {
-  font-weight: bold;
-}
-
-.xapp-search-rich-text-input-span {
-  text-decoration: none;
-  font-size: inherit;
-  height: calc(1.5em - 2px);
-  line-height: 1em;
-  width: 8em;
-  color: inherit;
-}
-
-.xapp-search-rich-text-input-span--readonly {
-  border: dashed 1px green;
-  color: green;
-  height: calc(1em - 2px);
-}
-
-.xapp-search-rich-text-normal-span {
-  font-weight: normal;
-}
-
-.xapp-search-result {
-  display: flex;
-  flex-direction: row;
-  flex: 1 1 auto;
-  box-sizing: border-box;
-  overflow: hidden;
-  max-height: 100%;
-}
-.xapp-search-result__suggestions, .xapp-search-result__preview {
-  padding-top: 12px;
-  padding-bottom: 12px;
-  box-sizing: border-box;
-  overflow-x: hidden;
-  overflow-y: auto;
-  word-break: break-word;
-}
-.xapp-search-result__suggestions {
-  flex: 0 0 60%;
-  padding-top: 12px;
-  padding-bottom: 12px;
-  box-sizing: border-box;
-  overflow: auto;
-}
-.xapp-search-result__preview {
-  flex: 0 0 40%;
-  border-left: solid 1px var(--xapp-search-widget-border-color, var(--xapp-search-accent-color, #d3d3df));
-  padding-left: 12px;
-  padding-right: 12px;
-}
-.xapp-search-result__use {
-  width: 28px;
-  padding: 4px;
-  color: inherit;
-}
-
-.xapp-search-icon-label {
-  border: none;
-  background: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-}
-
-.xapp-search-response-bubble {
-  --xapp-bubble-background: var(--xapp-search-messages-others-bubble-background);
-}
-
-.xapp-search-response-output-speech {
-  font-family: var(--xapp-search-messages-others-font-family, RobotoRegular, serif);
-  font-weight: var(--xapp-search-messages-others-font-weight, normal);
-  font-size: var(--xapp-search-messages-others-font-size, 16px);
-  font-style: var(--xapp-search-messages-others-font-style, normal);
-  color: var(--xapp-search-messages-others-text-color, #000);
-}
-.xapp-search-response-output-speech p {
-  margin: 0 0 1em 0;
-}
-.xapp-search-response-output-speech p:last-child {
-  margin-bottom: 0;
-}
-
-.xapp-search-response-part {
-  margin-bottom: 12px;
-  margin-top: 86px;
-  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px;
-  border-radius: 8px;
-}
-.xapp-search-response-part.noHeaderForm {
-  margin-top: 12px;
-}
-
-.xapp-search-suggested-actions__actions {
-  margin-top: 8px;
-  margin-bottom: 8px;
-}
-.xapp-search-suggested-actions__item {
-  margin-right: 16px;
-}
-
-.xapp_formstep {
-  display: none;
-  padding: 8px;
-}
-.xapp_formstep.active {
-  display: block;
-}
-.xapp_formstep_title p {
-  margin: 10px 0 0 0;
-}
-
-.xapp-header-container {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  left: 0px;
-  z-index: 1000;
-}
-.xapp-header-container .empty-step-header {
-  height: 42px;
-}
-
-.xapp-search-suggested-action {
-  display: inline-block;
-  border-radius: 12px;
-  border: solid 1px var(--xapp-search-widget-border-color, var(--xapp-search-accent-color, #d3d3df));
-  background: white;
-  padding: 4px 24px;
-  color: black;
-  text-decoration: none;
-  box-sizing: border-box;
-  text-align: center;
-  line-height: normal;
-  font-family: RobotoRegular, serif;
-  font-size: 16px;
-  cursor: pointer;
-}
-
-.xapp-search-carousel {
-  display: flex;
-  flex-flow: row nowrap;
-}
-.xapp-search-carousel__prev, .xapp-search-carousel__next {
-  flex: 0 0 32px;
-  height: 32px;
-  cursor: pointer;
-  box-sizing: border-box;
-  padding: 4px;
-  align-self: center;
-}
-.xapp-search-carousel__items {
-  display: flex;
-  position: relative;
-  height: auto;
-  align-items: stretch;
-  scroll-behavior: smooth;
-  -ms-overflow-style: none;
-  -moz-overflow-style: none;
-  -webkit-overflow-scrolling: touch;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  /* smartphones, touchscreens */
-}
-@media (hover: none) and (pointer: coarse) {
-  .xapp-search-carousel__items {
-    overflow-x: auto;
-  }
-}
-.xapp-search-carousel__content {
-  flex-grow: 1;
-}
-
-.xapp-search-cards {
-  display: flex;
-  flex-direction: column;
-}
-
-.xapp_formfield {
-  display: none;
-}
-.xapp_formfield.active {
-  display: block;
-}
-
-.xapp_form_nav_buttons {
-  display: flex;
-  justify-content: space-between;
-  padding: 20px;
-}
-
-.xapp_dummy_button {
-  flex-grow: 1;
-}
-
-.xapp-search-btn {
-  display: inline-block;
-  border-radius: 12px;
-  border: solid 1px var(--xapp-search-widget-border-color, var(--xapp-search-accent-color, #d3d3df));
-  background: white;
-  padding: 4px 24px;
-  color: black;
-  text-decoration: none;
-  box-sizing: border-box;
-  text-align: center;
-  line-height: normal;
-  font-family: RobotoRegular, serif;
-  font-size: 16px;
-  cursor: pointer;
-}
-.xapp-search-btn--expand {
-  width: 100%;
-}
-
-.xapp-search-carousel-item {
-  display: inline-flex;
-  flex-direction: column;
-  padding-right: 12px;
-  flex-shrink: 0;
-  width: 275px;
-}
-.xapp-search-carousel-item:last-child {
-  padding-right: 0;
-}
-@media (max-width: 640px) {
-  .xapp-search-carousel-item {
-    min-width: 100%;
-    max-width: 100%;
-  }
-}
-
-.xapp-search-card {
-  border: var(--xapp-search-card-border-style, solid) var(--xapp-search-card-border-width, 0) var(--xapp-search-card-border-color, var(--xapp-search-widget-border-color, var(--xapp-search-accent-color, #d3d3df)));
-  border-radius: var(--xapp-search-card-border-radius, 12px);
-  margin-top: var(--xapp-search-card-margin-top, 0);
-  margin-right: var(--xapp-search-card-margin-right, 0);
-  margin-bottom: var(--xapp-search-card-margin-bottom, 20px);
-  margin-left: var(--xapp-search-card-margin-left, 0);
-  padding-top: var(--xapp-search-card-padding-top, 0);
-  padding-right: var(--xapp-search-card-padding-right, 0);
-  padding-bottom: var(--xapp-search-card-padding-bottom, 0);
-  padding-left: var(--xapp-search-card-padding-left, 0);
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-items: stretch;
-  overflow: hidden;
-  background-color: var(--xapp-search-card-background, #fff);
-}
-.xapp-search-card__featured {
-  flex: 1 1 240px;
-  margin: 12px;
-  width: 100%;
-  min-width: 240px;
-  overflow: hidden;
-}
-.xapp-search-card__featured-box {
-  position: relative;
-  padding-bottom: math-div(100%, math-div(16, 9));
-  box-sizing: border-box;
-  overflow: hidden;
-}
-.xapp-search-card__img {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  overflow: hidden;
-}
-.xapp-search-card__content {
-  flex: 4 1 200px;
-  min-width: 200px;
-  margin: 12px;
-  display: flex;
-  flex-direction: column;
-}
-.xapp-search-card__extra {
-  margin-top: auto;
-  margin-left: auto;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-items: stretch;
-  max-width: 100%;
-}
-.xapp-search-card__extra:before {
-  content: "";
-  min-width: 360px;
-}
-.xapp-search-card__link {
-  display: block;
-  flex: 0 0 auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  line-height: var(--xapp-search-card-link-line-height, 1.5em);
-  font-family: var(--xapp-search-card-link-font-family, RobotoRegular, serif);
-  font-weight: var(--xapp-search-card-link-font-weight, normal);
-  font-size: var(--xapp-search-card-link-font-size, 16px);
-  font-style: var(--xapp-search-card-link-font-style, normal);
-  color: var(--xapp-search-card-link-text-color, #006621);
-  margin-top: var(--xapp-search-card-link-margin-top, 0);
-  margin-right: var(--xapp-search-card-link-margin-right, 0);
-  margin-bottom: var(--xapp-search-card-link-margin-bottom, 0);
-  margin-left: var(--xapp-search-card-link-margin-left, 0);
-  padding-top: var(--xapp-search-card-link-padding-top, 0);
-  padding-right: var(--xapp-search-card-link-padding-right, 0);
-  padding-bottom: var(--xapp-search-card-link-padding-bottom, 0);
-  padding-left: var(--xapp-search-card-link-padding-left, 0);
-}
-.xapp-search-card__btn {
-  flex: 1 1 auto;
-  margin-top: 12px;
-}
-.xapp-search-card__title {
-  overflow: hidden;
-  text-decoration: none;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  line-height: var(--xapp-search-card-title-line-height, 1.25em);
-  font-family: var(--xapp-search-card-title-font-family, RobotoRegular, serif);
-  font-weight: var(--xapp-search-card-title-font-weight, normal);
-  font-size: var(--xapp-search-card-title-font-size, 20px);
-  font-style: var(--xapp-search-card-title-font-style, normal);
-  color: var(--xapp-search-card-title-text-color, #1a0dab);
-  margin-top: var(--xapp-search-card-title-margin-top, 0);
-  margin-right: var(--xapp-search-card-title-margin-right, 0);
-  margin-bottom: var(--xapp-search-card-title-margin-bottom, 0);
-  margin-left: var(--xapp-search-card-title-margin-left, 0);
-  padding-top: var(--xapp-search-card-title-padding-top, 0);
-  padding-right: var(--xapp-search-card-title-padding-right, 0);
-  padding-bottom: var(--xapp-search-card-title-padding-bottom, 0);
-  padding-left: var(--xapp-search-card-title-padding-left, 0);
-}
-.xapp-search-card__title:hover {
-  text-decoration: underline;
-}
-.xapp-search-card__description {
-  line-height: var(--xapp-search-card-description-line-height, 1.25em);
-  font-family: var(--xapp-search-card-description-font-family, RobotoRegular, serif);
-  font-weight: var(--xapp-search-card-description-font-weight, normal);
-  font-size: var(--xapp-search-card-description-font-size, 16px);
-  font-style: var(--xapp-search-card-description-font-style, normal);
-  color: var(--xapp-search-card-description-text-color, #666);
-  margin-top: var(--xapp-search-card-description-margin-top, 6px);
-  margin-right: var(--xapp-search-card-description-margin-right, 0);
-  margin-bottom: var(--xapp-search-card-description-margin-bottom, 0);
-  margin-left: var(--xapp-search-card-description-margin-left, 0);
-  padding-top: var(--xapp-search-card-description-padding-top, 0);
-  padding-right: var(--xapp-search-card-description-padding-right, 0);
-  padding-bottom: var(--xapp-search-card-description-padding-bottom, 0);
-  padding-left: var(--xapp-search-card-description-padding-left, 0);
-  overflow: hidden;
-  max-height: calc(5 * var(--xapp-search-card-description-line-height, 1.25em));
-  position: relative;
-}
-.xapp-search-card__description:after {
-  background: linear-gradient(to bottom, rgba(var(--xapp-search-card-background, #fff), 0) 0%, rgba(var(--xapp-search-card-background, #fff), 0) 12.5%, rgba(var(--xapp-search-card-background, #fff), 1) 100%);
-  content: "";
-  height: var(--xapp-search-card-description-line-height, 1.25em);
-  position: absolute;
-  top: calc(4 * var(--xapp-search-card-description-line-height, 1.25em));
-  left: 0;
-  right: 0;
-  pointer-events: none;
-}
-
-.xapp-checkbox-chip {
-  margin: 6px !important;
-  font-size: 14px !important;
-  padding: 8px 16px !important;
-  height: 32px !important;
-  border-radius: 16px !important;
-  min-width: 150px !important;
-  background-color: var(--bg-color, #99c1dc) !important;
-  transition: background-color 0.3s ease;
-}
-
-.xapp-chip-clicked {
-  background-color: rgb(14, 50, 62) !important;
-}
-
-.xapp-chips-container {
-  display: flex;
-  flex-wrap: wrap; /* Allows items to wrap onto a new row */
-  justify-content: center; /* Centers items horizontally */
-}
-
-.chip-wrapper {
-  flex: 0 0 calc(33.33% - 10px);
-  max-width: calc(33.33% - 10px);
-  margin: 5px;
-  text-align: center;
-}
-
-.xapp-checkbox-chip:hover {
-  --bg-color: calc(var(--bg-color) + 20);
-}
-
-.xapp-chips-title-container-empty p {
-  margin: 0;
-}
-
-.xapp-text-input-container-title p {
-  margin: 0;
-}
-
-.xapp-form-card img {
-  width: 50% !important;
-}
-
-.MuiDayCalendar-slideTransition {
-  min-height: 230px !important;
-}
-
-.xapp-date-picker .MuiPickersDay-today {
-  font-weight: bold;
-  color: rgba(255, 0, 0, 0.618);
-}
+.xapp-form-widget{display:flex;flex-direction:column;padding:15px;height:60vh;overflow-y:auto;border:2px solid var(--xapp-search-widget-border-color, var(--xapp-form-accent-color, #d3d3df));background:#f4f8fd}