.blog-posts-hover-list .halo-block-content{--gap: 0px;display:flex;gap:var(--gap);transition:opacity var(--duration-default) ease-in-out}.blog-posts-hover-list .halo-block-header{margin-bottom:30px}.blog-posts-hover-list .halo-block-header .title:before{display:none}.blog-posts-hover-list .halo-block-content.loading{opacity:0;pointer-events:none}.blog-posts-hover-list .view-all-link{font-weight:var(--font-weight);margin-top:var(--margin-top);color:var(--color);padding-left:var(--item-padding)}.blog-posts-hover-list .view-all-link.hide-on-desktop{display:none}.blog-posts-hover-list .view-all-link.hide-on-mobile{display:block}.blog-posts-hover-list .view-all-link.is-underlined .text{position:relative}.blog-posts-hover-list .view-all-link.is-underlined .text:after{content:"";position:absolute;bottom:-5px;height:1px;background:currentColor;left:0;width:100%;transform:scaleX(0);transform-origin:right;transition:transform var(--duration-default) ease-in-out}.blog-posts-hover-list .view-all-link.is-underlined .text:hover:after{transform:scaleX(1);transform-origin:left}.blog-posts-hover-list .halo-block-content .content-block{flex-basis:50%;width:50%}.blog-posts-hover-list .halo-block-content .main-blog-view{flex-basis:50%;width:50%;position:relative}.blog-posts-hover-list .halo-block-content .blogs-list{flex-basis:50%;width:50%}.blog-posts-hover-list .blog-post-main-item{display:none;position:relative}.blog-posts-hover-list .blog-post-main-item.is-active{display:block}.blog-posts-hover-list .halo-block-content .main-blog-view .article-card__info{display:none}.blog-posts-hover-list .halo-block-content .article-card__author{margin-top:0;margin-bottom:var(--blog-info-margin-bottom)}.blog-posts-hover-list .halo-block-content .article-card__title{margin-top:0;margin-bottom:var(--blog-title-margin-bottom);position:relative}.blog-posts-hover-list .halo-block-content .article-card__des{margin-top:0;margin-bottom:var(--blog-description-margin-bottom);color:var(--color-grey)}.blog-posts-hover-list .halo-block-content .article-card__footer{max-width:210px}.blog-posts-hover-list .blogs-list{--item-padding: 20px}.blog-posts-hover-list .halo-block-content .blog-post-item{padding:15px var(--item-padding);-webkit-user-select:none;user-select:none;transition-property:transform,box-shadow;transition-duration:var(--duration-default);transition-timing-function:ease-in-out;margin-bottom:2px;cursor:pointer}.blog-posts-hover-list .halo-block-content .blog-post-item:hover,.blog-posts-hover-list .halo-block-content .blog-post-item.is-active{box-shadow:0 0 #0000;background-color:#0000}.blog-posts-hover-list .article-card__title{margin:0 0 var(--margin-bottom);font-size:var(--blog-title-font-size);font-weight:var(--blog-title-font-weight);line-height:var(--blog-title-line-height);letter-spacing:var(--blog-title-letter-spacing);text-transform:var(--blog-title-text-transform);font-family:var(--blog-title-font)}.blog-posts-hover-list .article-card__author{margin-bottom:var(--margin-bottom);font-size:var(--blog-info-font-size);font-weight:var(--blog-info-font-weight);font-family:var(--blog-info-font);line-height:var(--blog-info-line-height);letter-spacing:var(--blog-info-letter-spacing);text-transform:var(--blog-info-text-transform);color:var(--color-grey)}.blog-posts-hover-list .article-card__footer{font-weight:var(--font-weight-medium);text-decoration:underline;text-underline-offset:.1rem;margin-top:6px;text-decoration:none}.blog-posts-hover-list .article-card__footer .button{font-weight:var(--font-weight-medium);color:var(--button-text-color);border:1px solid var(--button-border-color);background-color:var(--button-background-color)}.btn_1_br_outside .blog-posts-hover-list .article-card__footer .button:after{border:1px solid var(--button-border-color)}.blog-posts-hover-list .article-card__footer .button:hover{color:var(--button-text-color-hover);border:1px solid var(--button-border-color-hover);background-color:var(--button-background-color-hover)}.btn_1_br_outside .blog-posts-hover-list .article-card__footer .button:hover:after{border:1px solid var(--button-border-color-hover)}.blog-posts-hover-list .blog-post-header{cursor:pointer;position:relative;padding:8px 0;display:flex;justify-content:space-between;align-items:center}.blog-posts-hover-list .blog-post-header .article-card__title{transition:color var(--duration-default) ease-in-out}.blog-posts-hover-list .blog-post-header:hover .article-card__title,.blog-posts-hover-list .blog-post-item.is-active .blog-post-header .article-card__title{color:var(--color-link)}.blog-posts-hover-list .blog-post-content{padding-top:5px;max-height:0;overflow:hidden;transition:max-height var(--duration-default) ease-in-out,padding var(--duration-default) ease-in-out,opacity var(--duration-default) ease-in-out;opacity:0}.blog-posts-hover-list .blog-post-item.is-active .blog-post-content{max-height:200px;padding-top:5px;opacity:1}.blog-posts-hover-list .blog-post-header .toggle-icon{width:24px;height:24px;transition:transform var(--duration-default) ease-in-out;display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-posts-hover-list .blog-post-header .toggle-icon img{width:24px;height:24px;max-width:none;max-height:none;object-fit:contain}.blog-posts-hover-list .blog-post-item.is-active .blog-post-header .toggle-icon{transform:rotate(180deg)}@media (min-width: 1200px){.blog-posts-hover-list .halo-block-content{flex-direction:row}}@media (min-width: 768px) and (max-width: 1199px){.blog-posts-hover-list .halo-block-content{flex-direction:row}.blog-posts-hover-list .halo-block-content .main-blog-view .article-card__info{max-width:90%;margin-top:-100px}}@media (max-width: 767px){.blog-posts-hover-list .halo-block-content{flex-direction:column}.blog-posts-hover-list .halo-block-content .content-block{flex-basis:100%;width:100%}.blog-posts-hover-list .view-all-link.hide-on-desktop{display:block}.blog-posts-hover-list .view-all-link.hide-on-mobile{display:none}.blog-posts-hover-list .blog-post-item.is-active .blog-post-content{max-height:1000px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-blog-posts-hover-list.css.map */