:root{--dev-vendor-header-height: 129px;--dev-vendor-header-height-mobile: 72px}.dev-blog-post-hero-image-wrapper{position:relative}.dev-blog-post-hero-image{height:clamp(300px,40vh,800px);width:100vw;object-fit:cover;overflow:hidden;background:#000;display:flex}.dev-blog-post-hero-image-overlay{position:absolute;display:flex;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 40%,#00000073,#000000bf 55%,#000000e6 85%,#000)}.dev-blog-post-hero-content{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2rem;max-width:60vw;width:100%;margin:0 auto;padding:0 1rem}.dev-blog-post-hero-content__heading{font-size:4rem;font-style:normal;font-weight:400;line-height:100%;letter-spacing:-.1rem;max-width:60vw;padding-bottom:1rem}.dev-blog-post-hero-content-tags{display:flex;gap:.5rem;margin-bottom:1rem}.dev-blog-post-hero-content-tag{text-transform:uppercase;color:#ffd230;text-align:center;font-size:1rem;font-style:normal;font-weight:500;padding:.4rem .8rem;border-radius:16px;border:1.5px solid rgba(254,154,0,.3);background:#fe9a0033;display:flex;align-items:center;justify-content:center}.dev-blog-post-hero-content-right{max-width:40vw}.dev-blog-post-hero-content-left{display:flex;flex-direction:column;gap:20px;padding:22px;border-radius:12.75px;border:1px solid rgba(254,154,0,.2);background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dev-blog-post-hero-content-heart,.dev-blog-post-hero-content-bookmark,.dev-blog-post-hero-content-share,.dev-blog-post-hero-content-twitter{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.dev-blog-post-hero-content-heart svg path,.dev-blog-post-hero-content-bookmark svg path,.dev-blog-post-hero-content-share svg path,.dev-blog-post-hero-content-twitter svg path{transition:all .3s ease}.dev-blog-post-hero-content-heart:hover svg path,.dev-blog-post-hero-content-bookmark:hover svg path,.dev-blog-post-hero-content-share:hover svg path{stroke:#ffd230}.dev-blog-post-hero-content-twitter:hover svg path{fill:#ffd230}.dev-blog-post-hero-content-heart:hover,.dev-blog-post-hero-content-bookmark:hover,.dev-blog-post-hero-content-share:hover,.dev-blog-post-hero-content-twitter:hover{scale:1.1}.dev-blog-post-hero-content-heart,.dev-blog-post-hero-content-bookmark{margin-bottom:9px;display:none}.dev-blog-post-hero-content-divider{width:1px;height:21px;flex-shrink:0;background:linear-gradient(180deg,#fe9a0080,#fe9a0000);display:flex;align-items:center;justify-content:center;margin:0 auto}.dev-blog-back-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.3rem .8rem;border-radius:12px;background:var(--theme-orange-color);color:#fff;font-size:1rem;text-decoration:none;transition:all .18s ease}.dev-blog-back-btn:hover{background:#fff;color:var(--theme-orange-color);transform:translateY(-2px)}.dev-blog-back-btn:active{transform:translateY(0)}@media (max-width: 768px){.dev-blog-post-hero-image{height:clamp(300px,20vh,800px)}.dev-blog-post-hero-content-right{max-width:80vw}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/ds-blog-post-hero.css.map */