@designcrowd/library.brand-page 5.15.1 → 5.15.3

package/lib/src/composables/useTranslate.d.ts

@@ -81,7 +81,8 @@ declare const requestPaymentStripeTr: (key: any, valuesToInterpolate?: {}) => an
 declare const productDetailModalTr: (key: any, valuesToInterpolate?: {}) => any;
 declare const videoTr: (key: any, valuesToInterpolate?: {}) => any;
 declare const confirmModalTr: (key: any, valuesToInterpolate?: {}) => any;
+declare const videoLibraryTr: (key: any) => any;
 declare const logoSwitchConfirmationModalTr: (key: any, valuesToInterpolate?: {}) => any;
 declare const logoTemplateSearchModalTr: (key: any, valuesToInterpolate?: {}) => any;
 declare const currentLocale: () => LocaleTypes;
-export { setLocaleAsync, getCurrentLocale, tr, currentLocale, modelsTr, commonTr, actionBarTr, brandPageSettingsTr, colorPaletteTr, navigationTr, converterTr, backgroundSettingsTr, colorPickerTr, colorReplacementFieldTr, contentSettingsTr, formFieldsTr, genericTextInputTr, imageFieldTr, imagesFieldTr, linksFieldTr, logoSelectionSettingsTr, paymentConfigTr, replaceImageSettingTr, shapeFieldTr, testimonialItemsFieldTr, textFieldTr, textImageFieldTr, textItemsFieldTr, textStyleFieldTr, textAreaFieldTr, productConfigOptionTr, editLogoSettingsTr, myUploadSettingsTr, pageSettingsTr, pageSettingsSectionTr, templateSettingsTr, unsplashLibraryTr, seoSettingsTr, styleSettingsTr, sensitiveSettingTr, socialShareTr, cookieSettingTr, googleAnalyticsTr, colorFieldTr, validatorTr, constantsTr, layoutSwitcherTr, brandpageBackgroundSettingsTr, loginMessageTr, cookieTr, logoSelectionTr, googleAddressFieldTr, myDesignsTr, pageSettingTr, shapeLibraryTr, errorTr, dropzoneUploaderTr, shopTr, paymentTr, publishBrandPageModalWithStateTr, existingDomainModalTr, uploadLogoModalTr, sensitiveContentModalTr, quickLinkBarTr, unsplashImageCategoriesTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, bookingUrlFieldTr, confirmModalTr, logoSwitchConfirmationModalTr, logoTemplateSearchModalTr, };
+export { setLocaleAsync, getCurrentLocale, tr, currentLocale, modelsTr, commonTr, actionBarTr, brandPageSettingsTr, colorPaletteTr, navigationTr, converterTr, backgroundSettingsTr, colorPickerTr, colorReplacementFieldTr, contentSettingsTr, formFieldsTr, genericTextInputTr, imageFieldTr, imagesFieldTr, linksFieldTr, logoSelectionSettingsTr, paymentConfigTr, replaceImageSettingTr, shapeFieldTr, testimonialItemsFieldTr, textFieldTr, textImageFieldTr, textItemsFieldTr, textStyleFieldTr, textAreaFieldTr, productConfigOptionTr, editLogoSettingsTr, myUploadSettingsTr, pageSettingsTr, pageSettingsSectionTr, templateSettingsTr, unsplashLibraryTr, seoSettingsTr, styleSettingsTr, sensitiveSettingTr, socialShareTr, cookieSettingTr, googleAnalyticsTr, colorFieldTr, validatorTr, constantsTr, layoutSwitcherTr, brandpageBackgroundSettingsTr, loginMessageTr, cookieTr, logoSelectionTr, googleAddressFieldTr, myDesignsTr, pageSettingTr, shapeLibraryTr, errorTr, dropzoneUploaderTr, shopTr, paymentTr, publishBrandPageModalWithStateTr, existingDomainModalTr, uploadLogoModalTr, sensitiveContentModalTr, quickLinkBarTr, unsplashImageCategoriesTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, bookingUrlFieldTr, confirmModalTr, videoLibraryTr, logoSwitchConfirmationModalTr, logoTemplateSearchModalTr, };

package/lib/src/composables/useTranslate.js

@@ -149,6 +149,7 @@ const requestPaymentStripeTr = (key, valuesToInterpolate = {}) => tr(`requestPay
 const productDetailModalTr = (key, valuesToInterpolate = {}) => tr(`productDetailModal.${key}`, valuesToInterpolate);
 const videoTr = (key, valuesToInterpolate = {}) => tr(`video.${key}`, valuesToInterpolate);
 const confirmModalTr = (key, valuesToInterpolate = {}) => tr(`confirmModal.${key}`, valuesToInterpolate);
+const videoLibraryTr = (key) => tr(`videoLibrary.${key}`);
 const logoSwitchConfirmationModalTr = (key, valuesToInterpolate = {}) => tr(`logoSwitchConfirmationModal.${key}`, valuesToInterpolate);
 const logoTemplateSearchModalTr = (key, valuesToInterpolate = {}) => tr(`logoTemplateSearchModal.${key}`, valuesToInterpolate);
 const currentLocale = () => {
@@ -159,4 +160,4 @@ const currentLocale = () => {
     }
     return fallbackLocale;
 };
-export { setLocaleAsync, getCurrentLocale, tr, currentLocale, modelsTr, commonTr, actionBarTr, brandPageSettingsTr, colorPaletteTr, navigationTr, converterTr, backgroundSettingsTr, colorPickerTr, colorReplacementFieldTr, contentSettingsTr, formFieldsTr, genericTextInputTr, imageFieldTr, imagesFieldTr, linksFieldTr, logoSelectionSettingsTr, paymentConfigTr, replaceImageSettingTr, shapeFieldTr, testimonialItemsFieldTr, textFieldTr, textImageFieldTr, textItemsFieldTr, textStyleFieldTr, textAreaFieldTr, productConfigOptionTr, editLogoSettingsTr, myUploadSettingsTr, pageSettingsTr, pageSettingsSectionTr, templateSettingsTr, unsplashLibraryTr, seoSettingsTr, styleSettingsTr, sensitiveSettingTr, socialShareTr, cookieSettingTr, googleAnalyticsTr, colorFieldTr, validatorTr, constantsTr, layoutSwitcherTr, brandpageBackgroundSettingsTr, loginMessageTr, cookieTr, logoSelectionTr, googleAddressFieldTr, myDesignsTr, pageSettingTr, shapeLibraryTr, errorTr, dropzoneUploaderTr, shopTr, paymentTr, publishBrandPageModalWithStateTr, existingDomainModalTr, uploadLogoModalTr, sensitiveContentModalTr, quickLinkBarTr, unsplashImageCategoriesTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, bookingUrlFieldTr, confirmModalTr, logoSwitchConfirmationModalTr, logoTemplateSearchModalTr, };
+export { setLocaleAsync, getCurrentLocale, tr, currentLocale, modelsTr, commonTr, actionBarTr, brandPageSettingsTr, colorPaletteTr, navigationTr, converterTr, backgroundSettingsTr, colorPickerTr, colorReplacementFieldTr, contentSettingsTr, formFieldsTr, genericTextInputTr, imageFieldTr, imagesFieldTr, linksFieldTr, logoSelectionSettingsTr, paymentConfigTr, replaceImageSettingTr, shapeFieldTr, testimonialItemsFieldTr, textFieldTr, textImageFieldTr, textItemsFieldTr, textStyleFieldTr, textAreaFieldTr, productConfigOptionTr, editLogoSettingsTr, myUploadSettingsTr, pageSettingsTr, pageSettingsSectionTr, templateSettingsTr, unsplashLibraryTr, seoSettingsTr, styleSettingsTr, sensitiveSettingTr, socialShareTr, cookieSettingTr, googleAnalyticsTr, colorFieldTr, validatorTr, constantsTr, layoutSwitcherTr, brandpageBackgroundSettingsTr, loginMessageTr, cookieTr, logoSelectionTr, googleAddressFieldTr, myDesignsTr, pageSettingTr, shapeLibraryTr, errorTr, dropzoneUploaderTr, shopTr, paymentTr, publishBrandPageModalWithStateTr, existingDomainModalTr, uploadLogoModalTr, sensitiveContentModalTr, quickLinkBarTr, unsplashImageCategoriesTr, brandPageFooterTr, productTr, imageTr, mapTr, imagesSectionTr, imageGalleryTr, newPageModalTr, personalisationOverrideTr, paymentModalTr, mailingListTr, deletePageModalTr, requestPaymentStripeTr, productDetailModalTr, videoTr, bookingUrlFieldTr, confirmModalTr, videoLibraryTr, logoSwitchConfirmationModalTr, logoTemplateSearchModalTr, };

package/lib/src/constants/ui.d.ts

@@ -11,6 +11,7 @@ export interface UIUserFeatures {
     canUsePremiumFontFamily: boolean;
     maxNumOfPages: number;
     canUseRichTextEditor: boolean;
+    canUseGettyVideos: boolean;
 }
 export declare const TEMPLATE_FIRST_PAGE_NO = 1;
 export declare const ESCAPED_NEWLINE_CHARACTER = "%0A";

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -6314,7 +6314,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 45vh;
 }
 
-.payment-width[data-v-398e85d5] {
+.payment-width[data-v-ebfc00aa] {
   margin: 0.375rem;
   -ms-flex-negative: 1;
       flex-shrink: 1;
@@ -6326,7 +6326,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-width: calc(16.666667% - 0.5rem)
 }
 
-.payment-width[data-v-f1cde2c0] {
+.payment-width[data-v-f03c2ca9] {
   -ms-flex-negative: 1;
       flex-shrink: 1;
   overflow-wrap: break-word;
@@ -6336,7 +6336,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-width: calc(16.666667% - 0.5rem)
 }
 
-.payment-width[data-v-7b37eea9] {
+.payment-width[data-v-7071ffed] {
   margin: 0.375rem;
   -ms-flex-negative: 1;
       flex-shrink: 1;
@@ -6348,27 +6348,27 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-width: calc(16.666667% - 0.5rem)
 }
 @media (min-width: 768px) {
-.device--mobile .payment-options[data-v-7b37eea9] {
+.device--mobile .payment-options[data-v-7071ffed] {
     display: block
 }
 }
-.device--mobile .payment-option[data-v-7b37eea9] {
+.device--mobile .payment-option[data-v-7071ffed] {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem
 }
 
-.form-error[data-v-0c25ca2e] {
+.form-error[data-v-f6c89027] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
 }
 @media (max-width: 767px) {
-.product-detail[data-v-0c25ca2e] {
+.product-detail[data-v-f6c89027] {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }
 }
 @media (min-width: 767px) {
-.product-detail[data-v-0c25ca2e] {
+.product-detail[data-v-f6c89027] {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }
 }
@@ -6385,44 +6385,44 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   color: #f21b3f;
 }
 
-.inner-container[data-v-0d6cc354] {
+.inner-container[data-v-c7c55426] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.outer-container[data-v-0d6cc354] {
+.outer-container[data-v-c7c55426] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.modal-cart[data-v-0d6cc354] .cart-image {
+.modal-cart[data-v-c7c55426] .cart-image {
   width: 3rem;
 }
-.modal-cart[data-v-0d6cc354] .cart-option {
+.modal-cart[data-v-c7c55426] .cart-option {
   width: 100%;
 }
-.success-bar-container[data-v-0d6cc354] .tw-bg-success-500 {
+.success-bar-container[data-v-c7c55426] .tw-bg-success-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(36 168 16 / var(--tw-bg-opacity));
 }
 @media (min-width: 640px) {
-.modal-product-detail[data-v-0d6cc354] .modal {
+.modal-product-detail[data-v-c7c55426] .modal {
     min-width: 100vh;
 }
-.modal-cart[data-v-0d6cc354] .modal {
+.modal-cart[data-v-c7c55426] .modal {
     min-width: 90vh;
     max-height: 90vh;
 }
-.modal-cart[data-v-0d6cc354] .cart-image {
+.modal-cart[data-v-c7c55426] .cart-image {
     width: 8rem;
 }
-.modal-cart[data-v-0d6cc354] .cart-option {
+.modal-cart[data-v-c7c55426] .cart-option {
     width: 75%;
 }
-.success-bar[data-v-0d6cc354] {
+.success-bar[data-v-c7c55426] {
     width: 50%;
 }
 }
 @media (max-width: 640px) {
-.success-bar[data-v-0d6cc354] {
+.success-bar[data-v-c7c55426] {
     width: 91.666667%;
 }
 }
@@ -7992,6 +7992,52 @@ body {
   background-color: rgba(17, 21, 23, 0.33);
 }
 
+.c-media-btn__img[data-v-01009e7c] {
+  width: 100%;
+  border-radius: 0.375rem;
+  -webkit-transition-property: -webkit-box-shadow;
+  transition-property: -webkit-box-shadow;
+  transition-property: box-shadow;
+  transition-property: box-shadow, -webkit-box-shadow;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 200ms;
+          transition-duration: 200ms;
+  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  aspect-ratio: 1;
+  -o-object-fit: cover;
+     object-fit: cover;
+  max-height: 150px;
+}
+.c-media-btn__overlay[data-v-01009e7c] {
+  position: absolute;
+  left: 0px;
+  bottom: 0px;
+  top: 0px;
+  right: 0px;
+  border-radius: 0.375rem;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 200ms;
+          transition-duration: 200ms;
+}
+.c-media-btn__overlay--category[data-v-01009e7c] {
+  background-color: rgba(17, 21, 23, 0.66);
+}
+.c-media-btn__overlay--video[data-v-01009e7c]:hover {
+  background-color: rgba(17, 21, 23, 0.33);
+}
+.c-media-btn[data-v-01009e7c] {
+  width: 100%;
+  aspect-ratio: 1;
+  max-height: 150px;
+}
+
 .reorderable-list-move[data-v-f7e4513e] {
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
@@ -8366,7 +8412,7 @@ input[type='number'][data-v-28a532b4] {
 }
 
 @media (min-width: 640px) {
-.modal-product-config[data-v-04058263] .modal {
+.modal-product-config[data-v-b1306175] .modal {
     max-height: 75vh;
     min-height: 60vh;
 }

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -6642,7 +6642,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 45vh;
 }
 
-.payment-width[data-v-398e85d5] {
+.payment-width[data-v-ebfc00aa] {
   margin: 0.375rem;
   -ms-flex-negative: 1;
       flex-shrink: 1;
@@ -6654,7 +6654,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-width: calc(16.666667% - 0.5rem)
 }
 
-.payment-width[data-v-f1cde2c0] {
+.payment-width[data-v-f03c2ca9] {
   -ms-flex-negative: 1;
       flex-shrink: 1;
   overflow-wrap: break-word;
@@ -6664,7 +6664,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-width: calc(16.666667% - 0.5rem)
 }
 
-.payment-width[data-v-7b37eea9] {
+.payment-width[data-v-7071ffed] {
   margin: 0.375rem;
   -ms-flex-negative: 1;
       flex-shrink: 1;
@@ -6676,27 +6676,27 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-width: calc(16.666667% - 0.5rem)
 }
 @media (min-width: 768px) {
-.device--mobile .payment-options[data-v-7b37eea9] {
+.device--mobile .payment-options[data-v-7071ffed] {
     display: block
 }
 }
-.device--mobile .payment-option[data-v-7b37eea9] {
+.device--mobile .payment-option[data-v-7071ffed] {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem
 }
 
-.form-error[data-v-0c25ca2e] {
+.form-error[data-v-f6c89027] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
 }
 @media (max-width: 767px) {
-.product-detail[data-v-0c25ca2e] {
+.product-detail[data-v-f6c89027] {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }
 }
 @media (min-width: 767px) {
-.product-detail[data-v-0c25ca2e] {
+.product-detail[data-v-f6c89027] {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }
 }
@@ -6713,44 +6713,44 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   color: #f21b3f;
 }
 
-.inner-container[data-v-0d6cc354] {
+.inner-container[data-v-c7c55426] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.outer-container[data-v-0d6cc354] {
+.outer-container[data-v-c7c55426] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.modal-cart[data-v-0d6cc354] .cart-image {
+.modal-cart[data-v-c7c55426] .cart-image {
   width: 3rem;
 }
-.modal-cart[data-v-0d6cc354] .cart-option {
+.modal-cart[data-v-c7c55426] .cart-option {
   width: 100%;
 }
-.success-bar-container[data-v-0d6cc354] .tw-bg-success-500 {
+.success-bar-container[data-v-c7c55426] .tw-bg-success-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(36 168 16 / var(--tw-bg-opacity));
 }
 @media (min-width: 640px) {
-.modal-product-detail[data-v-0d6cc354] .modal {
+.modal-product-detail[data-v-c7c55426] .modal {
     min-width: 100vh;
 }
-.modal-cart[data-v-0d6cc354] .modal {
+.modal-cart[data-v-c7c55426] .modal {
     min-width: 90vh;
     max-height: 90vh;
 }
-.modal-cart[data-v-0d6cc354] .cart-image {
+.modal-cart[data-v-c7c55426] .cart-image {
     width: 8rem;
 }
-.modal-cart[data-v-0d6cc354] .cart-option {
+.modal-cart[data-v-c7c55426] .cart-option {
     width: 75%;
 }
-.success-bar[data-v-0d6cc354] {
+.success-bar[data-v-c7c55426] {
     width: 50%;
 }
 }
 @media (max-width: 640px) {
-.success-bar[data-v-0d6cc354] {
+.success-bar[data-v-c7c55426] {
     width: 91.666667%;
 }
 }
@@ -8320,6 +8320,52 @@ body {
   background-color: rgba(17, 21, 23, 0.33);
 }
 
+.c-media-btn__img[data-v-01009e7c] {
+  width: 100%;
+  border-radius: 0.375rem;
+  -webkit-transition-property: -webkit-box-shadow;
+  transition-property: -webkit-box-shadow;
+  transition-property: box-shadow;
+  transition-property: box-shadow, -webkit-box-shadow;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 200ms;
+          transition-duration: 200ms;
+  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  aspect-ratio: 1;
+  -o-object-fit: cover;
+     object-fit: cover;
+  max-height: 150px;
+}
+.c-media-btn__overlay[data-v-01009e7c] {
+  position: absolute;
+  left: 0px;
+  bottom: 0px;
+  top: 0px;
+  right: 0px;
+  border-radius: 0.375rem;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 200ms;
+          transition-duration: 200ms;
+}
+.c-media-btn__overlay--category[data-v-01009e7c] {
+  background-color: rgba(17, 21, 23, 0.66);
+}
+.c-media-btn__overlay--video[data-v-01009e7c]:hover {
+  background-color: rgba(17, 21, 23, 0.33);
+}
+.c-media-btn[data-v-01009e7c] {
+  width: 100%;
+  aspect-ratio: 1;
+  max-height: 150px;
+}
+
 .reorderable-list-move[data-v-f7e4513e] {
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
@@ -8694,7 +8740,7 @@ input[type='number'][data-v-28a532b4] {
 }
 
 @media (min-width: 640px) {
-.modal-product-config[data-v-04058263] .modal {
+.modal-product-config[data-v-b1306175] .modal {
     max-height: 75vh;
     min-height: 60vh;
 }

package/lib/src/css/library.brand-page-designCom.min.css

@@ -6332,7 +6332,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 45vh;
 }
 
-.payment-width[data-v-398e85d5] {
+.payment-width[data-v-ebfc00aa] {
   margin: 0.375rem;
   -ms-flex-negative: 1;
       flex-shrink: 1;
@@ -6344,7 +6344,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-width: calc(16.666667% - 0.5rem)
 }
 
-.payment-width[data-v-f1cde2c0] {
+.payment-width[data-v-f03c2ca9] {
   -ms-flex-negative: 1;
       flex-shrink: 1;
   overflow-wrap: break-word;
@@ -6354,7 +6354,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-width: calc(16.666667% - 0.5rem)
 }
 
-.payment-width[data-v-7b37eea9] {
+.payment-width[data-v-7071ffed] {
   margin: 0.375rem;
   -ms-flex-negative: 1;
       flex-shrink: 1;
@@ -6366,27 +6366,27 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-width: calc(16.666667% - 0.5rem)
 }
 @media (min-width: 768px) {
-.device--mobile .payment-options[data-v-7b37eea9] {
+.device--mobile .payment-options[data-v-7071ffed] {
     display: block
 }
 }
-.device--mobile .payment-option[data-v-7b37eea9] {
+.device--mobile .payment-option[data-v-7071ffed] {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem
 }
 
-.form-error[data-v-0c25ca2e] {
+.form-error[data-v-f6c89027] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f
 }
 @media (max-width: 767px) {
-.product-detail[data-v-0c25ca2e] {
+.product-detail[data-v-f6c89027] {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }
 }
 @media (min-width: 767px) {
-.product-detail[data-v-0c25ca2e] {
+.product-detail[data-v-f6c89027] {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }
 }
@@ -6403,44 +6403,44 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   color: #f21b3f;
 }
 
-.inner-container[data-v-0d6cc354] {
+.inner-container[data-v-c7c55426] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.outer-container[data-v-0d6cc354] {
+.outer-container[data-v-c7c55426] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.modal-cart[data-v-0d6cc354] .cart-image {
+.modal-cart[data-v-c7c55426] .cart-image {
   width: 3rem;
 }
-.modal-cart[data-v-0d6cc354] .cart-option {
+.modal-cart[data-v-c7c55426] .cart-option {
   width: 100%;
 }
-.success-bar-container[data-v-0d6cc354] .tw-bg-success-500 {
+.success-bar-container[data-v-c7c55426] .tw-bg-success-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(36 168 16 / var(--tw-bg-opacity));
 }
 @media (min-width: 640px) {
-.modal-product-detail[data-v-0d6cc354] .modal {
+.modal-product-detail[data-v-c7c55426] .modal {
     min-width: 100vh;
 }
-.modal-cart[data-v-0d6cc354] .modal {
+.modal-cart[data-v-c7c55426] .modal {
     min-width: 90vh;
     max-height: 90vh;
 }
-.modal-cart[data-v-0d6cc354] .cart-image {
+.modal-cart[data-v-c7c55426] .cart-image {
     width: 8rem;
 }
-.modal-cart[data-v-0d6cc354] .cart-option {
+.modal-cart[data-v-c7c55426] .cart-option {
     width: 75%;
 }
-.success-bar[data-v-0d6cc354] {
+.success-bar[data-v-c7c55426] {
     width: 50%;
 }
 }
 @media (max-width: 640px) {
-.success-bar[data-v-0d6cc354] {
+.success-bar[data-v-c7c55426] {
     width: 91.666667%;
 }
 }
@@ -8010,6 +8010,52 @@ body {
   background-color: rgba(17, 21, 23, 0.33);
 }
 
+.c-media-btn__img[data-v-01009e7c] {
+  width: 100%;
+  border-radius: 0.375rem;
+  -webkit-transition-property: -webkit-box-shadow;
+  transition-property: -webkit-box-shadow;
+  transition-property: box-shadow;
+  transition-property: box-shadow, -webkit-box-shadow;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 200ms;
+          transition-duration: 200ms;
+  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  aspect-ratio: 1;
+  -o-object-fit: cover;
+     object-fit: cover;
+  max-height: 150px;
+}
+.c-media-btn__overlay[data-v-01009e7c] {
+  position: absolute;
+  left: 0px;
+  bottom: 0px;
+  top: 0px;
+  right: 0px;
+  border-radius: 0.375rem;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+  -webkit-transition-property: all;
+  transition-property: all;
+  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transition-duration: 200ms;
+          transition-duration: 200ms;
+}
+.c-media-btn__overlay--category[data-v-01009e7c] {
+  background-color: rgba(17, 21, 23, 0.66);
+}
+.c-media-btn__overlay--video[data-v-01009e7c]:hover {
+  background-color: rgba(17, 21, 23, 0.33);
+}
+.c-media-btn[data-v-01009e7c] {
+  width: 100%;
+  aspect-ratio: 1;
+  max-height: 150px;
+}
+
 .reorderable-list-move[data-v-f7e4513e] {
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
@@ -8384,7 +8430,7 @@ input[type='number'][data-v-28a532b4] {
 }
 
 @media (min-width: 640px) {
-.modal-product-config[data-v-04058263] .modal {
+.modal-product-config[data-v-b1306175] .modal {
     max-height: 75vh;
     min-height: 60vh;
 }