@biggive/components 1.0.154 → 1.0.157

package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.js

@@ -51,6 +51,13 @@ export default {
         type: 'select',
       },
     },
+    filtersApplied: {
+      name: 'Filters applied',
+      options: [true, false],
+      control: {
+        type: 'select',
+      },
+    },
   },
 };
 const Template = args => `
@@ -60,6 +67,7 @@ const Template = args => `
         location-options="${args.locationOptions}"
         funding-options="${args.fundingOptions}"
         search-text="${args.searchText}"
+        filters-applied="${args.filtersApplied}",
         selected-sort-by-option="${args.selectedSortByOption}"
         selected-filter-categeory="${args.selectedFilterCategory}"
         selected-filter-beneficiary="${args.selectedFilterBeneficiary}"
@@ -69,37 +77,37 @@ const Template = args => `
       <biggive-grid slot="campaign-grid" column-count="3">
         <biggive-campaign-card
           campaign-type="Match Funded"
-          campaign-title="Oxford Piano Festival Fundraising Campaign for LGBTQ+ community" 
+          campaign-title="Oxford Piano Festival Fundraising Campaign for LGBTQ+ community"
           organisation-name="Oxford Philharmonic Orchestra"
-          currency-code="GBP" 
-          primary-figure-label="Total Raised" 
-          primary-figure-amount="76543" 
-          secondary-figure-label="Total Raised" 
-          secondary-figure-amount="76543" 
+          currency-code="GBP"
+          primary-figure-label="Total Raised"
+          primary-figure-amount="76543"
+          secondary-figure-label="Total Raised"
+          secondary-figure-amount="76543"
           progress-bar-counter="75">
         </biggive-campaign-card>
-        <biggive-campaign-card 
+        <biggive-campaign-card
           data-filter-categories="[&quot;Healthcare&quot;]"
           data-filter-beneficiaries="[&quot;Children&quot;]"
-          campaign-type="Match Funded" 
-          campaign-title="Oxford Piano Festival Fundraising Campaign for LGBTQ+ community" 
+          campaign-type="Match Funded"
+          campaign-title="Oxford Piano Festival Fundraising Campaign for LGBTQ+ community"
           organisation-name="Oxford Philharmonic Orchestra"
-          currency-code="GBP" 
-          primary-figure-label="Total Raised" 
-          primary-figure-amount="76543" 
-          secondary-figure-label="Total Raised" 
+          currency-code="GBP"
+          primary-figure-label="Total Raised"
+          primary-figure-amount="76543"
+          secondary-figure-label="Total Raised"
           secondary-figure-amount="76543">
         </biggive-campaign-card>
-        <biggive-campaign-card 
+        <biggive-campaign-card
           data-filter-categories="[&quot;Healthcare&quot;]"
           data-filter-beneficiaries="[&quot;Children&quot;]"
-          campaign-type="Match Funded" 
-          campaign-title="Oxford Piano Festival Fundraising Campaign for LGBTQ+ community" 
+          campaign-type="Match Funded"
+          campaign-title="Oxford Piano Festival Fundraising Campaign for LGBTQ+ community"
           organisation-name="Oxford Philharmonic Orchestra"
-          currency-code="GBP" 
-          primary-figure-label="Total Raised" 
-          primary-figure-amount="76543" 
-          secondary-figure-label="Total Raised" 
+          currency-code="GBP"
+          primary-figure-label="Total Raised"
+          primary-figure-amount="76543"
+          secondary-figure-label="Total Raised"
           secondary-figure-amount="76543">
         </biggive-campaign-card>
       </biggive-grid>
@@ -118,5 +126,6 @@ CampaignCardFilterGridComponent.args = {
   selectedFilterCategory: 'Category',
   selectedFilterBeneficiary: 'Beneficiary',
   selectedFilterLocation: 'Location',
-  selectedFilterFunding: 'Funding', // use the placeholder as the defaulted option
+  selectedFilterFunding: 'Funding',
+  filtersApplied: false,
 };

package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-category-icon/biggive-category-icon.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-footer/biggive-footer.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-form-field-select-option/biggive-form-field-select-option.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-grid/biggive-grid.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-header/biggive-header.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-heading/biggive-heading.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-hero-image/biggive-hero-image.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-icon-group/biggive-icon-group.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-image/biggive-image.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-image-feature/biggive-image-feature.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-nav-group/biggive-nav-group.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-nav-item/biggive-nav-item.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-page-column/biggive-page-column.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-page-columns/biggive-page-columns.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-page-section/biggive-page-section.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-popup/biggive-popup.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-popup-standalone/biggive-popup-standalone.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-quote/biggive-quote.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-search/biggive-search.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-social-icon/biggive-social-icon.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-tab/biggive-tab.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-totalizer/biggive-totalizer.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-totalizer-ticker-item/biggive-totalizer-ticker-item.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-video/biggive-video.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/collection/components/biggive-video-feature/biggive-video-feature.css

@@ -201,12 +201,13 @@ a:hover {
 }
 
 .button-secondary {
-  color: #2C089B;
+  color: #000000;
   background-color: #2AF135;
   border-color: #2AF135;
 }
 .button-secondary:hover {
   background-color: #FFFFFF;
+  border-color: #000000;
 }
 
 .button-tertiary {

package/dist/components/biggive-article-card.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { d as defineCustomElement$3 } from './biggive-button2.js';
 import { d as defineCustomElement$2 } from './biggive-misc-icon2.js';
 
-const biggiveArticleCardCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#2C089B;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left;padding:30px;filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.25))}.container .sleeve{padding:30px 30px 0 30px;clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .slug{margin-bottom:5px}.container .date{font-size:13px;line-height:17px;margin-bottom:15px}.container h3{font-size:20px;line-height:24px;font-weight:bold;margin-bottom:15px}.container h3 a,.container h3 a:hover{text-decoration:none}.container .image-group{margin-bottom:15px}.container .image-group .image-wrap{border-radius:50%;width:60px;height:60px;background-size:cover;background-position:center center;margin-bottom:5px}.container .image-group .image-wrap img{display:none}.container .image-group .image-label{font-size:13px;line-height:17px}";
+const biggiveArticleCardCss = "body{background-color:#D7D7D7}h1,h3,h4,h5,h6{margin-bottom:0}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.colour-primary{color:#2C089B}.colour-secondary{color:#2AF135}.colour-tertiary{color:#FF7272}.colour-white{color:#FFFFFF}.colour-black{color:#000000}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.input-wrap{display:flex;justify-content:space-between}.input-text{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;color:#000000;padding:5px 10px;box-sizing:border-box;width:100%}.input-text:focus{outline:0}.input-text:placeholder{color:#4A4A4A}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;filter:drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.22));color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#000000;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{background-color:#FFFFFF;border-color:#000000}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{background-color:#FFFFFF}.button-white{color:#2C089B;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#2C089B}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;box-shadow:none;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.progress-bar{display:flex}.progress-bar .slider{margin:auto 15px auto 0;position:relative;flex-grow:1}.progress-bar .slider:before{content:\"\";position:absolute;display:block;top:0;left:0;bottom:0;right:0;background-color:#E8E8E8;border-radius:4px}.progress-bar .slider .progress{position:relative;border-radius:4px;background-color:#000000;height:8px}.progress-bar .counter{font-weight:700;color:#000000;font-size:14px;line-height:18px}.progress-bar-primary .slider .progress{background-color:#2C089B}.progress-bar-primary .counter{color:#2C089B}.progress-bar-secondary .slider .progress{background-color:#2AF135}.progress-bar-secondary .counter{color:#2AF135}.video-wrap{position:relative;padding-bottom:56.25%}.video-wrap iframe,.video-wrap video{position:absolute;border:0;display:block;left:0;right:0;top:0;bottom:0;width:100%;height:100%}.image-wrap img{width:100%;height:auto}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left;padding:30px;filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.25))}.container .sleeve{padding:30px 30px 0 30px;clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .slug{margin-bottom:5px}.container .date{font-size:13px;line-height:17px;margin-bottom:15px}.container h3{font-size:20px;line-height:24px;font-weight:bold;margin-bottom:15px}.container h3 a,.container h3 a:hover{text-decoration:none}.container .image-group{margin-bottom:15px}.container .image-group .image-wrap{border-radius:50%;width:60px;height:60px;background-size:cover;background-position:center center;margin-bottom:5px}.container .image-group .image-wrap img{display:none}.container .image-group .image-label{font-size:13px;line-height:17px}";
 
 const BiggiveArticleCard$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {