.blogs__card-container{height:100%}.blogs__card{display:flex;flex-direction:column;height:100%;border:var(--blog-card-border-width, 0px) solid var(--blog-card-border-color, transparent);border-radius:var(--block-border-radius)}.blogs__card:hover{border-color:var(--blog-card-border-hover-color, var(--blog-card-border-color, transparent))}.blogs__cardImage{position:relative;flex:0 0 auto;z-index:1;background:var(--color-background) var(--gradient-background) no-repeat 100% 100%;background-clip:padding-box;overflow:hidden;border:var(--blog-card-image-border-width, 0px) solid var(--blog-card-image-border-color, transparent);border-radius:max(0px,calc(var(--block-border-radius) - var(--blog-card-border-width, 0px) + var(--blog-card-image-border-width, 0px)));margin:calc(-1 * var(--blog-card-image-border-width, 0px)) calc(-1 * var(--blog-card-image-border-width, 0px)) 0;width:calc(100% + 1.8 * var(--blog-card-image-border-width, 0px))}.blogs__card:hover .blogs__cardImage{border-color:var(--blog-card-image-border-hover-color, var(--blog-card-image-border-color, transparent))}.blogs__cardImage:hover img{transform:scale(1.1)}.blogs__cardImage img{width:100%;object-fit:cover;height:100%;transition:.5s ease all}.blogs__cardImage svg{width:100%;height:100%}.blogs__cardImage>a{position:absolute;top:0;right:0;bottom:0;left:0}.blogs__hotspot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.blogs__hotspot-point{position:absolute;top:var(--hotspot-y, 50%);left:var(--hotspot-x, 50%)}.blogs__hotspot-marker{position:absolute;top:0;left:0;width:var(--blogs-hotspot-size, 28px);height:var(--blogs-hotspot-size, 28px);transform:translate(-50%,-50%);border-radius:50%}.blogs__hotspot-marker:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border:3px solid var(--blogs-hotspot-accent, #fff);background-color:var(--blogs-hotspot-fill, var(--color-primary, #1a4fd6));border-radius:50%;animation:blogs-hotspot-pulse 1.7s infinite}.blogs__hotspot-marker:before{content:"";position:absolute;top:50%;left:50%;width:calc(var(--blogs-hotspot-size, 28px) * .36);height:calc(var(--blogs-hotspot-size, 28px) * .36);transform:translate(-50%,-50%);background-color:var(--blogs-hotspot-accent, #fff);border-radius:50%;z-index:1}@keyframes blogs-hotspot-pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.blogs__hotspot-card{position:absolute;width:max-content;max-width:240px;pointer-events:auto;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.blogs__hotspot--below .blogs__hotspot-card{top:calc(var(--blogs-hotspot-size, 28px) / 2 + 10px)}.blogs__hotspot--above .blogs__hotspot-card{bottom:calc(var(--blogs-hotspot-size, 28px) / 2 + 10px)}.blogs__hotspot--center .blogs__hotspot-card{left:50%;transform:translate(-50%)}.blogs__hotspot--start .blogs__hotspot-card{left:calc(var(--blogs-hotspot-size, 28px) / -2)}.blogs__hotspot--end .blogs__hotspot-card{right:calc(var(--blogs-hotspot-size, 28px) / -2)}.blogs__cardImage:hover .blogs__hotspot-card,.blogs__hotspot:focus-within .blogs__hotspot-card{opacity:1;visibility:visible}@media(hover:none){.blogs__hotspot-card{opacity:1;visibility:visible}}@media screen and (max-width:767px){.blogs-section--hotspot-desktop-only .blogs__hotspot{display:none}}.blogs__hotspot-link{display:flex;align-items:center;gap:12px;padding:5px 5px 5px 13px;border-radius:5px;background-color:var(--blogs-hotspot-card-background, var(--color-primary, #1a4fd6));text-decoration:none}.blogs .blogs__hotspot-link,.blogs .blogs__hotspot-link *{color:var(--blogs-hotspot-card-text, #fff)}.blogs__hotspot-text{display:flex;flex-direction:column;min-width:0}.blogs__hotspot-type{margin:0}.blogs .blogs__hotspot-title{margin:0;font-weight:800}.blogs__hotspot-image{flex:0 0 auto;width:56px;line-height:0;background-color:var(--blogs-hotspot-image-background, transparent);border-radius:5px}.blogs__hotspot-image img{width:100%;height:auto;border-radius:5px}.blogs__cardImage:hover .blogs__hotspot-image img{transform:none}.blogs h2{margin-top:0}.blogs__body{flex:1 1 auto;margin-top:10px;padding-inline:var(--blog-card-body-inset, 0px);padding-bottom:var(--blog-card-body-inset, 0px)}.blogs__body h3{margin-top:8px}.blogs__meta{margin-top:8px;color:var(--color-text)}.blogs__meta span{display:inline-block}.blogs__meta span+span{position:relative;padding-left:12px;margin-left:8px}.blogs__meta span+span:before{width:5px;height:5px;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:50%;background-color:var(--color-text)}.blogs__body>a,.blogs__bodyMain>a{text-decoration:none}.blogs__body>a.blogs__link,.blogs__bodyMain>a.blogs__link{display:inline-flex;margin-bottom:10px;color:var(--blogs-article-link-color, var(--color-link, var(--color-text)));text-decoration:none}.blogs__head span{display:inline-block}.blogs__head span+.date{position:relative;padding-left:12px;margin-left:8px}.blogs__head span+.date:before{width:5px;height:5px;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:50%;background-color:var(--color-text)}.blogs__descpt{font-size:calc(var(--font-body-scale) * 16px);line-height:calc(var(--font-body-scale) * 16px * var(--body-line-height));display:flex;align-items:center;color:var(--color-text);margin-top:8px;margin-bottom:16px}@media(max-width:767px){.blogs__descpt{margin-bottom:16px;font-size:calc(var(--font-body-scale) * 14px)}}.blogs__footer{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-top:16px;gap:8px}@media(max-width:767px){.blogs__footer{margin-top:16px}}.blogs__comments{display:flex;align-items:center}.blogs__comments svg{margin-right:10px}.blogs .blog-post-svg-img{width:100%;height:100%}.blogs-section{background:var(--color-background) var(--gradient-background) no-repeat 100% 100%}.blogs-section .RTE-content b,.blogs-section .RTE-content strong{font-weight:var(--font-body-weight-semibold, var(--font-body-weight-bold))}.blogs__layout{position:relative}.blogs .blogs__control{margin-top:32px}.blogs .blogs__control:has(.swiper-scrollbar-lock){display:none}.blogs .blogs__control .blogs__scrollbar{position:relative;inset:auto;width:100%;height:10px;margin:0;border-radius:999px;overflow:hidden;background:var(--color-slider-progress-background, rgba(var(--color-slider-progress) / .3));cursor:pointer}.blogs .blogs__control .blogs__scrollbar.swiper-scrollbar-lock{display:none!important}.blogs .blogs__control .blogs__scrollbar .swiper-scrollbar-drag{background:rgba(var(--color-slider-progress) / 1);border-radius:999px;cursor:grab;height:4px;top:3px;border-inline:3px solid transparent;background-clip:padding-box}.blogs .blogs__control .blogs__scrollbar .swiper-scrollbar-drag:active{cursor:grabbing}.blogs__icon{position:absolute;width:var(--blogs-icon-size, 80px);line-height:0;pointer-events:none;z-index:2}.blogs__icon img{width:100%;height:auto;display:block}.blogs__icon--bottom_right{right:0;bottom:0;transform:translate(calc(30% + var(--blogs-icon-x, 0px)),calc(30% + var(--blogs-icon-y, 0px))) rotate(var(--blogs-icon-rotation, 0deg))}.blogs__icon--bottom_left{left:0;bottom:0;transform:translate(calc(-30% + var(--blogs-icon-x, 0px)),calc(30% + var(--blogs-icon-y, 0px))) rotate(var(--blogs-icon-rotation, 0deg))}.blogs__icon--top_right{right:0;top:0;transform:translate(calc(30% + var(--blogs-icon-x, 0px)),calc(-30% + var(--blogs-icon-y, 0px))) rotate(var(--blogs-icon-rotation, 0deg))}.blogs__icon--top_left{left:0;top:0;transform:translate(calc(-30% + var(--blogs-icon-x, 0px)),calc(-30% + var(--blogs-icon-y, 0px))) rotate(var(--blogs-icon-rotation, 0deg))}@media screen and (max-width:767px){.blogs__icon{width:var(--blogs-icon-size-mobile, var(--blogs-icon-size, 56px))}.blogs__icon--mobile-bottom_right{inset:auto 0 0 auto;transform:translate(calc(30% + var(--blogs-icon-x-mobile, 0px)),calc(30% + var(--blogs-icon-y-mobile, 0px))) rotate(var(--blogs-icon-rotation-mobile, 0deg))}.blogs__icon--mobile-bottom_left{inset:auto auto 0 0;transform:translate(calc(-30% + var(--blogs-icon-x-mobile, 0px)),calc(30% + var(--blogs-icon-y-mobile, 0px))) rotate(var(--blogs-icon-rotation-mobile, 0deg))}.blogs__icon--mobile-top_right{inset:0 0 auto auto;transform:translate(calc(30% + var(--blogs-icon-x-mobile, 0px)),calc(-30% + var(--blogs-icon-y-mobile, 0px))) rotate(var(--blogs-icon-rotation-mobile, 0deg))}.blogs__icon--mobile-top_left{inset:0 auto auto 0;transform:translate(calc(-30% + var(--blogs-icon-x-mobile, 0px)),calc(-30% + var(--blogs-icon-y-mobile, 0px))) rotate(var(--blogs-icon-rotation-mobile, 0deg))}.blogs__icon--desktop-only{display:none}}@media screen and (min-width:768px){.blogs__icon--mobile-only{display:none}}.blogs .blogs__tabs-wrapper{flex-wrap:nowrap;gap:40px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-right:2px;margin-bottom:24px}.blogs .blogs__tabs-wrapper>*{flex:0 0 auto}.blogs .blogs__tabs-wrapper.justify-content-right>:first-child,.blogs .blogs__tabs-wrapper.justify-content-center>:first-child{margin-inline-start:auto}.blogs .blogs__tabs-wrapper.justify-content-center>:last-child{margin-inline-end:auto}.blogs .blogs__tabs-wrapper::-webkit-scrollbar{width:0}@media(max-width:767px){.blogs .blogs__tabs-wrapper{gap:24px;padding-bottom:10px}}.blogs .blogs__tab{scroll-snap-align:start;cursor:pointer;opacity:.5;position:relative;border:none;background:none;padding:0 0 8px;color:inherit}.blogs .blogs__tab:after{position:absolute;content:"";bottom:0;height:2px;left:0;right:0;background-color:var(--blogs-underline-color, var(--color-text, currentColor));transition:all .4s;opacity:0;transform:scaleX(0);transform-origin:center}.blogs .blogs__tab.active,.blogs .blogs__tab:hover{opacity:1}.blogs .blogs__tab.active:after,.blogs .blogs__tab:hover:after{opacity:1;transform:scaleX(1)}.blogs .blogs__tab-panel{display:none}.blogs .blogs__tab-panel.active{display:block}.blogs .blogs__cta{margin-top:32px}@media screen and (min-width:768px){.blogs .blogs__cta--mobile{display:none}}@media screen and (max-width:767px){.blogs-section .section-header__viewAll{display:none}}.blogs .blogs__cta-link span:after{height:var(--blogs-underline-thickness, 1px);background-color:var(--blogs-underline-color, var(--color-link))}.blogs .blogs__cta-link{position:relative}.blogs .blogs__cta-link.h6{font-family:var(--font-h6-family)}.blogs .blogs__cta-link--curved span:after{display:none}.blogs .blogs__cta-curve{position:absolute;top:140%;left:50%;transform:translate(-50%);bottom:calc(-2px - var(--blogs-underline-curve, 8px));width:var(--blogs-underline-width, 80%);height:var(--blogs-underline-curve, 8px);overflow:visible}.blogs .blogs__cta-curve path{stroke:var(--blogs-underline-color, var(--color-link, currentColor));stroke-width:var(--blogs-underline-thickness, 2px);stroke-linecap:round}.blogs__link{display:inline-flex;align-items:center;gap:8px;position:relative;text-decoration:none}.blogs__link--straight .blogs__link-label{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--blogs-card-underline-color, currentColor)}.blogs__link .blogs__link-arrow{flex:none;width:1.1em;height:auto}.blogs__link .blogs__link-curve{position:absolute;left:0;right:0;bottom:-5px;width:100%;height:4px;overflow:visible;pointer-events:none}.blogs__link .blogs__link-curve path{stroke:var(--blogs-card-underline-color, currentColor);stroke-width:2px;stroke-linecap:round}.blogs__imageLink{position:absolute;left:0;right:0;bottom:16px;z-index:2;display:flex;padding-inline:16px}.blogs__imageLink--left{justify-content:flex-start}.blogs__imageLink--center{justify-content:center}.blogs__imageLink--right{justify-content:flex-end}.blogs__link--onImage{color:var(--blogs-article-link-color, #ffffff);pointer-events:auto}.blogs__bodyRow{display:flex;align-items:flex-start;gap:16px}.blogs__bodyMain{flex:1 1 auto;min-width:0}.blogs__product{flex:0 0 auto;width:var(--blogs-card-product-size, 64px);height:var(--blogs-card-product-size, 64px);display:flex;align-items:center;justify-content:center;border-radius:min(3px,var(--block-border-radius));background-color:var(--blogs-card-product-background, transparent)}.blogs__product-img{width:100%;height:100%;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-blog-post.css.map */