@ututrust/web-components 1.2.3 → 1.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +675 -280
  2. package/dist/index.js.map +1 -1
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -30048,7 +30048,8 @@
30048
30048
  });
30049
30049
 
30050
30050
  var config = {
30051
- production: false
30051
+ production: false,
30052
+ feedbackDetailsMaxEndorsements: 5
30052
30053
  };
30053
30054
  window.addEventListener(EVENT_UTU_CONFIG, function (event) {
30054
30055
  console.log("UTU SDK received config:", JSON.stringify(event.detail));
@@ -30247,39 +30248,80 @@
30247
30248
  rankingItems: rankingItems
30248
30249
  };
30249
30250
  }
30251
+ var SubmitStatus;
30252
+
30253
+ (function (SubmitStatus) {
30254
+ SubmitStatus[SubmitStatus["idle"] = 0] = "idle";
30255
+ SubmitStatus[SubmitStatus["submitting"] = 1] = "submitting";
30256
+ SubmitStatus[SubmitStatus["success"] = 2] = "success";
30257
+ SubmitStatus[SubmitStatus["error"] = 3] = "error";
30258
+ })(SubmitStatus || (SubmitStatus = {}));
30259
+
30260
+ var SUBMIT_STATUS_RESET_DELAY_MS = 3000;
30261
+ /**
30262
+ * Calls the given submitStatusSetter with SubmitStatus.idle after a delay of SUBMIT_STATUS_RESET_DELAY_MS
30263
+ * @param submitStatusSetter
30264
+ */
30265
+
30266
+ function resetSubmitStatusDelayed(submitStatusSetter) {
30267
+ setTimeout(function () {
30268
+ return submitStatusSetter(SubmitStatus.idle);
30269
+ }, SUBMIT_STATUS_RESET_DELAY_MS);
30270
+ }
30271
+ /**
30272
+ * Use the UTU API to post feedback.
30273
+ * @param apiUrl
30274
+ * @param sourceUuid
30275
+ * @param targetUuid
30276
+ * @param transactionId
30277
+ * @return a function which takes an IFeedbackData parameter and returns a promise which will resolve with an
30278
+ * unspecified value when the feedback was posted successfully, and will reject otherwise.
30279
+ */
30280
+
30281
+
30250
30282
  function useFeedbackApi(apiUrl, sourceUuid, targetUuid, transactionId) {
30251
30283
  var _useAuth2 = useAuth(),
30252
30284
  accessToken = _useAuth2.accessToken;
30253
30285
 
30286
+ var _useState3 = p(SubmitStatus.idle),
30287
+ _useState4 = _slicedToArray(_useState3, 2),
30288
+ submitStatus = _useState4[0],
30289
+ setSubmitStatus = _useState4[1];
30290
+
30254
30291
  var sourceCriteria = createEntityCriteria(sourceUuid);
30255
30292
  var targetCriteria = createEntityCriteria(targetUuid);
30256
30293
 
30257
- var sendFeedback = function sendFeedback(feedbackData) {
30294
+ function sendFeedback(feedbackData) {
30295
+ setSubmitStatus(SubmitStatus.submitting);
30258
30296
  return axios.post("".concat(apiUrl).concat(CORE_API_BASE).concat(API_FEEDBACK), {
30259
30297
  sourceCriteria: sourceCriteria,
30260
30298
  targetCriteria: targetCriteria,
30261
30299
  transactionId: transactionId,
30262
30300
  data: feedbackData
30263
- }, withAuthorizationHeader(accessToken)).then(function () {
30264
- console.log("successfully uploaded to utu-api");
30265
- }).catch(function (err) {
30266
- console.log(err);
30301
+ }, withAuthorizationHeader(accessToken)).then(function (result) {
30302
+ setSubmitStatus(SubmitStatus.success);
30303
+ resetSubmitStatusDelayed(setSubmitStatus);
30304
+ return result;
30305
+ }).catch(function (error) {
30306
+ setSubmitStatus(SubmitStatus.error);
30307
+ resetSubmitStatusDelayed(setSubmitStatus);
30308
+ return error;
30267
30309
  });
30268
- };
30310
+ }
30269
30311
 
30270
- console.log("".concat(apiUrl).concat(CORE_API_BASE).concat(API_FEEDBACK));
30271
30312
  return {
30272
- sendFeedback: sendFeedback
30313
+ sendFeedback: sendFeedback,
30314
+ submitStatus: submitStatus
30273
30315
  };
30274
30316
  }
30275
30317
  function useBadgesApi(apiUrl) {
30276
30318
  var _useAuth3 = useAuth(),
30277
30319
  accessToken = _useAuth3.accessToken;
30278
30320
 
30279
- var _useState3 = p([]),
30280
- _useState4 = _slicedToArray(_useState3, 2),
30281
- badgeSets = _useState4[0],
30282
- setBadgeSets = _useState4[1];
30321
+ var _useState5 = p([]),
30322
+ _useState6 = _slicedToArray(_useState5, 2),
30323
+ badgeSets = _useState6[0],
30324
+ setBadgeSets = _useState6[1];
30283
30325
 
30284
30326
  h$1(function () {
30285
30327
  function f() {
@@ -30316,17 +30358,19 @@
30316
30358
  badgeSets: badgeSets
30317
30359
  };
30318
30360
  }
30319
- function useFeedbackSummaryApi(apiUrl, targetUuid) {
30361
+ function useFeedbackSummaryApi(apiUrl, sourceUuid, targetUuid) {
30320
30362
  var _useAuth4 = useAuth(),
30321
30363
  accessToken = _useAuth4.accessToken;
30322
30364
 
30323
- var _useState5 = p(undefined),
30324
- _useState6 = _slicedToArray(_useState5, 2),
30325
- feedbackSummary = _useState6[0],
30326
- setFeedbackSummary = _useState6[1];
30327
-
30365
+ var _useState7 = p(undefined),
30366
+ _useState8 = _slicedToArray(_useState7, 2),
30367
+ feedbackSummary = _useState8[0],
30368
+ setFeedbackSummary = _useState8[1];
30369
+ var targetCriteria = createEntityCriteria(targetUuid);
30328
30370
  var queryParams = lib.stringify({
30329
- targetCriteria: JSON.stringify(createEntityCriteria(targetUuid))
30371
+ // sourceCriteria, don't send for now, there's a bug in the API which then only returns feedback from that
30372
+ // source, but not from their connections
30373
+ targetCriteria: targetCriteria
30330
30374
  });
30331
30375
  h$1(function () {
30332
30376
  function f() {
@@ -30367,12 +30411,12 @@
30367
30411
  var _useAuth5 = useAuth(),
30368
30412
  accessToken = _useAuth5.accessToken;
30369
30413
 
30370
- var _useState7 = p({
30414
+ var _useState9 = p({
30371
30415
  uploading: false
30372
30416
  }),
30373
- _useState8 = _slicedToArray(_useState7, 2),
30374
- status = _useState8[0],
30375
- setStatus = _useState8[1];
30417
+ _useState10 = _slicedToArray(_useState9, 2),
30418
+ status = _useState10[0],
30419
+ setStatus = _useState10[1];
30376
30420
 
30377
30421
  h$1(function () {
30378
30422
  if (!source) return;
@@ -31418,7 +31462,7 @@
31418
31462
  }
31419
31463
  });
31420
31464
 
31421
- var css_248z$j = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.utu-recommendation {\n border-top-left-radius: 2%;\n border-top-right-radius: 2%;\n padding-right: 1rem;\n}\n.utu-recommendation-content {\n display: flex;\n margin-left: 5px;\n}\n.utu-recommendation-text {\n align-self: center;\n margin-left: 20px;\n}\n.utu-recommendation-text-light {\n color: #000000;\n}\n.utu-recommendation-text-dark {\n color: #ffffff;\n}\n\n.summary-image-list {\n display: flex;\n justify-content: center;\n margin: 1.5rem 0 1rem 2rem;\n padding-left: 0;\n list-style: none;\n}\n.summary-image-item {\n margin-left: -15px;\n height: 2.5rem;\n}\n.summary-image-item-light {\n border: 2px solid rgb(251, 201, 61);\n}\n.summary-image-item-dark {\n border: 2px solid rgb(251, 201, 61);\n}";
31465
+ var css_248z$j = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.utu-recommendation {\n border-top-left-radius: 2%;\n border-top-right-radius: 2%;\n padding-right: 1rem;\n}\n.utu-recommendation-content {\n display: flex;\n margin-left: 5px;\n}\n.utu-recommendation-text {\n align-self: center;\n margin-left: 20px;\n}\n.utu-recommendation-text-light {\n color: #000000;\n}\n.utu-recommendation-text-dark {\n color: #ffffff;\n}\n\n.summary-image-list {\n display: flex;\n justify-content: center;\n margin: 1.5rem 0 1rem 2rem;\n padding-left: 0;\n list-style: none;\n}\n.summary-image-item {\n margin-left: -15px;\n height: 2.5rem;\n}\n.summary-image-item-light {\n border: 2px solid rgb(251, 201, 61);\n}\n.summary-image-item-dark {\n border: 2px solid rgb(251, 201, 61);\n}";
31422
31466
  styleInject(css_248z$j);
31423
31467
 
31424
31468
  function getRoot(ref) {
@@ -31515,12 +31559,517 @@
31515
31559
  }, rankingItem.summaryText))));
31516
31560
  }
31517
31561
 
31518
- var css_248z$i = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.utu-feedback-form {\n display: flex;\n flex-direction: column;\n width: 100vw;\n border-bottom: 15px rgb(251, 201, 61) solid;\n z-index: 1;\n}\n.utu-feedback-form-popup {\n padding: 0.5rem;\n}\n\n.desktop-view {\n display: none;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-feedback-form {\n border-bottom: 0px;\n z-index: 1;\n align-items: center;\n width: 100%;\n height: 100%;\n }\n .mobile-view {\n display: none;\n }\n .desktop-view {\n display: flex;\n width: 100%;\n flex-direction: column;\n }\n .desktop-view-block-1 {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-around;\n padding: 0 4.5rem 0 4.5rem;\n }\n .desktop-view-block-1-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-1-light {\n background-color: #fcf8e5;\n }\n .desktop-view-block-2 {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n }\n .desktop-view-block-2-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-2-light {\n background-color: #fcf8e5;\n }\n .desktop-view-block-3 {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n }\n .desktop-view-block-3-dark {\n background-color: rgb(36, 35, 35);\n }\n .desktop-view-block-3-light {\n background-color: rgb(253, 253, 253);\n }\n}";
31562
+ var css_248z$i = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.utu-feedback-form {\n display: flex;\n flex-direction: column;\n width: 100vw;\n border-bottom: 15px rgb(251, 201, 61) solid;\n z-index: 1;\n}\n.utu-feedback-form-popup {\n padding: 0.5rem;\n}\n\n.desktop-view {\n display: none;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-feedback-form {\n border-bottom: 0px;\n z-index: 1;\n align-items: center;\n width: 100%;\n height: 100%;\n }\n .mobile-view {\n display: none;\n }\n .desktop-view {\n display: flex;\n width: 100%;\n flex-direction: column;\n }\n .desktop-view-block-1 {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-around;\n padding: 0 4.5rem 0 4.5rem;\n }\n .desktop-view-block-1-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-1-light {\n background-color: #fcf8e5;\n }\n .desktop-view-block-2 {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n }\n .desktop-view-block-2-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-2-light {\n background-color: #fcf8e5;\n }\n .desktop-view-block-3 {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n }\n .desktop-view-block-3-dark {\n background-color: rgb(36, 35, 35);\n }\n .desktop-view-block-3-light {\n background-color: rgb(253, 253, 253);\n }\n}";
31519
31563
  styleInject(css_248z$i);
31520
31564
 
31521
- var css_248z$h = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.button {\n cursor: pointer;\n}\n.button:hover {\n background-color: rgb(253, 253, 253);\n}\n.button:active {\n transform: translateY(1px);\n}\n\n.badge-section {\n display: flex;\n flex-wrap: wrap !important;\n justify-content: center;\n padding-top: 2rem;\n padding-left: 3rem;\n padding-right: 3rem;\n}\n.badge-section > div {\n padding: 1rem;\n}\n.badge-disable {\n height: 50px;\n width: 50px;\n opacity: 0.6;\n}\n.badge-item-text {\n justify-content: center;\n align-items: center;\n color: \"white\";\n}\n.badge-text {\n font-size: 0.7rem;\n}\n.badge-text-h3 {\n text-align: center;\n}\n.badge-text-h3-light {\n color: #000000;\n}\n.badge-text-h3-dark {\n color: #ffffff;\n}\n.badge-img {\n width: 4rem;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n}\n.badge-img-container {\n display: flex;\n justify-content: space-around;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .badge-section {\n padding-left: 2rem;\n padding-right: 0;\n }\n}\n@media only screen and (min-width: 1210px) {\n .badge-section {\n padding-top: 0;\n }\n}";
31565
+ var css_248z$h = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.button {\n cursor: pointer;\n}\n.button:hover {\n background-color: rgb(253, 253, 253);\n}\n.button:active {\n transform: translateY(1px);\n}\n\n.badge-set-container {\n width: 6em;\n height: 72px;\n}\n.badge-section {\n display: flex;\n flex-wrap: wrap !important;\n justify-content: center;\n padding-top: 2rem;\n padding-left: 3rem;\n padding-right: 3rem;\n}\n.badge-section > div {\n padding: 1rem;\n}\n.badge-disable {\n height: 50px;\n width: 50px;\n opacity: 0.6;\n}\n.badge-item-text {\n justify-content: center;\n align-items: center;\n color: \"white\";\n}\n.badge-text {\n font-size: 0.7rem;\n}\n.badge-text-h3 {\n text-align: center;\n}\n.badge-text-h3-light {\n color: #000000;\n}\n.badge-text-h3-dark {\n color: #ffffff;\n}\n.badge-img {\n width: 4rem;\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n}\n.badge-img-container {\n display: flex;\n justify-content: space-around;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .badge-section {\n padding-left: 2rem;\n padding-right: 0;\n }\n}\n@media only screen and (min-width: 1210px) {\n .badge-section {\n padding-top: 0;\n }\n}";
31522
31566
  styleInject(css_248z$h);
31523
31567
 
31568
+ var css_248z$g = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}";
31569
+ styleInject(css_248z$g);
31570
+
31571
+ /* eslint max-len: 0 */
31572
+ function Logo() {
31573
+ return h$2("svg", {
31574
+ style: css_248z$g,
31575
+ version: "1.1",
31576
+ id: "Capa_1",
31577
+ xmlns: "http://www.w3.org/2000/svg",
31578
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
31579
+ x: "0px",
31580
+ y: "0px",
31581
+ className: "logo-size",
31582
+ viewBox: "0 0 841.89 401.471",
31583
+ xmlSpace: "preserve"
31584
+ }, h$2("g", {
31585
+ id: "Layer_2"
31586
+ }, h$2("g", {
31587
+ id: "Layer_1-2"
31588
+ }, h$2("path", {
31589
+ fill: "#FFFFFF",
31590
+ d: "M565.858,0c263.37,4.676,263.323,395.802,0,400.243C302.487,395.709,302.532,4.397,565.858,0z"
31591
+ }), h$2("path", {
31592
+ fill: "#BBBBBB",
31593
+ d: "M0.005,224.144v-45.228c-0.005-2.54,2.051-4.603,4.591-4.607c0.019,0,0.038,0,0.057,0 c7.535,0.416,21.79-1.872,27.35,4.176c6.247,4.983,6.239,19.43,0,24.454c-4.912,5.359-15.871,4.127-22.758,4.215v16.991 C9.443,230.176-0.14,230.119,0.005,224.144z M9.26,198.834c6.479-0.119,18.55,1.96,17.854-8.119 c0.695-10.07-11.415-7.999-17.854-8.087V198.834z"
31594
+ }), h$2("path", {
31595
+ fill: "#BBBBBB",
31596
+ d: "M40.041,209.985c-1.848-25.798,36.885-25.901,34.957,0C76.878,235.775,38.241,235.671,40.041,209.985z M48.84,209.985c-1.208,15.847,18.742,15.839,17.534,0c1.232-15.99-18.782-15.99-17.574,0H48.84z"
31597
+ }), h$2("path", {
31598
+ fill: "#BBBBBB",
31599
+ d: "M77.149,195.475c-0.192-4.712,6.936-5.911,8.399-1.479l6.64,19.646l5.352-19.334 c0.498-1.867,2.202-3.156,4.135-3.128c1.851-0.022,3.506,1.146,4.104,2.896l5.352,19.574l6.56-19.646 c0.912-2.96,5.12-3.712,7.199-1.64c4.496,2.079-9.991,30.637-10.11,33.709c-1.112,3.823-7.144,3.384-8.168-0.32l-4.959-17.534 l-4.936,17.43c-0.72,2.308-3.173,3.595-5.479,2.875c-0.419-0.13-0.815-0.322-1.176-0.57 C87.868,226.512,77.678,197.931,77.149,195.475z"
31600
+ }), h$2("path", {
31601
+ fill: "#BBBBBB",
31602
+ d: "M128.201,209.649c-2.473-23.021,33.517-26.27,33.356-3.199c0.288,3.399-0.896,6.831-4.911,6.559h-19.814 c0.392,11.487,13.039,8.592,19.91,4.96C174.181,225.784,126.593,242.11,128.201,209.649z M137.063,205.649h15.854 C153.502,195.499,137.048,195.698,137.063,205.649z"
31603
+ }), h$2("path", {
31604
+ fill: "#BBBBBB",
31605
+ d: "M167.453,224.456c0.472-1.896-1.264-31.637,1.264-31.997c2.704-2.863,7.855-0.416,7.367,3.504 c2.288-6.655,16.919-7.04,11.535,1.823c-5.88,2.776-11.199,0.801-11.535,10.096v16.614 C176.212,230.039,167.325,230.048,167.453,224.456z"
31606
+ }), h$2("path", {
31607
+ fill: "#BBBBBB",
31608
+ d: "M190.963,209.649c-2.464-23.021,33.524-26.27,33.356-3.199c0.296,3.399-0.896,6.831-4.903,6.559h-19.822 c0.4,11.487,13.047,8.592,19.918,4.96C236.95,225.784,189.355,242.11,190.963,209.649z M199.834,205.649h15.854 C216.272,195.499,199.818,195.698,199.834,205.649z"
31609
+ }), h$2("path", {
31610
+ fill: "#BBBBBB",
31611
+ d: "M228.543,209.985c-1.544-14.935,13.255-24.861,25.03-16.11v-18.398c-0.152-3.728,4.848-5.76,7.375-3.048 c2.584-0.136,0.744,39.236,1.264,40.74c0,5.157-1.506,9.116-4.52,11.879C245.75,234.767,226.888,227.248,228.543,209.985z M237.175,209.985c-1.984,13.143,15.998,16.902,16.406,3.199v-11.062C246.79,193.891,236.07,198.986,237.175,209.985 L237.175,209.985z"
31612
+ }), h$2("path", {
31613
+ fill: "#BBBBBB",
31614
+ d: "M287.834,213.169v-37.692c-0.16-3.735,4.84-5.751,7.367-3.048c2.479,1.32,0.8,19.158,1.264,21.446 c5.464-5.088,16.526-3.696,20.838,1.688c5.703,5.728,5.768,23.198-0.191,28.798C307.92,233.959,286.426,228.976,287.834,213.169z M296.465,213.169c-0.855,8.104,9.807,11.679,14.287,5.655c6.839-10.398-2-29.524-14.287-16.727V213.169z"
31615
+ }), h$2("path", {
31616
+ fill: "#BBBBBB",
31617
+ d: "M323.175,243.046c-2.584-2.399-0.681-7.199,2.951-6.983c6.151-0.296,7.447-4.799,10.151-10.631 l-12.303-28.293c-0.211-0.535-0.317-1.105-0.312-1.68c-0.2-4.656,6.848-5.855,8.319-1.601l8.791,22.19l8.8-22.182 c0.928-2.744,5.031-3.656,7.071-1.44c5.095,2.2-13.775,35.325-13.943,38.356C338.413,240.198,331.006,246.95,323.175,243.046z"
31618
+ }), h$2("path", {
31619
+ fill: "#2B2B2B",
31620
+ d: "M710.811,214.345v-18.67c-0.152-3.728,4.871-5.76,7.383-3.048c4.903,6.264-5.039,29.693,8.479,28.941 c4.735,0,7.105-2.399,7.111-7.199v-18.687c-0.136-5.6,8.799-5.6,8.631,0c-0.695,7.199,2.096,23.198-3.031,29.077 C730.688,234.063,708.843,229.567,710.811,214.345z"
31621
+ }), h$2("path", {
31622
+ fill: "#2B2B2B",
31623
+ d: "M766.469,198.259c-2.928-3.288,0.552-7.111,4.376-6.256c0.144-3.455-1.264-10.943,4.264-10.814 c5.495-0.137,4.071,7.391,4.216,10.814c2.76-0.176,7.287-0.248,7.199,3.656c0.104,3.903-4.408,3.879-7.199,3.688 c0.376,1.399-0.96,21.118,0.936,21.462c2.191,1.304,6.008,0.8,5.855,4.472c-0.488,6.151-9.679,3.392-12.143,0.655 c-5.399-3.999-2.4-20.894-3.128-26.589C769.373,199.362,767.533,199.53,766.469,198.259z"
31624
+ }), h$2("path", {
31625
+ fill: "#2B2B2B",
31626
+ d: "M810.137,214.345v-18.67c-0.151-3.728,4.872-5.76,7.384-3.048c4.903,6.264-5.04,29.693,8.479,28.941 c4.736,0,7.106-2.399,7.111-7.199v-18.687c-0.136-5.6,8.8-5.6,8.632,0c-0.696,7.199,2.096,23.198-3.032,29.077 C830.015,234.063,808.169,229.567,810.137,214.345z"
31627
+ }), h$2("path", {
31628
+ fill: "#2B2B2B",
31629
+ d: "M531.155,40.865c45.052,0.8,45.044,67.729,0,68.489C486.104,108.579,486.111,41.665,531.155,40.865z"
31630
+ }), h$2("path", {
31631
+ fill: "#2B2B2B",
31632
+ d: "M444.163,148.855c45.052,0.8,45.044,67.705,0,68.465C399.111,216.545,399.119,149.607,444.163,148.855z"
31633
+ }), h$2("path", {
31634
+ fill: "#2B2B2B",
31635
+ d: "M529.835,248.934c39.845,0.672,39.845,59.898,0,60.57C489.982,308.84,489.991,249.646,529.835,248.934z"
31636
+ }), h$2("path", {
31637
+ fill: "#2B2B2B",
31638
+ d: "M465.257,230.447c31.197,0.528,31.197,46.916,0,47.443C434.084,277.371,434.092,230.991,465.257,230.447z"
31639
+ }), h$2("path", {
31640
+ fill: "#2B2B2B",
31641
+ d: "M511.389,130.457c29.47,0.504,29.461,44.268,0,44.796C481.911,174.677,481.92,130.921,511.389,130.457z"
31642
+ }), h$2("path", {
31643
+ fill: "#2B2B2B",
31644
+ d: "M582.566,101.42c29.469,0.504,29.461,44.308,0,44.795C553.097,145.72,553.104,101.915,582.566,101.42z"
31645
+ }), h$2("path", {
31646
+ fill: "#2B2B2B",
31647
+ d: "M637.921,93.524c29.445,0.504,29.445,44.292,0,44.796C608.628,138.176,608.628,93.66,637.921,93.524z"
31648
+ }), h$2("path", {
31649
+ fill: "#2B2B2B",
31650
+ d: "M656.367,146.224c26.006,0.447,26.006,39.052,0,39.492C630.346,185.268,630.346,146.671,656.367,146.224z"
31651
+ }), h$2("path", {
31652
+ fill: "#2B2B2B",
31653
+ d: "M593.109,264.732c22.525,0.384,22.518,33.86,0,34.236C570.583,298.585,570.583,265.116,593.109,264.732z"
31654
+ }), h$2("path", {
31655
+ fill: "#2B2B2B",
31656
+ d: "M651.096,198.866c22.534,0.384,22.534,33.854,0,34.229C628.554,232.711,628.562,199.25,651.096,198.866z"
31657
+ }), h$2("path", {
31658
+ fill: "#2B2B2B",
31659
+ d: "M437.563,101.42c22.51,0.384,22.51,33.893,0,34.276C415.166,135.593,415.166,101.516,437.563,101.42z"
31660
+ }), h$2("path", {
31661
+ fill: "#2B2B2B",
31662
+ d: "M603.66,56.655c22.526,0.385,22.518,33.854,0,34.237C581.254,90.788,581.254,56.752,603.66,56.655z"
31663
+ }), h$2("path", {
31664
+ fill: "#2B2B2B",
31665
+ d: "M500.838,196.251c22.534,0.384,22.534,33.828,0,34.213C478.296,230.071,478.304,196.627,500.838,196.251z"
31666
+ }), h$2("path", {
31667
+ fill: "#2B2B2B",
31668
+ d: "M632.642,240.99c19.046,0.328,19.046,28.678,0,29.006C613.604,269.644,613.604,241.318,632.642,240.99z"
31669
+ }), h$2("path", {
31670
+ fill: "#2B2B2B",
31671
+ d: "M474.464,64.567c19.062,0.327,19.062,28.637,0,28.957C455.506,93.437,455.506,64.655,474.464,64.567z"
31672
+ }), h$2("path", {
31673
+ fill: "#2B2B2B",
31674
+ d: "M479.744,104.06c19.054,0.319,19.054,28.677,0,28.997C460.762,132.969,460.762,104.14,479.744,104.06z"
31675
+ }), h$2("rect", {
31676
+ x: "474.385",
31677
+ y: "78.803",
31678
+ transform: "matrix(-0.9944 0.1058 -0.1058 -0.9944 961.3718 138.2227)",
31679
+ fill: "#2B2B2B",
31680
+ width: "5.272",
31681
+ height: "31.605"
31682
+ }), h$2("rect", {
31683
+ x: "437.48",
31684
+ y: "126.203",
31685
+ transform: "matrix(-0.9944 0.1058 -0.1058 -0.9944 892.7841 236.662)",
31686
+ fill: "#2B2B2B",
31687
+ width: "5.272",
31688
+ height: "31.606"
31689
+ }), h$2("rect", {
31690
+ x: "490.251",
31691
+ y: "181.519",
31692
+ transform: "matrix(-0.0772 0.997 -0.997 -0.0772 728.7499 -306.1609)",
31693
+ fill: "#2B2B2B",
31694
+ width: "31.605",
31695
+ height: "5.272"
31696
+ }), h$2("rect", {
31697
+ x: "501.348",
31698
+ y: "116.825",
31699
+ transform: "matrix(-0.349 0.9371 -0.9371 -0.349 809.6375 -323.5298)",
31700
+ fill: "#2B2B2B",
31701
+ width: "31.702",
31702
+ height: "5.288"
31703
+ }), h$2("polygon", {
31704
+ fill: "#2B2B2B",
31705
+ points: "500.006,156.966 469.969,166.869 468.312,161.87 498.35,151.959 500.006,156.966 \t\t"
31706
+ }), h$2("polygon", {
31707
+ fill: "#2B2B2B",
31708
+ points: "474.744,120.346 443.115,121.018 443.003,115.754 474.632,115.082 474.744,120.346 \t\t"
31709
+ }), h$2("polygon", {
31710
+ fill: "#2B2B2B",
31711
+ points: "591.813,71.87 560.265,72.462 560.152,67.782 591.701,67.183 591.813,71.87 \t\t"
31712
+ }), h$2("polygon", {
31713
+ fill: "#2B2B2B",
31714
+ points: "499.438,223.992 476.472,245.614 473.248,242.223 496.206,220.601 499.438,223.992 \t\t"
31715
+ }), h$2("polygon", {
31716
+ fill: "#2B2B2B",
31717
+ points: "625.714,262.309 601.301,282.282 598.316,278.667 622.73,258.701 625.714,262.309 \t\t"
31718
+ }), h$2("polygon", {
31719
+ fill: "#2B2B2B",
31720
+ points: "587.094,241.286 595.189,271.748 590.669,272.972 582.566,242.511 \t\t"
31721
+ }), h$2("polygon", {
31722
+ fill: "#2B2B2B",
31723
+ points: "643.904,215.889 612.739,210.985 613.451,206.354 644.616,211.257 643.904,215.889 \t\t"
31724
+ }), h$2("polygon", {
31725
+ fill: "#2B2B2B",
31726
+ points: "642.568,172.725 612.188,181.22 610.907,176.717 641.289,168.222 642.568,172.725 \t\t"
31727
+ }), h$2("polygon", {
31728
+ fill: "#2B2B2B",
31729
+ points: "583.342,137.208 579.742,168.518 575.079,168.005 578.679,136.696 \t\t"
31730
+ }), h$2("polygon", {
31731
+ fill: "#2B2B2B",
31732
+ points: "545.922,177.221 519.204,160.454 521.676,156.479 548.394,173.245 545.922,177.221 \t\t"
31733
+ }), h$2("polygon", {
31734
+ fill: "#2B2B2B",
31735
+ points: "567.008,111.379 540.29,94.612 542.762,90.637 569.479,107.403 567.008,111.379 \t\t"
31736
+ }), h$2("polygon", {
31737
+ fill: "#2B2B2B",
31738
+ points: "584.438,112.122 594.733,82.325 599.173,83.829 588.878,113.626 584.438,112.122 \t\t"
31739
+ }), h$2("polygon", {
31740
+ fill: "#2B2B2B",
31741
+ points: "528.579,261.717 543.498,233.943 547.642,236.143 532.715,263.908 528.579,261.717 \t\t"
31742
+ }), h$2("polygon", {
31743
+ fill: "#2B2B2B",
31744
+ points: "633.905,106.683 609.972,86.141 613.012,82.573 636.945,103.115 633.905,106.683 \t\t"
31745
+ }), h$2("path", {
31746
+ fill: "#FFE535",
31747
+ d: "M575.951,156.759c62.394,1.063,62.394,93.759,0,94.807C513.604,250.502,513.62,157.814,575.951,156.759z"
31748
+ }))));
31749
+ }
31750
+
31751
+ /* eslint max-len: 0 */
31752
+ function SadPenguin() {
31753
+ return h$2("svg", {
31754
+ xmlns: "http://www.w3.org/2000/svg",
31755
+ id: "svg2",
31756
+ viewBox: "0 0 3000 3000",
31757
+ version: "1.1"
31758
+ }, h$2("defs", {
31759
+ id: "defs34"
31760
+ }), h$2("g", {
31761
+ id: "g3040",
31762
+ transform: "translate(0,-4.4063)"
31763
+ }, h$2("path", {
31764
+ id: "path7",
31765
+ fill: "#fff",
31766
+ d: "m1520.9 2457.6c-502.69 0-910.31 244.27-915.91 546.77h1832.2c-5.5781-302.51-413.58-546.77-916.24-546.77z"
31767
+ }), h$2("path", {
31768
+ id: "path9",
31769
+ fill: "#fff",
31770
+ d: "m2417.1 1351.8c0 305.39-410.34 552.96-916.5 552.96s-916.48-247.57-916.48-552.96 410.32-552.96 916.48-552.96 916.5 247.57 916.5 552.96z"
31771
+ }), h$2("path", {
31772
+ id: "path11",
31773
+ d: "m1813.5 897.94c14.133 1.2188 28.195 3.9609 42.844 7.7109 148.59 37.992 275.55 201.91 310.92 401.37 10.383 58.641 11.273 147.89 1.8281 200.67-23.976 133.95-93.328 232.1-190.05 269.53-39.609 15.328-98.062 19.476-140.27 9.8906-100.69-22.875-200.65-111.8-261.47-232.92-29.578-58.875-58.805-155.11-58.594-192.61-4.4063-27.047-4.8984-30.07-7.3359-69.211-3.7266-13.898 1.8984-87.75 13.547-138.07 25.453-109.66 85.148-193.43 165.16-232.17 40.547-19.641 81.047-27.773 123.42-24.188z"
31774
+ }), h$2("path", {
31775
+ id: "path13",
31776
+ d: "m1435.5 433.59c-191.91 3.1172-378.8 60.586-526.97 163.34-211.9 146.93-352.12 372.73-411.26 663.21-2.7188 13.359-6.1875 31.734-8.0625 40.641-1.875 8.9062-5.7188 31.594-8.0625 50.531-2.3438 18.961-6.3516 50.273-9.1406 69.211-6.5625 44.484-6.6094 206.84 0 247.2 20.203 123.49 42.117 213.66 88.617 364.76 14.133 45.914 17.414 56.93 24.891 84.961 2.0859 7.8047 9.6562 35.156 16.5 60.797 44.016 164.95 47.859 278.65 13.898 386.34-24.867 78.844-64.172 139.27-141.73 216.42-55.57 55.453-118.34 139.12-159.28 223.41h374.25c9.7734-22.594 17.602-46.219 26.367-63.727 56.18-112.08 113.13-190.88 193.73-268.08 106.08-101.62 225.54-162.59 368.04-188.23 39.141-7.0547 161.62-8.2969 200.32-1.8281 210.96 35.226 391.27 147.75 535.41 333.98 42.516 54.938 80.789 119.58 115.34 187.88h787.73c-26.555-57.562-71.719-129.66-126.23-207.28-29.93-42.633-69.656-106.95-91.289-132.56-68.719-81.445-126.59-120.8-168.21-175.9-86.508-79.945-76.219-96.539-74.227-208.99 36-179.16 46.289-513.47 36-782.72 3.7969-78.609-0.4922-119.48-4.5-161.02-14.227-146.77-42.07-234.87-99.609-349.73-45.586-90.961-102.96-169.41-178.36-244.62-84.328-84.141-166.08-142.57-275.74-196.66-133.62-65.906-260.79-99.375-416.02-109.5-27.539-1.7812-54.984-2.2734-82.406-1.8281z"
31777
+ }), h$2("path", {
31778
+ id: "path15",
31779
+ fill: "#333",
31780
+ d: "m1521.2 567.63s-51.422 1268.6-19.031 1801.8c178.76 29.836 260.58 70.336 438.7 215.7 93.234 76.055 266.2 272.65 332.91 419.32h502.43c-46.8-72.3-139.5-212-161.8-238.4-28.476-33.727-67.008-78.984-85.336-100.71-58.219-69-145.27-167.18-180.54-213.87-37.336-36.891-33.586-62.859-32.226-112.43 3.3515-132.66 16.312-651.63 26.742-868.29 3.211-66.609 3.3985-93.703 0-128.91-12.047-124.36-35.836-210.28-84.609-307.62-38.602-77.086-86.977-143.53-150.87-207.28-71.461-71.297-140.72-120.8-233.65-166.62-113.2-55.828-352.66-92.648-352.66-92.648z"
31781
+ }), h$2("path", {
31782
+ id: "path17",
31783
+ fill: "#ec0",
31784
+ d: "m1427.1 1764.9-13.922 14.812c-27.703 29.344-87.352 49.359-179.11 59.906-100.76 11.602-228.89 5.3204-290.3-14.18-30.352-9.6329-38.578-7.9922-45.844 9.4921-22.898 55.219 24.984 159.73 137.55 300.3 71.391 89.156 177.52 196.34 243.94 246.35 25.852 19.477 57.375 34.852 86.766 42.305 23.906 6.0703 165.52 4.875 198.96-1.6406 11.156-2.1797 31.922-6.1172 46.102-8.8829 77.086-14.883 142.05-52.219 255.87-146.79 102.8-85.43 228.87-226.08 262.55-292.95 24.633-48.891 34.805-122.58 20.016-145.15-8.4844-12.938-12.047-13.148-44.578-2.789-31.547 10.031-139.05 20.25-211.9 20.25-30.164 0-78.844-2.8125-108.3-6.3282-85.758-10.195-135.09-27.773-164.02-58.5l-15.188-16.219zm36.867 32.414c22.336 0 34.852 29.086 26.203 61.172-14.812 55.031-50.695 81.656-72.562 53.836-23.977-30.469 10.078-115.01 46.359-115.01zm84.844 0c24.914 0 54.844 47.391 54.844 86.766 0 33.938-25.781 49.57-50.156 30.398-20.086-15.797-37.758-62.555-33.047-87.656 3.1875-17.062 15.188-29.508 28.359-29.508z",
31785
+ style: "fill:#fbc93d;fill-opacity:1"
31786
+ }), h$2("path", {
31787
+ id: "path19",
31788
+ fill: "#fff",
31789
+ d: "m1214 1077.4c35.18-3 68.812 3.7734 102.49 20.062 66.375 32.133 115.8 101.77 136.88 192.54 14.274 71.226 9.3281 172.12 3.6328 189.16-7.6172 58.078-40.664 141.38-77.555 195.59-50.297 73.945-120.91 126.91-188.27 141.12-60.047 12.656-116.41 0.2812-164.84-36.188-72.891-54.914-113.13-153.02-113.16-275.25-0.0234-198.47 115.85-382.52 264.91-420.66 12.188-3.1172 24.164-5.3906 35.906-6.375z"
31790
+ }), h$2("path", {
31791
+ id: "path21",
31792
+ fill: "#fff",
31793
+ d: "m1794.7 1077.4c-35.203-3-68.836 3.7734-102.52 20.062-66.375 32.133-115.8 101.77-136.85 192.54-14.273 71.226-9.3281 172.12-3.6562 189.16 7.6406 58.078 40.688 141.38 77.555 195.59 50.297 73.945 120.94 126.91 188.27 141.12 60.07 12.656 116.44 0.2812 164.86-36.188 72.867-54.914 113.11-153.02 113.13-275.25 0.047-198.47-115.85-382.52-264.91-420.66-12.164-3.1172-24.164-5.3906-35.883-6.375z"
31794
+ }), h$2("path", {
31795
+ id: "path23",
31796
+ d: "m1418.5 1543.2c0 100.97-75.188 182.81-167.91 182.81-92.742 0-167.91-81.844-167.91-182.81 0-100.99 75.164-182.84 167.91-182.84 92.719 0 167.91 81.844 167.91 182.84z"
31797
+ }), h$2("path", {
31798
+ id: "path25",
31799
+ fill: "#fff",
31800
+ d: "m1379.2 1471.6c0 44.25-32.953 80.109-73.57 80.109-40.641 0-73.57-35.859-73.57-80.109s32.93-80.109 73.57-80.109c40.617 0 73.57 35.859 73.57 80.109z"
31801
+ }), h$2("path", {
31802
+ id: "path27",
31803
+ d: "m1922.2 1534.7c0 100.97-75.164 182.84-167.91 182.84-92.742 0-167.91-81.867-167.91-182.84s75.164-182.84 167.91-182.84c92.742 0 167.91 81.867 167.91 182.84z"
31804
+ }), h$2("path", {
31805
+ id: "path29",
31806
+ fill: "#fff",
31807
+ d: "m1885.7 1461.9c0 44.227-32.93 80.109-73.57 80.109-40.641 0-73.57-35.883-73.57-80.109 0-44.25 32.93-80.133 73.57-80.133 40.641 0 73.57 35.883 73.57 80.133z"
31808
+ }), h$2("path", {
31809
+ id: "path31",
31810
+ fill: "#333",
31811
+ d: "m988.2 966.73c37.4-23.23 78.6-34.74 125.2-35.68 91.898-1.8516 186.16 47.531 260.86 136.43 56.133 71.016 107.7 185.86 111.02 208.03-313.95 47.18-354.94 46.289-589.66 335.53-112.24-220.38-87.633-490.31 56.367-616.95 11.742-10.336 23.766-19.641 36.234-27.375z"
31812
+ }), h$2("path", {
31813
+ id: "path33",
31814
+ d: "m2007.8 971.6c-37.383-23.227-78.562-34.734-125.18-35.672-91.875-1.8516-186.16 47.531-260.86 136.43-56.109 71.016-107.67 185.86-111.02 208.03 313.95 47.18 354.94 46.289 589.66 335.53 112.27-220.41 87.633-490.31-56.344-616.95-11.766-10.336-23.789-19.641-36.258-27.375z"
31815
+ }), h$2("path", {
31816
+ id: "path35",
31817
+ d: "m1959.2 2230.3c0 109.1-44.297 197.67-98.836 197.67-54.562 0-98.836-88.57-98.836-197.67 0-109.12 81.562-234.98 102.56-466.22 4.1953 233.11 95.109 357.09 95.109 466.22z",
31818
+ stroke: "#0ff",
31819
+ fill: "#0ff"
31820
+ }), h$2("path", {
31821
+ id: "path37",
31822
+ fill: "#fff",
31823
+ d: "m1929.1 2168.9c0 50.508-21.07 98.273-46.336 98.273s-45.75-40.992-45.75-91.5c0-50.531 34.945-99.75 44.648-206.79 24.562 133.34 48 137.62 47.438 200.02z"
31824
+ }), h$2("path", {
31825
+ id: "path39",
31826
+ fill: "#0ff",
31827
+ d: "m1629.2 1674.7c50.297 73.945 120.94 126.91 188.27 141.12 60.07 12.656 116.44 0.2812 164.86-36.188 36.422-27.445 64.711-65.719 83.883-112.38-111.77 63.492-260.32 60.797-437.02 7.4532z"
31828
+ })));
31829
+ } // Original from https://openclipart.org/detail/178504/sad-penguin
31830
+
31831
+ /*
31832
+ <metadata
31833
+ id="metadata29">
31834
+ <rdf:RDF>
31835
+ <cc:Work>
31836
+ <dc:format>image/svg+xml</dc:format>
31837
+ <dc:type
31838
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
31839
+ <cc:license
31840
+ rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
31841
+ <dc:publisher>
31842
+ <cc:Agent
31843
+ rdf:about="http://openclipart.org/">
31844
+ <dc:title>Openclipart</dc:title>
31845
+ </cc:Agent>
31846
+ </dc:publisher>
31847
+ <dc:title>sad penguin</dc:title>
31848
+ <dc:date>2013-05-23T02:08:03</dc:date>
31849
+ <dc:description>A penguin in an outfit reminds us of tux from Linux fame.</dc:description>
31850
+ <dc:source>https://openclipart.org/detail/178504/sad-by-bartm-178504</dc:source>
31851
+ <dc:creator>
31852
+ <cc:Agent>
31853
+ <dc:title>BartM</dc:title>
31854
+ </cc:Agent>
31855
+ </dc:creator>
31856
+ <dc:subject>
31857
+ <rdf:Bag>
31858
+ <rdf:li>animal</rdf:li>
31859
+ <rdf:li>color</rdf:li>
31860
+ <rdf:li>linux</rdf:li>
31861
+ <rdf:li>penguin</rdf:li>
31862
+ <rdf:li>pet</rdf:li>
31863
+ <rdf:li>sad</rdf:li>
31864
+ <rdf:li>tux</rdf:li>
31865
+ </rdf:Bag>
31866
+ </dc:subject>
31867
+ </cc:Work>
31868
+ <cc:License
31869
+ rdf:about="http://creativecommons.org/licenses/publicdomain/">
31870
+ <cc:permits
31871
+ rdf:resource="http://creativecommons.org/ns#Reproduction" />
31872
+ <cc:permits
31873
+ rdf:resource="http://creativecommons.org/ns#Distribution" />
31874
+ <cc:permits
31875
+ rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
31876
+ </cc:License>
31877
+ </rdf:RDF>
31878
+ </metadata>
31879
+ */
31880
+
31881
+ /* eslint max-len: 0 */
31882
+ function FlowerPenguin() {
31883
+ return h$2("svg", {
31884
+ xmlns: "http://www.w3.org/2000/svg",
31885
+ viewBox: "0 0 3000 3000"
31886
+ }, h$2("path", {
31887
+ fill: "#fff",
31888
+ d: "M1520.9 2453.194c-502.69 0-910.31 244.27-915.91 546.77h1832.2c-5.578-302.51-413.58-546.77-916.24-546.77zM2417.1 1347.394c0 305.39-410.34 552.96-916.5 552.96s-916.48-247.57-916.48-552.96 410.32-552.96 916.48-552.96 916.5 247.57 916.5 552.96z"
31889
+ }), h$2("path", {
31890
+ d: "M1813.5 893.534c14.133 1.219 28.195 3.96 42.844 7.71 148.59 37.993 275.55 201.91 310.92 401.37 10.383 58.642 11.273 147.89 1.828 200.67-23.976 133.95-93.328 232.1-190.05 269.53-39.609 15.329-98.062 19.477-140.27 9.891-100.69-22.875-200.65-111.8-261.47-232.92-29.578-58.875-58.805-155.11-58.594-192.61-4.406-27.047-4.898-30.07-7.336-69.21-3.726-13.899 1.899-87.75 13.547-138.07 25.453-109.66 85.148-193.43 165.16-232.17 40.547-19.642 81.047-27.774 123.42-24.189z"
31891
+ }), h$2("path", {
31892
+ d: "M1435.5 429.184c-191.91 3.117-378.8 60.586-526.97 163.34-211.9 146.93-352.12 372.73-411.26 663.21-2.719 13.359-6.188 31.734-8.063 40.64-1.875 8.907-5.718 31.595-8.062 50.532-2.344 18.96-6.352 50.273-9.14 69.21-6.563 44.485-6.61 206.84 0 247.2 20.202 123.49 42.116 213.66 88.616 364.76 14.133 45.915 17.414 56.93 24.891 84.962 2.086 7.804 9.657 35.156 16.5 60.797 44.016 164.95 47.86 278.65 13.898 386.34-24.867 78.844-64.172 139.27-141.73 216.42-55.57 55.453-118.34 139.12-159.28 223.41h374.25c9.774-22.594 17.602-46.22 26.367-63.727 56.18-112.1 113.13-190.88 193.73-268.08 106.08-101.62 225.54-162.59 368.04-188.23 39.141-7.055 161.62-8.297 200.32-1.828 210.96 35.226 391.27 147.75 535.41 333.98 42.516 54.938 80.79 119.58 115.34 187.88h787.73c-26.555-57.562-71.719-129.66-126.23-207.28-29.93-42.633-69.656-106.95-91.289-132.56-68.719-81.445-126.59-120.8-168.21-175.9-86.508-79.945-76.219-96.54-74.227-208.99 36-179.16 46.29-513.47 36-782.72 3.797-78.61-.492-119.48-4.5-161.02-14.227-146.77-42.07-234.87-99.609-349.73-45.586-90.961-102.96-169.41-178.36-244.62-84.328-84.141-166.08-142.57-275.74-196.66-133.62-65.906-260.79-99.375-416.02-109.5-27.539-1.782-54.984-2.274-82.406-1.829zm-256.3 464.35c42.375-3.586 82.875 4.547 123.42 24.188 79.922 38.672 139.45 122.51 164.79 231.8 17.203 85.758 11.25 207.26 4.406 227.79-9.187 69.914-48.984 170.2-93.398 235.48-60.562 89.039-145.59 152.84-226.66 169.92-72.328 15.258-140.2.328-198.49-43.57-87.75-66.117-136.2-184.27-136.24-331.43-.023-238.97 139.5-460.57 318.98-506.46 14.648-3.75 29.086-6.492 43.195-7.711z"
31893
+ }), h$2("path", {
31894
+ fill: "#333",
31895
+ d: "M1521.2 563.224s-51.422 1268.6-19.031 1801.8c178.76 29.836 260.58 70.336 438.7 215.7 93.234 76.055 266.2 272.65 332.91 419.32h502.43c-46.8-72.3-139.5-212-161.8-238.4-28.476-33.727-67.008-78.984-85.336-100.71-58.219-69-145.27-167.18-180.54-213.87-37.336-36.891-33.586-62.86-32.226-112.43 3.352-132.66 16.312-651.63 26.742-868.29 3.211-66.61 3.398-93.703 0-128.91-12.047-124.36-35.836-210.28-84.609-307.62-38.602-77.086-86.977-143.53-150.87-207.28-71.461-71.297-140.72-120.8-233.65-166.62-113.2-55.828-352.66-92.648-352.66-92.648z"
31896
+ }), h$2("path", {
31897
+ fill: "#fff",
31898
+ d: "M1878.5 1782.294c-81.539-17.203-167.11-81.305-228.02-170.86-44.672-65.648-84.609-166.41-93.844-236.72-6.89-20.648-12.984-142.92 4.289-229.17 25.5-109.92 85.617-194.41 165.98-233.32 54.375-26.297 108.38-31.664 167.34-16.57 416.88 90.492 431.16 973.97-15.75 886.64z"
31899
+ }), h$2("path", {
31900
+ fill: "#ec0",
31901
+ d: "m1427.1 1764.9-13.922 14.812c-27.703 29.344-87.352 49.359-179.11 59.906-100.76 11.602-228.89 5.32-290.3-14.18-30.352-9.633-38.578-7.992-45.844 9.492-22.898 55.22 24.984 159.73 137.55 300.3 71.391 89.156 177.52 196.34 243.94 246.35 25.852 19.477 57.375 34.852 86.766 42.305 23.906 6.07 165.52 4.875 198.96-1.64 11.156-2.18 31.922-6.118 46.102-8.883 77.086-14.883 142.05-52.22 255.87-146.79 102.8-85.43 228.87-226.08 262.55-292.95 24.633-48.891 34.805-122.58 20.016-145.15-8.484-12.938-12.047-13.148-44.578-2.79-31.547 10.032-139.05 20.25-211.9 20.25-30.164 0-78.844-2.812-108.3-6.328-85.758-10.195-135.09-27.773-164.02-58.5l-15.188-16.219zm36.867 32.414c22.336 0 34.852 29.086 26.203 61.172-14.812 55.031-50.695 81.656-72.562 53.836-23.977-30.469 10.078-115.01 46.359-115.01zm84.844 0c24.914 0 54.844 47.391 54.844 86.766 0 33.938-25.781 49.57-50.156 30.398-20.086-15.797-37.758-62.555-33.047-87.656 3.188-17.062 15.188-29.508 28.359-29.508z",
31902
+ style: {
31903
+ fill: "#fbc93d",
31904
+ fillOpacity: 1
31905
+ },
31906
+ transform: "translate(0 -4.406)"
31907
+ }), h$2("path", {
31908
+ d: "M1400.6 1423.694c0 159.16-118.5 288.19-264.66 288.19-146.18 0-264.66-129.02-264.66-288.19 0-159.16 118.48-288.19 264.66-288.19 146.16 0 264.66 129.02 264.66 288.19z"
31909
+ }), h$2("path", {
31910
+ fill: "#fff",
31911
+ d: "M1338.7 1310.794c0 69.75-51.938 126.28-115.97 126.28-64.055 0-115.97-56.531-115.97-126.28 0-69.75 51.914-126.28 115.97-126.28 64.031 0 115.97 56.53 115.97 126.28z"
31912
+ }), h$2("path", {
31913
+ d: "M2158 1423.694c0 159.16-118.48 288.19-264.66 288.19-146.16 0-264.66-129.02-264.66-288.19 0-159.16 118.5-288.19 264.66-288.19 146.18 0 264.66 129.02 264.66 288.19z"
31914
+ }), h$2("path", {
31915
+ fill: "#fff",
31916
+ d: "M2096.1 1310.794c0 69.75-51.914 126.28-115.97 126.28-64.055 0-115.97-56.531-115.97-126.28 0-69.75 51.914-126.28 115.97-126.28 64.055 0 115.97 56.53 115.97 126.28z"
31917
+ }), h$2("path", {
31918
+ d: "M1846 841.894c-46.476-3.961-90.914 4.992-135.4 26.53-87.703 42.446-153.02 134.41-180.82 254.34-18.867 94.103-12.328 227.39-4.828 249.94 319.31-106.43 357.59-127.01 718.45 33.353.047-262.2-153.05-505.36-349.97-555.73-16.102-4.102-31.922-7.125-47.438-8.438z"
31919
+ }), h$2("path", {
31920
+ strokeLinejoin: "round",
31921
+ d: "M2354.1 863.624c-553.64-380.81 28.008-361.78-606.26-139.87-341.25 119.39 46.36 646.29 149.18 299.67 191.09-644.2 352.71-85.148-54.328-619.8-219-287.65-600.33 243.8-238.92 234.47 671.74-17.344 189.98 309.14 572.7-243.19 205.9-297.16-417.4-495.61-296.84-154.78 224.06 633.52-235.31 276.23 408.26 469.52 346.27 103.99 342.37-550.12 55.476-330.14-533.25 408.87-335.41-138.42-320.37 533.37 8.11 361.45 628.99 155.63 331.1-49.242z",
31922
+ stroke: "#f57f05",
31923
+ strokeWidth: 51.801,
31924
+ fill: "#fa9705"
31925
+ }), h$2("path", {
31926
+ strokeLinejoin: "round",
31927
+ d: "M2119.5 611.644c0 62.672-50.812 113.48-113.48 113.48-62.672 0-113.48-50.813-113.48-113.48 0-62.672 50.813-113.48 113.48-113.48 62.672 0 113.48 50.812 113.48 113.48z",
31928
+ stroke: "#f57f05",
31929
+ strokeWidth: 51.801,
31930
+ fill: "#fadc05"
31931
+ }), h$2("path", {
31932
+ fill: "#333",
31933
+ d: "M1154 841.894c46.476-3.961 90.914 4.992 135.4 26.53 87.703 42.446 153.02 134.41 180.82 254.34 18.867 94.103 12.328 227.39 4.828 249.94-319.31-106.43-357.59-127.01-718.45 33.353-.047-262.2 153.05-505.36 349.97-555.73 16.102-4.102 31.922-7.125 47.438-8.438z"
31934
+ }));
31935
+ } // Original from https://openclipart.org/detail/178473/flower-by-bartm-178473
31936
+
31937
+ /*
31938
+ <metadata
31939
+ >
31940
+ <rdf:RDF
31941
+ >
31942
+ <cc:Work
31943
+ >
31944
+ <dc:format
31945
+ >image/svg+xml</dc:format
31946
+ >
31947
+ <dc:type
31948
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage"
31949
+ />
31950
+ <cc:license
31951
+ rdf:resource="http://creativecommons.org/licenses/publicdomain/"
31952
+ />
31953
+ <dc:publisher
31954
+ >
31955
+ <cc:Agent
31956
+ rdf:about="http://openclipart.org/"
31957
+ >
31958
+ <dc:title
31959
+ >Openclipart</dc:title
31960
+ >
31961
+ </cc:Agent
31962
+ >
31963
+ </dc:publisher
31964
+ >
31965
+ <dc:title
31966
+ >flower penguin</dc:title
31967
+ >
31968
+ <dc:date
31969
+ >2013-05-23T01:59:09</dc:date
31970
+ >
31971
+ <dc:description
31972
+ >A penguin in an outfit reminds us of tux from Linux fame.</dc:description
31973
+ >
31974
+ <dc:source
31975
+ >https://openclipart.org/detail/178473/flower-by-bartm-178473</dc:source
31976
+ >
31977
+ <dc:creator
31978
+ >
31979
+ <cc:Agent
31980
+ >
31981
+ <dc:title
31982
+ >BartM</dc:title
31983
+ >
31984
+ </cc:Agent
31985
+ >
31986
+ </dc:creator
31987
+ >
31988
+ <dc:subject
31989
+ >
31990
+ <rdf:Bag
31991
+ >
31992
+ <rdf:li
31993
+ >animal</rdf:li
31994
+ >
31995
+ <rdf:li
31996
+ >color</rdf:li
31997
+ >
31998
+ <rdf:li
31999
+ >flower</rdf:li
32000
+ >
32001
+ <rdf:li
32002
+ >linux</rdf:li
32003
+ >
32004
+ <rdf:li
32005
+ >penguin</rdf:li
32006
+ >
32007
+ <rdf:li
32008
+ >pet</rdf:li
32009
+ >
32010
+ <rdf:li
32011
+ >tux</rdf:li
32012
+ >
32013
+ </rdf:Bag
32014
+ >
32015
+ </dc:subject
32016
+ >
32017
+ </cc:Work
32018
+ >
32019
+ <cc:License
32020
+ rdf:about="http://creativecommons.org/licenses/publicdomain/"
32021
+ >
32022
+ <cc:permits
32023
+ rdf:resource="http://creativecommons.org/ns#Reproduction"
32024
+ />
32025
+ <cc:permits
32026
+ rdf:resource="http://creativecommons.org/ns#Distribution"
32027
+ />
32028
+ <cc:permits
32029
+ rdf:resource="http://creativecommons.org/ns#DerivativeWorks"
32030
+ />
32031
+ </cc:License
32032
+ >
32033
+ </rdf:RDF
32034
+ >
32035
+ </metadata
32036
+ >
32037
+ */
32038
+
32039
+ /* eslint-disable no-nested-ternary */
32040
+
32041
+ /**
32042
+ * A component which renders the given child when the provided SubmitStatus is idle, a spinner when submitting
32043
+ * a success message on success and error message on error.
32044
+ *
32045
+ * @param props
32046
+ * @constructor
32047
+ */
32048
+ function SubmitStatusView(props) {
32049
+ var children = props.children,
32050
+ submitStatus = props.submitStatus;
32051
+
32052
+ switch (submitStatus) {
32053
+ case SubmitStatus.idle:
32054
+ return children;
32055
+
32056
+ case SubmitStatus.submitting:
32057
+ return h$2("div", {
32058
+ className: "spinner"
32059
+ });
32060
+
32061
+ case SubmitStatus.success:
32062
+ return h$2("div", {
32063
+ className: "submit-success"
32064
+ }, h$2(FlowerPenguin, null), "Thank you!");
32065
+
32066
+ default:
32067
+ return h$2("div", {
32068
+ className: "submit-error"
32069
+ }, h$2(SadPenguin, null), "Error.");
32070
+ }
32071
+ }
32072
+
31524
32073
  var _excluded = ["id", "badges"];
31525
32074
  function BadgeSet(_ref) {
31526
32075
  var id = _ref.id,
@@ -31550,7 +32099,8 @@
31550
32099
  apiUrl = _getBaseProps.apiUrl;
31551
32100
 
31552
32101
  var _useFeedbackApi = useFeedbackApi(apiUrl, props[ATTR_SOURCE_UUID], props[ATTR_TARGET_UUID], props[ATTR_TRANSACTION_ID]),
31553
- sendFeedback = _useFeedbackApi.sendFeedback;
32102
+ sendFeedback = _useFeedbackApi.sendFeedback,
32103
+ submitStatus = _useFeedbackApi.submitStatus;
31554
32104
 
31555
32105
  return h$2(BaseComponent, {
31556
32106
  style: css_248z$h
@@ -31559,7 +32109,9 @@
31559
32109
  className: "badge-set-container"
31560
32110
  }, h$2("h3", {
31561
32111
  className: "text-left badge-text-h3 badge-text-h3-".concat(isDark ? "dark" : "light")
31562
- }, id), h$2("div", {
32112
+ }, id), h$2(SubmitStatusView, {
32113
+ submitStatus: submitStatus
32114
+ }, h$2("div", {
31563
32115
  className: "badge-img-container"
31564
32116
  }, badges.map(function (_ref2) {
31565
32117
  var qualifier = _ref2.qualifier,
@@ -31581,7 +32133,7 @@
31581
32133
  className: "badge-img",
31582
32134
  alt: "badges"
31583
32135
  })));
31584
- })))));
32136
+ }))))));
31585
32137
  }
31586
32138
 
31587
32139
  function Badges(props) {
@@ -33151,30 +33703,22 @@
33151
33703
  const FormContext = B(null);
33152
33704
  FormContext.displayName = 'RHFContext';
33153
33705
 
33154
- var css_248z$g = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.text-area {\n width: 100%;\n}\n.text-input-section {\n width: 100%;\n}\n.text-input-form {\n display: flex;\n flex-direction: column;\n padding: 1rem 2.5rem 2rem;\n justify-content: center;\n align-items: center;\n width: 100vw;\n}\n.text-input-btn {\n border-radius: 10px;\n width: 80vw;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .text-area {\n width: 90%;\n }\n .text-input-form {\n padding: 2rem 2.5rem;\n width: 60vw;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .text-input-btn {\n width: 90%;\n }\n}";
33155
- styleInject(css_248z$g);
33706
+ var css_248z$f = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.text-area {\n width: 100%;\n border-radius: 10px 10px 0 0;\n}\n.text-input-section {\n width: 100%;\n}\n.text-input-form {\n display: flex;\n flex-direction: column;\n padding: 1rem 2.5rem 2rem;\n justify-content: center;\n align-items: center;\n width: 100vw;\n}\n.text-input-btn {\n border-radius: 0 0 10px 10px;\n width: 80vw;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .text-area {\n width: 90%;\n }\n .text-input-form {\n padding: 2rem 2.5rem;\n width: 60vw;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .text-input-btn {\n width: 90%;\n }\n}";
33707
+ styleInject(css_248z$f);
33156
33708
 
33709
+ /* eslint-disable no-nested-ternary */
33157
33710
  var minLength = 5;
33158
33711
  function FeedbackTextInput(props) {
33159
- // environments
33160
- var _useState = p(false),
33161
- _useState2 = _slicedToArray(_useState, 2),
33162
- isDark = _useState2[0],
33163
- setIsDark = _useState2[1]; // const [isDark, setIsDark] = useState(false);
33164
-
33165
-
33166
- if (props[ATTR_THEME_COLOR] === "dark") {
33167
- setIsDark(true);
33168
- } // environment conditionals
33712
+ var _props$ATTR_THEME_COL;
33169
33713
 
33170
-
33171
- var envCondition = isDark ? "dark" : "light";
33714
+ var envCondition = (_props$ATTR_THEME_COL = props[ATTR_THEME_COLOR]) !== null && _props$ATTR_THEME_COL !== void 0 ? _props$ATTR_THEME_COL : "light";
33172
33715
 
33173
33716
  var _getBaseProps = getBaseProps(props, TAG_FEEDBACK_FORM),
33174
33717
  apiUrl = _getBaseProps.apiUrl;
33175
33718
 
33176
33719
  var _useFeedbackApi = useFeedbackApi(apiUrl, props[ATTR_SOURCE_UUID], props[ATTR_TARGET_UUID], props[ATTR_TRANSACTION_ID]),
33177
- sendFeedback = _useFeedbackApi.sendFeedback;
33720
+ sendFeedback = _useFeedbackApi.sendFeedback,
33721
+ submitStatus = _useFeedbackApi.submitStatus;
33178
33722
 
33179
33723
  var _useForm = useForm(),
33180
33724
  register = _useForm.register,
@@ -33186,7 +33730,7 @@
33186
33730
  }
33187
33731
 
33188
33732
  return h$2(BaseComponent, {
33189
- style: css_248z$g // className={`text-input-form utu-section-no-border-${envCondition}`}
33733
+ style: css_248z$f // className={`text-input-form utu-section-no-border-${envCondition}`}
33190
33734
  ,
33191
33735
  className: "d-flex justify-content-center text-input-section utu-section-no-border-".concat(envCondition),
33192
33736
  excludeBootstrap: true,
@@ -33204,13 +33748,15 @@
33204
33748
  placeholder: "Your text review"
33205
33749
  }), errors.review && h$2("div", {
33206
33750
  className: "mt-1 error"
33207
- }, "* Feedback should be at least ", minLength, " characters long"), h$2("button", {
33751
+ }, "* Feedback should be at least ", minLength, " characters long"), h$2(SubmitStatusView, {
33752
+ submitStatus: submitStatus
33753
+ }, h$2("button", {
33208
33754
  style: {
33209
33755
  backgroundColor: props[ATTR_BTN_COLOR] === undefined ? null : "".concat(props[ATTR_BTN_COLOR])
33210
33756
  },
33211
- className: "mt-3 text-input-btn btn btn-".concat(envCondition),
33757
+ className: "text-input-btn btn btn-".concat(envCondition),
33212
33758
  type: "submit"
33213
- }, "Submit")));
33759
+ }, "Submit text review"))));
33214
33760
  }
33215
33761
 
33216
33762
  var $includes = arrayIncludes.includes;
@@ -34333,8 +34879,8 @@
34333
34879
  }
34334
34880
  ];
34335
34881
 
34336
- var css_248z$f = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.endor-input-form {\n display: flex;\n flex-direction: row;\n justify-items: center;\n justify-content: center;\n align-items: center;\n padding-top: 3rem;\n padding-bottom: 3rem;\n width: 50%;\n}\n.endor-input-form-text-area {\n height: 3rem;\n width: 100%;\n margin-right: 1rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.8rem;\n align-items: center;\n align-content: center;\n background-color: #fcf8e5;\n overflow: hidden;\n}\n.endor-input-section {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 1rem 2rem;\n width: 100%;\n}\n.endor-text {\n font-size: 1.5rem;\n width: 50%;\n}\n.endor-text-light {\n color: black;\n}\n.endor-text-dark {\n color: white;\n}\n.endor-text-area {\n display: flex;\n flex-direction: row;\n}\n.endor-text-info {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgb(251, 201, 61);\n width: 1rem;\n height: 1rem;\n margin-left: 1rem;\n font-size: 0.8rem;\n border-radius: 50%;\n cursor: pointer;\n margin-left: 0.5rem;\n transition-timing-function: ease-in-out;\n transition-duration: 2s;\n transition: width 2s, height 4s;\n}\n.endor-text-body {\n font-size: 1rem;\n}\n.endor-text-title {\n font-size: 1rem;\n}\n.endor-btn {\n border-radius: 10px;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .endor-input-section {\n padding-left: 0rem;\n padding-right: 0rem;\n }\n .endor-input-form {\n width: 45%;\n padding: 2rem;\n }\n .endor-input-form-text-area {\n background-color: rgb(253, 253, 253);\n font-size: 1rem;\n }\n .endor-input-form-section {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n }\n .endor-text {\n padding: 2rem;\n width: 45%;\n }\n .endor-text-info {\n font-size: 1rem;\n }\n}\n@media only screen and (min-width: 830px) {\n .endor-input-form-text-area {\n font-size: 1rem;\n }\n}";
34337
- styleInject(css_248z$f);
34882
+ var css_248z$e = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.endor-input-form {\n display: flex;\n flex-direction: row;\n justify-items: center;\n justify-content: center;\n align-items: center;\n padding-top: 3rem;\n padding-bottom: 3rem;\n width: 50%;\n}\n.endor-input-form-text-area {\n height: 3rem;\n width: 100%;\n margin-right: 1rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.8rem;\n align-items: center;\n align-content: center;\n background-color: #fcf8e5;\n overflow: hidden;\n}\n.endor-input-section {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 1rem 2rem;\n width: 100%;\n}\n.endor-text {\n font-size: 1.5rem;\n width: 50%;\n}\n.endor-text-light {\n color: black;\n}\n.endor-text-dark {\n color: white;\n}\n.endor-text-area {\n display: flex;\n flex-direction: row;\n}\n.endor-text-info {\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgb(251, 201, 61);\n width: 1rem;\n height: 1rem;\n margin-left: 1rem;\n font-size: 0.8rem;\n border-radius: 50%;\n cursor: pointer;\n margin-left: 0.5rem;\n transition-timing-function: ease-in-out;\n transition-duration: 2s;\n transition: width 2s, height 4s;\n}\n.endor-text-body {\n font-size: 1rem;\n}\n.endor-text-title {\n font-size: 1rem;\n}\n.endor-btn {\n border-radius: 10px;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .endor-input-section {\n padding-left: 0rem;\n padding-right: 0rem;\n }\n .endor-input-form {\n width: 45%;\n padding: 2rem;\n }\n .endor-input-form-text-area {\n background-color: rgb(253, 253, 253);\n font-size: 1rem;\n }\n .endor-input-form-section {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n }\n .endor-text {\n padding: 2rem;\n width: 45%;\n }\n .endor-text-info {\n font-size: 1rem;\n }\n}\n@media only screen and (min-width: 830px) {\n .endor-input-form-text-area {\n font-size: 1rem;\n }\n}";
34883
+ styleInject(css_248z$e);
34338
34884
 
34339
34885
  var _SWITCH_CHAIN_PARAMS, _ADD_CHAIN_PARAMS, _UTT_CONTRACT_ADDRESS;
34340
34886
  /**
@@ -34738,7 +35284,7 @@
34738
35284
  };
34739
35285
 
34740
35286
  return h$2(BaseComponent, {
34741
- style: css_248z$f,
35287
+ style: css_248z$e,
34742
35288
  className: "endor-input-section utu-section-no-border-".concat(envCondition),
34743
35289
  excludeBootstrap: true,
34744
35290
  excludeFonts: true
@@ -37231,15 +37777,16 @@
37231
37777
  };
37232
37778
  var _default = ReactStars;
37233
37779
 
37234
- var css_248z$e = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.star-rating-section {\n display: flex;\n justify-content: center;\n align-items: center;\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .star-rating-section {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n padding-left: 1rem;\n }\n}";
37235
- styleInject(css_248z$e);
37780
+ var css_248z$d = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.star-rating-section {\n display: flex;\n justify-content: center;\n align-items: center;\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n width: 170px;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .star-rating-section {\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n padding-left: 1rem;\n width: 170px;\n }\n}";
37781
+ styleInject(css_248z$d);
37236
37782
 
37237
37783
  function StarRatingInput(props) {
37238
37784
  var _getBaseProps = getBaseProps(props, TAG_FEEDBACK_FORM),
37239
37785
  apiUrl = _getBaseProps.apiUrl;
37240
37786
 
37241
37787
  var _useFeedbackApi = useFeedbackApi(apiUrl, props[ATTR_SOURCE_UUID], props[ATTR_TARGET_UUID], props[ATTR_TRANSACTION_ID]),
37242
- sendFeedback = _useFeedbackApi.sendFeedback; // environments
37788
+ sendFeedback = _useFeedbackApi.sendFeedback,
37789
+ submitStatus = _useFeedbackApi.submitStatus; // environments
37243
37790
 
37244
37791
 
37245
37792
  var _useState = p(false),
@@ -37258,10 +37805,12 @@
37258
37805
  };
37259
37806
 
37260
37807
  return h$2(BaseComponent, {
37261
- style: css_248z$e,
37808
+ style: css_248z$d,
37262
37809
  className: "star-rating-section utu-section-".concat(isDark ? "dark" : "light"),
37263
37810
  excludeBootstrap: true,
37264
37811
  excludeFonts: true
37812
+ }, h$2(SubmitStatusView, {
37813
+ submitStatus: submitStatus
37265
37814
  }, h$2(_default, {
37266
37815
  count: 5,
37267
37816
  half: false,
@@ -37269,190 +37818,7 @@
37269
37818
  size: 30,
37270
37819
  color2: "#FFDD33" // color2= {ratingColor}
37271
37820
 
37272
- }));
37273
- }
37274
-
37275
- var css_248z$d = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}";
37276
- styleInject(css_248z$d);
37277
-
37278
- /* eslint max-len: 0 */
37279
- function Logo() {
37280
- return h$2("svg", {
37281
- style: css_248z$d,
37282
- version: "1.1",
37283
- id: "Capa_1",
37284
- xmlns: "http://www.w3.org/2000/svg",
37285
- xmlnsXlink: "http://www.w3.org/1999/xlink",
37286
- x: "0px",
37287
- y: "0px",
37288
- className: "logo-size",
37289
- viewBox: "0 0 841.89 401.471",
37290
- xmlSpace: "preserve"
37291
- }, h$2("g", {
37292
- id: "Layer_2"
37293
- }, h$2("g", {
37294
- id: "Layer_1-2"
37295
- }, h$2("path", {
37296
- fill: "#FFFFFF",
37297
- d: "M565.858,0c263.37,4.676,263.323,395.802,0,400.243C302.487,395.709,302.532,4.397,565.858,0z"
37298
- }), h$2("path", {
37299
- fill: "#BBBBBB",
37300
- d: "M0.005,224.144v-45.228c-0.005-2.54,2.051-4.603,4.591-4.607c0.019,0,0.038,0,0.057,0 c7.535,0.416,21.79-1.872,27.35,4.176c6.247,4.983,6.239,19.43,0,24.454c-4.912,5.359-15.871,4.127-22.758,4.215v16.991 C9.443,230.176-0.14,230.119,0.005,224.144z M9.26,198.834c6.479-0.119,18.55,1.96,17.854-8.119 c0.695-10.07-11.415-7.999-17.854-8.087V198.834z"
37301
- }), h$2("path", {
37302
- fill: "#BBBBBB",
37303
- d: "M40.041,209.985c-1.848-25.798,36.885-25.901,34.957,0C76.878,235.775,38.241,235.671,40.041,209.985z M48.84,209.985c-1.208,15.847,18.742,15.839,17.534,0c1.232-15.99-18.782-15.99-17.574,0H48.84z"
37304
- }), h$2("path", {
37305
- fill: "#BBBBBB",
37306
- d: "M77.149,195.475c-0.192-4.712,6.936-5.911,8.399-1.479l6.64,19.646l5.352-19.334 c0.498-1.867,2.202-3.156,4.135-3.128c1.851-0.022,3.506,1.146,4.104,2.896l5.352,19.574l6.56-19.646 c0.912-2.96,5.12-3.712,7.199-1.64c4.496,2.079-9.991,30.637-10.11,33.709c-1.112,3.823-7.144,3.384-8.168-0.32l-4.959-17.534 l-4.936,17.43c-0.72,2.308-3.173,3.595-5.479,2.875c-0.419-0.13-0.815-0.322-1.176-0.57 C87.868,226.512,77.678,197.931,77.149,195.475z"
37307
- }), h$2("path", {
37308
- fill: "#BBBBBB",
37309
- d: "M128.201,209.649c-2.473-23.021,33.517-26.27,33.356-3.199c0.288,3.399-0.896,6.831-4.911,6.559h-19.814 c0.392,11.487,13.039,8.592,19.91,4.96C174.181,225.784,126.593,242.11,128.201,209.649z M137.063,205.649h15.854 C153.502,195.499,137.048,195.698,137.063,205.649z"
37310
- }), h$2("path", {
37311
- fill: "#BBBBBB",
37312
- d: "M167.453,224.456c0.472-1.896-1.264-31.637,1.264-31.997c2.704-2.863,7.855-0.416,7.367,3.504 c2.288-6.655,16.919-7.04,11.535,1.823c-5.88,2.776-11.199,0.801-11.535,10.096v16.614 C176.212,230.039,167.325,230.048,167.453,224.456z"
37313
- }), h$2("path", {
37314
- fill: "#BBBBBB",
37315
- d: "M190.963,209.649c-2.464-23.021,33.524-26.27,33.356-3.199c0.296,3.399-0.896,6.831-4.903,6.559h-19.822 c0.4,11.487,13.047,8.592,19.918,4.96C236.95,225.784,189.355,242.11,190.963,209.649z M199.834,205.649h15.854 C216.272,195.499,199.818,195.698,199.834,205.649z"
37316
- }), h$2("path", {
37317
- fill: "#BBBBBB",
37318
- d: "M228.543,209.985c-1.544-14.935,13.255-24.861,25.03-16.11v-18.398c-0.152-3.728,4.848-5.76,7.375-3.048 c2.584-0.136,0.744,39.236,1.264,40.74c0,5.157-1.506,9.116-4.52,11.879C245.75,234.767,226.888,227.248,228.543,209.985z M237.175,209.985c-1.984,13.143,15.998,16.902,16.406,3.199v-11.062C246.79,193.891,236.07,198.986,237.175,209.985 L237.175,209.985z"
37319
- }), h$2("path", {
37320
- fill: "#BBBBBB",
37321
- d: "M287.834,213.169v-37.692c-0.16-3.735,4.84-5.751,7.367-3.048c2.479,1.32,0.8,19.158,1.264,21.446 c5.464-5.088,16.526-3.696,20.838,1.688c5.703,5.728,5.768,23.198-0.191,28.798C307.92,233.959,286.426,228.976,287.834,213.169z M296.465,213.169c-0.855,8.104,9.807,11.679,14.287,5.655c6.839-10.398-2-29.524-14.287-16.727V213.169z"
37322
- }), h$2("path", {
37323
- fill: "#BBBBBB",
37324
- d: "M323.175,243.046c-2.584-2.399-0.681-7.199,2.951-6.983c6.151-0.296,7.447-4.799,10.151-10.631 l-12.303-28.293c-0.211-0.535-0.317-1.105-0.312-1.68c-0.2-4.656,6.848-5.855,8.319-1.601l8.791,22.19l8.8-22.182 c0.928-2.744,5.031-3.656,7.071-1.44c5.095,2.2-13.775,35.325-13.943,38.356C338.413,240.198,331.006,246.95,323.175,243.046z"
37325
- }), h$2("path", {
37326
- fill: "#2B2B2B",
37327
- d: "M710.811,214.345v-18.67c-0.152-3.728,4.871-5.76,7.383-3.048c4.903,6.264-5.039,29.693,8.479,28.941 c4.735,0,7.105-2.399,7.111-7.199v-18.687c-0.136-5.6,8.799-5.6,8.631,0c-0.695,7.199,2.096,23.198-3.031,29.077 C730.688,234.063,708.843,229.567,710.811,214.345z"
37328
- }), h$2("path", {
37329
- fill: "#2B2B2B",
37330
- d: "M766.469,198.259c-2.928-3.288,0.552-7.111,4.376-6.256c0.144-3.455-1.264-10.943,4.264-10.814 c5.495-0.137,4.071,7.391,4.216,10.814c2.76-0.176,7.287-0.248,7.199,3.656c0.104,3.903-4.408,3.879-7.199,3.688 c0.376,1.399-0.96,21.118,0.936,21.462c2.191,1.304,6.008,0.8,5.855,4.472c-0.488,6.151-9.679,3.392-12.143,0.655 c-5.399-3.999-2.4-20.894-3.128-26.589C769.373,199.362,767.533,199.53,766.469,198.259z"
37331
- }), h$2("path", {
37332
- fill: "#2B2B2B",
37333
- d: "M810.137,214.345v-18.67c-0.151-3.728,4.872-5.76,7.384-3.048c4.903,6.264-5.04,29.693,8.479,28.941 c4.736,0,7.106-2.399,7.111-7.199v-18.687c-0.136-5.6,8.8-5.6,8.632,0c-0.696,7.199,2.096,23.198-3.032,29.077 C830.015,234.063,808.169,229.567,810.137,214.345z"
37334
- }), h$2("path", {
37335
- fill: "#2B2B2B",
37336
- d: "M531.155,40.865c45.052,0.8,45.044,67.729,0,68.489C486.104,108.579,486.111,41.665,531.155,40.865z"
37337
- }), h$2("path", {
37338
- fill: "#2B2B2B",
37339
- d: "M444.163,148.855c45.052,0.8,45.044,67.705,0,68.465C399.111,216.545,399.119,149.607,444.163,148.855z"
37340
- }), h$2("path", {
37341
- fill: "#2B2B2B",
37342
- d: "M529.835,248.934c39.845,0.672,39.845,59.898,0,60.57C489.982,308.84,489.991,249.646,529.835,248.934z"
37343
- }), h$2("path", {
37344
- fill: "#2B2B2B",
37345
- d: "M465.257,230.447c31.197,0.528,31.197,46.916,0,47.443C434.084,277.371,434.092,230.991,465.257,230.447z"
37346
- }), h$2("path", {
37347
- fill: "#2B2B2B",
37348
- d: "M511.389,130.457c29.47,0.504,29.461,44.268,0,44.796C481.911,174.677,481.92,130.921,511.389,130.457z"
37349
- }), h$2("path", {
37350
- fill: "#2B2B2B",
37351
- d: "M582.566,101.42c29.469,0.504,29.461,44.308,0,44.795C553.097,145.72,553.104,101.915,582.566,101.42z"
37352
- }), h$2("path", {
37353
- fill: "#2B2B2B",
37354
- d: "M637.921,93.524c29.445,0.504,29.445,44.292,0,44.796C608.628,138.176,608.628,93.66,637.921,93.524z"
37355
- }), h$2("path", {
37356
- fill: "#2B2B2B",
37357
- d: "M656.367,146.224c26.006,0.447,26.006,39.052,0,39.492C630.346,185.268,630.346,146.671,656.367,146.224z"
37358
- }), h$2("path", {
37359
- fill: "#2B2B2B",
37360
- d: "M593.109,264.732c22.525,0.384,22.518,33.86,0,34.236C570.583,298.585,570.583,265.116,593.109,264.732z"
37361
- }), h$2("path", {
37362
- fill: "#2B2B2B",
37363
- d: "M651.096,198.866c22.534,0.384,22.534,33.854,0,34.229C628.554,232.711,628.562,199.25,651.096,198.866z"
37364
- }), h$2("path", {
37365
- fill: "#2B2B2B",
37366
- d: "M437.563,101.42c22.51,0.384,22.51,33.893,0,34.276C415.166,135.593,415.166,101.516,437.563,101.42z"
37367
- }), h$2("path", {
37368
- fill: "#2B2B2B",
37369
- d: "M603.66,56.655c22.526,0.385,22.518,33.854,0,34.237C581.254,90.788,581.254,56.752,603.66,56.655z"
37370
- }), h$2("path", {
37371
- fill: "#2B2B2B",
37372
- d: "M500.838,196.251c22.534,0.384,22.534,33.828,0,34.213C478.296,230.071,478.304,196.627,500.838,196.251z"
37373
- }), h$2("path", {
37374
- fill: "#2B2B2B",
37375
- d: "M632.642,240.99c19.046,0.328,19.046,28.678,0,29.006C613.604,269.644,613.604,241.318,632.642,240.99z"
37376
- }), h$2("path", {
37377
- fill: "#2B2B2B",
37378
- d: "M474.464,64.567c19.062,0.327,19.062,28.637,0,28.957C455.506,93.437,455.506,64.655,474.464,64.567z"
37379
- }), h$2("path", {
37380
- fill: "#2B2B2B",
37381
- d: "M479.744,104.06c19.054,0.319,19.054,28.677,0,28.997C460.762,132.969,460.762,104.14,479.744,104.06z"
37382
- }), h$2("rect", {
37383
- x: "474.385",
37384
- y: "78.803",
37385
- transform: "matrix(-0.9944 0.1058 -0.1058 -0.9944 961.3718 138.2227)",
37386
- fill: "#2B2B2B",
37387
- width: "5.272",
37388
- height: "31.605"
37389
- }), h$2("rect", {
37390
- x: "437.48",
37391
- y: "126.203",
37392
- transform: "matrix(-0.9944 0.1058 -0.1058 -0.9944 892.7841 236.662)",
37393
- fill: "#2B2B2B",
37394
- width: "5.272",
37395
- height: "31.606"
37396
- }), h$2("rect", {
37397
- x: "490.251",
37398
- y: "181.519",
37399
- transform: "matrix(-0.0772 0.997 -0.997 -0.0772 728.7499 -306.1609)",
37400
- fill: "#2B2B2B",
37401
- width: "31.605",
37402
- height: "5.272"
37403
- }), h$2("rect", {
37404
- x: "501.348",
37405
- y: "116.825",
37406
- transform: "matrix(-0.349 0.9371 -0.9371 -0.349 809.6375 -323.5298)",
37407
- fill: "#2B2B2B",
37408
- width: "31.702",
37409
- height: "5.288"
37410
- }), h$2("polygon", {
37411
- fill: "#2B2B2B",
37412
- points: "500.006,156.966 469.969,166.869 468.312,161.87 498.35,151.959 500.006,156.966 \t\t"
37413
- }), h$2("polygon", {
37414
- fill: "#2B2B2B",
37415
- points: "474.744,120.346 443.115,121.018 443.003,115.754 474.632,115.082 474.744,120.346 \t\t"
37416
- }), h$2("polygon", {
37417
- fill: "#2B2B2B",
37418
- points: "591.813,71.87 560.265,72.462 560.152,67.782 591.701,67.183 591.813,71.87 \t\t"
37419
- }), h$2("polygon", {
37420
- fill: "#2B2B2B",
37421
- points: "499.438,223.992 476.472,245.614 473.248,242.223 496.206,220.601 499.438,223.992 \t\t"
37422
- }), h$2("polygon", {
37423
- fill: "#2B2B2B",
37424
- points: "625.714,262.309 601.301,282.282 598.316,278.667 622.73,258.701 625.714,262.309 \t\t"
37425
- }), h$2("polygon", {
37426
- fill: "#2B2B2B",
37427
- points: "587.094,241.286 595.189,271.748 590.669,272.972 582.566,242.511 \t\t"
37428
- }), h$2("polygon", {
37429
- fill: "#2B2B2B",
37430
- points: "643.904,215.889 612.739,210.985 613.451,206.354 644.616,211.257 643.904,215.889 \t\t"
37431
- }), h$2("polygon", {
37432
- fill: "#2B2B2B",
37433
- points: "642.568,172.725 612.188,181.22 610.907,176.717 641.289,168.222 642.568,172.725 \t\t"
37434
- }), h$2("polygon", {
37435
- fill: "#2B2B2B",
37436
- points: "583.342,137.208 579.742,168.518 575.079,168.005 578.679,136.696 \t\t"
37437
- }), h$2("polygon", {
37438
- fill: "#2B2B2B",
37439
- points: "545.922,177.221 519.204,160.454 521.676,156.479 548.394,173.245 545.922,177.221 \t\t"
37440
- }), h$2("polygon", {
37441
- fill: "#2B2B2B",
37442
- points: "567.008,111.379 540.29,94.612 542.762,90.637 569.479,107.403 567.008,111.379 \t\t"
37443
- }), h$2("polygon", {
37444
- fill: "#2B2B2B",
37445
- points: "584.438,112.122 594.733,82.325 599.173,83.829 588.878,113.626 584.438,112.122 \t\t"
37446
- }), h$2("polygon", {
37447
- fill: "#2B2B2B",
37448
- points: "528.579,261.717 543.498,233.943 547.642,236.143 532.715,263.908 528.579,261.717 \t\t"
37449
- }), h$2("polygon", {
37450
- fill: "#2B2B2B",
37451
- points: "633.905,106.683 609.972,86.141 613.012,82.573 636.945,103.115 633.905,106.683 \t\t"
37452
- }), h$2("path", {
37453
- fill: "#FFE535",
37454
- d: "M575.951,156.759c62.394,1.063,62.394,93.759,0,94.807C513.604,250.502,513.62,157.814,575.951,156.759z"
37455
- }))));
37821
+ })));
37456
37822
  }
37457
37823
 
37458
37824
  var bundle$3 = createCommonjsModule$1(function (module, exports) {
@@ -45395,7 +45761,7 @@
45395
45761
 
45396
45762
  var e=0;function t(t){return "__private_"+e+++"_"+t}function i(e,t){if(!Object.prototype.hasOwnProperty.call(e,t))throw new TypeError("attempted to use private field on non-instance");return e}var r=function(e){this.value=e;},n=t("head"),o=t("end"),u=function(){function e(){Object.defineProperty(this,n,{writable:!0,value:void 0}),Object.defineProperty(this,o,{writable:!0,value:void 0});}var t=e.prototype;return t.enqueue=function(e){var t=new r(e);i(this,o)[o]?(i(this,o)[o].next=t,i(this,o)[o]=t):i(this,n)[n]=i(this,o)[o]=t;},t.dequeue=function(){var e=i(this,n)[n];return i(this,n)[n]=null==e?void 0:e.next,i(this,n)[n]||(i(this,o)[o]=void 0),null==e?void 0:e.value},e}();function s(e){return {done:!1,value:e}}var h={done:!0},a=t("chunkQueue"),l=t("resolveQueue"),v=t("isInProgress"),c=t("isLocked"),d=function(){function e(){Object.defineProperty(this,a,{writable:!0,value:void 0}),Object.defineProperty(this,l,{writable:!0,value:void 0}),Object.defineProperty(this,v,{writable:!0,value:void 0}),Object.defineProperty(this,c,{writable:!0,value:void 0}),this.url=null,i(this,a)[a]=new u,i(this,l)[l]=new u,i(this,v)[v]=!0,i(this,c)[c]=!1;}var t=e.prototype;return t.setUrl=function(e){this.url=e;},t.setBlobProperties=function(e){this.blobProperties=e;},t.storeChunk=function(e){i(this,v)[v]=!0;var t=i(this,l)[l].dequeue();t?t(s(e)):i(this,a)[a].enqueue(e);},t.stop=function(){i(this,v)[v]=!1;},t.reset=function(){i(this,v)[v]=!0,i(this,a)[a]=new u,i(this,l)[l]=new u,i(this,c)[c]=!1;},t.getUrl=function(){return this.url},t.getBlob=function(){},t.getReader=function(){if(i(this,c)[c])throw new Error("ReadableStorage is locked.");i(this,c)[c]=!0;var e=this;return {read:function(){var t=i(e,a)[a].dequeue();return t?Promise.resolve(s(t)):i(e,v)[v]?new Promise(function(t){return i(e,l)[l].enqueue(t)}):Promise.resolve(h)}}},e}();
45397
45763
 
45398
- var css_248z$c = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.popup {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 2;\n overflow: scroll;\n}\n.popup-container {\n z-index: 1001;\n width: 100%;\n}\n.popup-container-dark {\n background: rgb(36, 35, 35);\n}\n.popup-container-light {\n background: rgb(253, 253, 253);\n}\n.popup .icon-btn-popup {\n padding: 10px;\n font-size: 1.2em;\n border: none;\n background: none;\n}\n.popup .icon-btn-popup.btn-overlay {\n z-index: 1001;\n}\n.popup .icon-btn-popup-light {\n color: #000000;\n}\n.popup .icon-btn-popup-dark {\n color: #ffffff;\n}\n.popup .background {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background-color: rgba(229, 229, 229, 0.95);\n min-width: 100%;\n min-height: 100%;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .popup {\n min-width: 100%;\n min-height: 100%;\n }\n .popup-container {\n align-items: center;\n min-width: 100%;\n min-height: 100%;\n }\n .popup-container-content {\n align-items: center;\n margin-top: 4%;\n }\n}";
45764
+ var css_248z$c = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.popup {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 2;\n overflow: scroll;\n}\n.popup-container {\n z-index: 1001;\n width: 100%;\n}\n.popup-container-dark {\n background: rgb(36, 35, 35);\n}\n.popup-container-light {\n background: rgb(253, 253, 253);\n}\n.popup .icon-btn-popup {\n padding: 10px;\n font-size: 1.2em;\n border: none;\n background: none;\n}\n.popup .icon-btn-popup.btn-overlay {\n z-index: 1001;\n}\n.popup .icon-btn-popup-light {\n color: #000000;\n}\n.popup .icon-btn-popup-dark {\n color: #ffffff;\n}\n.popup .background {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background-color: rgba(229, 229, 229, 0.95);\n min-width: 100%;\n min-height: 100%;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .popup {\n min-width: 100%;\n min-height: 100%;\n }\n .popup-container {\n align-items: center;\n min-width: 100%;\n min-height: 100%;\n }\n .popup-container-content {\n align-items: center;\n margin-top: 4%;\n }\n}";
45399
45765
  styleInject(css_248z$c);
45400
45766
 
45401
45767
  function PopUp(_ref) {
@@ -45691,7 +46057,7 @@
45691
46057
  }))));
45692
46058
  }
45693
46059
 
45694
- var css_248z$9 = "@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);\nbody {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.trust-video {\n border: none;\n width: 100%;\n height: auto;\n transform: rotateY(180deg);\n -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-wrapper {\n width: 100%;\n margin-top: -80%;\n align-items: center;\n}\n.trust-video-wrapper:hover .trust-video-controls {\n visibility: visible;\n opacity: 1;\n}\n.trust-video-msg {\n display: flex;\n align-items: center;\n}\n.trust-video-controls {\n position: absolute;\n bottom: 0;\n width: 100%;\n margin-top: 35%;\n transform: translate(0, -50%);\n padding-left: 36px;\n border-radius: 10px;\n height: 4em;\n align-items: center;\n justify-content: space-between;\n visibility: hidden;\n opacity: 0;\n transition: all 0.25s ease-out;\n display: none;\n}\n.trust-video-controls.show {\n display: flex;\n}\n.trust-video-play {\n border-color: transparent;\n transition: 0.3s;\n font-size: 3em;\n margin: auto;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\n padding: 0;\n cursor: pointer;\n opacity: 1;\n background-color: #ffdd33;\n border-radius: 50%;\n font: normal normal normal 18px/1 FontAwesome;\n}\n.trust-video-play:before {\n content: \"\\f04b\";\n}\n.trust-video-play.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-volume {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 3em;\n border-radius: 20%;\n line-height: 1.5em;\n width: 2em;\n height: 1.5em;\n font: normal normal normal 18px/1 FontAwesome;\n background-color: rgba(255, 221, 51, 0.7);\n left: 20px;\n}\n.trust-video-volume:before {\n content: \"\\f028\";\n}\n.trust-video-volume.off:before {\n content: \"\\f026\";\n}\n.trust-video-fullscreen {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 3em;\n line-height: 2.5rem;\n width: 3em;\n border-radius: 20%;\n height: 2.5rem;\n margin-right: 5%;\n font: normal normal normal 18px/1 FontAwesome;\n background-color: rgba(255, 221, 51, 0.7);\n right: 20px;\n}\n.trust-video-fullscreen:before {\n content: \"\\f065\";\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .trust-video-wrapper {\n margin-top: 20%;\n }\n}\n@media only screen and (max-width: 768px) {\n .trust-video {\n border: none;\n width: 70%;\n }\n}\n.utu-screen-recording {\n width: 100%;\n height: 100vh;\n margin: 5% auto 0;\n position: relative;\n z-index: 1;\n justify-content: center;\n}\n\n.btn-round {\n border: none;\n margin: 5px 0;\n width: 6rem;\n height: 6rem;\n border-radius: 90px;\n border: none;\n font-size: 9px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n z-index: 1;\n}\n.btn-round-light {\n background-color: rgb(251, 201, 61);\n}\n.btn-round-dark {\n background-color: rgb(251, 201, 61);\n}\n.btn-round-loading {\n position: absolute;\n bottom: 5.5rem;\n}\n.btn-round-spinner-light {\n fill: #000000;\n}\n.btn-round-spinner-dark {\n fill: #000000;\n}\n.btn-round-play {\n width: 4rem;\n margin-left: 0.5rem;\n}\n.btn-round-play-light {\n fill: #000000;\n}\n.btn-round-play-dark {\n fill: #000000;\n}\n.btn-round-stop {\n position: absolute;\n bottom: 17rem;\n}\n.btn-round-stop-light {\n fill: #000000;\n}\n.btn-round-stop-dark {\n fill: #000000;\n}\n.btn-round-text-light {\n color: #000000;\n}\n.btn-round-text-dark {\n color: #000000;\n}\n.btn-container {\n display: flex;\n z-index: 0;\n justify-content: center;\n}\n.btn-stop-icon {\n width: 30px;\n height: 30px;\n border-radius: 5px;\n}\n.btn-stop-icon-light {\n background: #000000;\n}\n.btn-stop-icon-dark {\n background: #000000;\n}\n\n.video-recorder {\n padding-top: 0;\n padding-bottom: 4rem;\n height: fit-content;\n}\n\n.video-container {\n padding-top: 0;\n padding-bottom: 4rem;\n}\n\n.response-message {\n height: 3rem;\n line-height: 3rem;\n width: 100%;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .video-recorder {\n padding-bottom: 4rem;\n height: fit-content;\n background-color: rgb(253, 253, 253) !important;\n }\n .utu-screen-recording {\n max-height: 80rem;\n min-width: 20rem;\n width: 27rem;\n height: 43rem;\n margin: 5% auto 0;\n z-index: 1;\n justify-content: center;\n border-bottom-left-radius: 2%;\n border-bottom-right-radius: 2%;\n border-bottom: 13px rgb(251, 201, 61) solid;\n }\n .btn-round-stop {\n bottom: 2.5rem;\n }\n .video-container {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n}";
46060
+ var css_248z$9 = "@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);\nbody {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.trust-video {\n border: none;\n width: 100%;\n height: auto;\n transform: rotateY(180deg);\n -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-wrapper {\n width: 100%;\n margin-top: -80%;\n align-items: center;\n}\n.trust-video-wrapper:hover .trust-video-controls {\n visibility: visible;\n opacity: 1;\n}\n.trust-video-msg {\n display: flex;\n align-items: center;\n}\n.trust-video-controls {\n position: absolute;\n bottom: 0;\n width: 100%;\n margin-top: 35%;\n transform: translate(0, -50%);\n padding-left: 36px;\n border-radius: 10px;\n height: 4em;\n align-items: center;\n justify-content: space-between;\n visibility: hidden;\n opacity: 0;\n transition: all 0.25s ease-out;\n display: none;\n}\n.trust-video-controls.show {\n display: flex;\n}\n.trust-video-play {\n border-color: transparent;\n transition: 0.3s;\n font-size: 3em;\n margin: auto;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\n padding: 0;\n cursor: pointer;\n opacity: 1;\n background-color: #ffdd33;\n border-radius: 50%;\n font: normal normal normal 18px/1 FontAwesome;\n}\n.trust-video-play:before {\n content: \"\\f04b\";\n}\n.trust-video-play.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-volume {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 3em;\n border-radius: 20%;\n line-height: 1.5em;\n width: 2em;\n height: 1.5em;\n font: normal normal normal 18px/1 FontAwesome;\n background-color: rgba(255, 221, 51, 0.7);\n left: 20px;\n}\n.trust-video-volume:before {\n content: \"\\f028\";\n}\n.trust-video-volume.off:before {\n content: \"\\f026\";\n}\n.trust-video-fullscreen {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 3em;\n line-height: 2.5rem;\n width: 3em;\n border-radius: 20%;\n height: 2.5rem;\n margin-right: 5%;\n font: normal normal normal 18px/1 FontAwesome;\n background-color: rgba(255, 221, 51, 0.7);\n right: 20px;\n}\n.trust-video-fullscreen:before {\n content: \"\\f065\";\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .trust-video-wrapper {\n margin-top: 20%;\n }\n}\n@media only screen and (max-width: 768px) {\n .trust-video {\n border: none;\n width: 70%;\n }\n}\n.utu-screen-recording {\n width: 100%;\n height: 100vh;\n margin: 5% auto 0;\n position: relative;\n z-index: 1;\n justify-content: center;\n}\n\n.btn-round {\n border: none;\n margin: 5px 0;\n width: 6rem;\n height: 6rem;\n border-radius: 90px;\n border: none;\n font-size: 9px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n z-index: 1;\n}\n.btn-round-light {\n background-color: rgb(251, 201, 61);\n}\n.btn-round-dark {\n background-color: rgb(251, 201, 61);\n}\n.btn-round-loading {\n position: absolute;\n bottom: 5.5rem;\n}\n.btn-round-spinner-light {\n fill: #000000;\n}\n.btn-round-spinner-dark {\n fill: #000000;\n}\n.btn-round-play {\n width: 4rem;\n margin-left: 0.5rem;\n}\n.btn-round-play-light {\n fill: #000000;\n}\n.btn-round-play-dark {\n fill: #000000;\n}\n.btn-round-stop {\n position: absolute;\n bottom: 17rem;\n}\n.btn-round-stop-light {\n fill: #000000;\n}\n.btn-round-stop-dark {\n fill: #000000;\n}\n.btn-round-text-light {\n color: #000000;\n}\n.btn-round-text-dark {\n color: #000000;\n}\n.btn-container {\n display: flex;\n z-index: 0;\n justify-content: center;\n}\n.btn-stop-icon {\n width: 30px;\n height: 30px;\n border-radius: 5px;\n}\n.btn-stop-icon-light {\n background: #000000;\n}\n.btn-stop-icon-dark {\n background: #000000;\n}\n\n.video-recorder {\n padding-top: 0;\n padding-bottom: 4rem;\n height: fit-content;\n}\n\n.video-container {\n padding-top: 0;\n padding-bottom: 4rem;\n}\n\n.response-message {\n height: 3rem;\n line-height: 3rem;\n width: 100%;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .video-recorder {\n padding-bottom: 4rem;\n height: fit-content;\n background-color: rgb(253, 253, 253) !important;\n }\n .utu-screen-recording {\n max-height: 80rem;\n min-width: 20rem;\n width: 27rem;\n height: 43rem;\n margin: 5% auto 0;\n z-index: 1;\n justify-content: center;\n border-bottom-left-radius: 2%;\n border-bottom-right-radius: 2%;\n border-bottom: 13px rgb(251, 201, 61) solid;\n }\n .btn-round-stop {\n bottom: 2.5rem;\n }\n .video-container {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n}";
45695
46061
  styleInject(css_248z$9);
45696
46062
 
45697
46063
  function RecordIcon() {
@@ -45996,7 +46362,7 @@
45996
46362
  }, h$2(Logo, null)))));
45997
46363
  }
45998
46364
 
45999
- var css_248z$8 = "@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);\n.trust-video {\n border: none;\n width: 100%;\n height: auto;\n transform: rotateY(180deg);\n -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-wrapper {\n width: 100%;\n margin-top: -80%;\n align-items: center;\n}\n.trust-video-wrapper:hover .trust-video-controls {\n visibility: visible;\n opacity: 1;\n}\n.trust-video-msg {\n display: flex;\n align-items: center;\n}\n.trust-video-controls {\n position: absolute;\n bottom: 0;\n width: 100%;\n margin-top: 35%;\n transform: translate(0, -50%);\n padding-left: 36px;\n border-radius: 10px;\n height: 4em;\n align-items: center;\n justify-content: space-between;\n visibility: hidden;\n opacity: 0;\n transition: all 0.25s ease-out;\n display: none;\n}\n.trust-video-controls.show {\n display: flex;\n}\n.trust-video-play {\n border-color: transparent;\n transition: 0.3s;\n font-size: 3em;\n margin: auto;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\n padding: 0;\n cursor: pointer;\n opacity: 1;\n background-color: #ffdd33;\n border-radius: 50%;\n font: normal normal normal 18px/1 FontAwesome;\n}\n.trust-video-play:before {\n content: \"\\f04b\";\n}\n.trust-video-play.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-volume {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 3em;\n border-radius: 20%;\n line-height: 1.5em;\n width: 2em;\n height: 1.5em;\n font: normal normal normal 18px/1 FontAwesome;\n background-color: rgba(255, 221, 51, 0.7);\n left: 20px;\n}\n.trust-video-volume:before {\n content: \"\\f028\";\n}\n.trust-video-volume.off:before {\n content: \"\\f026\";\n}\n.trust-video-fullscreen {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 3em;\n line-height: 2.5rem;\n width: 3em;\n border-radius: 20%;\n height: 2.5rem;\n margin-right: 5%;\n font: normal normal normal 18px/1 FontAwesome;\n background-color: rgba(255, 221, 51, 0.7);\n right: 20px;\n}\n.trust-video-fullscreen:before {\n content: \"\\f065\";\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .trust-video-wrapper {\n margin-top: 20%;\n }\n}\n@media only screen and (max-width: 768px) {\n .trust-video {\n border: none;\n width: 70%;\n }\n}\nbody {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.utu-feedback-details {\n display: flex;\n flex-direction: column;\n text-align: center;\n width: 100%;\n position: relative;\n z-index: 1;\n justify-content: start;\n border-bottom: 15px rgb(251, 201, 61) solid;\n}\n.utu-feedback-details-details {\n justify-content: start;\n max-height: 40rem;\n}\n.utu-feedback-details-video-popup {\n justify-content: center;\n max-height: 80rem;\n height: 43rem;\n}\n\n.mobile-view {\n visibility: visible;\n}\n\n.desktop-view {\n display: none;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-feedback-details {\n border-bottom: 0;\n z-index: 1;\n align-items: center;\n width: 100%;\n }\n .mobile-view {\n display: none;\n }\n .desktop-view {\n display: flex;\n width: 100%;\n flex-direction: column;\n }\n .desktop-view-block-1 {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-evenly;\n margin: 1rem 0;\n }\n .desktop-view-block-1-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-1-light {\n background-color: #fcf8e5;\n }\n .desktop-view-block-2 {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin: 1rem 0;\n }\n .desktop-view-block-2-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-2-light {\n background-color: #fcf8e5;\n }\n}";
46365
+ var css_248z$8 = "@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);\n.trust-video {\n border: none;\n width: 100%;\n height: auto;\n transform: rotateY(180deg);\n -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-wrapper {\n width: 100%;\n margin-top: -80%;\n align-items: center;\n}\n.trust-video-wrapper:hover .trust-video-controls {\n visibility: visible;\n opacity: 1;\n}\n.trust-video-msg {\n display: flex;\n align-items: center;\n}\n.trust-video-controls {\n position: absolute;\n bottom: 0;\n width: 100%;\n margin-top: 35%;\n transform: translate(0, -50%);\n padding-left: 36px;\n border-radius: 10px;\n height: 4em;\n align-items: center;\n justify-content: space-between;\n visibility: hidden;\n opacity: 0;\n transition: all 0.25s ease-out;\n display: none;\n}\n.trust-video-controls.show {\n display: flex;\n}\n.trust-video-play {\n border-color: transparent;\n transition: 0.3s;\n font-size: 3em;\n margin: auto;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\n padding: 0;\n cursor: pointer;\n opacity: 1;\n background-color: #ffdd33;\n border-radius: 50%;\n font: normal normal normal 18px/1 FontAwesome;\n}\n.trust-video-play:before {\n content: \"\\f04b\";\n}\n.trust-video-play.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-volume {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 3em;\n border-radius: 20%;\n line-height: 1.5em;\n width: 2em;\n height: 1.5em;\n font: normal normal normal 18px/1 FontAwesome;\n background-color: rgba(255, 221, 51, 0.7);\n left: 20px;\n}\n.trust-video-volume:before {\n content: \"\\f028\";\n}\n.trust-video-volume.off:before {\n content: \"\\f026\";\n}\n.trust-video-fullscreen {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 3em;\n line-height: 2.5rem;\n width: 3em;\n border-radius: 20%;\n height: 2.5rem;\n margin-right: 5%;\n font: normal normal normal 18px/1 FontAwesome;\n background-color: rgba(255, 221, 51, 0.7);\n right: 20px;\n}\n.trust-video-fullscreen:before {\n content: \"\\f065\";\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .trust-video-wrapper {\n margin-top: 20%;\n }\n}\n@media only screen and (max-width: 768px) {\n .trust-video {\n border: none;\n width: 70%;\n }\n}\nbody {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.utu-feedback-details {\n display: flex;\n flex-direction: column;\n text-align: center;\n width: 100%;\n position: relative;\n z-index: 1;\n justify-content: start;\n border-bottom: 15px rgb(251, 201, 61) solid;\n}\n.utu-feedback-details-details {\n justify-content: start;\n max-height: 40rem;\n}\n.utu-feedback-details-video-popup {\n justify-content: center;\n max-height: 80rem;\n height: 43rem;\n}\n\n.mobile-view {\n visibility: visible;\n}\n\n.desktop-view {\n display: none;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-feedback-details {\n border-bottom: 0;\n z-index: 1;\n align-items: center;\n width: 100%;\n }\n .mobile-view {\n display: none;\n }\n .desktop-view {\n display: flex;\n width: 100%;\n flex-direction: column;\n }\n .desktop-view-block-1 {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-evenly;\n margin: 1rem 0;\n }\n .desktop-view-block-1-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-1-light {\n background-color: #fcf8e5;\n }\n .desktop-view-block-2 {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin: 1rem 0;\n }\n .desktop-view-block-2-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-2-light {\n background-color: #fcf8e5;\n }\n}";
46000
46366
  styleInject(css_248z$8);
46001
46367
 
46002
46368
  var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('slice');
@@ -46043,10 +46409,59 @@
46043
46409
  }
46044
46410
  });
46045
46411
 
46046
- var css_248z$7 = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.endor-avatar {\n width: 2rem;\n}\n\n.endorsement-body {\n display: flex;\n}\n\n.truncate-text {\n display: inline-block;\n width: 5rem;\n margin: -5px 5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.endor-text {\n width: 100%;\n justify-content: space-around;\n padding-left: 3rem;\n padding-right: 3rem;\n font-size: 1rem;\n align-items: center;\n}\n.endor-text-light {\n color: black;\n}\n.endor-text-dark {\n color: white;\n}\n.endor-text-section {\n width: 100%;\n padding-top: 2.5rem;\n padding-bottom: 2.5rem;\n align-items: center;\n}\n.endor-text-stakes-item {\n font-size: 1.5rem;\n}\n.endor-text-stakes-item-light {\n color: black;\n}\n.endor-text-stakes-item-dark {\n color: white;\n}\n.endor-text-stakes-item-2 {\n font-size: 1rem;\n}\n.endor-text-stakes-item-2-light {\n color: black;\n}\n.endor-text-stakes-item-2-dark {\n color: white;\n}\n.endor-text-contacts-section {\n align-items: center;\n margin-top: 1rem;\n padding-left: 3rem;\n padding-right: 3rem;\n font-size: 0.7rem;\n}\n.endor-text-contacts-section-light {\n color: black;\n}\n.endor-text-contacts-section-dark {\n color: white;\n}\n.endor-text-contacts-body {\n font-size: 1rem;\n text-align: start;\n margin-bottom: 0;\n}\n.endor-text-image-item {\n margin-left: -15px;\n height: 4rem;\n border-radius: 50%;\n}\n.endor-text-image-item-light {\n border: 2px solid rgb(251, 201, 61);\n}\n.endor-text-image-item-dark {\n border: 2px solid rgb(251, 201, 61);\n}";
46412
+ var css_248z$7 = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.endor-avatar {\n width: 2rem;\n}\n\n.endorsement-body {\n display: flex;\n}\n\n.truncate-text {\n display: inline-block;\n max-width: 5rem;\n vertical-align: bottom;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.endor-text {\n width: 100%;\n justify-content: space-around;\n padding-left: 3rem;\n padding-right: 3rem;\n font-size: 1rem;\n align-items: center;\n}\n.endor-text-light {\n color: black;\n}\n.endor-text-dark {\n color: white;\n}\n.endor-text-section {\n width: 100%;\n padding-top: 2.5rem;\n padding-bottom: 2.5rem;\n align-items: center;\n}\n.endor-text-stakes-item {\n font-size: 1.5rem;\n}\n.endor-text-stakes-item-light {\n color: black;\n}\n.endor-text-stakes-item-dark {\n color: white;\n}\n.endor-text-stakes-item-2 {\n font-size: 1rem;\n}\n.endor-text-stakes-item-2-light {\n color: black;\n}\n.endor-text-stakes-item-2-dark {\n color: white;\n}\n.endor-text-contacts-section {\n padding-left: 2rem;\n padding-right: 2rem;\n font-size: 0.7rem;\n width: 27em;\n text-align: left;\n}\n.endor-text-contacts-section-light {\n color: black;\n}\n.endor-text-contacts-section-dark {\n color: white;\n}\n.endor-text-contacts-body {\n font-size: 1rem;\n margin-top: 0.5em;\n}\n.endor-text-image-item {\n margin-left: -15px;\n height: 4rem;\n border-radius: 50%;\n}\n.endor-text-image-item-light {\n border: 2px solid rgb(251, 201, 61);\n}\n.endor-text-image-item-dark {\n border: 2px solid rgb(251, 201, 61);\n}";
46047
46413
  styleInject(css_248z$7);
46048
46414
 
46049
46415
  // const minLength = 5;
46416
+ var CONNECTION_TYPE_REF = {
46417
+ // twitter: "Your Twitter connection",
46418
+ // telegram: "Your Telegram contact"
46419
+ twitter: "Twitter user",
46420
+ telegram: "Telegram user"
46421
+ };
46422
+ var DEFAULT_CONNECTION_REF = "User";
46423
+
46424
+ function getConnectionInfo(entity) {
46425
+ if (!entity) return {
46426
+ ref: "Someone"
46427
+ }; // eslint-disable-next-line no-restricted-syntax
46428
+
46429
+ for (var key in CONNECTION_TYPE_REF) {
46430
+ if (entity.properties[key]) {
46431
+ return {
46432
+ ref: CONNECTION_TYPE_REF[key],
46433
+ name: entity.properties[key].name
46434
+ };
46435
+ }
46436
+ } // No connection type was found, return default
46437
+
46438
+
46439
+ return {
46440
+ ref: DEFAULT_CONNECTION_REF,
46441
+ name: entity.name
46442
+ };
46443
+ }
46444
+
46445
+ var SELF_INFO = {
46446
+ ref: "You"
46447
+ };
46448
+
46449
+ function getEndorsementTextBody(userUuid, endorsementInfo) {
46450
+ var _connectionInfo$name, _endorsementInfo$endo;
46451
+
46452
+ var endorser = endorsementInfo.source;
46453
+ var isSelf = endorser.uuid === userUuid;
46454
+ var connectionInfo = isSelf ? SELF_INFO : getConnectionInfo(endorser);
46455
+ var has = isSelf ? "have" : "has";
46456
+ return h$2("p", {
46457
+ className: "endor-text-contacts-body "
46458
+ }, connectionInfo.ref, "\xA0", ((_connectionInfo$name = connectionInfo.name) === null || _connectionInfo$name === void 0 ? void 0 : _connectionInfo$name.length) > 0 && h$2("span", {
46459
+ className: "truncate-text"
46460
+ }, h$2("b", null, connectionInfo.name), "\xA0"), has, " endorsed ", h$2("b", {
46461
+ className: "mx-1"
46462
+ }, (_endorsementInfo$endo = endorsementInfo.endorsement) === null || _endorsementInfo$endo === void 0 ? void 0 : _endorsementInfo$endo.value, " UTT"));
46463
+ }
46464
+
46050
46465
  function EndorsementsList(props) {
46051
46466
  // environments
46052
46467
  var _useState = p(false),
@@ -46069,10 +46484,11 @@
46069
46484
 
46070
46485
  if (!endorsements) {
46071
46486
  return h$2(p$1, null);
46072
- } // image
46487
+ }
46073
46488
 
46489
+ var displayEndorsements = endorsements.slice(0, config.feedbackDetailsMaxEndorsements); // image
46074
46490
 
46075
- var img = endorsements.map(function (i) {
46491
+ var img = displayEndorsements.map(function (i) {
46076
46492
  var _i$source;
46077
46493
 
46078
46494
  return (_i$source = i.source) === null || _i$source === void 0 ? void 0 : _i$source.image;
@@ -46090,21 +46506,7 @@
46090
46506
  e.target.alt = "";
46091
46507
  }
46092
46508
  });
46093
- }; // name
46094
-
46095
-
46096
- var nameFirst = endorsements.map(function (i) {
46097
- var _i$source2;
46098
-
46099
- return (_i$source2 = i.source) === null || _i$source2 === void 0 ? void 0 : _i$source2.name.slice(0, 3);
46100
- });
46101
- var nameSec = endorsements.map(function (i) {
46102
- var _i$source3;
46103
-
46104
- return (_i$source3 = i.source) === null || _i$source3 === void 0 ? void 0 : _i$source3.name.slice(-3);
46105
- });
46106
- nameFirst === null || nameFirst === void 0 ? void 0 : nameFirst.concat(nameSec); // stake
46107
- // const endorStk = endorsements.map(i => i.endorsement?.value)
46509
+ };
46108
46510
 
46109
46511
  return h$2(BaseComponent, {
46110
46512
  style: css_248z$7,
@@ -46115,8 +46517,8 @@
46115
46517
  className: "endor-text-section utu-section-".concat(envCondition)
46116
46518
  }, h$2("div", {
46117
46519
  className: "endor-text endor-text-".concat(envCondition)
46118
- }, endorsements.map(function (i) {
46119
- var _i$source4, _i$endorsement, _i$endorsement2;
46520
+ }, displayEndorsements.map(function (i) {
46521
+ var _i$endorsement;
46120
46522
 
46121
46523
  return h$2("div", {
46122
46524
  className: "py-3 px-5 endorsement-body"
@@ -46124,19 +46526,11 @@
46124
46526
  className: "endor-text-img"
46125
46527
  }, endorImg()), h$2("div", {
46126
46528
  className: "endor-text-contacts-section"
46127
- }, h$2("p", {
46128
- className: "endor-text-contacts-body "
46129
- }, "Your connection ", h$2("span", {
46130
- className: "truncate-text"
46131
- }, h$2("b", {
46132
- className: ""
46133
- }, (_i$source4 = i.source) === null || _i$source4 === void 0 ? void 0 : _i$source4.name)), "has endorsed ", h$2("b", {
46134
- className: "mx-1"
46135
- }, (_i$endorsement = i.endorsement) === null || _i$endorsement === void 0 ? void 0 : _i$endorsement.value, " UTT "), " ")), h$2("div", {
46529
+ }, getEndorsementTextBody(props[ATTR_SOURCE_UUID], i)), h$2("div", {
46136
46530
  className: "endor-text-stakes"
46137
46531
  }, h$2("div", {
46138
46532
  className: "endor-text-stakes-item"
46139
- }, " ", h$2("b", null, (_i$endorsement2 = i.endorsement) === null || _i$endorsement2 === void 0 ? void 0 : _i$endorsement2.value), " "), h$2("div", {
46533
+ }, h$2("b", null, (_i$endorsement = i.endorsement) === null || _i$endorsement === void 0 ? void 0 : _i$endorsement.value)), h$2("div", {
46140
46534
  className: "endor-text-stakes-item-2"
46141
46535
  }, h$2("b", null, "staked"))));
46142
46536
  }))));
@@ -46196,7 +46590,7 @@
46196
46590
  }
46197
46591
  });
46198
46592
 
46199
- var css_248z$5 = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.badge-section {\n padding-left: 1rem;\n width: 40%;\n}\n\n.badge-container {\n display: flex;\n padding-top: 1rem;\n padding-bottom: 1rem;\n box-sizing: border-box;\n}\n.badge-img {\n border-radius: 50%;\n height: 4rem;\n width: 4rem;\n margin-bottom: 0.5rem;\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n.badge-counter {\n border-radius: 50%;\n border: 1px rgb(235, 232, 232) solid;\n height: 1rem;\n width: 1rem;\n font-size: 0.6rem;\n justify-self: center;\n}\n.badge-counter-light {\n background-color: rgb(253, 253, 253);\n color: #000000;\n}\n.badge-counter-dark {\n background-color: rgb(36, 35, 35);\n color: #ffffff;\n}\n.badge-title {\n padding-bottom: 0.5rem;\n font-size: 0.7rem;\n}\n.badge-title-dark {\n color: #ffffff;\n}\n.badge-title-light {\n color: #000000;\n}\n.badge-counter-align {\n align-items: center;\n}\n.badge-section {\n display: flex;\n justify-content: center;\n padding-top: 1rem;\n padding-bottom: 1rem;\n width: 100%;\n}\n.badge-spacing {\n display: flex;\n flex-direction: column;\n margin-right: 0.5rem;\n margin-left: 0.5rem;\n padding-bottom: 3rem;\n padding-top: 3rem;\n}\n.badge-position-child {\n position: relative;\n top: 2.6rem;\n right: 1.3rem;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .badge-section {\n width: 40%;\n }\n}";
46593
+ var css_248z$5 = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.badge-section {\n padding-left: 1rem;\n width: 40%;\n}\n\n.badge-container {\n display: flex;\n padding-top: 1rem;\n padding-bottom: 1rem;\n box-sizing: border-box;\n}\n.badge-img {\n border-radius: 50%;\n height: 4rem;\n width: 4rem;\n margin-bottom: 0.5rem;\n margin-left: 0.5rem;\n margin-right: 0.5rem;\n}\n.badge-counter {\n border-radius: 50%;\n border: 1px rgb(235, 232, 232) solid;\n height: 1rem;\n width: 1rem;\n font-size: 0.6rem;\n justify-self: center;\n}\n.badge-counter-light {\n background-color: rgb(253, 253, 253);\n color: #000000;\n}\n.badge-counter-dark {\n background-color: rgb(36, 35, 35);\n color: #ffffff;\n}\n.badge-title {\n padding-bottom: 0.5rem;\n font-size: 0.7rem;\n}\n.badge-title-dark {\n color: #ffffff;\n}\n.badge-title-light {\n color: #000000;\n}\n.badge-counter-align {\n align-items: center;\n}\n.badge-section {\n display: flex;\n justify-content: center;\n padding-top: 1rem;\n padding-bottom: 1rem;\n width: 100%;\n}\n.badge-spacing {\n display: flex;\n flex-direction: column;\n margin-right: 0.5rem;\n margin-left: 0.5rem;\n padding-bottom: 3rem;\n padding-top: 3rem;\n}\n.badge-position-child {\n position: relative;\n top: 2.6rem;\n right: 1.3rem;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .badge-section {\n width: 40%;\n }\n}";
46200
46594
  styleInject(css_248z$5);
46201
46595
 
46202
46596
  function BadgesShow$1(props) {
@@ -46285,7 +46679,7 @@
46285
46679
  }))));
46286
46680
  }
46287
46681
 
46288
- var css_248z$3 = "@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);\n.trust-video {\n border: none;\n width: 100%;\n height: auto;\n transform: rotateY(180deg);\n -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-wrapper {\n width: 100%;\n margin-top: -80%;\n align-items: center;\n}\n.trust-video-wrapper:hover .trust-video-controls {\n visibility: visible;\n opacity: 1;\n}\n.trust-video-msg {\n display: flex;\n align-items: center;\n}\n.trust-video-controls {\n position: absolute;\n bottom: 0;\n width: 100%;\n margin-top: 35%;\n transform: translate(0, -50%);\n padding-left: 36px;\n border-radius: 10px;\n height: 4em;\n align-items: center;\n justify-content: space-between;\n visibility: hidden;\n opacity: 0;\n transition: all 0.25s ease-out;\n display: none;\n}\n.trust-video-controls.show {\n display: flex;\n}\n.trust-video-play {\n border-color: transparent;\n transition: 0.3s;\n font-size: 3em;\n margin: auto;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\n padding: 0;\n cursor: pointer;\n opacity: 1;\n background-color: #ffdd33;\n border-radius: 50%;\n font: normal normal normal 18px/1 FontAwesome;\n}\n.trust-video-play:before {\n content: \"\\f04b\";\n}\n.trust-video-play.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-volume {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 3em;\n border-radius: 20%;\n line-height: 1.5em;\n width: 2em;\n height: 1.5em;\n font: normal normal normal 18px/1 FontAwesome;\n background-color: rgba(255, 221, 51, 0.7);\n left: 20px;\n}\n.trust-video-volume:before {\n content: \"\\f028\";\n}\n.trust-video-volume.off:before {\n content: \"\\f026\";\n}\n.trust-video-fullscreen {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 3em;\n line-height: 2.5rem;\n width: 3em;\n border-radius: 20%;\n height: 2.5rem;\n margin-right: 5%;\n font: normal normal normal 18px/1 FontAwesome;\n background-color: rgba(255, 221, 51, 0.7);\n right: 20px;\n}\n.trust-video-fullscreen:before {\n content: \"\\f065\";\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .trust-video-wrapper {\n margin-top: 20%;\n }\n}\n@media only screen and (max-width: 768px) {\n .trust-video {\n border: none;\n width: 70%;\n }\n}\nbody {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.feedback-details-profile {\n cursor: pointer;\n}\n\n.utu-feedback {\n position: relative;\n width: 50%;\n margin: auto;\n}\n\n.avatar-img {\n border-radius: 50%;\n height: 2rem;\n border: 1px rgb(155, 152, 152) solid;\n}\n.avatar-img-top {\n height: 5rem;\n border-radius: 50%;\n border: 4px solid rgb(251, 201, 61);\n}\n.avatar-img-top:not(:first-child) {\n margin-left: -15px;\n}\n.avatar-img-top-video {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding-bottom: 4rem;\n padding-top: 4rem;\n}\n.avatar-img-text {\n font-size: 0.8rem;\n text-align: left;\n width: 19rem;\n}\n.avatar-no-img {\n width: 6rem;\n border-radius: 50%;\n padding: 1.5rem;\n}\n.avatar-no-img-no-vid {\n padding: 5px !important;\n}\n.avatar-no-img-light {\n background-color: rgb(251, 201, 61);\n border: 4px solid rgb(251, 201, 61);\n}\n.avatar-no-img-dark {\n background-color: rgb(251, 201, 61);\n border: 4px solid rgb(251, 201, 61);\n}\n.avatar-no-video-dark {\n fill: #000000;\n}\n.avatar-no-video-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .avatar-img-top-video {\n padding-bottom: 4rem;\n padding-top: 4rem;\n }\n .avatar-no-img {\n margin-bottom: 1rem;\n margin-top: 0.5rem;\n }\n}";
46682
+ var css_248z$3 = "@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);\n.trust-video {\n border: none;\n width: 100%;\n height: auto;\n transform: rotateY(180deg);\n -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-wrapper {\n width: 100%;\n margin-top: -80%;\n align-items: center;\n}\n.trust-video-wrapper:hover .trust-video-controls {\n visibility: visible;\n opacity: 1;\n}\n.trust-video-msg {\n display: flex;\n align-items: center;\n}\n.trust-video-controls {\n position: absolute;\n bottom: 0;\n width: 100%;\n margin-top: 35%;\n transform: translate(0, -50%);\n padding-left: 36px;\n border-radius: 10px;\n height: 4em;\n align-items: center;\n justify-content: space-between;\n visibility: hidden;\n opacity: 0;\n transition: all 0.25s ease-out;\n display: none;\n}\n.trust-video-controls.show {\n display: flex;\n}\n.trust-video-play {\n border-color: transparent;\n transition: 0.3s;\n font-size: 3em;\n margin: auto;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\n padding: 0;\n cursor: pointer;\n opacity: 1;\n background-color: #ffdd33;\n border-radius: 50%;\n font: normal normal normal 18px/1 FontAwesome;\n}\n.trust-video-play:before {\n content: \"\\f04b\";\n}\n.trust-video-play.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-volume {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 3em;\n border-radius: 20%;\n line-height: 1.5em;\n width: 2em;\n height: 1.5em;\n font: normal normal normal 18px/1 FontAwesome;\n background-color: rgba(255, 221, 51, 0.7);\n left: 20px;\n}\n.trust-video-volume:before {\n content: \"\\f028\";\n}\n.trust-video-volume.off:before {\n content: \"\\f026\";\n}\n.trust-video-fullscreen {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 3em;\n line-height: 2.5rem;\n width: 3em;\n border-radius: 20%;\n height: 2.5rem;\n margin-right: 5%;\n font: normal normal normal 18px/1 FontAwesome;\n background-color: rgba(255, 221, 51, 0.7);\n right: 20px;\n}\n.trust-video-fullscreen:before {\n content: \"\\f065\";\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .trust-video-wrapper {\n margin-top: 20%;\n }\n}\n@media only screen and (max-width: 768px) {\n .trust-video {\n border: none;\n width: 70%;\n }\n}\nbody {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.feedback-details-profile {\n cursor: pointer;\n}\n\n.utu-feedback {\n position: relative;\n width: 50%;\n margin: auto;\n}\n\n.avatar-img {\n border-radius: 50%;\n height: 2rem;\n border: 1px rgb(155, 152, 152) solid;\n}\n.avatar-img-top {\n height: 5rem;\n border-radius: 50%;\n border: 4px solid rgb(251, 201, 61);\n}\n.avatar-img-top:not(:first-child) {\n margin-left: -15px;\n}\n.avatar-img-top-video {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding-bottom: 4rem;\n padding-top: 4rem;\n}\n.avatar-img-text {\n font-size: 0.8rem;\n text-align: left;\n width: 19rem;\n}\n.avatar-no-img {\n width: 6rem;\n border-radius: 50%;\n padding: 1.5rem;\n}\n.avatar-no-img-no-vid {\n padding: 5px !important;\n}\n.avatar-no-img-light {\n background-color: rgb(251, 201, 61);\n border: 4px solid rgb(251, 201, 61);\n}\n.avatar-no-img-dark {\n background-color: rgb(251, 201, 61);\n border: 4px solid rgb(251, 201, 61);\n}\n.avatar-no-video-dark {\n fill: #000000;\n}\n.avatar-no-video-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .avatar-img-top-video {\n padding-bottom: 4rem;\n padding-top: 4rem;\n }\n .avatar-no-img {\n margin-bottom: 1rem;\n margin-top: 0.5rem;\n }\n}";
46289
46683
  styleInject(css_248z$3);
46290
46684
 
46291
46685
  function VideoShow(props) {
@@ -46358,7 +46752,7 @@
46358
46752
  }))));
46359
46753
  }
46360
46754
 
46361
- var css_248z$2 = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.video-avatar {\n width: 2rem;\n}\n\n.video-placeholder {\n height: 2rem;\n}\n\n.review-text {\n display: flex;\n text-align: left;\n padding-left: 1rem;\n font-size: 1rem;\n align-items: center;\n margin: 0 8px;\n}\n.review-text-dark {\n color: #ffffff;\n}\n.review-text-light {\n color: #000000;\n}\n.review-card {\n font-size: 0.7rem;\n display: flex;\n padding: 1.5rem;\n padding-top: 4rem;\n padding-bottom: 4rem;\n justify-content: space-around;\n}\n.review-card-group {\n padding: 2rem 1rem 2rem 1rem;\n background-color: rgba(255, 221, 51, 0.15);\n}\n.review-img {\n border-radius: 50%;\n height: 3rem;\n border: 1px rgb(155, 152, 152) solid;\n}\n\n.onerror-review-img {\n border-radius: 50%;\n height: 3rem;\n border: 1px rgb(155, 152, 152) solid;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .review-text-dark {\n color: rgb(36, 35, 35);\n }\n .review-text-light {\n color: #000000;\n }\n .review-card {\n padding-top: 4rem;\n padding-bottom: 4rem;\n display: flex;\n justify-content: center;\n }\n .review-card-group {\n padding: 2rem 1rem 2rem 1rem;\n width: 100%;\n display: flex;\n justify-content: center;\n }\n}";
46755
+ var css_248z$2 = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.video-avatar {\n width: 2rem;\n}\n\n.video-placeholder {\n height: 2rem;\n}\n\n.review-text {\n display: flex;\n text-align: left;\n padding-left: 1rem;\n font-size: 1rem;\n align-items: center;\n margin: 0 8px;\n}\n.review-text-dark {\n color: #ffffff;\n}\n.review-text-light {\n color: #000000;\n}\n.review-card {\n font-size: 0.7rem;\n display: flex;\n padding: 1.5rem;\n padding-top: 4rem;\n padding-bottom: 4rem;\n justify-content: space-around;\n}\n.review-card-group {\n padding: 2rem 1rem 2rem 1rem;\n background-color: rgba(255, 221, 51, 0.15);\n}\n.review-img {\n border-radius: 50%;\n height: 3rem;\n border: 1px rgb(155, 152, 152) solid;\n}\n\n.onerror-review-img {\n border-radius: 50%;\n height: 3rem;\n border: 1px rgb(155, 152, 152) solid;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .review-text-dark {\n color: rgb(36, 35, 35);\n }\n .review-text-light {\n color: #000000;\n }\n .review-card {\n padding-top: 4rem;\n padding-bottom: 4rem;\n display: flex;\n justify-content: center;\n }\n .review-card-group {\n padding: 2rem 1rem 2rem 1rem;\n width: 100%;\n display: flex;\n justify-content: center;\n }\n}";
46362
46756
  styleInject(css_248z$2);
46363
46757
 
46364
46758
  function BadgesShow(props) {
@@ -46424,9 +46818,10 @@
46424
46818
  var _getBaseProps = getBaseProps(props, TAG_FEEDBACK_DETAILS_POPUP),
46425
46819
  apiUrl = _getBaseProps.apiUrl;
46426
46820
 
46821
+ var sourceUuid = props[ATTR_SOURCE_UUID];
46427
46822
  var targetUuid = props[ATTR_TARGET_UUID];
46428
46823
 
46429
- var _useFeedbackSummaryAp = useFeedbackSummaryApi(apiUrl, targetUuid),
46824
+ var _useFeedbackSummaryAp = useFeedbackSummaryApi(apiUrl, sourceUuid, targetUuid),
46430
46825
  feedbackSummary = _useFeedbackSummaryAp.feedbackSummary;
46431
46826
 
46432
46827
  return h$2(BaseComponent, {
@@ -46471,7 +46866,7 @@
46471
46866
  }, h$2(Logo, null)))));
46472
46867
  }
46473
46868
 
46474
- var css_248z$1 = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.utu-feedback-details-popup {\n padding: 0.5rem;\n}\n\n.utu-feedback-form-popup {\n padding: 0.5rem;\n}";
46869
+ var css_248z$1 = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.utu-feedback-details-popup {\n padding: 0.5rem;\n}\n\n.utu-feedback-form-popup {\n padding: 0.5rem;\n}";
46475
46870
  styleInject(css_248z$1);
46476
46871
 
46477
46872
  function FeedbackPopup(props) {
@@ -46549,7 +46944,7 @@
46549
46944
  }, props), h$2(FeedbackForm, props)));
46550
46945
  } // style={{backgroundColor: `${props[ATTR_BTN_COLOR]} || yellow ` }}
46551
46946
 
46552
- var css_248z = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.utu-Header {\n width: 100%;\n padding: 2rem 3rem;\n background-color: #fcf8e5;\n}";
46947
+ var css_248z = "body {\n overflow: scroll;\n}\n\nh3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 14px;\n}\n\n.error {\n color: #e80054;\n}\n\n:host {\n margin: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: #000000;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: #000000;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n 50% {\n transform: rotate(180deg);\n border-top-color: rgb(251, 201, 61);\n border-bottom-color: rgb(155, 152, 152);\n border-right-color: transparent;\n border-left-color: transparent;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.spinner {\n width: 21px;\n height: 21px;\n display: inline-block;\n border: 3px solid rgb(251, 201, 61);\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 50%;\n animation: spin 1s infinite;\n margin: 12px;\n}\n\n.utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.utu-section-no-border-mid-light {\n background: #e5e5e5;\n}\n.utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.btn {\n padding: 12px;\n border: none;\n font-size: 14px;\n font-weight: 500;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n.btn-light {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-dark {\n background-color: rgb(251, 201, 61);\n color: #000000 !important;\n}\n.btn-round {\n color: \"white\" !important;\n}\n.btn-round-text {\n color: \"white\" !important;\n}\n\n.icon-btn {\n border: none;\n background: none;\n padding: 0;\n font-family: Roboto, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-weight: 500;\n font-size: 14px;\n}\n.icon-btn svg {\n width: 60px;\n height: 60px;\n}\n\nbutton.p {\n color: \"white\";\n}\n\n.submit-result, .submit-error, .submit-success {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.submit-result svg, .submit-error svg, .submit-success svg {\n width: 45px;\n height: 45px;\n margin: auto;\n}\n\n.logo-position {\n position: absolute;\n top: -1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -2rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -1rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: #fcf8e5;\n}\n\nsvg.video-icon {\n width: 1.5rem;\n height: 2.4rem;\n padding-top: 0.3rem;\n}\nsvg.video-icon-dark {\n fill: #000000;\n}\nsvg.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-section-light {\n border-bottom: 0px;\n background-color: #fcf8e5;\n }\n .utu-section-dark {\n border-bottom: 0px;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .text-area {\n background-color: rgb(253, 253, 253);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n}\n.utu-Header {\n width: 100%;\n padding: 2rem 3rem;\n background-color: #fcf8e5;\n}";
46553
46948
  styleInject(css_248z);
46554
46949
 
46555
46950
  function Header() {
@@ -46581,7 +46976,7 @@
46581
46976
  register$2(FeedbackPopup, TAG_FEEDBACK_DETAILS_POPUP, [ATTR_API_URL, ATTR_BTN_COLOR], {
46582
46977
  shadow: true
46583
46978
  });
46584
- register$2(FeedbackDetails, TAG_FEEDBACK_DETAILS, [ATTR_API_URL], {
46979
+ register$2(FeedbackDetails, TAG_FEEDBACK_DETAILS, [ATTR_API_URL, ATTR_SOURCE_UUID, ATTR_TARGET_UUID], {
46585
46980
  shadow: true
46586
46981
  });
46587
46982