@designcrowd/library.brand-page 5.12.4 → 5.12.5-ast-booking

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

@@ -4268,7 +4268,7 @@ a:not(.tw-lowercase) {
   opacity: 0.5;
 }
 
-[data-v-e420a12a] .c-sell-domain-name-list--button {
+[data-v-23dc146f] .c-sell-domain-name-list--button {
   min-width: 7rem;
 }
 
@@ -5132,15 +5132,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   fill: currentColor;
 }
 
-.c-icon--sm[data-v-f03d3c87] {
+.c-icon--sm[data-v-3a64581b] {
   width: 1rem;
   height: 1rem;
 }
-.c-icon--md[data-v-f03d3c87] {
+.c-icon--md[data-v-3a64581b] {
   width: 1.5rem;
   height: 1.5rem;
 }
-.c-icon--lg[data-v-f03d3c87] {
+.c-icon--lg[data-v-3a64581b] {
   width: 2rem;
   height: 2rem;
 }
@@ -6442,6 +6442,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
+.c_banner-container[data-v-9664630d] {
+  max-width: var(--brandsite-max-width);
+  margin: 0 auto;
+}
+
 .root[data-v-78db940f] {
   --logo-width: var(--2a02f575);
   --tab-nav-height: 56px;
@@ -8163,11 +8168,11 @@ body {
   min-width: 33.333333%
 }
 
-.rich-text-editor[data-v-557b131a]:focus-within {
+.rich-text-editor[data-v-da58b4ee]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(96 96 96 / var(--tw-border-opacity));
 }
-.style-editor[data-v-557b131a] {
+.style-editor[data-v-da58b4ee] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8178,7 +8183,7 @@ body {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.style-editor[data-v-557b131a] button:not(.c-button-style) {
+.style-editor[data-v-da58b4ee] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -8188,16 +8193,16 @@ body {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.style-editor-button[data-v-557b131a] {
+.style-editor-button[data-v-da58b4ee] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.toolbar-editor-button.active[data-v-557b131a] {
+.toolbar-editor-button.active[data-v-da58b4ee] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.toolbar-editor-button[data-v-557b131a] {
+.toolbar-editor-button[data-v-da58b4ee] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -8215,7 +8220,7 @@ body {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-557b131a] .ProseMirror {
+[data-v-da58b4ee] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -8228,10 +8233,10 @@ body {
   max-height: 14rem;
   overflow: auto;
 }
-[data-v-557b131a] .ProseMirror:focus {
+[data-v-da58b4ee] .ProseMirror:focus {
   outline: none;
 }
-[data-v-557b131a] .ProseMirror * {
+[data-v-da58b4ee] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -8240,25 +8245,25 @@ body {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-[data-v-557b131a] .ProseMirror a,[data-v-557b131a] .ProseMirror a * {
+[data-v-da58b4ee] .ProseMirror a,[data-v-da58b4ee] .ProseMirror a * {
   color: #0097d7 !important;
   text-decoration: underline !important;
 }
-.error-message[data-v-557b131a] {
+.error-message[data-v-da58b4ee] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.popup-container[data-v-557b131a] {
+.popup-container[data-v-da58b4ee] {
   position: absolute;
   z-index: 10;
   right: 8%;
 }
-.hyperlink-preview[data-v-557b131a] {
+.hyperlink-preview[data-v-da58b4ee] {
   position: absolute;
   z-index: 10;
 }
-.popup-panel[data-v-557b131a] {
+.popup-panel[data-v-da58b4ee] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -8266,17 +8271,17 @@ body {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
-.popup-panel[data-v-557b131a] input {
+.popup-panel[data-v-da58b4ee] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.border[data-v-557b131a] {
+.border[data-v-da58b4ee] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(209 209 209 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-557b131a] .text-dropdown-title {
+[data-v-da58b4ee] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -8285,7 +8290,7 @@ body {
   color: rgb(38 38 38 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-557b131a] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-da58b4ee] .ProseMirror p.is-editor-empty:first-child::before {
   --tw-text-opacity: 1;
   color: rgb(209 209 209 / var(--tw-text-opacity));
   content: attr(data-placeholder);
@@ -8294,56 +8299,56 @@ body {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.style-editor-button-font[data-v-557b131a],
-  .style-editor-button-textstyle[data-v-557b131a] {
+.style-editor-button-font[data-v-da58b4ee],
+  .style-editor-button-textstyle[data-v-da58b4ee] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.style-editor-button.stepper[data-v-557b131a] {
+.style-editor-button.stepper[data-v-da58b4ee] {
     max-width: 40%;
 }
-.style-editor-button-stepper[data-v-557b131a] {
+.style-editor-button-stepper[data-v-da58b4ee] {
     max-width: 100%;
 }
-.border.desktop[data-v-557b131a] {
+.border.desktop[data-v-da58b4ee] {
     display: none;
 }
-.border.mobile[data-v-557b131a] {
+.border.mobile[data-v-da58b4ee] {
     display: block;
 }
-[data-v-557b131a] .left-align {
+[data-v-da58b4ee] .left-align {
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
 }
-.hyperlink-popup[data-v-557b131a] {
+.hyperlink-popup[data-v-da58b4ee] {
     z-index: 9999;
 }
 }
 @media (min-width: 400px) {
-.style-editor-button.stepper[data-v-557b131a] {
+.style-editor-button.stepper[data-v-da58b4ee] {
     max-width: 32%;
 }
-.style-editor-button-font[data-v-557b131a] {
+.style-editor-button-font[data-v-da58b4ee] {
     max-width: 28%;
 }
-.style-editor-button-stepper[data-v-557b131a] {
+.style-editor-button-stepper[data-v-da58b4ee] {
     max-width: 100%;
 }
-.style-editor-button-textstyle[data-v-557b131a] {
+.style-editor-button-textstyle[data-v-da58b4ee] {
     max-width: 25%;
 }
-.border.desktop[data-v-557b131a] {
+.border.desktop[data-v-da58b4ee] {
     display: block;
 }
-.border.mobile[data-v-557b131a] {
+.border.mobile[data-v-da58b4ee] {
     display: none;
 }
-[data-v-557b131a] .left-align {
+[data-v-da58b4ee] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.drop-down-item[data-v-557b131a]:hover {
+.drop-down-item[data-v-da58b4ee]:hover {
   background-color: #eee;
 }
 
@@ -8391,7 +8396,7 @@ input[type='number'][data-v-28a532b4] {
           align-items: flex-start;
 }
 
-.text-item-preview[data-v-4d5ca58f] {
+.text-item-preview[data-v-4ff4d504] {
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 21px;

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

@@ -4010,7 +4010,7 @@ a.maker-anchor {
   opacity: 0.5;
 }
 
-[data-v-e420a12a] .c-sell-domain-name-list--button {
+[data-v-23dc146f] .c-sell-domain-name-list--button {
   min-width: 7rem;
 }
 
@@ -4874,15 +4874,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   fill: currentColor;
 }
 
-.bp .c-icon--sm[data-v-f03d3c87] {
+.bp .c-icon--sm[data-v-3a64581b] {
   width: 1rem;
   height: 1rem;
 }
-.bp .c-icon--md[data-v-f03d3c87] {
+.bp .c-icon--md[data-v-3a64581b] {
   width: 1.5rem;
   height: 1.5rem;
 }
-.bp .c-icon--lg[data-v-f03d3c87] {
+.bp .c-icon--lg[data-v-3a64581b] {
   width: 2rem;
   height: 2rem;
 }
@@ -6184,6 +6184,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
 }
 }
 
+.bp .c_banner-container[data-v-9664630d] {
+  max-width: var(--brandsite-max-width);
+  margin: 0 auto;
+}
+
 .bp .root[data-v-78db940f] {
   --logo-width: var(--2a02f575);
   --tab-nav-height: 56px;
@@ -7905,11 +7910,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   min-width: 33.333333%
 }
 
-.bp .rich-text-editor[data-v-557b131a]:focus-within {
+.bp .rich-text-editor[data-v-da58b4ee]:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));
 }
-.bp .style-editor[data-v-557b131a] {
+.bp .style-editor[data-v-da58b4ee] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7920,7 +7925,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.bp .style-editor[data-v-557b131a] button:not(.c-button-style) {
+.bp .style-editor[data-v-da58b4ee] button:not(.c-button-style) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7930,16 +7935,16 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
-.bp .style-editor-button[data-v-557b131a] {
+.bp .style-editor-button[data-v-da58b4ee] {
   cursor: pointer;
   padding-left: 0.25rem;
   padding-top: 0.25rem;
 }
-.bp .toolbar-editor-button.active[data-v-557b131a] {
+.bp .toolbar-editor-button.active[data-v-da58b4ee] {
   font-weight: 700;
   background: #e3e3e3;
 }
-.bp .toolbar-editor-button[data-v-557b131a] {
+.bp .toolbar-editor-button[data-v-da58b4ee] {
   height: 32px;
   width: 32px;
   border-radius: 4px;
@@ -7957,7 +7962,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
       -ms-flex-pack: center;
           justify-content: center;
 }
-[data-v-557b131a] .ProseMirror {
+[data-v-da58b4ee] .ProseMirror {
   border-top: 1px solid #ccc;
   min-height: 150px;
   padding: 8px;
@@ -7970,10 +7975,10 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   max-height: 14rem;
   overflow: auto;
 }
-[data-v-557b131a] .ProseMirror:focus {
+[data-v-da58b4ee] .ProseMirror:focus {
   outline: none;
 }
-[data-v-557b131a] .ProseMirror * {
+[data-v-da58b4ee] .ProseMirror * {
   text-align: left !important;
   font-size: 16px !important;
   color: #606060 !important;
@@ -7982,25 +7987,25 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   background-color: transparent !important;
   font-family: 'Lato' !important;
 }
-[data-v-557b131a] .ProseMirror a,[data-v-557b131a] .ProseMirror a * {
+[data-v-da58b4ee] .ProseMirror a,[data-v-da58b4ee] .ProseMirror a * {
   color: #0097d7 !important;
   text-decoration: underline !important;
 }
-.bp .error-message[data-v-557b131a] {
+.bp .error-message[data-v-da58b4ee] {
   color: #d32f2f;
   font-size: 0.875rem;
   margin-top: 4px;
 }
-.bp .popup-container[data-v-557b131a] {
+.bp .popup-container[data-v-da58b4ee] {
   position: absolute;
   z-index: 10;
   right: 8%;
 }
-.bp .hyperlink-preview[data-v-557b131a] {
+.bp .hyperlink-preview[data-v-da58b4ee] {
   position: absolute;
   z-index: 10;
 }
-.bp .popup-panel[data-v-557b131a] {
+.bp .popup-panel[data-v-da58b4ee] {
   background: #fff;
   border: 1px solid #ccc;
   border-radius: 8px;
@@ -8008,17 +8013,17 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
-.bp .popup-panel[data-v-557b131a] input {
+.bp .popup-panel[data-v-da58b4ee] input {
   border: 1px solid #ccc;
   border-radius: 8px;
 }
-.bp .border[data-v-557b131a] {
+.bp .border[data-v-da58b4ee] {
   width: 100%;
   --tw-bg-opacity: 1;
   background-color: rgb(208 208 208 / var(--tw-bg-opacity));
   height: 1px;
 }
-[data-v-557b131a] .text-dropdown-title {
+[data-v-da58b4ee] .text-dropdown-title {
   height: 2rem;
   width: 100%;
   font-size: 0.875rem;
@@ -8027,7 +8032,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   color: rgb(43 43 43 / var(--tw-text-opacity));
   font-weight: 300;
 }
-[data-v-557b131a] .ProseMirror p.is-editor-empty:first-child::before {
+[data-v-da58b4ee] .ProseMirror p.is-editor-empty:first-child::before {
   --tw-text-opacity: 1;
   color: rgb(208 208 208 / var(--tw-text-opacity));
   content: attr(data-placeholder);
@@ -8036,56 +8041,56 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
   pointer-events: none;
 }
 @media (max-width: 399px) {
-.bp .style-editor-button-font[data-v-557b131a],
-  .bp .style-editor-button-textstyle[data-v-557b131a] {
+.bp .style-editor-button-font[data-v-da58b4ee],
+  .bp .style-editor-button-textstyle[data-v-da58b4ee] {
     max-width: 48%;
     padding-bottom: 0.25rem;
 }
-.bp .style-editor-button.stepper[data-v-557b131a] {
+.bp .style-editor-button.stepper[data-v-da58b4ee] {
     max-width: 40%;
 }
-.bp .style-editor-button-stepper[data-v-557b131a] {
+.bp .style-editor-button-stepper[data-v-da58b4ee] {
     max-width: 100%;
 }
-.bp .border.desktop[data-v-557b131a] {
+.bp .border.desktop[data-v-da58b4ee] {
     display: none;
 }
-.bp .border.mobile[data-v-557b131a] {
+.bp .border.mobile[data-v-da58b4ee] {
     display: block;
 }
-[data-v-557b131a] .left-align {
+[data-v-da58b4ee] .left-align {
     -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
 }
-.bp .hyperlink-popup[data-v-557b131a] {
+.bp .hyperlink-popup[data-v-da58b4ee] {
     z-index: 9999;
 }
 }
 @media (min-width: 400px) {
-.bp .style-editor-button.stepper[data-v-557b131a] {
+.bp .style-editor-button.stepper[data-v-da58b4ee] {
     max-width: 32%;
 }
-.bp .style-editor-button-font[data-v-557b131a] {
+.bp .style-editor-button-font[data-v-da58b4ee] {
     max-width: 28%;
 }
-.bp .style-editor-button-stepper[data-v-557b131a] {
+.bp .style-editor-button-stepper[data-v-da58b4ee] {
     max-width: 100%;
 }
-.bp .style-editor-button-textstyle[data-v-557b131a] {
+.bp .style-editor-button-textstyle[data-v-da58b4ee] {
     max-width: 25%;
 }
-.bp .border.desktop[data-v-557b131a] {
+.bp .border.desktop[data-v-da58b4ee] {
     display: block;
 }
-.bp .border.mobile[data-v-557b131a] {
+.bp .border.mobile[data-v-da58b4ee] {
     display: none;
 }
-[data-v-557b131a] .left-align {
+[data-v-da58b4ee] .left-align {
     -webkit-transform: translateX(-25%);
             transform: translateX(-25%);
 }
 }
-.bp .drop-down-item[data-v-557b131a]:hover {
+.bp .drop-down-item[data-v-da58b4ee]:hover {
   background-color: #eee;
 }
 
@@ -8133,7 +8138,7 @@ input[type='number'][data-v-28a532b4] {
           align-items: flex-start;
 }
 
-.bp .text-item-preview[data-v-4d5ca58f] {
+.bp .text-item-preview[data-v-4ff4d504] {
   overflow: hidden;
   text-overflow: ellipsis;
   max-height: 21px;