/* product category slider */
.post-slider{
	--swiper-theme-color:#111;
	--swiper-scrollbar-drag-bg-color:#111;
	--swiper-navigation-size:1rem;
	--swiper-navigation-sides-offset:1.5rem;
}
.post-slider.swiper-horizontal > .swiper-scrollbar{position:relative; margin:1.5rem 0; overflow:hidden;}
.post-slider.swiper-horizontal > .swiper-pagination{position:relative; margin:1.5rem 0; top:0;}
.post-slider[data-overflow="true"]{overflow:visible;}

.post-slider .swiper-button-next, .post-slider .swiper-button-prev{height:40px; width:40px; background-color:#fff; border-radius:100%; box-shadow:0 0 0 8px rgba(255,255,255,0.25);}

.post-slider{margin-top:2rem; margin-bottom:2rem;}
.post-slider a{text-decoration:none; font-weight:500;}
.post-slider figure{margin:0; width:100%; aspect-ratio:1/1; background-color:#f5f5f5; overflow:hidden; border-radius:1.5rem;}
.post-slider figure img{height:100%; width:100%; object-fit:cover; object-position:center center;}

/* blob button */
.is-layout-flex > [data-type="frameworx/blobbutton"] .fw-block-bubblebutton-front{position:relative; left:0 !important; transform:unset !important;}
.editor-styles-wrapper div[data-type="frameworx/blobbutton"]{background-color:transparent !important;}

.fw-block-blobbutton{position:relative; background-color:transparent !important;}
.fw-block-blobbutton-inner{position:relative; display:inline-block;}
.fw-block-blobbutton-front{position:absolute; top:0; left:50%; transform:translate(-50%, -50%); z-index:10;}
.is-layout-flex > .fw-block-blobbutton .fw-block-blobbutton-front{position:relative; left:0 !important; transform:unset !important;}

.fw-block-blobbutton-button{position:relative; display:flex; align-items:center; aspect-ratio:1/1; padding:2.5rem; text-decoration:none; color:#fff; text-align:center; border-radius:1000px;}
.fw-block-blobbutton-button:hover .fw-block-blobbutton-blob{transform:scale(1.2);}
.fw-block-blobbutton-blob{position:absolute; top:0; left:0; height:100%; width:100%; transition:0.5s;}
.fw-block-blobbutton-effect{position:absolute; top:0; left:0; height:100%; width:100%; background-color:#000; aspect-ratio:1/1; border-radius:50%; overflow:hidden; transform:rotate(var(--r, 0)); transition:linear 600ms; transition-property:border-radius, transform;}
.fw-block-blobbutton-text{position:relative; display:block;}

.fw-block-blobbutton-button{font-weight:800; font-size: 20px;}