@ututrust/web-components 2.0.9 → 2.0.10
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 +60 -92
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -39578,7 +39578,7 @@
|
|
|
39578
39578
|
// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
|
|
39579
39579
|
addToUnscopables$1(FIND);
|
|
39580
39580
|
|
|
39581
|
-
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:
|
|
39581
|
+
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}";
|
|
39582
39582
|
styleInject(css_248z$o);
|
|
39583
39583
|
|
|
39584
39584
|
function getRoot(ref) {
|
|
@@ -39665,13 +39665,13 @@
|
|
|
39665
39665
|
}, rankingItem.summaryText))));
|
|
39666
39666
|
}
|
|
39667
39667
|
|
|
39668
|
-
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:
|
|
39668
|
+
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}";
|
|
39669
39669
|
styleInject(css_248z$n);
|
|
39670
39670
|
|
|
39671
|
-
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:
|
|
39671
|
+
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}";
|
|
39672
39672
|
styleInject(css_248z$m);
|
|
39673
39673
|
|
|
39674
|
-
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:
|
|
39674
|
+
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}";
|
|
39675
39675
|
styleInject(css_248z$l);
|
|
39676
39676
|
|
|
39677
39677
|
/* eslint max-len: 0 */
|
|
@@ -42730,7 +42730,7 @@
|
|
|
42730
42730
|
return _formControl.current;
|
|
42731
42731
|
}
|
|
42732
42732
|
|
|
42733
|
-
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:
|
|
42733
|
+
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}";
|
|
42734
42734
|
styleInject(css_248z$k);
|
|
42735
42735
|
|
|
42736
42736
|
var minLength = 5;
|
|
@@ -43849,10 +43849,10 @@
|
|
|
43849
43849
|
}
|
|
43850
43850
|
];
|
|
43851
43851
|
|
|
43852
|
-
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: -1.1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -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: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.x-utu-text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: rgba(255, 221, 51, 0.1);\n}\n\n.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.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}";
|
|
43852
|
+
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}";
|
|
43853
43853
|
styleInject(css_248z$j);
|
|
43854
43854
|
|
|
43855
|
-
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:
|
|
43855
|
+
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}";
|
|
43856
43856
|
styleInject(css_248z$i);
|
|
43857
43857
|
|
|
43858
43858
|
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}";
|
|
@@ -45622,7 +45622,7 @@
|
|
|
45622
45622
|
};
|
|
45623
45623
|
var _default = reactStars.default = ReactStars;
|
|
45624
45624
|
|
|
45625
|
-
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:
|
|
45625
|
+
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}";
|
|
45626
45626
|
styleInject(css_248z$g);
|
|
45627
45627
|
|
|
45628
45628
|
function StarRatingInput(props) {
|
|
@@ -45673,7 +45673,7 @@
|
|
|
45673
45673
|
}, starRatings, " / 5.0"));
|
|
45674
45674
|
}
|
|
45675
45675
|
|
|
45676
|
-
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: -1.1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -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: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.x-utu-text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: rgba(255, 221, 51, 0.1);\n}\n\n.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.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: -1.1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -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: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.x-utu-text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: rgba(255, 221, 51, 0.1);\n}\n\n.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.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}";
|
|
45676
|
+
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}";
|
|
45677
45677
|
styleInject(css_248z$f);
|
|
45678
45678
|
|
|
45679
45679
|
function videoIcon$1() {
|
|
@@ -45772,7 +45772,7 @@
|
|
|
45772
45772
|
}, v$2(Logo, null)))));
|
|
45773
45773
|
}
|
|
45774
45774
|
|
|
45775
|
-
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:
|
|
45775
|
+
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}";
|
|
45776
45776
|
styleInject(css_248z$e);
|
|
45777
45777
|
|
|
45778
45778
|
function PopUp(_ref) {
|
|
@@ -45812,7 +45812,7 @@
|
|
|
45812
45812
|
|
|
45813
45813
|
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}();
|
|
45814
45814
|
|
|
45815
|
-
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: -1.1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -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: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.x-utu-text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: rgba(255, 221, 51, 0.1);\n}\n\n.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.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}";
|
|
45815
|
+
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}";
|
|
45816
45816
|
styleInject(css_248z$d);
|
|
45817
45817
|
|
|
45818
45818
|
function play() {
|
|
@@ -46370,7 +46370,7 @@
|
|
|
46370
46370
|
}, v$2(Recorder, props)));
|
|
46371
46371
|
}
|
|
46372
46372
|
|
|
46373
|
-
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:
|
|
46373
|
+
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}";
|
|
46374
46374
|
styleInject(css_248z$c);
|
|
46375
46375
|
|
|
46376
46376
|
function Header() {
|
|
@@ -46383,7 +46383,7 @@
|
|
|
46383
46383
|
}, " Feedback From Your Network ")));
|
|
46384
46384
|
}
|
|
46385
46385
|
|
|
46386
|
-
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:
|
|
46386
|
+
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}";
|
|
46387
46387
|
styleInject(css_248z$b);
|
|
46388
46388
|
|
|
46389
46389
|
function UtuAppSocialLink(props) {
|
|
@@ -46420,7 +46420,7 @@
|
|
|
46420
46420
|
}, "Connect to earn"))));
|
|
46421
46421
|
}
|
|
46422
46422
|
|
|
46423
|
-
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:
|
|
46423
|
+
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}";
|
|
46424
46424
|
styleInject(css_248z$a);
|
|
46425
46425
|
|
|
46426
46426
|
function WalletConnect() {
|
|
@@ -46469,7 +46469,7 @@
|
|
|
46469
46469
|
}, "Connect Wallet"))));
|
|
46470
46470
|
}
|
|
46471
46471
|
|
|
46472
|
-
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:
|
|
46472
|
+
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}";
|
|
46473
46473
|
styleInject(css_248z$9);
|
|
46474
46474
|
|
|
46475
46475
|
function DisconnectWallet() {
|
|
@@ -46530,7 +46530,7 @@
|
|
|
46530
46530
|
}, "Disconnect Wallet"))));
|
|
46531
46531
|
}
|
|
46532
46532
|
|
|
46533
|
-
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: -1.1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -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: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.x-utu-text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: rgba(255, 221, 51, 0.1);\n}\n\n.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.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: -1.1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -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: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.x-utu-text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: rgba(255, 221, 51, 0.1);\n}\n\n.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.utu-feedback-details {\n min-height: 30rem;\n width: 100%;\n margin: auto;\n background-color: #fcf8e5;\n display: flex;\n flex-direction: column;\n text-align: center;\n position: relative;\n z-index: 1;\n justify-content: start;\n border-bottom: 15px rgb(252, 229, 70) solid;\n}\n.utu-feedback-details-details {\n justify-content: start;\n max-height: 40rem;\n}\n.utu-feedback-details-video-popup {\n justify-content: center;\n max-height: 80rem;\n height: 43rem;\n}\n\n.mobile-view {\n visibility: visible;\n}\n\n.desktop-view {\n display: none;\n}\n\n/* ----------- Transition screen ----------- */\n@media only screen and (min-width: 768px) {\n .utu-feedback-details {\n width: 65%;\n border-bottom: 0;\n z-index: 1;\n align-items: center;\n margin-bottom: 10rem;\n }\n .mobile-view {\n display: none;\n }\n .desktop-view {\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-bottom: 5rem;\n }\n .desktop-view-video-stars {\n display: flex;\n flex-direction: column;\n }\n .desktop-view-block-1 {\n width: 100%;\n margin: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n }\n .desktop-view-block-1-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-1-light {\n background-color: #fcf8e5;\n }\n .desktop-view-block-2 {\n width: 100%;\n margin: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n }\n .desktop-view-block-2-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-2-light {\n background-color: #fcf8e5;\n }\n}\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 1481px) {\n .utu-feedback-details {\n border-bottom: 0;\n z-index: 1;\n align-items: center;\n width: 65%;\n }\n .mobile-view {\n display: none;\n }\n .desktop-view {\n display: flex;\n width: 100%;\n flex-direction: column;\n }\n .desktop-view-video-stars {\n display: flex;\n flex-direction: column;\n }\n .desktop-view-block-1 {\n min-height: 15rem;\n width: 100%;\n margin: auto;\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 0 1rem;\n justify-content: space-between;\n }\n .desktop-view-block-1-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-1-light {\n background-color: #fcf8e5;\n }\n .desktop-view-block-2 {\n min-height: 15rem;\n width: 100%;\n margin: auto;\n display: flex;\n flex-direction: row;\n padding: 2rem 1rem;\n justify-content: space-between;\n align-items: start;\n }\n .desktop-view-block-2-dark {\n background-color: #3d3d3c;\n }\n .desktop-view-block-2-light {\n background-color: #fcf8e5;\n }\n}";
|
|
46533
|
+
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}";
|
|
46534
46534
|
styleInject(css_248z$8);
|
|
46535
46535
|
|
|
46536
46536
|
var $$1 = _export;
|
|
@@ -46582,7 +46582,7 @@
|
|
|
46582
46582
|
}
|
|
46583
46583
|
});
|
|
46584
46584
|
|
|
46585
|
-
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:
|
|
46585
|
+
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}";
|
|
46586
46586
|
styleInject(css_248z$7);
|
|
46587
46587
|
|
|
46588
46588
|
var css_248z$6 = "";
|
|
@@ -46722,20 +46722,16 @@
|
|
|
46722
46722
|
}, v$2("section", {
|
|
46723
46723
|
className: "endor-text-section x-utu-section-".concat(envCondition)
|
|
46724
46724
|
}, !endorsements || false ? v$2("div", {
|
|
46725
|
-
className: "
|
|
46725
|
+
className: "placeholder-card"
|
|
46726
46726
|
}, v$2("div", {
|
|
46727
|
-
className: "
|
|
46728
|
-
}, v$2("div", {
|
|
46729
|
-
className: "ml-5 video-avatar rounded-circle"
|
|
46727
|
+
className: "placeholder-icon"
|
|
46730
46728
|
}, v$2(Stamp, props)), v$2("div", {
|
|
46731
|
-
className: "
|
|
46729
|
+
className: "placeholder-text-wrap"
|
|
46732
46730
|
}, v$2("div", {
|
|
46733
|
-
className: "
|
|
46731
|
+
className: "placeholder-text-title"
|
|
46734
46732
|
}, "No endorsements available"), v$2("div", {
|
|
46735
|
-
className: "
|
|
46736
|
-
}
|
|
46737
|
-
className: "review-text-cont review-text-".concat(envCondition)
|
|
46738
|
-
}, "when your people from your network endorse for this entity they will appear here")))) : displayEndorsements.map(function (i) {
|
|
46733
|
+
className: "placeholder-text-body"
|
|
46734
|
+
}, "when your people from your network endorse for this entity they will appear here."))) : displayEndorsements.map(function (i) {
|
|
46739
46735
|
var _i$endorsement;
|
|
46740
46736
|
return v$2("div", {
|
|
46741
46737
|
className: "endor-text endor-text-".concat(envCondition)
|
|
@@ -46777,20 +46773,16 @@
|
|
|
46777
46773
|
}, v$2(BaseComponent, {
|
|
46778
46774
|
style: css_248z$5
|
|
46779
46775
|
}, !((_props$feedbackSummar3 = props.feedbackSummary) !== null && _props$feedbackSummar3 !== void 0 && _props$feedbackSummar3.stars) || false ? v$2("div", {
|
|
46780
|
-
className: "
|
|
46781
|
-
}, v$2("div", {
|
|
46782
|
-
className: "review-card-group"
|
|
46776
|
+
className: "placeholder-card"
|
|
46783
46777
|
}, v$2("div", {
|
|
46784
|
-
className: "
|
|
46778
|
+
className: "placeholder-icon"
|
|
46785
46779
|
}, v$2(Star, props)), v$2("div", {
|
|
46786
|
-
className: "
|
|
46780
|
+
className: "placeholder-text-wrap"
|
|
46787
46781
|
}, v$2("div", {
|
|
46788
|
-
className: "
|
|
46789
|
-
}, "No star
|
|
46790
|
-
className: "
|
|
46791
|
-
}
|
|
46792
|
-
className: "review-text-cont review-text-".concat(envCondition)
|
|
46793
|
-
}, "when your people from your network leave star rating for this entity they will appear here")))) : v$2("section", {
|
|
46782
|
+
className: "placeholder-text-title"
|
|
46783
|
+
}, "No star ratings available"), v$2("div", {
|
|
46784
|
+
className: "placeholder-text-body"
|
|
46785
|
+
}, "when your people from your network leave star ratings for this entity they will appear here."))) : v$2("section", {
|
|
46794
46786
|
className: "stars-section x-utu-section-".concat(envCondition)
|
|
46795
46787
|
}, v$2("div", {
|
|
46796
46788
|
className: "stars-section-align"
|
|
@@ -56309,7 +56301,7 @@
|
|
|
56309
56301
|
root._=_;}}).call(commonjsGlobal);
|
|
56310
56302
|
} (lodash, lodashExports));
|
|
56311
56303
|
|
|
56312
|
-
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: -1.1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -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: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.x-utu-text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: rgba(255, 221, 51, 0.1);\n}\n\n.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-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: 2rem;\n padding-top: 1rem;\n}\n.badge-section-badges {\n display: flex;\n justify-content: center;\n white-space: nowrap;\n overflow-x: scroll;\n /* width */\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.badge-section-badges::-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: 50%;\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}";
|
|
56304
|
+
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}";
|
|
56313
56305
|
styleInject(css_248z$4);
|
|
56314
56306
|
|
|
56315
56307
|
function BadgesShow$1(props) {
|
|
@@ -56372,23 +56364,16 @@
|
|
|
56372
56364
|
});
|
|
56373
56365
|
});
|
|
56374
56366
|
var badgeGroupNoData = v$2("div", {
|
|
56375
|
-
className: "
|
|
56367
|
+
className: "placeholder-card"
|
|
56376
56368
|
}, v$2("div", {
|
|
56377
|
-
className: "
|
|
56378
|
-
}, v$2("div", {
|
|
56379
|
-
style: {
|
|
56380
|
-
Color: "red"
|
|
56381
|
-
},
|
|
56382
|
-
className: "ml-5 placeholder-avatar rounded-circle"
|
|
56369
|
+
className: "placeholder-icon"
|
|
56383
56370
|
}, v$2(NoBadgeLogo, props)), v$2("div", {
|
|
56384
|
-
className: "
|
|
56371
|
+
className: "placeholder-text-wrap"
|
|
56385
56372
|
}, v$2("div", {
|
|
56386
|
-
className: "
|
|
56373
|
+
className: "placeholder-text-title"
|
|
56387
56374
|
}, "No badges available"), v$2("div", {
|
|
56388
|
-
className: "
|
|
56389
|
-
}
|
|
56390
|
-
className: "review-text-cont review-text-".concat(envCondition)
|
|
56391
|
-
}, "when your people from your network leave badges reviews for this entity they will appear here"))));
|
|
56375
|
+
className: "placeholder-text-body"
|
|
56376
|
+
}, "when your people from your network leave badges for this entity they will appear here.")));
|
|
56392
56377
|
return v$2(FeedbackDetailsShimmerAnimation, {
|
|
56393
56378
|
submitStatus: props.submitStatus
|
|
56394
56379
|
}, v$2(BaseComponent, {
|
|
@@ -56443,7 +56428,7 @@
|
|
|
56443
56428
|
}))));
|
|
56444
56429
|
}
|
|
56445
56430
|
|
|
56446
|
-
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: -1.1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -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: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.x-utu-text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: rgba(255, 221, 51, 0.1);\n}\n\n.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.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: -1.1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -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: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.x-utu-text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: rgba(255, 221, 51, 0.1);\n}\n\n.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.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-text {\n margin-top: 1rem;\n}\n.avatar-img-top-video-container {\n display: flex;\n align-items: flex-start;\n padding-top: 1rem;\n padding-bottom: 1rem;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n flex-direction: column;\n}\n.avatar-img-top-details {\n display: flex;\n height: 4rem;\n border-radius: 50%;\n border: 4px solid rgb(252, 229, 70);\n margin-left: -0.6rem;\n align-items: center;\n padding-bottom: 0;\n}\n.avatar-img-top-details:not(:first-child) {\n margin-left: -15px;\n}\n.avatar-img-top-list-item {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n}\n.avatar-img-top-text {\n font-size: 0.8rem;\n text-align: left;\n width: 19rem;\n}\n.avatar-img-no-img {\n width: 6rem;\n border-radius: 50%;\n padding: 1.5rem;\n}\n.avatar-img-no-img-no-vid {\n padding: 5px !important;\n}\n.avatar-img-no-img-light {\n background-color: rgb(252, 229, 70);\n border: 4px solid rgb(252, 229, 70);\n}\n.avatar-img-no-img-dark {\n background-color: rgb(252, 229, 70);\n border: 4px solid rgb(252, 229, 70);\n}\n.avatar-img-no-video-dark {\n fill: #000000;\n}\n.avatar-img-no-video-light {\n fill: #000000;\n}\n\n.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-container {\n flex-direction: column;\n }\n}\n/* ----------- Large screens ----------- */\n@media only screen and (min-width: 1481px) {\n .utu-feedback {\n width: 20%;\n }\n .avatar {\n justify-content: start;\n }\n .avatar-img-top-video {\n padding-top: 0;\n align-items: start;\n justify-content: start;\n }\n .avatar-img-top-video-profile {\n display: flex;\n align-items: start;\n justify-content: start;\n width: 100%;\n }\n .avatar-img-top-video-container {\n flex-direction: column;\n }\n .avatar-img-top-video-text {\n text-align: start;\n }\n .avatar-no-img {\n margin-bottom: 1rem;\n margin-top: 0.5rem;\n }\n}";
|
|
56431
|
+
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}";
|
|
56447
56432
|
styleInject(css_248z$2);
|
|
56448
56433
|
|
|
56449
56434
|
var _excluded = ["url", "image", "showVideo"];
|
|
@@ -56536,26 +56521,17 @@
|
|
|
56536
56521
|
className: "avatar-img-top-video \n ".concat(profileUrl ? "x-utu-section-".concat(envCondition) : "")
|
|
56537
56522
|
}, v$2("div", {
|
|
56538
56523
|
className: "avatar-img-top-video-container"
|
|
56539
|
-
}, !videos || false || videos.length <= 0 ? v$2("
|
|
56540
|
-
className: "
|
|
56541
|
-
}, v$2("div", {
|
|
56542
|
-
className: "review-card-group"
|
|
56524
|
+
}, !videos || false || videos.length <= 0 ? v$2("div", {
|
|
56525
|
+
className: "placeholder-card"
|
|
56543
56526
|
}, v$2("div", {
|
|
56544
|
-
className: "
|
|
56527
|
+
className: "placeholder-icon"
|
|
56545
56528
|
}, v$2(NoVideoLogo, props)), v$2("div", {
|
|
56546
|
-
className: "
|
|
56529
|
+
className: "placeholder-text-wrap"
|
|
56547
56530
|
}, v$2("div", {
|
|
56548
|
-
className: "
|
|
56549
|
-
}, "No reviews available"), v$2("div", {
|
|
56550
|
-
className: "
|
|
56551
|
-
}), v$2("div", {
|
|
56552
|
-
className: "review-text-cont review-text-".concat(envCondition)
|
|
56553
|
-
}, "when your people from your network leave video reviews for this entity they will appear here"))))) : v$2("div", null, v$2("div", {
|
|
56554
|
-
style: {
|
|
56555
|
-
display: "flex",
|
|
56556
|
-
justifyContent: "center",
|
|
56557
|
-
margin: "auto"
|
|
56558
|
-
},
|
|
56531
|
+
className: "placeholder-text-title"
|
|
56532
|
+
}, "No video reviews available"), v$2("div", {
|
|
56533
|
+
className: "placeholder-text-body"
|
|
56534
|
+
}, "when your people from your network leave video reviews for this entity they will appear here."))) : v$2("div", null, v$2("div", {
|
|
56559
56535
|
className: "avatar-img-top-video-profile"
|
|
56560
56536
|
}, profileImage ? videos.map(function (i) {
|
|
56561
56537
|
return v$2(UserImageVideo, _extends$1({
|
|
@@ -56574,7 +56550,7 @@
|
|
|
56574
56550
|
}, profileText || "no video reviews available", " ")))))));
|
|
56575
56551
|
}
|
|
56576
56552
|
|
|
56577
|
-
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:
|
|
56553
|
+
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}";
|
|
56578
56554
|
styleInject(css_248z$1);
|
|
56579
56555
|
|
|
56580
56556
|
function BadgesShow(props) {
|
|
@@ -56598,21 +56574,17 @@
|
|
|
56598
56574
|
className: "review-section x-utu-section-no-border-".concat(isDark ? "dark" : "light"),
|
|
56599
56575
|
excludeBootstrap: true,
|
|
56600
56576
|
excludeFonts: true
|
|
56601
|
-
}, !textReview || false || textReview.length <= 0 ? v$2("
|
|
56602
|
-
className: "
|
|
56577
|
+
}, !textReview || false || textReview.length <= 0 ? v$2("div", {
|
|
56578
|
+
className: "placeholder-card"
|
|
56603
56579
|
}, v$2("div", {
|
|
56604
|
-
className: "
|
|
56605
|
-
}, v$2("div", {
|
|
56606
|
-
className: "ml-5 video-avatar rounded-circle"
|
|
56580
|
+
className: "placeholder-icon"
|
|
56607
56581
|
}, v$2(Avatar, props)), v$2("div", {
|
|
56608
|
-
className: "
|
|
56582
|
+
className: "placeholder-text-wrap"
|
|
56609
56583
|
}, v$2("div", {
|
|
56610
|
-
className: "
|
|
56611
|
-
}, "No reviews available"), v$2("div", {
|
|
56612
|
-
className: "
|
|
56613
|
-
}
|
|
56614
|
-
className: "review-text-cont review-text-".concat(envCondition)
|
|
56615
|
-
}, "when your people from your network leave text reviews for this entity they will appear here"))))) : v$2("section", {
|
|
56584
|
+
className: "placeholder-text-title"
|
|
56585
|
+
}, "No text reviews available"), v$2("div", {
|
|
56586
|
+
className: "placeholder-text-body"
|
|
56587
|
+
}, "when your people from your network leave text reviews for this entity they will appear here."))) : v$2("section", {
|
|
56616
56588
|
style: {
|
|
56617
56589
|
padding: "2rem 0"
|
|
56618
56590
|
},
|
|
@@ -56701,25 +56673,21 @@
|
|
|
56701
56673
|
})), v$2(StarRatingShow, _extends$1({}, props, {
|
|
56702
56674
|
feedbackSummary: feedbackSummary,
|
|
56703
56675
|
submitStatus: submitStatus
|
|
56704
|
-
}))
|
|
56676
|
+
})), v$2(BadgesShow$1, _extends$1({}, props, {
|
|
56705
56677
|
feedbackSummary: feedbackSummary,
|
|
56706
56678
|
submitStatus: submitStatus
|
|
56707
|
-
}))), v$2("div", {
|
|
56679
|
+
})))), v$2("div", {
|
|
56708
56680
|
className: "desktop-view-block-2 desktop-view-block-2-".concat(isDark ? "dark" : "light")
|
|
56709
|
-
}, v$2(BadgesShow
|
|
56681
|
+
}, v$2(BadgesShow, _extends$1({}, props, {
|
|
56710
56682
|
feedbackSummary: feedbackSummary,
|
|
56711
56683
|
submitStatus: submitStatus
|
|
56712
56684
|
})), v$2(EndorsementsList, _extends$1({}, props, {
|
|
56713
56685
|
feedbackSummary: feedbackSummary,
|
|
56714
56686
|
submitStatus: submitStatus
|
|
56715
|
-
})))
|
|
56716
|
-
className: "logo-section"
|
|
56717
|
-
}, v$2("div", {
|
|
56718
|
-
className: "logo-position-details"
|
|
56719
|
-
}, v$2(Logo, null)))));
|
|
56687
|
+
})))));
|
|
56720
56688
|
}
|
|
56721
56689
|
|
|
56722
|
-
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: -1.1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -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: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.x-utu-text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: rgba(255, 221, 51, 0.1);\n}\n\n.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.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: -1.1rem;\n right: 6rem;\n z-index: 0;\n width: 0.5rem;\n}\n.logo-position-player {\n position: absolute;\n bottom: -0.5rem;\n left: 22rem;\n z-index: 0;\n display: none;\n width: 0.5rem;\n}\n.logo-position-mobile {\n position: absolute;\n top: -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: 3rem;\n}\n.logo-video-section {\n position: relative;\n}\n.logo-video-position {\n position: absolute;\n z-index: 0;\n display: none;\n width: 5rem;\n left: 21rem;\n top: 35.6rem;\n}\n\n.x-utu-text-area {\n resize: vertical;\n min-height: 8rem;\n border-radius: 10px;\n border: none;\n padding: 16px;\n font-weight: 300;\n font-size: 0.9rem;\n background-color: rgba(255, 221, 51, 0.1);\n}\n\n.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.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}";
|
|
56690
|
+
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}";
|
|
56723
56691
|
styleInject(css_248z);
|
|
56724
56692
|
|
|
56725
56693
|
// import Avatar from "../../screens/FeedbackDetails/Avatar";
|