.blog-new-ui{--bnu-dark: #0e0e0f;--bnu-light: #efefef;--bnu-text: #161616;--bnu-body: #3a3a3a;--bnu-muted: #8c8c8c;--bnu-border: rgba(0, 0, 0, .08);--bnu-radius-lg: 20px;--bnu-radius: 14px;--bnu-heading-font: var(--font-heading-family, inherit);--bnu-sticky-gap: 24px;--bnu-header-visible: 0px;--bnu-header-height: 0px;display:block;padding-top:var(--bnu-padding-top, 32px);padding-bottom:var(--bnu-padding-bottom, 64px);color:var(--bnu-text)}.blog-new-ui *,.blog-new-ui *:before,.blog-new-ui *:after{box-sizing:border-box}.blog-new-ui__container{max-width:1240px;margin:0 auto;padding:0 20px}.blog-new-ui__hero{position:relative;display:flex;align-items:center;min-height:320px;overflow:hidden;border-radius:var(--bnu-radius-lg);background:var(--bnu-dark);color:#fff}.blog-new-ui__hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blog-new-ui__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 80%);opacity:var(--bnu-overlay-opacity, .75)}.blog-new-ui__hero-content{position:relative;z-index:1;max-width:600px;padding:40px 24px}.blog-new-ui__tag{display:inline-block;padding:4px 12px;border-radius:999px;background:#fff;color:var(--bnu-dark);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;text-decoration:none}.blog-new-ui__title{margin:16px 0 0;font-family:var(--bnu-heading-font);font-size:clamp(32px,4.6vw,58px);font-weight:800;line-height:1.04;letter-spacing:-.01em;color:inherit}.blog-new-ui__subtitle{margin:20px 0 0;font-size:15px;line-height:1.5;opacity:.85}.blog-new-ui__body{display:flex;flex-direction:column;gap:32px;margin-top:40px}.blog-new-ui__aside{display:contents}.blog-new-ui__toc{order:1}.blog-new-ui__main{order:2;min-width:0}.blog-new-ui__cta{order:3}.blog-new-ui__toc{padding:22px 22px 14px;border-radius:var(--bnu-radius);background:var(--bnu-light)}.blog-new-ui__toc-heading{margin:0 0 10px;color:var(--bnu-muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.blog-new-ui__toc-list{margin:0;padding:0;list-style:none}.blog-new-ui__toc-item{border-top:1px solid var(--bnu-border)}.blog-new-ui__toc-link{display:grid;grid-template-columns:28px 1fr;gap:4px;padding:10px 0;color:var(--bnu-text);font-size:14px;line-height:1.4;text-decoration:none;transition:color .2s ease}.blog-new-ui__toc-number{color:var(--bnu-muted);font-weight:600}.blog-new-ui__toc-link:hover,.blog-new-ui__toc-link.is-active{font-weight:600}.blog-new-ui__toc-link.is-active .blog-new-ui__toc-number{color:var(--bnu-text)}.blog-new-ui__cta{padding:24px;border-radius:var(--bnu-radius);background:var(--bnu-dark);color:#fff}.blog-new-ui__cta-title{margin:0;font-family:var(--bnu-heading-font);font-size:18px;font-weight:700;line-height:1.3}.blog-new-ui__cta-text{margin:10px 0 0;font-size:13px;line-height:1.55;opacity:.8}.blog-new-ui__cta-button{display:inline-block;margin-top:18px;padding:11px 18px;border-radius:6px;background:#fff;color:var(--bnu-dark);font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s ease}.blog-new-ui__cta-button:hover{opacity:.85}.blog-new-ui__intro{font-size:clamp(17px,1.6vw,19px);line-height:1.6;color:var(--bnu-text)}.blog-new-ui__chapter{margin-top:48px;scroll-margin-top:calc(var(--bnu-header-height) + var(--bnu-sticky-gap))}.blog-new-ui__chapter-heading{display:flex;align-items:baseline;gap:12px;margin:0 0 16px;font-family:var(--bnu-heading-font);font-size:clamp(24px,2.6vw,32px);font-weight:800;line-height:1.15;color:inherit}.blog-new-ui__chapter-number{flex-shrink:0;color:var(--bnu-muted);font-family:inherit;font-size:13px;font-weight:600}.blog-new-ui__rte{color:var(--bnu-body);font-size:15px;line-height:1.85}.blog-new-ui__intro.blog-new-ui__rte{color:var(--bnu-text);font-size:clamp(17px,1.6vw,19px);line-height:1.6}.blog-new-ui__rte>:first-child{margin-top:0}.blog-new-ui__rte>:last-child{margin-bottom:0}.blog-new-ui__rte p,.blog-new-ui__rte ul,.blog-new-ui__rte ol{margin:0 0 1em}.blog-new-ui__rte a{color:inherit;text-decoration:underline;text-underline-offset:3px}.blog-new-ui__rte img{display:block;width:100%;height:auto;margin:32px 0;border-radius:var(--bnu-radius)}.blog-new-ui__rte h3{margin:1.6em 0 .6em;font-family:var(--bnu-heading-font);font-size:20px;color:var(--bnu-text)}.blog-new-ui__chapter--highlight{padding:32px 24px;border-radius:var(--bnu-radius);background:var(--bnu-dark);color:#fff}.blog-new-ui__chapter--highlight .blog-new-ui__chapter-number{color:#ffffff80}.blog-new-ui__chapter--highlight .blog-new-ui__rte{color:#ffffffd9}.blog-new-ui__read-next{margin-top:56px;padding-top:28px;border-top:1px solid var(--bnu-border)}.blog-new-ui__read-next-heading,.blog-new-ui__next-label{margin:0;color:var(--bnu-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.blog-new-ui__next-card{position:relative;display:flex;flex-direction:column;margin-top:16px;overflow:hidden;border-radius:var(--bnu-radius);background:var(--bnu-light)}.blog-new-ui__next-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px}.blog-new-ui__next-title{margin:8px 0 0;font-family:var(--bnu-heading-font);font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.15;color:var(--bnu-text)}.blog-new-ui__next-link{color:inherit;text-decoration:none}.blog-new-ui__next-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.blog-new-ui__next-button{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:11px 18px;border-radius:6px;background:var(--bnu-dark);color:#fff;font-size:14px;font-weight:600;transition:opacity .2s ease}.blog-new-ui__next-card:hover .blog-new-ui__next-button{opacity:.85}.blog-new-ui__next-media{order:-1;aspect-ratio:16 / 9;overflow:hidden}.blog-new-ui__next-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-new-ui__next-card:hover .blog-new-ui__next-image{transform:scale(1.04)}.blog-new-ui__read-next-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:20px;font-size:13px}.blog-new-ui__previous{display:flex;align-items:center;gap:8px;min-width:0;margin:0}.blog-new-ui__previous-label{flex-shrink:0;color:var(--bnu-muted)}.blog-new-ui__previous a,.blog-new-ui__all-articles{color:var(--bnu-text);font-weight:600;text-decoration:underline;text-underline-offset:3px}.blog-new-ui__previous a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-new-ui__all-articles{margin-left:auto;font-weight:700}@media screen and (min-width:990px){.blog-new-ui__hero{min-height:420px}.blog-new-ui__hero-content{padding:56px}.blog-new-ui__body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:72px;margin-top:56px}.blog-new-ui__next-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:220px}.blog-new-ui__next-content{padding:32px}.blog-new-ui__next-media{order:0;aspect-ratio:auto}.blog-new-ui__body--no-aside{grid-template-columns:minmax(0,820px);justify-content:center}.blog-new-ui__aside{position:sticky;top:calc(var(--bnu-header-visible) + var(--bnu-sticky-gap));transition:top .3s ease;display:flex;flex-direction:column;gap:24px;align-self:start}.blog-new-ui__main{max-width:820px}.blog-new-ui__chapter{margin-top:64px}.blog-new-ui__chapter--highlight{padding:40px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/blog-new-ui.css.map */