@ututrust/web-components 2.0.1 → 2.0.2
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.
- package/dist/index.js +132 -67
- package/dist/index.js.map +1 -1
- package/package.json +5 -4
package/dist/index.js
CHANGED
|
@@ -20938,8 +20938,6 @@
|
|
|
20938
20938
|
const UTU_SOCIAL_LINK_URL_PRODUCTION = "https://app.utu.io";
|
|
20939
20939
|
const UTU_SOCIAL_LINK_URL_TEST = "https://stage-app.utu.io";
|
|
20940
20940
|
const CORE_API_BASE = "/core-api-v2";
|
|
20941
|
-
const UPLOADER_API_BASE = "/uploader-api";
|
|
20942
|
-
const VIDEO_PUBLISHED_BASE = "/published-videos";
|
|
20943
20941
|
|
|
20944
20942
|
// API resource paths
|
|
20945
20943
|
const API_RANKING = "/ranking";
|
|
@@ -38848,7 +38846,7 @@
|
|
|
38848
38846
|
};
|
|
38849
38847
|
const options = {
|
|
38850
38848
|
resume: false,
|
|
38851
|
-
endpoint: ""
|
|
38849
|
+
endpoint: "http://localhost:2080/uploads" ,
|
|
38852
38850
|
headers: getAuthorizationHeader(accessToken),
|
|
38853
38851
|
chunkSize: 28 * 1024,
|
|
38854
38852
|
uploadLengthDeferred: true,
|
|
@@ -38895,7 +38893,7 @@
|
|
|
38895
38893
|
}
|
|
38896
38894
|
function getPublishedVideoUrl(apiUrl, uploadUrl) {
|
|
38897
38895
|
const videoId = uploadUrl.split("/").pop();
|
|
38898
|
-
const publishedUrl = "".concat(
|
|
38896
|
+
const publishedUrl = "".concat("http://localhost:2080/uploads/files", "/").concat(videoId) ;
|
|
38899
38897
|
return publishedUrl;
|
|
38900
38898
|
}
|
|
38901
38899
|
function createEntityCriteria(uuid) {
|
|
@@ -39332,7 +39330,7 @@
|
|
|
39332
39330
|
}
|
|
39333
39331
|
});
|
|
39334
39332
|
|
|
39335
|
-
var css_248z$o = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
39333
|
+
var css_248z$o = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.utu-recommendation {\n border-radius: 5px;\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(252, 229, 70);\n}\n.summary-image-item-dark {\n border: 2px solid rgb(252, 229, 70);\n}";
|
|
39336
39334
|
styleInject(css_248z$o);
|
|
39337
39335
|
|
|
39338
39336
|
function getRoot(ref) {
|
|
@@ -39409,13 +39407,13 @@
|
|
|
39409
39407
|
}, rankingItem.summaryText))));
|
|
39410
39408
|
}
|
|
39411
39409
|
|
|
39412
|
-
var css_248z$n = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
39410
|
+
var css_248z$n = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.x-utu-feedback-form-popup {\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 0.5rem;\n border-radius: 10px;\n}\n\n.desktop-view {\n display: none;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-feedback-form {\n border-bottom: 0px;\n z-index: 1;\n align-items: center;\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: 65%;\n margin: auto;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\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: 65%;\n margin: auto;\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: 65%;\n margin: auto;\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}\n.x-utu-form-badges {\n text-align: center;\n}\n\n.x-utu-divider {\n background-color: rgba(189, 195, 199, 0.3);\n height: 90px;\n width: 3px;\n}\n\n.x-utu-feedback-form-Badges {\n width: 65%;\n min-height: 8rem;\n margin: auto;\n background-color: #fcf8e5;\n}";
|
|
39413
39411
|
styleInject(css_248z$n);
|
|
39414
39412
|
|
|
39415
|
-
var css_248z$m = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
39413
|
+
var css_248z$m = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\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.x-utu-badge-set-container {\n width: 6em;\n height: 72px;\n padding: 1rem 1rem 1rem 0;\n}\n.x-utu-badge-set-section {\n display: flex;\n flex-direction: row;\n background-color: rgba(255, 221, 51, 0.1);\n border-radius: 10.07px;\n}\n.x-utu-badge-section {\n display: flex;\n overflow-x: scroll;\n white-space: nowrap;\n padding-bottom: 1rem;\n width: 95%;\n margin: auto;\n}\n.x-utu-badge-section > div {\n padding: 1rem;\n}\n.x-utu-badge-disable {\n height: 50px;\n width: 50px;\n opacity: 0.6;\n}\n.x-utu-badge-item-text {\n justify-content: center;\n align-items: center;\n color: white;\n}\n.x-utu-badge-text {\n font-size: 0.7rem;\n}\n.x-utu-badge-text-h3 {\n text-align: center;\n}\n.x-utu-badge-text-h3-light {\n color: #000000;\n}\n.x-utu-badge-text-h3-dark {\n color: #ffffff;\n}\n.x-utu-badge-img {\n width: 2rem;\n}\n.x-utu-badge-img-container {\n display: flex;\n justify-content: space-around;\n opacity: 1;\n}\n.x-utu-badge-img-big {\n width: 4.5rem;\n}\n.x-utu-badge-img-big-section {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n}\n\n.x-utu-badge-section-title {\n width: 100%;\n box-sizing: border-box;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-badge-section {\n padding-left: 0;\n padding-right: 0;\n }\n}\n@media only screen and (min-width: 1210px) {\n .x-utu-badge-section {\n padding-top: 0;\n }\n}";
|
|
39416
39414
|
styleInject(css_248z$m);
|
|
39417
39415
|
|
|
39418
|
-
var css_248z$l = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
39416
|
+
var css_248z$l = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}";
|
|
39419
39417
|
styleInject(css_248z$l);
|
|
39420
39418
|
|
|
39421
39419
|
/* eslint max-len: 0 */
|
|
@@ -42442,7 +42440,7 @@
|
|
|
42442
42440
|
return _formControl.current;
|
|
42443
42441
|
}
|
|
42444
42442
|
|
|
42445
|
-
var css_248z$k = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
42443
|
+
var css_248z$k = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.x-utu-feedback-text-space {\n align-self: start;\n}\n.x-utu-feedback-text-area {\n padding: 5px;\n height: 8rem;\n width: 100%;\n border-radius: 10px 10px 0 0;\n border: 0;\n background-color: rgba(255, 221, 51, 0.1);\n}\n.x-utu-feedback-text-input-section {\n width: 100%;\n display: flex;\n justify-content: center;\n}\n.x-utu-feedback-text-input-form {\n display: flex;\n flex-direction: column;\n padding: 1rem 2.5rem 1rem;\n justify-content: center;\n align-items: center;\n width: 100vw;\n}\n.x-utu-feedback-text-input-btn {\n border-radius: 0 0 10px 10px;\n width: 100%;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-feedback-text-area {\n width: 100%;\n min-height: 10rem;\n }\n .x-utu-feedback-text-input-form {\n padding: 2rem 2.5rem;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .x-utu-feedback-text-input-btn {\n width: 100%;\n }\n}";
|
|
42446
42444
|
styleInject(css_248z$k);
|
|
42447
42445
|
|
|
42448
42446
|
const minLength = 5;
|
|
@@ -43365,10 +43363,10 @@
|
|
|
43365
43363
|
}
|
|
43366
43364
|
];
|
|
43367
43365
|
|
|
43368
|
-
var css_248z$j = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
43366
|
+
var css_248z$j = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\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: 32px;\n padding-bottom: 32px;\n}\n.endor-input-form-text-area {\n height: 3rem;\n width: 100%;\n margin-right: 16px;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 12.8px;\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: 16px 32px;\n width: 100%;\n}\n.endor-text {\n font-size: 24px;\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(252, 229, 70);\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-container {\n position: relative;\n padding: 2px;\n font-size: 13px;\n margin-top: 2px;\n cursor: pointer;\n display: flex;\n}\n.endor-text-tooltip {\n position: absolute;\n left: 50%;\n top: 0;\n transform: translateX(-50%);\n background: #000;\n color: #fff;\n white-space: nowrap;\n padding: 5px 10px;\n border-radius: 5px;\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.5s ease;\n}\n.endor-text-tooltip::before {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 100%;\n transform: translateX(-50%);\n border: 15px solid;\n border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\n}\n.endor-text-container:hover .endor-text-tooltip {\n top: -110%;\n visibility: visible;\n opacity: 1;\n}\n.endor-text-body {\n font-size: 12.8px;\n}\n.endor-text-title {\n font-size: 12.8px;\n}\n.endor-btn {\n border-radius: 10px;\n}\n\n.endor-utt-balance {\n margin-bottom: 32px;\n display: flex;\n display: flex;\n box-sizing: border-box;\n width: 10rem;\n height: 4rem;\n border-radius: 5px 30px 30px 5px;\n background-color: rgb(252, 229, 70);\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 767px) {\n .endor-input-section {\n padding-left: 0;\n padding-right: 0;\n }\n .endor-input-form {\n width: 40%;\n padding: 32px;\n }\n .endor-input-form-text-area {\n background-color: rgb(253, 253, 253);\n font-size: 16px;\n }\n .endor-input-form-section {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n width: 100%;\n }\n .endor-text {\n padding: 32px;\n width: 40%;\n }\n .endor-text-info {\n font-size: 16px;\n }\n}\n@media only screen and (min-width: 830px) {\n .endor-text-body {\n font-size: 16px;\n }\n .endor-text-title {\n font-size: 16px;\n }\n .endor-input-form-text-area {\n font-size: 16px;\n }\n}\n.utt-balance-logo {\n justify-items: center;\n height: 4rem;\n width: 4rem;\n}\n\n.x-utu-utt-heading-text {\n display: flex;\n flex-direction: column;\n text-align: center;\n align-items: center;\n justify-content: center;\n}";
|
|
43369
43367
|
styleInject(css_248z$j);
|
|
43370
43368
|
|
|
43371
|
-
var css_248z$i = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
43369
|
+
var css_248z$i = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.x-utu-utt-balance {\n width: 100%;\n align-items: center;\n text-align: center;\n justify-content: center;\n background-color: rgb(252, 229, 70);\n margin-top: 0.25rem;\n}";
|
|
43372
43370
|
styleInject(css_248z$i);
|
|
43373
43371
|
|
|
43374
43372
|
function UttBalance() {
|
|
@@ -44863,7 +44861,7 @@
|
|
|
44863
44861
|
};
|
|
44864
44862
|
var _default = reactStars.default = ReactStars;
|
|
44865
44863
|
|
|
44866
|
-
var css_248z$h = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
44864
|
+
var css_248z$h = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\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.utu-star-rating-text {\n font-size: 1rem;\n font-weight: bold;\n color: rgb(252, 229, 70);\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}";
|
|
44867
44865
|
styleInject(css_248z$h);
|
|
44868
44866
|
|
|
44869
44867
|
function StarRatingInput(props) {
|
|
@@ -51960,7 +51958,7 @@
|
|
|
51960
51958
|
|
|
51961
51959
|
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}();
|
|
51962
51960
|
|
|
51963
|
-
var css_248z$g = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
51961
|
+
var css_248z$g = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.x-utu-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.x-utu-popup-container {\n z-index: 1001;\n width: 100%;\n}\n.x-utu-popup-container-dark {\n background: transparent;\n}\n.x-utu-popup-container-light {\n background: transparent;\n}\n.x-utu-popup-icon-btn {\n padding: 10px;\n margin-right: 3%;\n font-size: 2.8em;\n border: none;\n background: none;\n transition: all ease-out 0.3s;\n}\n.x-utu-popup-icon-btn:hover {\n transform: scale(1.3);\n opacity: 0.6;\n}\n.x-utu-popup-icon-btn-overlay {\n z-index: 1001;\n}\n.x-utu-popup-icon-btn-light {\n color: #000000;\n}\n.x-utu-popup-icon-btn-dark {\n color: #ffffff;\n}\n.x-utu-popup-container {\n z-index: 1001;\n}\n.x-utu-popup-container-content {\n width: 65%;\n margin: auto;\n display: flex;\n justify-content: flex-end;\n border-radius: 10px 10px 0 0;\n background-color: #fcf8e5;\n}\n.x-utu-popup-container-dark {\n background: transparent;\n}\n.x-utu-popup-container-light {\n background: transparent;\n}\n.x-utu-popup-background {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.5);\n min-width: 100%;\n min-height: 100%;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-popup {\n min-width: 100%;\n min-height: 100%;\n }\n .x-utu-popup-container {\n align-items: center;\n min-width: 100%;\n min-height: 100%;\n }\n .x-utu-popup-container-content {\n align-items: center;\n margin-top: 4%;\n }\n}\n@media only screen and (max-width: 768px) {\n .x-utu-popup-container-content {\n width: 100%;\n background-color: #ffffff;\n justify-content: center;\n }\n}";
|
|
51964
51962
|
styleInject(css_248z$g);
|
|
51965
51963
|
|
|
51966
51964
|
function PopUp(_ref) {
|
|
@@ -51995,14 +51993,82 @@
|
|
|
51995
51993
|
}));
|
|
51996
51994
|
}
|
|
51997
51995
|
|
|
51998
|
-
var css_248z$f = "
|
|
51996
|
+
var css_248z$f = ".video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n width: 100%;\n height: 100%;\n transform: rotateY(180deg);\n -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-btn {\n padding: 0 !important;\n border: none !important;\n background: none !important;\n}\n.trust-video-wrapper {\n display: flex;\n justify-content: center;\n width: 100%;\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 margin-top: 35%;\n transform: translate(0, -50%);\n padding-left: 36px;\n padding-right: 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 margin: auto;\n margin-left: 2rem;\n margin-right: 2rem;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n cursor: pointer;\n opacity: 1;\n background-color: #ffdd33;\n font-size: 0.9rem;\n border-radius: 50%;\n font: normal normal normal 18px/1;\n}\n.trust-video-play:before {\n content: \"\\f04b\";\n}\n.trust-video-play.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-play-btn {\n border-color: transparent;\n}\n.trust-video-volume {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 1em;\n padding: 0.2rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 2em;\n height: 1.5em;\n background-color: rgba(255, 221, 51, 0.7);\n left: 20px;\n}\n.trust-video-fullscreen {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 0.65em;\n line-height: 2.5rem;\n padding: 0.4rem;\n width: 3em;\n border-radius: 20%;\n margin-right: 5%;\n background-color: rgba(255, 221, 51, 0.7);\n right: 20px;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .trust-video-wrapper {\n margin-top: 1%;\n }\n}\n@media only screen and (max-width: 768px) {\n .trust-video {\n border: none;\n }\n}";
|
|
51999
51997
|
styleInject(css_248z$f);
|
|
52000
51998
|
|
|
52001
|
-
|
|
51999
|
+
function play() {
|
|
52000
|
+
// environments
|
|
52001
|
+
const [isDark, setIsDark] = h$1(true);
|
|
52002
|
+
return y$1("svg", {
|
|
52003
|
+
className: "trust-video-play trust-video-play-".concat(isDark ? "dark" : "light"),
|
|
52004
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
52005
|
+
viewBox: "0 0 384 512"
|
|
52006
|
+
}, y$1("path", {
|
|
52007
|
+
d: "M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"
|
|
52008
|
+
}));
|
|
52009
|
+
}
|
|
52010
|
+
|
|
52011
|
+
function pause() {
|
|
52012
|
+
// environments
|
|
52013
|
+
const [isDark, setIsDark] = h$1(true);
|
|
52014
|
+
return y$1("svg", {
|
|
52015
|
+
className: "trust-video-play trust-video-play-".concat(isDark ? "dark" : "light"),
|
|
52016
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
52017
|
+
viewBox: "0 0 384 512"
|
|
52018
|
+
}, y$1("path", {
|
|
52019
|
+
d: "M48 64C21.5 64 0 85.5 0 112V400c0 26.5 21.5 48 48 48H80c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H48zm192 0c-26.5 0-48 21.5-48 48V400c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H240z"
|
|
52020
|
+
}));
|
|
52021
|
+
}
|
|
52022
|
+
|
|
52023
|
+
function expand() {
|
|
52024
|
+
// environments
|
|
52025
|
+
const [isDark, setIsDark] = h$1(true);
|
|
52026
|
+
return y$1("svg", {
|
|
52027
|
+
className: "trust-video-fullscreen trust-video-fullscreen-".concat(isDark ? "dark" : "light"),
|
|
52028
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
52029
|
+
viewBox: "0 0 512 512"
|
|
52030
|
+
}, y$1("path", {
|
|
52031
|
+
d: "M344 0H488c13.3 0 24 10.7 24 24V168c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87L327 41c-6.9-6.9-8.9-17.2-5.2-26.2S334.3 0 344 0zM168 512H24c-13.3 0-24-10.7-24-24V344c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8z"
|
|
52032
|
+
}));
|
|
52033
|
+
}
|
|
52034
|
+
|
|
52035
|
+
function volume$1() {
|
|
52036
|
+
// environments
|
|
52037
|
+
const [isDark, setIsDark] = h$1(true);
|
|
52038
|
+
return y$1("svg", {
|
|
52039
|
+
id: "Layer_1",
|
|
52040
|
+
className: "trust-video-volume trust-video-volume-".concat(isDark ? "dark" : "light"),
|
|
52041
|
+
"data-name": "Layer 1",
|
|
52042
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
52043
|
+
viewBox: "0 0 122.88 96"
|
|
52044
|
+
}, y$1("title", null, "volume-mute"), y$1("path", {
|
|
52045
|
+
d: "M12.81,22.46H38.34L59.46,1.18a4,4,0,0, 1,5.66,0A3.91,3.91,0,0,1,66.31,4h0V92a4,4,0,0,1-6.9,2.81l-20.87-17H12.81A12.84,12.84,0,0,1,0,65V35.27A12.84, 12.84,0,0,1,12.81,22.46Zm100.62,8.09a5.48,5.48,0,0,1,7.82,0,5.62,5.62,0,0,1,0,7.89L111.83,48l9.45,9.59a5.57,5.57, 0,0,1-.06,7.85,5.49,5.49,0,0,1-7.79,0L104,55.9l-9.4,9.55a5.5,5.5,0,0,1-7.82,0,5.63,5.63,0,0,1,0-7.9L96.23,48,86.78, 38.4a5.56,5.56,0,0,1,.06-7.84,5.47,5.47,0,0,1,7.79,0l9.4,9.52,9.4-9.54Z"
|
|
52046
|
+
}));
|
|
52047
|
+
}
|
|
52048
|
+
|
|
52049
|
+
function volume() {
|
|
52050
|
+
// environments
|
|
52051
|
+
const [isDark, setIsDark] = h$1(true);
|
|
52052
|
+
return y$1("svg", {
|
|
52053
|
+
version: "1.1",
|
|
52054
|
+
id: "Layer_1",
|
|
52055
|
+
className: "trust-video-volume trust-video-volume-".concat(isDark ? "dark" : "light"),
|
|
52056
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
52057
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
52058
|
+
x: "0px",
|
|
52059
|
+
y: "0px",
|
|
52060
|
+
viewBox: "0 0 122.88 94.98",
|
|
52061
|
+
xmlSpace: "preserve"
|
|
52062
|
+
}, y$1("g", null, y$1("path", {
|
|
52063
|
+
d: "M5.06,20.78h20.67c0.43,0,0.79,0.35,0.79,0.79v44.72c0,0.43-0.35,0.79-0.79,0.79H5.05 C2.27,67.07,0,64.8,0,62.02V25.85C0,23.06,2.28,20.78,5.06,20.78L5.06,20.78z M109.14,1.06c5.01,7.08,8.82, 15.04,11.14,23.57 c2.24,8.22,3.1,16.97,2.33,25.94c-0.7,8.2-2.7,15.99-5.79,23.18c-2.59,6.03-5.95,11.64-9.93, 16.7c-0.62,0.82-1.25,1.63-1.9,2.43 l-0.05-0.05c-0.31,0.36-0.62,0.72-0.94,1.07l-0.94,1.06l-0.92-1.08l-3.73-4.38l-0.69-0.81l0.7-0.8c4.54-5.23, 8.3-11.2,11.06-17.73 c2.66-6.29,4.39-13.11,4.99-20.29c0.68-7.98-0.08-15.75-2.06-23.05c-1.83-6.75-4.7-13.11-8.44-18.86l-0.02-0.02 c-0.68-0.99-1.39-1.97-2.13-2.92l0.08-0.07l-0.05-0.07l0.97-0.72l0.71-0.53l2.71-2.19l0.09,0.12l1.05-0.78l1.02-0.76L109.14,1.06 L109.14,1.06z M108.58,4.66c-0.25-0.38-0.49-0.75-0.75-1.12l-0.03,0.02C108.07,3.92,108.33,4.29, 108.58,4.66L108.58,4.66z M92.75,12.19c3.68,5.28,6.47,11.21,8.17,17.55c1.64,6.12,2.26,12.61,1.7, 19.27c-0.48,5.68-1.8,11.11-3.83,16.17 c-2.1,5.23-4.95,10.05-8.4,14.32l-0.94,1.16l-0.97-1.14l-4.72-3.29l-0.66-0.77l0.62-0.8c2.91-3.72, 6.01-7.87,7.77-12.35 c1.7-4.33,2.1-8.99,2.51-13.88c0.5-5.86-0.04-11.55-1.47-16.9c-1.34-5.04-3.48-9.8-6.27-14.11c-0.37-0.53-0.75-1.06-1.15-1.58 l0.05-0.04l-0.46-0.66l0.96-0.71L91,11.9l1.03-0.76L92.75,12.19L92.75,12.19z M89.84,15.13l-0.31-0.47l-0.02,0.01L89.84,15.13 L89.84,15.13z M31,19.96C43.04, 13.35,55.09,6.74,67.13,0.14c1.16-0.63,2.4,1.08,2.4,2.4v82.04c0,1.39-1.32,3.21-2.53,2.53L31,66.8 c-0.23-0.13-0.48-0.21-0.48-0.48V20.44C30.52,20.17,30.77,20.09,31,19.96L31,19.96z"
|
|
52064
|
+
})));
|
|
52065
|
+
}
|
|
52066
|
+
|
|
52067
|
+
function Player (videoUrl, preview, previewStream) {
|
|
52002
52068
|
const [controlsVisible, setControlsVisible] = h$1(false);
|
|
52069
|
+
const [isPlaying, setIsPlaying] = h$1(true);
|
|
52070
|
+
const [isMuted, setIsMuted] = h$1(false);
|
|
52003
52071
|
const videoRef = _(null);
|
|
52004
|
-
const playBtnRef = _(null);
|
|
52005
|
-
const muteBtnRef = _(null);
|
|
52006
52072
|
|
|
52007
52073
|
// const [size, setSize] = useState({width: 0, height: 0});
|
|
52008
52074
|
|
|
@@ -52010,35 +52076,36 @@
|
|
|
52010
52076
|
function updateSize() {
|
|
52011
52077
|
// setSize({width: window.innerWidth, height: window.innerHeight});
|
|
52012
52078
|
}
|
|
52013
|
-
window.addEventListener(
|
|
52014
|
-
return () => window.removeEventListener(
|
|
52079
|
+
window.addEventListener('resize', updateSize);
|
|
52080
|
+
return () => window.removeEventListener('resize', updateSize);
|
|
52015
52081
|
}, []);
|
|
52016
|
-
const
|
|
52017
|
-
|
|
52018
|
-
if (videoRef.current.paused) {
|
|
52019
|
-
await videoRef.current.play();
|
|
52020
|
-
playBtnRef.current.classList.add("paused");
|
|
52021
|
-
} else {
|
|
52082
|
+
const handlePlay = () => {
|
|
52083
|
+
if (isPlaying) {
|
|
52022
52084
|
videoRef.current.pause();
|
|
52023
|
-
|
|
52085
|
+
setIsPlaying(false);
|
|
52086
|
+
} else {
|
|
52087
|
+
videoRef.current.play();
|
|
52088
|
+
setIsPlaying(true);
|
|
52024
52089
|
}
|
|
52025
52090
|
};
|
|
52026
|
-
const getDuration = () => {
|
|
52027
|
-
let dur = videoRef.current.duration;
|
|
52028
|
-
dur = Number(dur.toFixed());
|
|
52029
|
-
// const formatted = "";
|
|
52030
52091
|
|
|
52031
|
-
|
|
52032
|
-
|
|
52092
|
+
// const getDuration = ()=> {
|
|
52093
|
+
// let dur = videoRef.current.duration;
|
|
52094
|
+
// dur = Number(dur.toFixed());
|
|
52095
|
+
// // const formatted = "";
|
|
52096
|
+
// // setLength(dur);
|
|
52097
|
+
// // setFormattedLength(formatted);
|
|
52033
52098
|
|
|
52034
|
-
|
|
52035
|
-
}
|
|
52036
|
-
|
|
52037
|
-
|
|
52038
|
-
if (
|
|
52039
|
-
|
|
52099
|
+
// return dur;
|
|
52100
|
+
// }
|
|
52101
|
+
|
|
52102
|
+
const handleMute = () => {
|
|
52103
|
+
if (isMuted) {
|
|
52104
|
+
videoRef.current.muted = false;
|
|
52105
|
+
setIsMuted(false);
|
|
52040
52106
|
} else {
|
|
52041
|
-
|
|
52107
|
+
videoRef.current.muted = true;
|
|
52108
|
+
setIsMuted(true);
|
|
52042
52109
|
}
|
|
52043
52110
|
};
|
|
52044
52111
|
const fullScreen = async () => {
|
|
@@ -52049,7 +52116,7 @@
|
|
|
52049
52116
|
setControlsVisible(true);
|
|
52050
52117
|
}
|
|
52051
52118
|
}, [videoUrl]);
|
|
52052
|
-
|
|
52119
|
+
function Preview(_ref) {
|
|
52053
52120
|
let {
|
|
52054
52121
|
stream
|
|
52055
52122
|
} = _ref;
|
|
@@ -52075,8 +52142,8 @@
|
|
|
52075
52142
|
}, y$1("track", {
|
|
52076
52143
|
kind: "captions"
|
|
52077
52144
|
}));
|
|
52078
|
-
}
|
|
52079
|
-
|
|
52145
|
+
}
|
|
52146
|
+
function VideoSrc() {
|
|
52080
52147
|
if (videoUrl) {
|
|
52081
52148
|
return y$1("video", {
|
|
52082
52149
|
className: "trust-video",
|
|
@@ -52097,33 +52164,31 @@
|
|
|
52097
52164
|
return y$1(Preview, {
|
|
52098
52165
|
stream: previewStream
|
|
52099
52166
|
});
|
|
52100
|
-
}
|
|
52167
|
+
}
|
|
52101
52168
|
return y$1("div", {
|
|
52102
52169
|
className: "trust-video-wrapper"
|
|
52103
|
-
},
|
|
52104
|
-
className: "trust-video-controls ".concat(controlsVisible &&
|
|
52170
|
+
}, VideoSrc(), y$1("div", {
|
|
52171
|
+
className: "trust-video-controls ".concat(controlsVisible && 'show')
|
|
52105
52172
|
}, y$1("button", {
|
|
52106
|
-
ref: muteBtnRef,
|
|
52107
52173
|
type: "button",
|
|
52108
|
-
className: "trust-video-
|
|
52109
|
-
onClick:
|
|
52110
|
-
},
|
|
52111
|
-
ref: playBtnRef,
|
|
52174
|
+
className: "trust-video-btn trust-video-control",
|
|
52175
|
+
onClick: handleMute
|
|
52176
|
+
}, !isMuted ? y$1(volume, null) : y$1(volume$1, null)), !preview && y$1("button", {
|
|
52112
52177
|
type: "button",
|
|
52113
|
-
className: "trust-video-play trust-video-control paused",
|
|
52114
|
-
onClick:
|
|
52115
|
-
},
|
|
52178
|
+
className: "trust-video-btn trust-video-play-btn trust-video-control paused",
|
|
52179
|
+
onClick: handlePlay
|
|
52180
|
+
}, isPlaying ? y$1(pause, null) : y$1(play, null)), y$1("div", {
|
|
52116
52181
|
className: "trust-video-progress"
|
|
52117
52182
|
}), !preview && y$1("button", {
|
|
52118
52183
|
type: "button",
|
|
52119
|
-
className: "trust-video-
|
|
52184
|
+
className: "trust-video-btn trust-video-control",
|
|
52120
52185
|
onClick: fullScreen
|
|
52121
|
-
},
|
|
52186
|
+
}, ' ', y$1(expand, null), ' ')), y$1("section", {
|
|
52122
52187
|
className: "logo-video-section"
|
|
52123
52188
|
}, y$1("div", {
|
|
52124
52189
|
className: "logo-video-position"
|
|
52125
52190
|
}, y$1(Logo, null))));
|
|
52126
|
-
}
|
|
52191
|
+
}
|
|
52127
52192
|
|
|
52128
52193
|
var css_248z$e = ".spinner {\n -webkit-transform-origin: 50% 65%;\n transform-origin: 50% 65%;\n}\n\n@-webkit-keyframes dash {\n to {\n stroke-dashoffset: 136;\n }\n}\n@keyframes dash {\n to {\n stroke-dashoffset: 136;\n }\n}\n@-webkit-keyframes rotate {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes rotate {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}";
|
|
52129
52194
|
styleInject(css_248z$e);
|
|
@@ -52194,7 +52259,7 @@
|
|
|
52194
52259
|
}))));
|
|
52195
52260
|
}
|
|
52196
52261
|
|
|
52197
|
-
var css_248z$d = "@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);\n.x-utu-h3 {\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n width: 100%;\n height: 100%;\n transform: rotateY(180deg);\n -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-wrapper {\n display: flex;\n justify-content: center;\n width: 100%;\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: 1%;\n }\n}\n@media only screen and (max-width: 768px) {\n .trust-video {\n border: none;\n }\n}\n.x-utu-video {\n display: flex;\n justify-content: center;\n}\n.x-utu-video-btn-round {\n border: none;\n margin: 5px 0;\n width: 4rem;\n height: 4rem;\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 border-radius: 50px;\n}\n.x-utu-video-btn-round-light {\n background-color: rgb(252, 229, 70);\n}\n.x-utu-video-btn-round-dark {\n background-color: rgb(252, 229, 70);\n}\n.x-utu-video-btn-round-loading {\n position: absolute;\n bottom: 5.5rem;\n margin-top: 0.25;\n}\n.x-utu-video-btn-round-spinner-light {\n fill: #000000;\n}\n.x-utu-video-btn-round-spinner-dark {\n fill: #000000;\n}\n.x-utu-video-btn-round-play {\n width: 4rem;\n margin-left: 0.5rem;\n}\n.x-utu-video-btn-round-play-light {\n fill: #000000;\n}\n.x-utu-video-btn-round-play-dark {\n fill: #000000;\n}\n.x-utu-video-btn-round-stop {\n position: absolute;\n bottom: 10%;\n margin-top: 0.25;\n background-color: rgb(252, 229, 70);\n}\n.x-utu-video-btn-round-stop-light {\n fill: #000000;\n}\n.x-utu-video-btn-round-stop-dark {\n fill: #000000;\n}\n.x-utu-video-btn-round-text-light {\n color: #000000;\n}\n.x-utu-video-btn-round-text-dark {\n color: #000000;\n}\n.x-utu-video-btn-container {\n display: flex;\n z-index: 0;\n justify-content: center;\n}\n.x-utu-video-btn-stop-icon {\n width: 20px;\n height: 20px;\n border-radius: 5px;\n}\n.x-utu-video-btn-stop-icon-light {\n background: #000000;\n}\n.x-utu-video-btn-stop-icon-dark {\n background: #000000;\n}\n.x-utu-video-screen-recording {\n width: 100%;\n position: relative;\n z-index: 1;\n justify-content: center;\n}\n.x-utu-video-recorder {\n padding-top: 0;\n padding-bottom: 4rem;\n height: fit-content;\n}\n.x-utu-video-container {\n display: flex;\n justify-content: center;\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n.x-utu-video-response-message {\n height: 3rem;\n line-height: 3rem;\n width: 100%;\n}\n.x-utu-video-wrapper {\n display: flex;\n align-items: center;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-video-recorder {\n padding-bottom: 4rem;\n height: fit-content;\n background-color: rgb(253, 253, 253) !important;\n }\n .x-utu-video-btn-round-stop {\n bottom: 2.5rem;\n }\n .x-utu-video-container {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n .x-utu-video-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(252, 229, 70) solid;\n }\n}";
|
|
52262
|
+
var css_248z$d = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n width: 100%;\n height: 100%;\n transform: rotateY(180deg);\n -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-btn {\n padding: 0 !important;\n border: none !important;\n background: none !important;\n}\n.trust-video-wrapper {\n display: flex;\n justify-content: center;\n width: 100%;\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 margin-top: 35%;\n transform: translate(0, -50%);\n padding-left: 36px;\n padding-right: 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 margin: auto;\n margin-left: 2rem;\n margin-right: 2rem;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n cursor: pointer;\n opacity: 1;\n background-color: #ffdd33;\n font-size: 0.9rem;\n border-radius: 50%;\n font: normal normal normal 18px/1;\n}\n.trust-video-play:before {\n content: \"\\f04b\";\n}\n.trust-video-play.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-play-btn {\n border-color: transparent;\n}\n.trust-video-volume {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 1em;\n padding: 0.2rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 2em;\n height: 1.5em;\n background-color: rgba(255, 221, 51, 0.7);\n left: 20px;\n}\n.trust-video-fullscreen {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 0.65em;\n line-height: 2.5rem;\n padding: 0.4rem;\n width: 3em;\n border-radius: 20%;\n margin-right: 5%;\n background-color: rgba(255, 221, 51, 0.7);\n right: 20px;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .trust-video-wrapper {\n margin-top: 1%;\n }\n}\n@media only screen and (max-width: 768px) {\n .trust-video {\n border: none;\n }\n}\n.x-utu-video {\n display: flex;\n justify-content: center;\n}\n.x-utu-video-btn-round {\n border: none;\n margin: 5px 0;\n width: 4rem;\n height: 4rem;\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 border-radius: 50px;\n}\n.x-utu-video-btn-round-light {\n background-color: rgb(252, 229, 70);\n}\n.x-utu-video-btn-round-dark {\n background-color: rgb(252, 229, 70);\n}\n.x-utu-video-btn-round-loading {\n position: absolute;\n bottom: 5.5rem;\n margin-top: 0.25;\n}\n.x-utu-video-btn-round-spinner-light {\n fill: #000000;\n}\n.x-utu-video-btn-round-spinner-dark {\n fill: #000000;\n}\n.x-utu-video-btn-round-play {\n width: 4rem;\n margin-left: 0.5rem;\n}\n.x-utu-video-btn-round-play-light {\n fill: #000000;\n}\n.x-utu-video-btn-round-play-dark {\n fill: #000000;\n}\n.x-utu-video-btn-round-stop {\n position: absolute;\n bottom: 10%;\n margin-top: 0.25;\n background-color: rgb(252, 229, 70);\n}\n.x-utu-video-btn-round-stop-light {\n fill: #000000;\n}\n.x-utu-video-btn-round-stop-dark {\n fill: #000000;\n}\n.x-utu-video-btn-round-text-light {\n color: #000000;\n}\n.x-utu-video-btn-round-text-dark {\n color: #000000;\n}\n.x-utu-video-btn-container {\n display: flex;\n z-index: 0;\n justify-content: center;\n}\n.x-utu-video-btn-stop-icon {\n width: 20px;\n height: 20px;\n border-radius: 5px;\n}\n.x-utu-video-btn-stop-icon-light {\n background: #000000;\n}\n.x-utu-video-btn-stop-icon-dark {\n background: #000000;\n}\n.x-utu-video-screen-recording {\n width: 100%;\n position: relative;\n z-index: 1;\n justify-content: center;\n}\n.x-utu-video-recorder {\n padding-top: 0;\n padding-bottom: 4rem;\n height: fit-content;\n}\n.x-utu-video-container {\n display: flex;\n justify-content: center;\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n.x-utu-video-response-message {\n height: 3rem;\n line-height: 3rem;\n width: 100%;\n}\n.x-utu-video-wrapper {\n display: flex;\n align-items: center;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-video-recorder {\n padding-bottom: 4rem;\n height: fit-content;\n background-color: rgb(253, 253, 253) !important;\n }\n .x-utu-video-btn-round-stop {\n bottom: 2.5rem;\n }\n .x-utu-video-container {\n padding-top: 2rem;\n padding-bottom: 2rem;\n }\n .x-utu-video-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(252, 229, 70) solid;\n }\n}";
|
|
52198
52263
|
styleInject(css_248z$d);
|
|
52199
52264
|
|
|
52200
52265
|
function RecordIcon() {
|
|
@@ -52473,7 +52538,7 @@
|
|
|
52473
52538
|
}, props), y$1(FeedbackForm, props)));
|
|
52474
52539
|
}
|
|
52475
52540
|
|
|
52476
|
-
var css_248z$c = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
52541
|
+
var css_248z$c = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.x-utu-header {\n width: 100%;\n padding: 2rem 3rem;\n background-color: #fcf8e5;\n display: flex;\n justify-content: center;\n border-radius: 10px;\n}";
|
|
52477
52542
|
styleInject(css_248z$c);
|
|
52478
52543
|
|
|
52479
52544
|
function Header() {
|
|
@@ -52486,7 +52551,7 @@
|
|
|
52486
52551
|
}, " Feedback From Your Network ")));
|
|
52487
52552
|
}
|
|
52488
52553
|
|
|
52489
|
-
var css_248z$b = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
52554
|
+
var css_248z$b = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.x-utu-app-link {\n width: 100%;\n text-align: center;\n justify-content: center;\n border-radius: 10px;\n padding: 0.5rem;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n background-color: #fcf8e5;\n}\n.x-utu-app-link-btn {\n background-color: rgb(252, 229, 70);\n width: 100%;\n}\n.x-utu-app-link-text {\n margin-top: 0.25rem;\n}\n\nx-utu-app-a {\n text-decoration: none;\n color: #000000;\n}\n\nx-utu-app-a :hover {\n color: #000000;\n}";
|
|
52490
52555
|
styleInject(css_248z$b);
|
|
52491
52556
|
|
|
52492
52557
|
function UtuAppSocialLink(props) {
|
|
@@ -52521,7 +52586,7 @@
|
|
|
52521
52586
|
}, "Connect to earn"))));
|
|
52522
52587
|
}
|
|
52523
52588
|
|
|
52524
|
-
var css_248z$a = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
52589
|
+
var css_248z$a = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.x-utu-wallet-connect {\n width: 100%;\n align-items: center;\n text-align: center;\n justify-content: center;\n background-color: #fcf8e5;\n border-radius: 5px;\n}\n.x-utu-wallet-connect-section {\n padding: 0.5rem;\n}\n.x-utu-wallet-text-input-btn {\n width: 100%;\n background-color: rgb(252, 229, 70);\n margin-top: 1rem;\n}";
|
|
52525
52590
|
styleInject(css_248z$a);
|
|
52526
52591
|
|
|
52527
52592
|
function WalletConnect() {
|
|
@@ -52548,7 +52613,7 @@
|
|
|
52548
52613
|
}, "Connect Wallet"))));
|
|
52549
52614
|
}
|
|
52550
52615
|
|
|
52551
|
-
var css_248z$9 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
52616
|
+
var css_248z$9 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.x-utu-disconnect-wallet-btn {\n width: 100%;\n align-items: center;\n text-align: center;\n justify-content: center;\n background-color: #fcf8e5;\n border-radius: 5px;\n padding: 0.5rem;\n}\n.x-utu-disconnect-text-input-btn {\n width: 100%;\n background-color: rgb(252, 229, 70);\n}";
|
|
52552
52617
|
styleInject(css_248z$9);
|
|
52553
52618
|
|
|
52554
52619
|
function DisconnectWallet() {
|
|
@@ -52578,7 +52643,7 @@
|
|
|
52578
52643
|
}, "Disconnect Wallet"))));
|
|
52579
52644
|
}
|
|
52580
52645
|
|
|
52581
|
-
var css_248z$8 = "@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n width: 100%;\n height: 100%;\n transform: rotateY(180deg);\n -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-wrapper {\n display: flex;\n justify-content: center;\n width: 100%;\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: 1%;\n }\n}\n@media only screen and (max-width: 768px) {\n .trust-video {\n border: none;\n }\n}\n.x-utu-h3 {\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.utu-feedback-details {\n min-height: 30rem;\n width: 100%;\n margin: auto;\n background-color: #fcf8e5;\n display: flex;\n flex-direction: column;\n text-align: center;\n position: relative;\n z-index: 1;\n justify-content: start;\n border-bottom: 15px rgb(252, 229, 70) 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/* ----------- Transition screen ----------- */\n@media only screen and (min-width: 768px) {\n .utu-feedback-details {\n width: 65%;\n border-bottom: 0;\n z-index: 1;\n align-items: center;\n margin-bottom: 10rem;\n }\n .mobile-view {\n display: none;\n }\n .desktop-view {\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-bottom: 5rem;\n }\n .desktop-view-video-stars {\n display: flex;\n flex-direction: column;\n }\n .desktop-view-block-1 {\n width: 100%;\n margin: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\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 margin: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n }\n .desktop-view-block-2-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-2-light {\n background-color: #fcf8e5;\n }\n}\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 1481px) {\n .utu-feedback-details {\n border-bottom: 0;\n z-index: 1;\n align-items: center;\n width: 65%;\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-video-stars {\n display: flex;\n flex-direction: column;\n }\n .desktop-view-block-1 {\n min-height: 15rem;\n width: 100%;\n margin: auto;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0 1rem;\n justify-content: space-between;\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 min-height: 15rem;\n width: 100%;\n margin: auto;\n display: flex;\n flex-direction: row;\n padding: 2rem 1rem;\n justify-content: space-between;\n align-items: start;\n }\n .desktop-view-block-2-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-2-light {\n background-color: #fcf8e5;\n }\n}";
|
|
52646
|
+
var css_248z$8 = ".video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n width: 100%;\n height: 100%;\n transform: rotateY(180deg);\n -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-btn {\n padding: 0 !important;\n border: none !important;\n background: none !important;\n}\n.trust-video-wrapper {\n display: flex;\n justify-content: center;\n width: 100%;\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 margin-top: 35%;\n transform: translate(0, -50%);\n padding-left: 36px;\n padding-right: 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 margin: auto;\n margin-left: 2rem;\n margin-right: 2rem;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n cursor: pointer;\n opacity: 1;\n background-color: #ffdd33;\n font-size: 0.9rem;\n border-radius: 50%;\n font: normal normal normal 18px/1;\n}\n.trust-video-play:before {\n content: \"\\f04b\";\n}\n.trust-video-play.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-play-btn {\n border-color: transparent;\n}\n.trust-video-volume {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 1em;\n padding: 0.2rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 2em;\n height: 1.5em;\n background-color: rgba(255, 221, 51, 0.7);\n left: 20px;\n}\n.trust-video-fullscreen {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 0.65em;\n line-height: 2.5rem;\n padding: 0.4rem;\n width: 3em;\n border-radius: 20%;\n margin-right: 5%;\n background-color: rgba(255, 221, 51, 0.7);\n right: 20px;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .trust-video-wrapper {\n margin-top: 1%;\n }\n}\n@media only screen and (max-width: 768px) {\n .trust-video {\n border: none;\n }\n}\n.x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.utu-feedback-details {\n min-height: 30rem;\n width: 100%;\n margin: auto;\n background-color: #fcf8e5;\n display: flex;\n flex-direction: column;\n text-align: center;\n position: relative;\n z-index: 1;\n justify-content: start;\n border-bottom: 15px rgb(252, 229, 70) 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/* ----------- Transition screen ----------- */\n@media only screen and (min-width: 768px) {\n .utu-feedback-details {\n width: 65%;\n border-bottom: 0;\n z-index: 1;\n align-items: center;\n margin-bottom: 10rem;\n }\n .mobile-view {\n display: none;\n }\n .desktop-view {\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-bottom: 5rem;\n }\n .desktop-view-video-stars {\n display: flex;\n flex-direction: column;\n }\n .desktop-view-block-1 {\n width: 100%;\n margin: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\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 margin: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n }\n .desktop-view-block-2-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-2-light {\n background-color: #fcf8e5;\n }\n}\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 1481px) {\n .utu-feedback-details {\n border-bottom: 0;\n z-index: 1;\n align-items: center;\n width: 65%;\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-video-stars {\n display: flex;\n flex-direction: column;\n }\n .desktop-view-block-1 {\n min-height: 15rem;\n width: 100%;\n margin: auto;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0 1rem;\n justify-content: space-between;\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 min-height: 15rem;\n width: 100%;\n margin: auto;\n display: flex;\n flex-direction: row;\n padding: 2rem 1rem;\n justify-content: space-between;\n align-items: start;\n }\n .desktop-view-block-2-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-2-light {\n background-color: #fcf8e5;\n }\n}";
|
|
52582
52647
|
styleInject(css_248z$8);
|
|
52583
52648
|
|
|
52584
52649
|
var css_248z$7 = ".avatar-no-data {\n padding: 0.35rem;\n width: 2.5rem;\n height: 2.5rem;\n}";
|
|
@@ -52609,7 +52674,7 @@
|
|
|
52609
52674
|
}))));
|
|
52610
52675
|
}
|
|
52611
52676
|
|
|
52612
|
-
var css_248z$6 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
52677
|
+
var css_248z$6 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.endor-text-section {\n width: 50%;\n}\n\n.endor-title {\n display: flex;\n}\n.endor-avatar {\n width: 2rem;\n}\n.endor-text {\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-body {\n display: flex;\n}\n.endor-text-section {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin-top: 0;\n padding-top: 1rem;\n padding-bottom: 2rem;\n}\n.endor-text-section-no-data {\n display: flex;\n justify-content: flex-start;\n}\n.endor-text-stakes-no-data {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-top: 2rem;\n}\n.endor-text-stakes-item {\n font-size: 1rem;\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: 0.8rem;\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: 1rem;\n padding-right: 0;\n margin-top: 1rem;\n font-size: 0.7rem;\n width: 22rem;\n flex-wrap: wrap;\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: 0.7rem;\n margin-top: 0.5em;\n}\n.endor-text-truncate {\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.endor-text-image-item {\n margin-top: 1rem;\n height: 3rem;\n border-radius: 50%;\n}\n.endor-text-image-item-light {\n border: 2px solid rgb(252, 229, 70);\n}\n.endor-text-image-item-dark {\n border: 2px solid rgb(252, 229, 70);\n}\n\n@media only screen and (min-width: 768px) {\n .endor-title {\n display: flex;\n justify-self: center;\n }\n .endor-text {\n padding-left: 0;\n }\n .endor-text-section {\n padding-top: 1rem;\n padding-bottom: 1rem;\n margin-top: 0;\n }\n .endor-text-body {\n padding-left: 0rem;\n padding-right: 0rem;\n }\n .endor-text-contacts-body {\n font-size: 1rem;\n }\n .endor-text-stakes-item {\n font-size: 1.5rem;\n }\n .endor-text-stakes-item-2 {\n font-size: 1rem;\n }\n}\n@media only screen and (min-width: 768px) {\n .endor-section {\n margin-top: 4rem;\n }\n}\n@media only screen and (min-width: 1481px) {\n .endor-text-section {\n align-items: flex-start;\n justify-content: flex-start;\n }\n}";
|
|
52613
52678
|
styleInject(css_248z$6);
|
|
52614
52679
|
|
|
52615
52680
|
var css_248z$5 = "";
|
|
@@ -62338,7 +62403,7 @@
|
|
|
62338
62403
|
|
|
62339
62404
|
var lodashExports = lodash.exports;
|
|
62340
62405
|
|
|
62341
|
-
var css_248z$3 = ".x-utu-h3 {\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.badge-spacing {\n display: flex;\n flex-direction: column;\n padding-top: 1rem;\n}\n.badge-spacing-no-data {\n display: flex;\n flex-direction: row;\n}\n.badge-section {\n display: flex;\n justify-content: center;\n padding-top: 1rem;\n padding-bottom: 1rem;\n width: 100%;\n flex-direction: column;\n}\n.badge-section-title {\n text-transform: none;\n}\n.badge-section-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding-left: 1rem;\n padding-right: 2rem;\n padding-top: 1rem;\n}\n.badge-section-badges {\n display: flex;\n justify-content: center;\n white-space: nowrap;\n overflow-x: scroll;\n /* width */\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.badge-section-badges-no-data {\n margin-top: 2rem;\n}\n.badge-section-badges::-webkit-scrollbar {\n width: 10px;\n height: 8px;\n}\n.badge-section-badges::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 10px;\n}\n.badge-section-badges::-webkit-scrollbar-thumb {\n background: rgb(252, 229, 70);\n border-radius: 10px;\n}\n.badge-section-badges::-webkit-scrollbar-thumb:hover {\n background: #555;\n}\n.badge-section-text {\n display: flex;\n justify-content: center;\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n.badge-section-text-content {\n text-align: justify;\n max-width: 25rem;\n}\n.badge-container {\n position: relative;\n margin-right: 1rem;\n margin-left: 1rem;\n box-sizing: border-box;\n display: flex;\n}\n.badge-container-no-data {\n position: relative;\n margin-right: 2rem;\n margin-left: 2rem;\n box-sizing: border-box;\n}\n.badge-container-no-data-container {\n position: relative;\n box-sizing: border-box;\n display: flex;\n margin-right: 0;\n margin-left: 0;\n padding-bottom: 2rem;\n justify-content: center;\n flex-wrap: wrap;\n}\n.badge-container-thumb {\n border-radius: 50%;\n border: 1px rgb(235, 232, 232) solid;\n height: 1.5rem;\n width: 1.5rem;\n font-size: 0.6rem;\n justify-self: center;\n}\n.badge-container-thumb-light {\n background-color: rgb(253, 253, 253);\n color: #000000;\n}\n.badge-container-thumb-dark {\n background-color: rgb(36, 35, 35);\n color: #ffffff;\n}\n.badge-container-img {\n height: 4rem;\n width: 4rem;\n margin-bottom: 4rem;\n}\n.badge-container-img-no-data {\n opacity: 0.5;\n}\n.badge-container-profile {\n border-radius: 50%;\n border: 1px rgb(235, 232, 232) solid;\n height: 1.5rem;\n width: 1.5rem;\n font-size: 0.6rem;\n justify-self: center;\n margin-left: -0.5rem;\n}\n.badge-container-profile-light {\n background-color: rgb(253, 253, 253);\n color: #000000;\n}\n.badge-container-profile-dark {\n background-color: rgb(36, 35, 35);\n color: #ffffff;\n}\n.badge-container-profile-container {\n display: flex;\n justify-content: center;\n position: absolute;\n bottom: 5.5rem;\n right: 3.5rem;\n}\n.badge-container-title {\n padding-bottom: 0.5rem;\n font-size: 0.7rem;\n position: absolute;\n top: 5.5rem;\n left: 0.5rem;\n}\n.badge-container-title-dark {\n color: #ffffff;\n}\n.badge-container-title-light {\n color: #000000;\n}\n.badge-container-position-child-thumb {\n position: absolute;\n top: 1.3rem;\n right: -1rem;\n}\n.badge-container-position-child-profile {\n position: relative;\n top: 2.5rem;\n right: -3.3rem;\n}\n\n/* ----------- Transition screens ----------- */\n@media only screen and (min-width: 768px) {\n .badge-section {\n width: 100%;\n }\n .badge-section-badges {\n justify-content: space-evenly;\n }\n}\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 1481px) {\n .badge-container-no-data-container {\n flex-wrap: unset;\n }\n .badge-section {\n width: 40%;\n }\n .badge-section-content {\n padding-top: 0;\n }\n .badge-section-badges {\n justify-content: start;\n }\n .badge-section-text {\n justify-content: start;\n }\n .badge-badges {\n justify-content: start;\n }\n .badge-spacing {\n margin-right: 1rem;\n padding-top: 2rem;\n }\n}";
|
|
62406
|
+
var css_248z$3 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.badge-spacing {\n display: flex;\n flex-direction: column;\n padding-top: 1rem;\n}\n.badge-spacing-no-data {\n display: flex;\n flex-direction: row;\n}\n.badge-section {\n display: flex;\n justify-content: center;\n padding-top: 1rem;\n padding-bottom: 1rem;\n width: 100%;\n flex-direction: column;\n}\n.badge-section-title {\n text-transform: none;\n}\n.badge-section-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding-left: 1rem;\n padding-right: 2rem;\n padding-top: 1rem;\n}\n.badge-section-badges {\n display: flex;\n justify-content: center;\n white-space: nowrap;\n overflow-x: scroll;\n /* width */\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.badge-section-badges-no-data {\n margin-top: 2rem;\n}\n.badge-section-badges::-webkit-scrollbar {\n width: 10px;\n height: 8px;\n}\n.badge-section-badges::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 10px;\n}\n.badge-section-badges::-webkit-scrollbar-thumb {\n background: rgb(252, 229, 70);\n border-radius: 10px;\n}\n.badge-section-badges::-webkit-scrollbar-thumb:hover {\n background: #555;\n}\n.badge-section-text {\n display: flex;\n justify-content: center;\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\n.badge-section-text-content {\n text-align: justify;\n max-width: 25rem;\n}\n.badge-container {\n position: relative;\n margin-right: 1rem;\n margin-left: 1rem;\n box-sizing: border-box;\n display: flex;\n}\n.badge-container-no-data {\n position: relative;\n margin-right: 2rem;\n margin-left: 2rem;\n box-sizing: border-box;\n}\n.badge-container-no-data-container {\n position: relative;\n box-sizing: border-box;\n display: flex;\n margin-right: 0;\n margin-left: 0;\n padding-bottom: 2rem;\n justify-content: center;\n flex-wrap: wrap;\n}\n.badge-container-thumb {\n border-radius: 50%;\n border: 1px rgb(235, 232, 232) solid;\n height: 1.5rem;\n width: 1.5rem;\n font-size: 0.6rem;\n justify-self: center;\n}\n.badge-container-thumb-light {\n background-color: rgb(253, 253, 253);\n color: #000000;\n}\n.badge-container-thumb-dark {\n background-color: rgb(36, 35, 35);\n color: #ffffff;\n}\n.badge-container-img {\n height: 4rem;\n width: 4rem;\n margin-bottom: 4rem;\n}\n.badge-container-img-no-data {\n opacity: 0.5;\n}\n.badge-container-profile {\n border-radius: 50%;\n border: 1px rgb(235, 232, 232) solid;\n height: 1.5rem;\n width: 1.5rem;\n font-size: 0.6rem;\n justify-self: center;\n margin-left: -0.5rem;\n}\n.badge-container-profile-light {\n background-color: rgb(253, 253, 253);\n color: #000000;\n}\n.badge-container-profile-dark {\n background-color: rgb(36, 35, 35);\n color: #ffffff;\n}\n.badge-container-profile-container {\n display: flex;\n justify-content: center;\n position: absolute;\n bottom: 5.5rem;\n right: 3.5rem;\n}\n.badge-container-title {\n padding-bottom: 0.5rem;\n font-size: 0.7rem;\n position: absolute;\n top: 5.5rem;\n left: 0.5rem;\n}\n.badge-container-title-dark {\n color: #ffffff;\n}\n.badge-container-title-light {\n color: #000000;\n}\n.badge-container-position-child-thumb {\n position: absolute;\n top: 1.3rem;\n right: -1rem;\n}\n.badge-container-position-child-profile {\n position: relative;\n top: 2.5rem;\n right: -3.3rem;\n}\n\n/* ----------- Transition screens ----------- */\n@media only screen and (min-width: 768px) {\n .badge-section {\n width: 100%;\n }\n .badge-section-badges {\n justify-content: space-evenly;\n }\n}\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 1481px) {\n .badge-container-no-data-container {\n flex-wrap: unset;\n }\n .badge-section {\n width: 40%;\n }\n .badge-section-content {\n padding-top: 0;\n }\n .badge-section-badges {\n justify-content: start;\n }\n .badge-section-text {\n justify-content: start;\n }\n .badge-badges {\n justify-content: start;\n }\n .badge-spacing {\n margin-right: 1rem;\n padding-top: 2rem;\n }\n}";
|
|
62342
62407
|
styleInject(css_248z$3);
|
|
62343
62408
|
|
|
62344
62409
|
function BadgesShow$1(props) {
|
|
@@ -62452,7 +62517,7 @@
|
|
|
62452
62517
|
}, summaryText)))));
|
|
62453
62518
|
}
|
|
62454
62519
|
|
|
62455
|
-
var css_248z$2 = "@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n width: 100%;\n height: 100%;\n transform: rotateY(180deg);\n -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-wrapper {\n display: flex;\n justify-content: center;\n width: 100%;\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: 1%;\n }\n}\n@media only screen and (max-width: 768px) {\n .trust-video {\n border: none;\n }\n}\n.x-utu-h3 {\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.utu-feedback {\n position: relative;\n width: 30%;\n margin: auto;\n}\n\n.video-section {\n display: flex;\n list-style-type: none;\n}\n\n.no-data-avatar {\n display: flex;\n min-width: 4rem;\n height: 4rem;\n border-radius: 50%;\n border: 2px solid rgb(155, 152, 152);\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n}\n\n.no-data-avatar > * {\n width: 2.5rem;\n height: 2.5rem;\n padding: 0.35rem;\n}\n\n.avatar {\n cursor: pointer;\n display: flex;\n justify-content: center;\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: 4rem;\n border-radius: 50%;\n border: 4px solid rgb(252, 229, 70);\n}\n.avatar-img-top:not(:first-child) {\n margin-left: -15px;\n}\n.avatar-img-top-video {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n}\n.avatar-img-top-video-text {\n margin-top: 1rem;\n}\n.avatar-img-top-video-container {\n display: flex;\n align-items: flex-start;\n padding-top: 1rem;\n padding-bottom: 1rem;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n flex-direction: column;\n}\n.avatar-img-top-details {\n display: flex;\n height: 4rem;\n border-radius: 50%;\n border: 4px solid rgb(252, 229, 70);\n margin-left: -0.6rem;\n align-items: center;\n padding-bottom: 0;\n}\n.avatar-img-top-details:not(:first-child) {\n margin-left: -15px;\n}\n.avatar-img-top-list-item {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n}\n.avatar-img-top-text {\n font-size: 0.8rem;\n text-align: left;\n width: 19rem;\n}\n.avatar-img-no-img {\n width: 6rem;\n border-radius: 50%;\n padding: 1.5rem;\n}\n.avatar-img-no-img-no-vid {\n padding: 5px !important;\n}\n.avatar-img-no-img-light {\n background-color: rgb(252, 229, 70);\n border: 4px solid rgb(252, 229, 70);\n}\n.avatar-img-no-img-dark {\n background-color: rgb(252, 229, 70);\n border: 4px solid rgb(252, 229, 70);\n}\n.avatar-img-no-video-dark {\n fill: #000000;\n}\n.avatar-img-no-video-light {\n fill: #000000;\n}\n\n/* ----------- Transition screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-feedback {\n width: 25%;\n }\n .avatar-img-top-video {\n justify-content: center;\n }\n .avatar-img-top-video-container {\n flex-direction: column;\n }\n}\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 1481px) {\n .utu-feedback {\n width: 20%;\n }\n .avatar {\n justify-content: start;\n }\n .avatar-img-top-video {\n padding-top: 0;\n align-items: start;\n justify-content: start;\n }\n .avatar-img-top-video-profile {\n display: flex;\n align-items: start;\n justify-content: start;\n width: 100%;\n }\n .avatar-img-top-video-container {\n flex-direction: column;\n }\n .avatar-img-top-video-text {\n text-align: start;\n }\n .avatar-no-img {\n margin-bottom: 1rem;\n margin-top: 0.5rem;\n }\n}";
|
|
62520
|
+
var css_248z$2 = ".video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n width: 100%;\n height: 100%;\n transform: rotateY(180deg);\n -webkit-transform: rotateY(180deg); /* Safari and Chrome */\n -moz-transform: rotateY(180deg); /* Firefox */\n}\n.trust-video-btn {\n padding: 0 !important;\n border: none !important;\n background: none !important;\n}\n.trust-video-wrapper {\n display: flex;\n justify-content: center;\n width: 100%;\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 margin-top: 35%;\n transform: translate(0, -50%);\n padding-left: 36px;\n padding-right: 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 margin: auto;\n margin-left: 2rem;\n margin-right: 2rem;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n cursor: pointer;\n opacity: 1;\n background-color: #ffdd33;\n font-size: 0.9rem;\n border-radius: 50%;\n font: normal normal normal 18px/1;\n}\n.trust-video-play:before {\n content: \"\\f04b\";\n}\n.trust-video-play.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-play-btn {\n border-color: transparent;\n}\n.trust-video-volume {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 1em;\n padding: 0.2rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 2em;\n height: 1.5em;\n background-color: rgba(255, 221, 51, 0.7);\n left: 20px;\n}\n.trust-video-fullscreen {\n border-color: transparent;\n color: rgba(43, 51, 63, 0.7);\n font-size: 0.65em;\n line-height: 2.5rem;\n padding: 0.4rem;\n width: 3em;\n border-radius: 20%;\n margin-right: 5%;\n background-color: rgba(255, 221, 51, 0.7);\n right: 20px;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .trust-video-wrapper {\n margin-top: 1%;\n }\n}\n@media only screen and (max-width: 768px) {\n .trust-video {\n border: none;\n }\n}\n.x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.utu-feedback {\n position: relative;\n width: 30%;\n margin: auto;\n}\n\n.video-section {\n display: flex;\n list-style-type: none;\n}\n\n.no-data-avatar {\n display: flex;\n min-width: 4rem;\n height: 4rem;\n border-radius: 50%;\n border: 2px solid rgb(155, 152, 152);\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n}\n\n.no-data-avatar > * {\n width: 2.5rem;\n height: 2.5rem;\n padding: 0.35rem;\n}\n\n.avatar {\n cursor: pointer;\n display: flex;\n justify-content: center;\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: 4rem;\n border-radius: 50%;\n border: 4px solid rgb(252, 229, 70);\n}\n.avatar-img-top:not(:first-child) {\n margin-left: -15px;\n}\n.avatar-img-top-video {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n}\n.avatar-img-top-video-text {\n margin-top: 1rem;\n}\n.avatar-img-top-video-container {\n display: flex;\n align-items: flex-start;\n padding-top: 1rem;\n padding-bottom: 1rem;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n flex-direction: column;\n}\n.avatar-img-top-details {\n display: flex;\n height: 4rem;\n border-radius: 50%;\n border: 4px solid rgb(252, 229, 70);\n margin-left: -0.6rem;\n align-items: center;\n padding-bottom: 0;\n}\n.avatar-img-top-details:not(:first-child) {\n margin-left: -15px;\n}\n.avatar-img-top-list-item {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n}\n.avatar-img-top-text {\n font-size: 0.8rem;\n text-align: left;\n width: 19rem;\n}\n.avatar-img-no-img {\n width: 6rem;\n border-radius: 50%;\n padding: 1.5rem;\n}\n.avatar-img-no-img-no-vid {\n padding: 5px !important;\n}\n.avatar-img-no-img-light {\n background-color: rgb(252, 229, 70);\n border: 4px solid rgb(252, 229, 70);\n}\n.avatar-img-no-img-dark {\n background-color: rgb(252, 229, 70);\n border: 4px solid rgb(252, 229, 70);\n}\n.avatar-img-no-video-dark {\n fill: #000000;\n}\n.avatar-img-no-video-light {\n fill: #000000;\n}\n\n/* ----------- Transition screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-feedback {\n width: 25%;\n }\n .avatar-img-top-video {\n justify-content: center;\n }\n .avatar-img-top-video-container {\n flex-direction: column;\n }\n}\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 1481px) {\n .utu-feedback {\n width: 20%;\n }\n .avatar {\n justify-content: start;\n }\n .avatar-img-top-video {\n padding-top: 0;\n align-items: start;\n justify-content: start;\n }\n .avatar-img-top-video-profile {\n display: flex;\n align-items: start;\n justify-content: start;\n width: 100%;\n }\n .avatar-img-top-video-container {\n flex-direction: column;\n }\n .avatar-img-top-video-text {\n text-align: start;\n }\n .avatar-no-img {\n margin-bottom: 1rem;\n margin-top: 0.5rem;\n }\n}";
|
|
62456
62521
|
styleInject(css_248z$2);
|
|
62457
62522
|
|
|
62458
62523
|
function VideoShow(props) {
|
|
@@ -62567,7 +62632,7 @@
|
|
|
62567
62632
|
|
|
62568
62633
|
// <UserImageVideo url={profileUrl} image={profileImage}/>
|
|
62569
62634
|
|
|
62570
|
-
var css_248z$1 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
62635
|
+
var css_248z$1 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.video-avatar {\n width: 2rem;\n}\n\n.video-placeholder {\n height: 2rem;\n}\n\n.review-section {\n width: 100%;\n display: flex;\n justify-content: center;\n white-space: nowrap;\n overflow-x: scroll;\n /* width */\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.review-section-no-data {\n justify-content: center;\n}\n.review-section::-webkit-scrollbar {\n width: 10px;\n height: 8px;\n}\n.review-section::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 10px;\n}\n.review-section::-webkit-scrollbar-thumb {\n background: rgb(252, 229, 70);\n border-radius: 10px;\n}\n.review-section::-webkit-scrollbar-thumb:hover {\n background: #555;\n}\n.review-text {\n display: flex;\n flex-direction: column;\n}\n.review-text-sum {\n display: flex;\n text-align: left;\n padding-left: 1rem;\n font-size: 0.9rem;\n align-items: center;\n margin: 0 8px;\n white-space: pre-line;\n width: 50px;\n inline-size: 100%;\n font-style: italic;\n font-weight: 500;\n}\n.review-text-cont {\n display: flex;\n text-align: left;\n padding-left: 1rem;\n font-size: 1rem;\n align-items: center;\n margin: 0.5rem 8px;\n white-space: pre-line;\n width: 50px;\n inline-size: 100%;\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: 2rem 1.5rem;\n justify-content: space-around;\n}\n.review-card-group {\n width: 30rem;\n display: flex;\n padding: 2rem 2.5rem 2rem 1.5rem;\n background-color: rgba(255, 221, 51, 0.15);\n align-items: center;\n min-height: 10rem;\n}\n.review-card-section {\n display: flex;\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/* ----------- Transition screen ----------- */\n@media only screen and (min-width: 768px) {\n .review-section {\n width: 100%;\n display: flex;\n justify-content: start;\n }\n}\n@media only screen and (min-width: 1481px) {\n .review-section {\n width: 45%;\n display: flex;\n white-space: nowrap;\n overflow-x: scroll;\n }\n .review-text-cont {\n inline-size: 100%;\n }\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: 2rem;\n padding-bottom: 2rem;\n display: flex;\n justify-content: center;\n max-width: 100%;\n overflow: hidden;\n word-wrap: break-word !important;\n }\n}";
|
|
62571
62636
|
styleInject(css_248z$1);
|
|
62572
62637
|
|
|
62573
62638
|
function BadgesShow(props) {
|
|
@@ -62710,7 +62775,7 @@
|
|
|
62710
62775
|
}, y$1(Logo, null)))));
|
|
62711
62776
|
}
|
|
62712
62777
|
|
|
62713
|
-
var css_248z = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size:
|
|
62778
|
+
var css_248z = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\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(252, 229, 70);\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(252, 229, 70);\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.x-utu-section {\n width: 100%;\n}\n.x-utu-section-light {\n border-bottom: 1px solid rgb(155, 152, 152);\n background: rgb(253, 253, 253);\n}\n.x-utu-section-dark {\n border-bottom: 1px solid rgb(235, 232, 232);\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-dark {\n background: rgb(36, 35, 35);\n}\n.x-utu-section-no-border-mid-light {\n background: rgb(253, 253, 253);\n}\n.x-utu-section-no-border-mid-dark {\n background: #494949;\n}\n\n.x-utu-btn {\n padding: 12px;\n border: none;\n border-radius: 10px;\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.x-utu-btn-light {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-dark {\n background-color: rgb(252, 229, 70);\n color: #000000 !important;\n}\n.x-utu-btn-round {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-round-text {\n color: rgb(253, 253, 253) !important;\n}\n.x-utu-btn-icon {\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\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.logo-position {\n position: absolute;\n top: -1rem;\n right: 20%;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-details {\n position: absolute;\n top: -1.1rem;\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-position-video {\n position: absolute;\n bottom: 0;\n right: 10%;\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.x-utu-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: rgba(255, 221, 51, 0.1);\n}\n\n.video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.video-icon-dark {\n fill: #000000;\n}\n.video-icon-light {\n fill: #000000;\n}\n\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 768px) {\n .x-utu-section {\n width: 100%;\n }\n .x-utu-section-light {\n border-bottom: 0;\n background-color: #fcf8e5;\n }\n .x-utu-section-dark {\n border-bottom: 0;\n background: rgb(36, 35, 35);\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-dark {\n background-color: #3d3d3c;\n }\n .x-utu-section-no-border-mid-light {\n background-color: #fcf8e5;\n }\n .x-utu-section-no-border-mid-dark {\n background-color: #3d3d3c;\n }\n .x-utu-text-area {\n background-color: rgba(255, 221, 51, 0.1);\n }\n .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n top: 41.2rem;\n position: absolute;\n left: 21rem;\n }\n .logo-section-mobile .logo-section {\n position: relative;\n }\n}\n.x-utu-border-radius {\n border-radius: 5px;\n}\n\n/*\nshimmer effect animation\n*/\n.skeleton {\n background-color: #e2e5e7;\n background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n background-size: 40px 100%;\n background-repeat: no-repeat;\n background-position: left -40px top 0;\n animation: shine 1s ease infinite;\n}\n\n@keyframes shine {\n to {\n background-position: right -40px top 0;\n }\n}\n.description {\n display: flex;\n flex-direction: row;\n}\n\n.details {\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.icon {\n width: 70px;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.title {\n width: 500px;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.information {\n min-height: 42px;\n border-radius: 4px;\n width: 500px;\n}\n\n.x-utu-feedback-details-popup {\n padding: 0.5rem;\n border-radius: 10px;\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: center;\n}";
|
|
62714
62779
|
styleInject(css_248z);
|
|
62715
62780
|
|
|
62716
62781
|
function FeedbackPopup(props) {
|