.blog-post-banner{position:relative}.blog-post-row{display:flex;gap:3.2rem;align-items:center;margin:0 auto}.blog-post__content{flex:1}.blog-post__img{flex:0 0 48%}.blog-post__tags{margin:0 0 16px;box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:4px 8px 4px 4px;gap:8px;height:30px;background:#fff;border:1px solid #D5D7DA;box-shadow:0 1px 2px #0a0d120d;border-radius:10px;font-family:var(--font-body-family);font-style:normal;font-weight:300;font-size:12px;line-height:18px;color:#414651}.blog-post__tag{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:2px 6px 2px 15px;gap:4px;height:22px;background:#fff;border:1px solid #D5D7DA;box-shadow:0 1px 2px #0a0d120d;border-radius:6px;font-family:var(--font-body-family);font-style:normal;font-weight:300;font-size:12px;line-height:18px;text-align:center;color:#414651;position:relative}@keyframes pulsing{0%{box-shadow:0 0 0 0 var(--blue)}70%{box-shadow:0 0 0 var(--pulseSize) var(--transparentBlue)}to{box-shadow:0 0 0 0 var(--transparentBlue)}}.blog-post__tag{--pulseSize: 6px;--blue: #9E77ED;--transparentBlue: rgba(95,139,250,0)}.blog-post__tag:nth-child(2){--blue: rgb(169, 220, 132, 1);--transparentBlue: rgba(243,123,123,0)}.blog-post__tag:nth-child(3){--blue: rgb(235, 207, 50);--transparentBlue: rgba(243,123,123,0)}.blog-post__tag:nth-child(4){--blue: rgb(27, 133, 219);--transparentBlue: rgba(243,123,123,0)}.blog-post__tag:before{content:"";width:var(--pulseSize);height:var(--pulseSize);border-radius:50%;background:var(--blue);box-shadow:0 0 0 var(--blue);animation:pulsing 2s infinite;transition:all .2s;cursor:pointer;position:absolute;left:4px;top:50%;transform:translateY(-50%)}.blog-post__heading{margin:0 0 24px}.blog-post__heading em{color:rgb(var(--color-accent));font-style:normal;display:block}.blog-post__text:not(:last-child){margin:0 0 20px}.blog-post__img{border-radius:10px}.blog-post__img img{width:100%;height:100%;object-fit:cover;border-radius:10px;overflow:hidden}.blog-post__text ul{list-style:none;padding-left:3rem}.blog-post__text ul li{position:relative;padding-left:26px;margin-bottom:10px}.blog-post__text ul li:before{content:"";position:absolute;left:0;top:4px;background-image:url(check.svg);background-repeat:no-repeat;background-size:contain;width:16px;height:16px}@media screen and (max-width:1300px){.image-with-list-text{flex:0 0 45.4%}}@media screen and (max-width:768px){.blog-post__img{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/blog-post-banner.css.map */
