@designcrowd/library.brand-page 5.18.4 → 5.18.5

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

@@ -4026,11 +4026,6 @@ a:not(.tw-lowercase) {
             -ms-flex-pack: end;
                 justify-content: flex-end
     }
-    .lg\:tw-justify-center {
-        -webkit-box-pack: center;
-            -ms-flex-pack: center;
-                justify-content: center
-    }
     .lg\:tw-gap-4 {
         gap: 1rem
     }
@@ -5733,7 +5728,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   content: '\00A0';
 }
 
-.c-button[data-v-dff82fb8] {
+.c-button[data-v-1cc1be4f] {
   --icon-h: 1.5rem;
   --icon-m-r: 2rem;
   --icon-m-icon: 0.5rem;
@@ -5744,70 +5739,61 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   text-align: center;
   text-decoration: none;
 }
-
-/* Shape-library icons (vector, nested in .c-shape, no class on the img):
-   render at the default icon size, centered in normal flow like the SVG icons. */
-.bp-button[data-v-dff82fb8] .c-button__icon-img img {
+.bp-button[data-v-1cc1be4f] .c-button__icon-img img {
   max-width: none;
   -o-object-fit: cover;
      object-fit: cover;
-  width: var(--icon-w);
-  height: var(--icon-h);
-}
-
-/* Raster image thumbnails (FallbackImage renders <img class="c-image">):
-   render larger/prominent and centered over the icon slot. */
-.bp-button[data-v-dff82fb8] .c-button__icon-img img.c-image {
   --icon-img-size: 2.3rem;
+  --icon-img-offset-x: calc((var(--button-p-x) - var(--button-p-y)) * 2);
   position: absolute;
   top: calc(var(--icon-img-size) / -2 + var(--icon-h) / 2);
-  left: calc(var(--icon-img-size) / -2 + var(--icon-w) / 2);
+  left: calc(var(--icon-img-size) / -2 + var(--icon-img-offset-x));
   width: var(--icon-img-size);
   height: var(--icon-img-size);
 }
-.c-button--disabled[data-v-dff82fb8] {
+.c-button--disabled[data-v-1cc1be4f] {
   pointer-events: none;
 }
-.c-button[data-v-dff82fb8]:hover .c-button__label p {
+.c-button[data-v-1cc1be4f]:hover .c-button__label p {
   text-decoration: underline;
 }
-.c-button__icon[data-v-dff82fb8] {
+.c-button__icon[data-v-1cc1be4f] {
   margin-right: var(--icon-m-r);
 }
-.bp-button[data-v-dff82fb8] .c-button__icon-img {
+.bp-button[data-v-1cc1be4f] .c-button__icon-img {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.c-button__label[data-v-dff82fb8] {
+.c-button__label[data-v-1cc1be4f] {
   margin: 0 auto;
   word-break: break-word;
   overflow-wrap: anywhere;
   width: auto;
 }
-.c-button__label--offset-sm[data-v-dff82fb8] {
+.c-button__label--offset-sm[data-v-1cc1be4f] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__label--offset-md[data-v-dff82fb8] {
+.c-button__label--offset-md[data-v-1cc1be4f] {
   -webkit-transform: translateX(-1.75rem);
           transform: translateX(-1.75rem);
 }
-.c-button__label--offset-lg[data-v-dff82fb8] {
+.c-button__label--offset-lg[data-v-1cc1be4f] {
   -webkit-transform: translateX(-1.5rem);
           transform: translateX(-1.5rem);
 }
-.c-button__no-icon[data-v-dff82fb8] {
+.c-button__no-icon[data-v-1cc1be4f] {
   margin-right: var(--icon-m-r);
   width: var(--icon-w);
   height: var(--icon-h);
 }
-.device-wrapper--mobile .c-button__icon[data-v-dff82fb8] {
+.device-wrapper--mobile .c-button__icon[data-v-1cc1be4f] {
   margin: 0;
   margin-right: var(--icon-m-r);
 }
 @media (min-width: 767px) {
-.c-button__icon[data-v-dff82fb8] {
+.c-button__icon[data-v-1cc1be4f] {
     margin: 0 var(--icon-m-icon);
 }
 }
@@ -6187,57 +6173,57 @@ select[data-v-14e7c7c7] {
   width: 100%;
 }
 
-.form-error[data-v-e408a650] {
+.form-error[data-v-b05afa44] {
   font-size: 0.875rem;
   line-height: 1.25rem;
   color: #f21b3f;
 }
-.contact-container[data-v-e408a650] {
+.contact-container[data-v-b05afa44] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.c-text-padding[data-v-e408a650] {
+.c-text-padding[data-v-b05afa44] {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.device-wrapper--mobile .c-divided-container[data-v-e408a650] {
+.device-wrapper--mobile .c-divided-container[data-v-b05afa44] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.device-wrapper--mobile .c-divided-container-reverse[data-v-e408a650] {
+.device-wrapper--mobile .c-divided-container-reverse[data-v-b05afa44] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
       -ms-flex-direction: column-reverse;
           flex-direction: column-reverse;
 }
 @media (max-width: 767px) {
-.c-button-full[data-v-e408a650] {
+.c-button-full[data-v-b05afa44] {
     width: 100%;
 }
-.c-col-span-2[data-v-e408a650] {
+.c-col-span-2[data-v-b05afa44] {
     grid-column: span 2 / span 2;
 }
-.c-mobile-padding[data-v-e408a650] {
+.c-mobile-padding[data-v-b05afa44] {
     padding: 1rem;
 }
-.c-text-padding[data-v-e408a650] {
+.c-text-padding[data-v-b05afa44] {
     grid-column: span 2 / span 2;
     padding-left: 0px;
     padding-right: 0px;
 }
-.c-py-6[data-v-e408a650] {
+.c-py-6[data-v-b05afa44] {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
 }
-.c-divided-container[data-v-e408a650] {
+.c-divided-container[data-v-b05afa44] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-divided-container-reverse[data-v-e408a650] {
+.c-divided-container-reverse[data-v-b05afa44] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -6245,16 +6231,16 @@ select[data-v-14e7c7c7] {
 }
 }
 @media (min-width: 767px) {
-.c-aspect-square[data-v-e408a650] {
+.c-aspect-square[data-v-b05afa44] {
     aspect-ratio: 1 / 1;
 }
-.c-divided-container[data-v-e408a650] {
+.c-divided-container[data-v-b05afa44] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
 }
-.c-divided-container-reverse[data-v-e408a650] {
+.c-divided-container-reverse[data-v-b05afa44] {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
@@ -7430,7 +7416,7 @@ select[data-v-14e7c7c7] {
 }
 }
 
-.c-overlay[data-v-2bbe6b3e] {
+.c-overlay[data-v-a8c3857a] {
   position: fixed;
   inset: 0px;
   z-index: 40;
@@ -7448,22 +7434,23 @@ select[data-v-14e7c7c7] {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-overlay--open[data-v-2bbe6b3e] {
+.c-overlay--open[data-v-a8c3857a] {
   opacity: 0.7;
 }
-.c-overlay--closed[data-v-2bbe6b3e] {
+.c-overlay--closed[data-v-a8c3857a] {
   pointer-events: none;
   display: none;
   opacity: 0;
 }
-.c-sidebar[data-v-2bbe6b3e] {
+.c-sidebar[data-v-a8c3857a] {
+  /* No hardcoded background: the panel background comes from the hamburger
+     defaultButtonStyle (bound via :style), so a transparent/unset default bg
+     renders transparent instead of being forced white  */
   position: fixed;
   inset: 0px;
   z-index: 50;
   height: 100%;
   width: 20rem;
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
   -webkit-transition-property: all;
   transition-property: all;
   -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -7475,26 +7462,26 @@ select[data-v-14e7c7c7] {
   max-width: 66%;
 }
 @media (min-width: 768px) {
-.device--mobile .c-sidebar[data-v-2bbe6b3e] {
+.device--mobile .c-sidebar[data-v-a8c3857a] {
     width: 66.666667%;
 }
 }
-.c-sidebar--closed[data-v-2bbe6b3e] {
+.c-sidebar--closed[data-v-a8c3857a] {
   -webkit-transform: translateX(-100%);
           transform: translateX(-100%);
   visibility: hidden;
 }
-.c-sidebar--open[data-v-2bbe6b3e] {
+.c-sidebar--open[data-v-a8c3857a] {
   -webkit-transform: translateX(0%);
           transform: translateX(0%);
 }
-.c-chevron-transform[data-v-2bbe6b3e] {
+.c-chevron-transform[data-v-a8c3857a] {
   -webkit-transition: -webkit-transform 0.3s ease;
   transition: -webkit-transform 0.3s ease;
   transition: transform 0.3s ease;
   transition: transform 0.3s ease, -webkit-transform 0.3s ease;
 }
-.c-chevron-expanded[data-v-2bbe6b3e] {
+.c-chevron-expanded[data-v-a8c3857a] {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
@@ -8074,27 +8061,25 @@ body {
           transform: scale(1.025);
 }
 
-.c-color[data-v-4dd5f95d] {
+.c-color[data-v-9af09d53] {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
-.c-color[data-v-4dd5f95d]:hover {
+.c-color[data-v-9af09d53]:hover {
   -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
           box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
   -webkit-transform: scale(1.025);
           transform: scale(1.025);
 }
-.c-color[data-v-4dd5f95d] {
-  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
-          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
-}
-.c-color[data-v-4dd5f95d]:hover {
-  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
-          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
-  -webkit-transform: scale(1.025);
-          transform: scale(1.025);
+.c-transparent[data-v-9af09d53] {
+  background: linear-gradient(
+    135deg,
+    transparent calc(50% - 1.5px),
+    red 50%,
+    transparent calc(50% + 1.5px)
+  );
 }
-.maker-color-palette__popup[data-v-4dd5f95d] {
+.maker-color-palette__popup[data-v-9af09d53] {
   position: absolute;
   padding: 0.625rem;
   background: white;
@@ -8108,13 +8093,13 @@ body {
   height: fit-content;
   max-width: 100%;
 }
-.maker-color-palette__widget-body[data-v-4dd5f95d] {
+.maker-color-palette__widget-body[data-v-9af09d53] {
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 0.625rem;
 }
-.picker-button[data-v-4dd5f95d] {
+.picker-button[data-v-9af09d53] {
   width: 100%;
   border: 1px solid #878787;
   text-transform: uppercase;
@@ -8123,14 +8108,14 @@ body {
   cursor: pointer;
 }
 @media print, screen and (min-width: 40em) {
-.maker-color-palette__popup[data-v-4dd5f95d] {
+.maker-color-palette__popup[data-v-9af09d53] {
     bottom: initial;
     height: auto;
     top: 1.25rem;
     width: calc(100% - 36px);
 }
 }
-.maker-text-color__icon[data-v-4dd5f95d] {
+.maker-text-color__icon[data-v-9af09d53] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8144,7 +8129,7 @@ body {
   height: 32px;
   margin-top: 15px;
 }
-.maker-text-color__icon .active[data-v-4dd5f95d] {
+.maker-text-color__icon .active[data-v-9af09d53] {
   font-weight: bold;
   background: #e3e3e3;
 }
@@ -8701,7 +8686,7 @@ body {
   display: none;
 }
 
-.c-gallery-figure[data-v-b07a625b] {
+.c-gallery-figure[data-v-0aaf173c] {
 
     position: relative;
 
@@ -8717,7 +8702,7 @@ body {
 
     border-color: rgb(209 209 209 / var(--tw-border-opacity))
 }
-.c-gallery-image__delete[data-v-b07a625b] {
+.c-gallery-image__delete[data-v-0aaf173c] {
 
     cursor: pointer;
 
@@ -8748,7 +8733,7 @@ body {
             transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
 }
 @media (hover: hover) and (pointer: fine) {
-.c-gallery-image__delete[data-v-b07a625b]:hover {
+.c-gallery-image__delete[data-v-0aaf173c]:hover {
 
         --tw-text-opacity: 1;
 
@@ -9272,7 +9257,17 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   background-attachment: scroll !important;
 }
 
-.c-quick-links[data-v-396202a1] {
+.c-undo-button-tooltip[data-v-10e293db] .shared-tooltip__body {
+  width: auto;
+  padding: 4px 8px;
+}
+
+.c-redo-button-tooltip[data-v-384a6580] .shared-tooltip__body {
+  width: auto;
+  padding: 4px 8px;
+}
+
+.c-quick-links[data-v-41f695bf] {
   left: 0px;
   z-index: 30;
   width: 100%;
@@ -9613,7 +9608,7 @@ to {
     overflow: hidden
 }
 
-.c-brand-page-maker[data-v-c1609344] {
+.c-brand-page-maker[data-v-4911d919] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -9623,10 +9618,10 @@ to {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-c1609344] {
+.c-brand-page-maker__inner[data-v-4911d919] {
   height: 100%;
 }
-.c-save-bar[data-v-c1609344] {
+.c-save-bar[data-v-4911d919] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9648,7 +9643,7 @@ to {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-c1609344] {
+.c-save-bar--visible[data-v-4911d919] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9658,11 +9653,11 @@ to {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-c1609344] {
+.c-brand-page-maker[data-v-4911d919] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-c1609344] {
+.c-brand-page-maker__inner[data-v-4911d919] {
     height: 100%;
 }
 }