@ututrust/web-components 2.1.3 → 2.1.5
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 +73 -39
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -18490,6 +18490,7 @@
|
|
|
18490
18490
|
var ATTR_TARGET_TYPE = "target-type";
|
|
18491
18491
|
var ATTR_TARGET_UUIDS = "target-uuids";
|
|
18492
18492
|
var ATTR_TARGET_UUID = "target-uuid";
|
|
18493
|
+
var ATTR_TARGET_HUMAN_READABLE = "target-human-readable";
|
|
18493
18494
|
var ATTR_ENDORSEMENT_NETWORK = "endorsement-network";
|
|
18494
18495
|
var ATTR_TRANSACTION_ID = "transaction-id";
|
|
18495
18496
|
// API BASE URLs
|
|
@@ -40828,6 +40829,11 @@
|
|
|
40828
40829
|
web3Modal: web3Modal
|
|
40829
40830
|
};
|
|
40830
40831
|
}
|
|
40832
|
+
function parseTargetUuids(spaceSeparatedtargetUuids) {
|
|
40833
|
+
var trimmed = spaceSeparatedtargetUuids === null || spaceSeparatedtargetUuids === void 0 ? void 0 : spaceSeparatedtargetUuids.trim();
|
|
40834
|
+
// don't split an empty string (which weirdly creates an array with one empty string element)
|
|
40835
|
+
return trimmed ? trimmed.split(" ") : undefined;
|
|
40836
|
+
}
|
|
40831
40837
|
function useRankingApi(apiUrl, sourceUuid, targetType, targetUuids) {
|
|
40832
40838
|
var accessToken = useAuth().accessToken;
|
|
40833
40839
|
var _a = p(undefined),
|
|
@@ -40840,7 +40846,7 @@
|
|
|
40840
40846
|
return __generator(this, function (_a) {
|
|
40841
40847
|
switch (_a.label) {
|
|
40842
40848
|
case 0:
|
|
40843
|
-
return [4 /*yield*/, getRanking(apiUrl, sourceUuid, targetType, accessToken, targetUuids)];
|
|
40849
|
+
return [4 /*yield*/, getRanking(apiUrl, sourceUuid, targetType, accessToken, parseTargetUuids(targetUuids))];
|
|
40844
40850
|
case 1:
|
|
40845
40851
|
response = _a.sent();
|
|
40846
40852
|
setRankingItems(response.data.result);
|
|
@@ -40851,7 +40857,7 @@
|
|
|
40851
40857
|
}
|
|
40852
40858
|
|
|
40853
40859
|
f();
|
|
40854
|
-
}, [
|
|
40860
|
+
}, [accessToken, apiUrl, sourceUuid, targetType, targetUuids]);
|
|
40855
40861
|
return {
|
|
40856
40862
|
rankingItems: rankingItems
|
|
40857
40863
|
};
|
|
@@ -41083,7 +41089,7 @@
|
|
|
41083
41089
|
var apiUrl = getBaseProps(props, TAG_ROOT).apiUrl;
|
|
41084
41090
|
var sourceUuid = props[ATTR_SOURCE_UUID];
|
|
41085
41091
|
var targetType = props[ATTR_TARGET_TYPE];
|
|
41086
|
-
var targetUuids =
|
|
41092
|
+
var targetUuids = props[ATTR_TARGET_UUIDS];
|
|
41087
41093
|
var rankingItems = useRankingApi(apiUrl, sourceUuid, targetType, targetUuids).rankingItems;
|
|
41088
41094
|
var ref = _();
|
|
41089
41095
|
h$1(function () {
|
|
@@ -41107,15 +41113,6 @@
|
|
|
41107
41113
|
excludeFonts: true
|
|
41108
41114
|
}, v$2("slot", null));
|
|
41109
41115
|
}
|
|
41110
|
-
/**
|
|
41111
|
-
* Takes a string containing a space-separated list of ids and transforms it into an array of (string) ids.
|
|
41112
|
-
* @param spaceSeparatedtargetUuids
|
|
41113
|
-
*/
|
|
41114
|
-
function parseTargetUuids(spaceSeparatedtargetUuids) {
|
|
41115
|
-
var trimmed = spaceSeparatedtargetUuids === null || spaceSeparatedtargetUuids === void 0 ? void 0 : spaceSeparatedtargetUuids.trim();
|
|
41116
|
-
// don't split an empty string (which weirdly creates an array with one empty string element)
|
|
41117
|
-
return trimmed ? trimmed.split(" ") : undefined;
|
|
41118
|
-
}
|
|
41119
41116
|
|
|
41120
41117
|
var wellKnownSymbol$2 = wellKnownSymbol$9;
|
|
41121
41118
|
var create$1 = objectCreate;
|
|
@@ -41163,7 +41160,7 @@
|
|
|
41163
41160
|
// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
|
|
41164
41161
|
addToUnscopables$1(FIND);
|
|
41165
41162
|
|
|
41166
|
-
var css_248z$o = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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}";
|
|
41163
|
+
var css_248z$o = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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}";
|
|
41167
41164
|
styleInject(css_248z$o);
|
|
41168
41165
|
|
|
41169
41166
|
function getRoot(ref) {
|
|
@@ -41245,13 +41242,13 @@
|
|
|
41245
41242
|
}, rankingItem.summaryText))));
|
|
41246
41243
|
}
|
|
41247
41244
|
|
|
41248
|
-
var css_248z$n = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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: column;\n align-items: center;\n justify-content: flex-start;\n padding: 0 4.5rem 0 4.5rem;\n margin-bottom: 0.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 margin-bottom: 0.5rem;\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 padding-top: 1rem;\n width: 65%;\n min-height: 8rem;\n margin: auto;\n background-color: #fcf8e5;\n width: 100%;\n}\n\n.x-utu-feedback-form-video-stars {\n display: flex;\n flex-direction: row;\n width: 100%;\n}";
|
|
41245
|
+
var css_248z$n = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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: column;\n align-items: center;\n justify-content: flex-start;\n padding: 0 4.5rem 0 4.5rem;\n margin-bottom: 0.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 margin-bottom: 0.5rem;\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 padding-top: 1rem;\n width: 65%;\n min-height: 8rem;\n margin: auto;\n background-color: #fcf8e5;\n width: 100%;\n}\n\n.x-utu-feedback-form-video-stars {\n display: flex;\n flex-direction: row;\n width: 100%;\n}";
|
|
41249
41246
|
styleInject(css_248z$n);
|
|
41250
41247
|
|
|
41251
|
-
var css_248z$m = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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 /* width */\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.x-utu-badge-section-container {\n padding-top: 1rem;\n}\n.x-utu-badge-section > div {\n padding: 1rem;\n}\n.x-utu-badge-section::-webkit-scrollbar {\n width: 10px;\n height: 8px;\n}\n.x-utu-badge-section::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 10px;\n}\n.x-utu-badge-section::-webkit-scrollbar-thumb {\n background: rgb(252, 229, 70);\n border-radius: 10px;\n}\n.x-utu-badge-section::-webkit-scrollbar-thumb:hover {\n background: #555;\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}";
|
|
41248
|
+
var css_248z$m = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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 /* width */\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.x-utu-badge-section-container {\n padding-top: 1rem;\n}\n.x-utu-badge-section > div {\n padding: 1rem;\n}\n.x-utu-badge-section::-webkit-scrollbar {\n width: 10px;\n height: 8px;\n}\n.x-utu-badge-section::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 10px;\n}\n.x-utu-badge-section::-webkit-scrollbar-thumb {\n background: rgb(252, 229, 70);\n border-radius: 10px;\n}\n.x-utu-badge-section::-webkit-scrollbar-thumb:hover {\n background: #555;\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}";
|
|
41252
41249
|
styleInject(css_248z$m);
|
|
41253
41250
|
|
|
41254
|
-
var css_248z$l = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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}";
|
|
41251
|
+
var css_248z$l = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\n}";
|
|
41255
41252
|
styleInject(css_248z$l);
|
|
41256
41253
|
|
|
41257
41254
|
/* eslint max-len: 0 */
|
|
@@ -44299,7 +44296,7 @@
|
|
|
44299
44296
|
return _formControl.current;
|
|
44300
44297
|
}
|
|
44301
44298
|
|
|
44302
|
-
var css_248z$k = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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}";
|
|
44299
|
+
var css_248z$k = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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}";
|
|
44303
44300
|
styleInject(css_248z$k);
|
|
44304
44301
|
|
|
44305
44302
|
var minLength = 5;
|
|
@@ -45417,10 +45414,10 @@
|
|
|
45417
45414
|
}
|
|
45418
45415
|
];
|
|
45419
45416
|
|
|
45420
|
-
var css_248z$j = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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-section {\n padding: 1rem;\n}\n.endor-input-form-text-area {\n color: #000000;\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 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}";
|
|
45417
|
+
var css_248z$j = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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-section {\n padding: 1rem;\n}\n.endor-input-form-text-area {\n color: #000000;\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 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}";
|
|
45421
45418
|
styleInject(css_248z$j);
|
|
45422
45419
|
|
|
45423
|
-
var css_248z$i = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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}";
|
|
45420
|
+
var css_248z$i = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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}";
|
|
45424
45421
|
styleInject(css_248z$i);
|
|
45425
45422
|
|
|
45426
45423
|
var css_248z$h = ".x-utu-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}";
|
|
@@ -47108,7 +47105,7 @@
|
|
|
47108
47105
|
};
|
|
47109
47106
|
var _default = reactStars.default = ReactStars;
|
|
47110
47107
|
|
|
47111
|
-
var css_248z$g = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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}";
|
|
47108
|
+
var css_248z$g = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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}";
|
|
47112
47109
|
styleInject(css_248z$g);
|
|
47113
47110
|
|
|
47114
47111
|
/* eslint-disable no-nested-ternary */
|
|
@@ -47155,7 +47152,7 @@
|
|
|
47155
47152
|
}, starRatings, " / 5.0"));
|
|
47156
47153
|
}
|
|
47157
47154
|
|
|
47158
|
-
var css_248z$f = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-success, .submit-error {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.logo-position-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n position: absolute;\n object-fit: cover;\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-container {\n width: 25rem;\n height: 40rem;\n position: relative;\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 background-color: #fcf8e5;\n overflow: hidden;\n align-items: center;\n padding: 2rem;\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, -30%);\n border-radius: 10px;\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: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.3rem;\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-pause {\n border-color: transparent;\n transition: 0.3s;\n margin: auto;\n margin-left: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.4rem;\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-pause:before {\n content: \"\\f04b\";\n}\n.trust-video-pause.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-pause-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.6rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\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.6rem;\n width: 5em;\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: 1280px) {\n .trust-video-play {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-pause {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-controls {\n height: 10em;\n }\n}\n@media only screen and (max-width: 526px) {\n .trust-video-play {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-pause {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-volume {\n width: 2em;\n height: 2em;\n padding: 0.4rem;\n }\n .trust-video-fullscreen {\n width: 3em;\n padding: 0.4rem;\n }\n .trust-video-controls {\n transform: translate(0, -100%);\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 min-height: 60%;\n max-height: 60%;\n background-color: #fcf8e5;\n border-bottom-left-radius: 2%;\n border-bottom-right-radius: 2%;\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 background-color: #fcf8e5;\n width: 65%;\n margin: 0% auto 0;\n border-bottom-left-radius: 2%;\n border-bottom-right-radius: 2%;\n }\n}\n@media only screen and (max-width: 768px) {\n .x-utu-video-screen-recording {\n background-color: #fcf8e5;\n height: 100%;\n }\n}";
|
|
47155
|
+
var css_248z$f = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\n}\n\n.x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-success, .submit-error {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.logo-position-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\n}\n\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n position: absolute;\n object-fit: cover;\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-container {\n width: 25rem;\n height: 40rem;\n position: relative;\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 background-color: #fcf8e5;\n overflow: hidden;\n align-items: center;\n padding: 2rem;\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, -30%);\n border-radius: 10px;\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: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.3rem;\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-pause {\n border-color: transparent;\n transition: 0.3s;\n margin: auto;\n margin-left: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.4rem;\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-pause:before {\n content: \"\\f04b\";\n}\n.trust-video-pause.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-pause-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.6rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\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.6rem;\n width: 5em;\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: 1280px) {\n .trust-video-play {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-pause {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-controls {\n height: 10em;\n }\n}\n@media only screen and (max-width: 526px) {\n .trust-video-play {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-pause {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-volume {\n width: 2em;\n height: 2em;\n padding: 0.4rem;\n }\n .trust-video-fullscreen {\n width: 3em;\n padding: 0.4rem;\n }\n .trust-video-controls {\n transform: translate(0, -100%);\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 min-height: 60%;\n max-height: 60%;\n background-color: #fcf8e5;\n border-bottom-left-radius: 2%;\n border-bottom-right-radius: 2%;\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 background-color: #fcf8e5;\n width: 65%;\n margin: 0% auto 0;\n border-bottom-left-radius: 2%;\n border-bottom-right-radius: 2%;\n }\n}\n@media only screen and (max-width: 768px) {\n .x-utu-video-screen-recording {\n background-color: #fcf8e5;\n height: 100%;\n }\n}";
|
|
47159
47156
|
styleInject(css_248z$f);
|
|
47160
47157
|
|
|
47161
47158
|
/* eslint max-len: 0 */
|
|
@@ -47208,6 +47205,21 @@
|
|
|
47208
47205
|
}
|
|
47209
47206
|
|
|
47210
47207
|
function FeedbackForm(props) {
|
|
47208
|
+
var targetType = props[ATTR_TARGET_TYPE];
|
|
47209
|
+
var targetUuid = props[ATTR_TARGET_UUID];
|
|
47210
|
+
var targetHumanReadable = props[ATTR_TARGET_HUMAN_READABLE];
|
|
47211
|
+
var getTargetHumanReadableToDisplay = function getTargetHumanReadableToDisplay() {
|
|
47212
|
+
var targetHumanReadableToReturn;
|
|
47213
|
+
switch (targetType) {
|
|
47214
|
+
case 'address':
|
|
47215
|
+
targetHumanReadableToReturn = targetUuid;
|
|
47216
|
+
break;
|
|
47217
|
+
default:
|
|
47218
|
+
targetHumanReadableToReturn = targetHumanReadable;
|
|
47219
|
+
}
|
|
47220
|
+
return targetHumanReadableToReturn;
|
|
47221
|
+
};
|
|
47222
|
+
var targetHumanReadableToDisplay = getTargetHumanReadableToDisplay();
|
|
47211
47223
|
// environments
|
|
47212
47224
|
var _a = p(false),
|
|
47213
47225
|
isDark = _a[0],
|
|
@@ -47221,7 +47233,9 @@
|
|
|
47221
47233
|
className: "utu-feedback-form"
|
|
47222
47234
|
}, v$2("div", {
|
|
47223
47235
|
className: "mobile-view"
|
|
47224
|
-
}, v$2(
|
|
47236
|
+
}, targetType ? v$2("div", {
|
|
47237
|
+
className: "target-human-readable"
|
|
47238
|
+
}, "Signal Type: ", targetType, " ( ", targetHumanReadableToDisplay, " )") : '', v$2(RecordVideo, __assign({}, props, {
|
|
47225
47239
|
setVideoVisibility: props.setVideoVisibility
|
|
47226
47240
|
})), v$2(StarRatingInput, __assign({}, props)), v$2(Badges, __assign({}, props)), v$2(FeedbackTextInput, __assign({}, props)), v$2(EndorsementForm, __assign({}, props)), v$2("section", {
|
|
47227
47241
|
className: "logo-section-mobile"
|
|
@@ -47231,7 +47245,9 @@
|
|
|
47231
47245
|
className: "desktop-view"
|
|
47232
47246
|
}, v$2("div", {
|
|
47233
47247
|
className: "desktop-view-block-1 desktop-view-block-1-" + (isDark ? "dark" : "light")
|
|
47234
|
-
}, v$2("div", {
|
|
47248
|
+
}, targetType ? v$2("div", {
|
|
47249
|
+
className: "target-human-readable"
|
|
47250
|
+
}, "Signal Type: ", targetType, " ( ", targetHumanReadableToDisplay, " )") : '', v$2("div", {
|
|
47235
47251
|
className: "x-utu-feedback-form-video-stars"
|
|
47236
47252
|
}, v$2(RecordVideo, __assign({}, props, {
|
|
47237
47253
|
setVideoVisibility: props.setVideoVisibility
|
|
@@ -47250,7 +47266,7 @@
|
|
|
47250
47266
|
}, v$2(Logo, null)))));
|
|
47251
47267
|
}
|
|
47252
47268
|
|
|
47253
|
-
var css_248z$e = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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: 2%;\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}";
|
|
47269
|
+
var css_248z$e = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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: 2%;\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}";
|
|
47254
47270
|
styleInject(css_248z$e);
|
|
47255
47271
|
|
|
47256
47272
|
/* eslint-disable no-nested-ternary */
|
|
@@ -47289,7 +47305,7 @@
|
|
|
47289
47305
|
|
|
47290
47306
|
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}();
|
|
47291
47307
|
|
|
47292
|
-
var css_248z$d = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n position: absolute;\n object-fit: cover;\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-container {\n width: 25rem;\n height: 40rem;\n position: relative;\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 background-color: #fcf8e5;\n overflow: hidden;\n align-items: center;\n padding: 2rem;\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, -30%);\n border-radius: 10px;\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: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.3rem;\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-pause {\n border-color: transparent;\n transition: 0.3s;\n margin: auto;\n margin-left: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.4rem;\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-pause:before {\n content: \"\\f04b\";\n}\n.trust-video-pause.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-pause-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.6rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\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.6rem;\n width: 5em;\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: 1280px) {\n .trust-video-play {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-pause {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-controls {\n height: 10em;\n }\n}\n@media only screen and (max-width: 526px) {\n .trust-video-play {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-pause {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-volume {\n width: 2em;\n height: 2em;\n padding: 0.4rem;\n }\n .trust-video-fullscreen {\n width: 3em;\n padding: 0.4rem;\n }\n .trust-video-controls {\n transform: translate(0, -100%);\n }\n}";
|
|
47308
|
+
var css_248z$d = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\n}\n\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n position: absolute;\n object-fit: cover;\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-container {\n width: 25rem;\n height: 40rem;\n position: relative;\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 background-color: #fcf8e5;\n overflow: hidden;\n align-items: center;\n padding: 2rem;\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, -30%);\n border-radius: 10px;\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: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.3rem;\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-pause {\n border-color: transparent;\n transition: 0.3s;\n margin: auto;\n margin-left: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.4rem;\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-pause:before {\n content: \"\\f04b\";\n}\n.trust-video-pause.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-pause-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.6rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\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.6rem;\n width: 5em;\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: 1280px) {\n .trust-video-play {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-pause {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-controls {\n height: 10em;\n }\n}\n@media only screen and (max-width: 526px) {\n .trust-video-play {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-pause {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-volume {\n width: 2em;\n height: 2em;\n padding: 0.4rem;\n }\n .trust-video-fullscreen {\n width: 3em;\n padding: 0.4rem;\n }\n .trust-video-controls {\n transform: translate(0, -100%);\n }\n}";
|
|
47293
47309
|
styleInject(css_248z$d);
|
|
47294
47310
|
|
|
47295
47311
|
/* eslint max-len: 0 */
|
|
@@ -47804,7 +47820,7 @@
|
|
|
47804
47820
|
}, v$2(Recorder, __assign({}, props))));
|
|
47805
47821
|
}
|
|
47806
47822
|
|
|
47807
|
-
var css_248z$c = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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}";
|
|
47823
|
+
var css_248z$c = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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}";
|
|
47808
47824
|
styleInject(css_248z$c);
|
|
47809
47825
|
|
|
47810
47826
|
function Header() {
|
|
@@ -47817,7 +47833,7 @@
|
|
|
47817
47833
|
}, " Feedback From Your Network ")));
|
|
47818
47834
|
}
|
|
47819
47835
|
|
|
47820
|
-
var css_248z$b = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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}";
|
|
47836
|
+
var css_248z$b = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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}";
|
|
47821
47837
|
styleInject(css_248z$b);
|
|
47822
47838
|
|
|
47823
47839
|
function UtuAppSocialLink(props) {
|
|
@@ -47850,7 +47866,7 @@
|
|
|
47850
47866
|
}, "Connect to earn"))));
|
|
47851
47867
|
}
|
|
47852
47868
|
|
|
47853
|
-
var css_248z$a = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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}";
|
|
47869
|
+
var css_248z$a = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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}";
|
|
47854
47870
|
styleInject(css_248z$a);
|
|
47855
47871
|
|
|
47856
47872
|
function WalletConnect() {
|
|
@@ -47893,7 +47909,7 @@
|
|
|
47893
47909
|
}, "Connect Wallet"))));
|
|
47894
47910
|
}
|
|
47895
47911
|
|
|
47896
|
-
var css_248z$9 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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}";
|
|
47912
|
+
var css_248z$9 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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}";
|
|
47897
47913
|
styleInject(css_248z$9);
|
|
47898
47914
|
|
|
47899
47915
|
function DisconnectWallet() {
|
|
@@ -47943,7 +47959,7 @@
|
|
|
47943
47959
|
}, "Disconnect Wallet"))));
|
|
47944
47960
|
}
|
|
47945
47961
|
|
|
47946
|
-
var css_248z$8 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n position: absolute;\n object-fit: cover;\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-container {\n width: 25rem;\n height: 40rem;\n position: relative;\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 background-color: #fcf8e5;\n overflow: hidden;\n align-items: center;\n padding: 2rem;\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, -30%);\n border-radius: 10px;\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: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.3rem;\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-pause {\n border-color: transparent;\n transition: 0.3s;\n margin: auto;\n margin-left: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.4rem;\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-pause:before {\n content: \"\\f04b\";\n}\n.trust-video-pause.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-pause-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.6rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\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.6rem;\n width: 5em;\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: 1280px) {\n .trust-video-play {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-pause {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-controls {\n height: 10em;\n }\n}\n@media only screen and (max-width: 526px) {\n .trust-video-play {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-pause {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-volume {\n width: 2em;\n height: 2em;\n padding: 0.4rem;\n }\n .trust-video-fullscreen {\n width: 3em;\n padding: 0.4rem;\n }\n .trust-video-controls {\n transform: translate(0, -100%);\n }\n}\n.x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-success, .submit-error {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.logo-position-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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 padding: 0 2rem;\n flex-direction: column;\n margin-bottom: 5rem;\n }\n .desktop-view-video-stars {\n width: 100%;\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 padding: 0;\n flex-direction: row;\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: 50%;\n margin: auto;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0 1rem;\n justify-content: start;\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: 50%;\n margin: 0;\n display: flex;\n flex-direction: column;\n padding: 0 1rem;\n justify-content: start;\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}";
|
|
47962
|
+
var css_248z$8 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\n}\n\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n position: absolute;\n object-fit: cover;\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-container {\n width: 25rem;\n height: 40rem;\n position: relative;\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 background-color: #fcf8e5;\n overflow: hidden;\n align-items: center;\n padding: 2rem;\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, -30%);\n border-radius: 10px;\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: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.3rem;\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-pause {\n border-color: transparent;\n transition: 0.3s;\n margin: auto;\n margin-left: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.4rem;\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-pause:before {\n content: \"\\f04b\";\n}\n.trust-video-pause.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-pause-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.6rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\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.6rem;\n width: 5em;\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: 1280px) {\n .trust-video-play {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-pause {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-controls {\n height: 10em;\n }\n}\n@media only screen and (max-width: 526px) {\n .trust-video-play {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-pause {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-volume {\n width: 2em;\n height: 2em;\n padding: 0.4rem;\n }\n .trust-video-fullscreen {\n width: 3em;\n padding: 0.4rem;\n }\n .trust-video-controls {\n transform: translate(0, -100%);\n }\n}\n.x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-success, .submit-error {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.logo-position-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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 padding: 0 2rem;\n flex-direction: column;\n margin-bottom: 5rem;\n }\n .desktop-view-video-stars {\n width: 100%;\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 padding: 0;\n flex-direction: row;\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: 50%;\n margin: auto;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0 1rem;\n justify-content: start;\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: 50%;\n margin: 0;\n display: flex;\n flex-direction: column;\n padding: 0 1rem;\n justify-content: start;\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}";
|
|
47947
47963
|
styleInject(css_248z$8);
|
|
47948
47964
|
|
|
47949
47965
|
var toPropertyKey = toPropertyKey$3;
|
|
@@ -48003,7 +48019,7 @@
|
|
|
48003
48019
|
}
|
|
48004
48020
|
});
|
|
48005
48021
|
|
|
48006
|
-
var css_248z$7 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.endor-text-section {\n width: 50%;\n}\n\n.endor-title {\n display: flex;\n justify-self: center;\n text-align: center;\n}\n.endor-avatar {\n width: 2rem;\n}\n.endor-text {\n justify-content: space-around;\n padding-left: 3rem;\n padding-right: 0;\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-text-input-section {\n width: 100%;\n }\n .endor-title {\n display: flex;\n justify-self: center;\n text-align: center;\n }\n .endor-text {\n padding-left: 0;\n }\n .endor-text-section {\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}";
|
|
48022
|
+
var css_248z$7 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\n}\n\n.endor-text-section {\n width: 50%;\n}\n\n.endor-title {\n display: flex;\n justify-self: center;\n text-align: center;\n}\n.endor-avatar {\n width: 2rem;\n}\n.endor-text {\n justify-content: space-around;\n padding-left: 3rem;\n padding-right: 0;\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-text-input-section {\n width: 100%;\n }\n .endor-title {\n display: flex;\n justify-self: center;\n text-align: center;\n }\n .endor-text {\n padding-left: 0;\n }\n .endor-text-section {\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}";
|
|
48007
48023
|
styleInject(css_248z$7);
|
|
48008
48024
|
|
|
48009
48025
|
var css_248z$6 = "";
|
|
@@ -57714,7 +57730,7 @@
|
|
|
57714
57730
|
root._=_;}}).call(commonjsGlobal);
|
|
57715
57731
|
} (lodash, lodashExports));
|
|
57716
57732
|
|
|
57717
|
-
var css_248z$4 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.placeholder-avatar {\n width: 4rem;\n}\n\n.review-card-no-data {\n display: flex;\n overflow-x: scroll;\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: start;\n margin-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: start;\n padding-right: 0;\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::-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 width: 5rem;\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: start;\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: 100%;\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}";
|
|
57733
|
+
var css_248z$4 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\n}\n\n.placeholder-avatar {\n width: 4rem;\n}\n\n.review-card-no-data {\n display: flex;\n overflow-x: scroll;\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: start;\n margin-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: start;\n padding-right: 0;\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::-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 width: 5rem;\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: start;\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: 100%;\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}";
|
|
57718
57734
|
styleInject(css_248z$4);
|
|
57719
57735
|
|
|
57720
57736
|
function BadgesShow$1(props) {
|
|
@@ -57838,7 +57854,7 @@
|
|
|
57838
57854
|
}))));
|
|
57839
57855
|
}
|
|
57840
57856
|
|
|
57841
|
-
var css_248z$2 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n position: absolute;\n object-fit: cover;\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-container {\n width: 25rem;\n height: 40rem;\n position: relative;\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 background-color: #fcf8e5;\n overflow: hidden;\n align-items: center;\n padding: 2rem;\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, -30%);\n border-radius: 10px;\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: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.3rem;\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-pause {\n border-color: transparent;\n transition: 0.3s;\n margin: auto;\n margin-left: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.4rem;\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-pause:before {\n content: \"\\f04b\";\n}\n.trust-video-pause.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-pause-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.6rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\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.6rem;\n width: 5em;\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: 1280px) {\n .trust-video-play {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-pause {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-controls {\n height: 10em;\n }\n}\n@media only screen and (max-width: 526px) {\n .trust-video-play {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-pause {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-volume {\n width: 2em;\n height: 2em;\n padding: 0.4rem;\n }\n .trust-video-fullscreen {\n width: 3em;\n padding: 0.4rem;\n }\n .trust-video-controls {\n transform: translate(0, -100%);\n }\n}\n.x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-success, .submit-error {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.logo-position-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\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-left: -0.5rem;\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}\n.avatar-img-top-video-profile {\n display: flex;\n align-items: center;\n justify-content: center;\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: 0;\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.x-utu-profile-video-placeholder {\n display: flex;\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-profile {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .avatar-img-top-video-container {\n width: 100%;\n flex-direction: column;\n align-items: center;\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-left: 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}";
|
|
57857
|
+
var css_248z$2 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\n}\n\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n position: absolute;\n object-fit: cover;\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-container {\n width: 25rem;\n height: 40rem;\n position: relative;\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 background-color: #fcf8e5;\n overflow: hidden;\n align-items: center;\n padding: 2rem;\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, -30%);\n border-radius: 10px;\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: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.3rem;\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-pause {\n border-color: transparent;\n transition: 0.3s;\n margin: auto;\n margin-left: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.4rem;\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-pause:before {\n content: \"\\f04b\";\n}\n.trust-video-pause.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-pause-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.6rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\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.6rem;\n width: 5em;\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: 1280px) {\n .trust-video-play {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-pause {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-controls {\n height: 10em;\n }\n}\n@media only screen and (max-width: 526px) {\n .trust-video-play {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-pause {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-volume {\n width: 2em;\n height: 2em;\n padding: 0.4rem;\n }\n .trust-video-fullscreen {\n width: 3em;\n padding: 0.4rem;\n }\n .trust-video-controls {\n transform: translate(0, -100%);\n }\n}\n.x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-success, .submit-error {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.logo-position-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\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-left: -0.5rem;\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}\n.avatar-img-top-video-profile {\n display: flex;\n align-items: center;\n justify-content: center;\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: 0;\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.x-utu-profile-video-placeholder {\n display: flex;\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-profile {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .avatar-img-top-video-container {\n width: 65%;\n flex-direction: column;\n align-items: center;\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-left: 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}";
|
|
57842
57858
|
styleInject(css_248z$2);
|
|
57843
57859
|
|
|
57844
57860
|
// component for everything inclusing profile images, video or undefined
|
|
@@ -57949,7 +57965,7 @@
|
|
|
57949
57965
|
}, profileText || "no video reviews available", " ")))))));
|
|
57950
57966
|
}
|
|
57951
57967
|
|
|
57952
|
-
var css_248z$1 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.video-avatar {\n width: 3rem;\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}\n.review-section-no-data {\n justify-content: center;\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: 100%;\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 border-radius: 10px;\n}\n.review-card-section {\n display: flex;\n overflow-x: scroll;\n /* width */\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.review-card-section::-webkit-scrollbar {\n width: 10px;\n height: 8px;\n}\n.review-card-section::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 10px;\n}\n.review-card-section::-webkit-scrollbar-thumb {\n background: rgb(252, 229, 70);\n border-radius: 10px;\n}\n.review-card-section::-webkit-scrollbar-thumb:hover {\n background: #555;\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: center;\n }\n}\n@media only screen and (min-width: 1481px) {\n .review-section {\n width: 100%;\n display: flex;\n white-space: nowrap;\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: 0;\n padding-bottom: 0;\n display: flex;\n justify-content: center;\n max-width: 100%;\n word-wrap: break-word !important;\n }\n}";
|
|
57968
|
+
var css_248z$1 = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\n}\n\n.video-avatar {\n width: 3rem;\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}\n.review-section-no-data {\n justify-content: center;\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: 100%;\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 border-radius: 10px;\n}\n.review-card-section {\n display: flex;\n overflow-x: scroll;\n /* width */\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.review-card-section::-webkit-scrollbar {\n width: 10px;\n height: 8px;\n}\n.review-card-section::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 10px;\n}\n.review-card-section::-webkit-scrollbar-thumb {\n background: rgb(252, 229, 70);\n border-radius: 10px;\n}\n.review-card-section::-webkit-scrollbar-thumb:hover {\n background: #555;\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: center;\n }\n}\n@media only screen and (min-width: 1481px) {\n .review-section {\n width: 100%;\n display: flex;\n white-space: nowrap;\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: 0;\n padding-bottom: 0;\n display: flex;\n justify-content: center;\n max-width: 100%;\n word-wrap: break-word !important;\n }\n}";
|
|
57953
57969
|
styleInject(css_248z$1);
|
|
57954
57970
|
|
|
57955
57971
|
function BadgesShow(props) {
|
|
@@ -58025,8 +58041,22 @@
|
|
|
58025
58041
|
setIsDark(true);
|
|
58026
58042
|
}
|
|
58027
58043
|
var apiUrl = getBaseProps(props, TAG_FEEDBACK_DETAILS_POPUP).apiUrl;
|
|
58044
|
+
var targetType = props[ATTR_TARGET_TYPE];
|
|
58045
|
+
var targetHumanReadable = props[ATTR_TARGET_HUMAN_READABLE];
|
|
58028
58046
|
var sourceUuid = props[ATTR_SOURCE_UUID];
|
|
58029
58047
|
var targetUuid = props[ATTR_TARGET_UUID];
|
|
58048
|
+
var getTargetHumanReadableToDisplay = function getTargetHumanReadableToDisplay() {
|
|
58049
|
+
var targetHumanReadableToReturn;
|
|
58050
|
+
switch (targetType) {
|
|
58051
|
+
case 'address':
|
|
58052
|
+
targetHumanReadableToReturn = targetUuid;
|
|
58053
|
+
break;
|
|
58054
|
+
default:
|
|
58055
|
+
targetHumanReadableToReturn = targetHumanReadable;
|
|
58056
|
+
}
|
|
58057
|
+
return targetHumanReadableToReturn;
|
|
58058
|
+
};
|
|
58059
|
+
var targetHumanReadableToDisplay = getTargetHumanReadableToDisplay();
|
|
58030
58060
|
var _b = useFeedbackSummaryApi(apiUrl, sourceUuid, targetUuid),
|
|
58031
58061
|
feedbackSummary = _b.feedbackSummary,
|
|
58032
58062
|
submitStatus = _b.submitStatus;
|
|
@@ -58035,7 +58065,9 @@
|
|
|
58035
58065
|
className: "utu-feedback-details"
|
|
58036
58066
|
}, v$2("div", {
|
|
58037
58067
|
className: "mobile-view"
|
|
58038
|
-
}, v$2(
|
|
58068
|
+
}, targetType ? v$2("div", {
|
|
58069
|
+
className: "target-human-readable"
|
|
58070
|
+
}, "Signal Type: ", targetType, " ( ", targetHumanReadableToDisplay, " )") : '', v$2(VideoShow, __assign({}, props, {
|
|
58039
58071
|
feedbackSummary: feedbackSummary,
|
|
58040
58072
|
submitStatus: submitStatus,
|
|
58041
58073
|
setVideoVisibility: props.setVideoVisibility
|
|
@@ -58061,7 +58093,9 @@
|
|
|
58061
58093
|
className: "desktop-view-block-1 desktop-view-block-1-" + (isDark ? "dark" : "light")
|
|
58062
58094
|
}, v$2("div", {
|
|
58063
58095
|
className: "desktop-view-video-stars"
|
|
58064
|
-
}, v$2(
|
|
58096
|
+
}, targetType ? v$2("div", {
|
|
58097
|
+
className: "target-human-readable"
|
|
58098
|
+
}, "Signal Type: ", targetType, " ( ", targetHumanReadableToDisplay, " )") : '', v$2(VideoShow, __assign({}, props, {
|
|
58065
58099
|
feedbackSummary: feedbackSummary,
|
|
58066
58100
|
submitStatus: submitStatus,
|
|
58067
58101
|
setVideoVisibility: props.setVideoVisibility
|
|
@@ -58082,7 +58116,7 @@
|
|
|
58082
58116
|
})))));
|
|
58083
58117
|
}
|
|
58084
58118
|
|
|
58085
|
-
var css_248z = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-success, .submit-error {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.logo-position-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n position: absolute;\n object-fit: cover;\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-container {\n width: 25rem;\n height: 40rem;\n position: relative;\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 background-color: #fcf8e5;\n overflow: hidden;\n align-items: center;\n padding: 2rem;\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, -30%);\n border-radius: 10px;\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: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.3rem;\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-pause {\n border-color: transparent;\n transition: 0.3s;\n margin: auto;\n margin-left: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.4rem;\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-pause:before {\n content: \"\\f04b\";\n}\n.trust-video-pause.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-pause-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.6rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\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.6rem;\n width: 5em;\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: 1280px) {\n .trust-video-play {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-pause {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-controls {\n height: 10em;\n }\n}\n@media only screen and (max-width: 526px) {\n .trust-video-play {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-pause {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-volume {\n width: 2em;\n height: 2em;\n padding: 0.4rem;\n }\n .trust-video-fullscreen {\n width: 3em;\n padding: 0.4rem;\n }\n .trust-video-controls {\n transform: translate(0, -100%);\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}\n\n.utu-feedback {\n position: relative;\n width: 100%;\n margin: auto;\n}\n\n/* ----------- Transition screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-feedback {\n width: 65%;\n }\n}\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 1481px) {\n .utu-feedback {\n width: 65%;\n }\n}";
|
|
58119
|
+
var css_248z = ".x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\n}\n\n.x-utu-h3 {\n text-transform: capitalize;\n font-weight: 500;\n font-size: 12px;\n}\n\n.x-utu-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.x-utu-spinner {\n margin: 5px;\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}\n\n.x-utu-spinner-default-size {\n width: 21px;\n height: 21px;\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-success, .submit-error {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-content: center;\n text-align: center;\n}\n.logo-position-form {\n position: absolute;\n bottom: 0.3rem;\n right: 22%;\n z-index: 0;\n}\n.logo-position-details {\n position: absolute;\n top: 1rem;\n left: 0;\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: -1.5rem;\n right: 4rem;\n z-index: 2;\n width: 0.5rem;\n}\n.logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 3%;\n}\n.logo-section {\n position: relative;\n}\n.logo-section-mobile {\n position: relative;\n}\n.logo-size {\n width: 5rem;\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.x-utu-video-icon {\n width: 2rem;\n height: 1.4rem;\n}\n.x-utu-video-icon-dark {\n fill: #000000;\n}\n.x-utu-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-section {\n position: relative;\n }\n .logo-section-mobile .logo-position-video {\n position: absolute;\n left: 5%;\n bottom: 5%;\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.x-utu-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.x-utu-description {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.x-utu-details {\n width: 70%;\n display: flex;\n flex-direction: column;\n margin: 5px 5px;\n}\n\n.x-utu-icon {\n width: 20%;\n min-height: 70px;\n border-radius: 4px;\n margin: 5px 0;\n}\n\n.x-utu-title {\n width: 100%;\n min-height: 28px;\n border-radius: 4px;\n margin-bottom: 5px;\n line-height: 28px;\n}\n\n.x-utu-information {\n min-height: 42px;\n border-radius: 4px;\n width: 100%;\n}\n\n.placeholder-card {\n width: 100%;\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 border-radius: 10px;\n}\n\n.placeholder-icon {\n width: 3rem;\n}\n\n.placeholder-text-title {\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\n.placeholder-text-body {\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\n.target-human-readable {\n padding: 0.5rem;\n text-align: left;\n font-size: 17px;\n text-align: left;\n color: black;\n font-family: sans-serif;\n font-weight: bold;\n}\n\n.video-msg {\n position: absolute;\n}\n\n.trust-video {\n border: none;\n position: absolute;\n object-fit: cover;\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-container {\n width: 25rem;\n height: 40rem;\n position: relative;\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 background-color: #fcf8e5;\n overflow: hidden;\n align-items: center;\n padding: 2rem;\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, -30%);\n border-radius: 10px;\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: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.3rem;\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-pause {\n border-color: transparent;\n transition: 0.3s;\n margin: auto;\n margin-left: 3rem;\n margin-right: 3rem;\n line-height: 1.5em;\n width: 4em;\n height: 4em;\n padding: 0.6rem;\n padding-right: 0.4rem;\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-pause:before {\n content: \"\\f04b\";\n}\n.trust-video-pause.paused:before {\n content: \"\\f04c\";\n}\n.trust-video-pause-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.6rem;\n border-radius: 20%;\n line-height: 1.5em;\n width: 3em;\n height: 3em;\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.6rem;\n width: 5em;\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: 1280px) {\n .trust-video-play {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-pause {\n margin-left: 5rem;\n margin-right: 5rem;\n }\n .trust-video-controls {\n height: 10em;\n }\n}\n@media only screen and (max-width: 526px) {\n .trust-video-play {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-pause {\n width: 3em;\n height: 3em;\n padding: 0.5rem;\n padding-right: 0.3rem;\n }\n .trust-video-volume {\n width: 2em;\n height: 2em;\n padding: 0.4rem;\n }\n .trust-video-fullscreen {\n width: 3em;\n padding: 0.4rem;\n }\n .trust-video-controls {\n transform: translate(0, -100%);\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}\n\n.utu-feedback {\n position: relative;\n width: 100%;\n margin: auto;\n}\n\n/* ----------- Transition screens ----------- */\n@media only screen and (min-width: 768px) {\n .utu-feedback {\n width: 65%;\n }\n}\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 1481px) {\n .utu-feedback {\n width: 65%;\n }\n}";
|
|
58086
58120
|
styleInject(css_248z);
|
|
58087
58121
|
|
|
58088
58122
|
// import Avatar from "../../screens/FeedbackDetails/Avatar";
|
|
@@ -58170,7 +58204,7 @@
|
|
|
58170
58204
|
register(Recommendation, TAG_RECOMMENDATION, [ATTR_TARGET_UUID], {
|
|
58171
58205
|
shadow: true
|
|
58172
58206
|
});
|
|
58173
|
-
register(FeedbackForm, TAG_FEEDBACK_FORM, [ATTR_API_URL, ATTR_SOURCE_UUID, ATTR_TARGET_UUID, ATTR_TRANSACTION_ID, ATTR_ENDORSEMENT_NETWORK], {
|
|
58207
|
+
register(FeedbackForm, TAG_FEEDBACK_FORM, [ATTR_API_URL, ATTR_SOURCE_UUID, ATTR_TARGET_UUID, ATTR_TARGET_TYPE, ATTR_TARGET_HUMAN_READABLE, ATTR_TRANSACTION_ID, ATTR_ENDORSEMENT_NETWORK], {
|
|
58174
58208
|
shadow: true
|
|
58175
58209
|
});
|
|
58176
58210
|
register(FeedbackFormPopup, TAG_FEEDBACK_FORM_POPUP, [ATTR_API_URL, ATTR_SOURCE_UUID, ATTR_TARGET_UUID, ATTR_TRANSACTION_ID, ATTR_ENDORSEMENT_NETWORK, ATTR_BTN_COLOR], {
|
|
@@ -58179,7 +58213,7 @@
|
|
|
58179
58213
|
register(FeedbackDetailsPopup, TAG_FEEDBACK_DETAILS_POPUP, [ATTR_API_URL, ATTR_BTN_COLOR, ATTR_SOURCE_UUID, ATTR_TARGET_UUID], {
|
|
58180
58214
|
shadow: true
|
|
58181
58215
|
});
|
|
58182
|
-
register(FeedbackDetails, TAG_FEEDBACK_DETAILS, [ATTR_API_URL, ATTR_SOURCE_UUID, ATTR_TARGET_UUID], {
|
|
58216
|
+
register(FeedbackDetails, TAG_FEEDBACK_DETAILS, [ATTR_API_URL, ATTR_SOURCE_UUID, ATTR_TARGET_UUID, ATTR_TARGET_TYPE, ATTR_TARGET_HUMAN_READABLE], {
|
|
58183
58217
|
shadow: true
|
|
58184
58218
|
});
|
|
58185
58219
|
|