.blog-redesign{--color-foreground: var(--color-base-text, 0 0 0);--color-background: var(--color-base-background, 255 255 255);--blog-sidebar-width: clamp(240px, 18vw, 320px);--blog-gap: var(--sp-8);--blog-card-gap: var(--sp-6);--blog-breadcrumb-gap: var(--sp-2)}@media screen and (min-width: 1024px){.blog-redesign{--blog-gap: var(--sp-10);--blog-card-gap: var(--sp-8)}}.blog-redesign{padding-top:var(--section-padding-top, 36px);padding-bottom:var(--section-padding-bottom, 72px)}.blog-redesign__wrapper{padding-top:var(--sp-8);padding-bottom:var(--sp-16)}.blog-redesign__content{display:flex;gap:var(--blog-gap)}.blog-redesign__main{flex:1 1 0%;min-width:0}.blog-sidebar{flex:0 0 var(--blog-sidebar-width);position:sticky;top:calc(var(--header-height, 80px) + var(--sp-4));height:fit-content;max-height:calc(100vh - var(--header-height, 80px) - var(--sp-8));overflow-y:auto}.blog-sidebar__nav{padding:var(--sp-4) 0}.blog-sidebar__title{font-size:var(--text-base);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-foreground) / .85);padding:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-4)}.blog-sidebar__list{display:flex;flex-direction:column;gap:var(--sp-1);list-style:none;padding:0;padding-top:var(--sp-3);margin:0}.blog-sidebar__item{position:relative}.blog-sidebar__link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--rounded-button, .375rem);font-size:var(--text-base);font-weight:400;color:rgb(var(--color-foreground));text-decoration:none;transition:background-color var(--animation-fast),color var(--animation-fast)}.blog-sidebar__link:hover{background-color:rgb(var(--color-foreground) / .05)}.blog-sidebar__item.is-active .blog-sidebar__link{background-color:#152f55;color:#fff;font-weight:600}.blog-sidebar__icon{width:var(--sp-5);height:var(--sp-5);color:#348cd1}.blog-sidebar__item.is-active .blog-sidebar__icon{color:#348cd1}@media screen and (max-width: 1023px){.blog-sidebar{display:none}}.blog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--blog-breadcrumb-gap);padding-bottom:var(--sp-6);font-size:var(--text-sm);color:rgb(var(--color-foreground) / .7)}.blog-breadcrumb__list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--blog-breadcrumb-gap);list-style:none;padding:0;margin:0}.blog-breadcrumb__item{display:flex;align-items:center;gap:var(--blog-breadcrumb-gap)}.blog-breadcrumb__link{color:rgb(var(--color-foreground) / .7);text-decoration:none;transition:color var(--animation-fast)}.blog-breadcrumb__link:hover{color:rgb(var(--color-foreground))}.blog-breadcrumb__separator{color:rgb(var(--color-foreground) / .3);font-size:var(--text-xs)}.blog-breadcrumb__current{color:rgb(var(--color-foreground));font-weight:500}.blog-breadcrumb__home-icon{width:var(--sp-4);height:var(--sp-4)}.blog-tabs{margin-bottom:var(--sp-6)}.blog-tabs__list{display:flex;gap:var(--sp-2);padding-bottom:var(--sp-3);border-bottom:1px solid rgb(var(--color-border, var(--color-foreground) / .1));overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;overscroll-behavior-y:none}.blog-tabs__list::-webkit-scrollbar{display:none}.blog-tabs__item{flex:0 0 auto}.blog-tabs__link{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2d5) var(--sp-4);font-size:var(--text-sm);font-weight:500;color:rgb(var(--color-foreground) / .6);text-decoration:none;white-space:nowrap;border-radius:var(--rounded-button, .375rem);transition:color var(--animation-fast),background-color var(--animation-fast);position:relative}.blog-tabs__link:hover{color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground) / .05)}.blog-tabs__link.is-active{color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground) / .08)}.blog-tabs__link.is-active:after{content:"";position:absolute;bottom:calc((var(--sp-3) + 1px) * -1);left:var(--sp-4);right:var(--sp-4);height:2px;background-color:rgb(var(--color-foreground))}.blog-product-filter{margin-bottom:var(--sp-8)}.blog-product-filter__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sp-4);background-color:rgb(var(--color-foreground) / .03);border:1px solid rgb(var(--color-border, var(--color-foreground) / .1));border-radius:var(--rounded-button, .375rem);font-size:var(--text-base);font-weight:500;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--animation-fast)}.blog-product-filter__trigger:hover{background-color:rgb(var(--color-foreground) / .06)}.blog-product-filter__trigger-icon{width:var(--sp-4);height:var(--sp-4);transition:transform var(--animation-primary)}.blog-product-filter[open] .blog-product-filter__trigger-icon{transform:rotate(45deg)}.blog-product-filter__content{padding-top:var(--sp-4)}.blog-product-filter__scroll{margin:0 calc(var(--sp-2) * -1);padding:0 var(--sp-2)}@media screen and (max-width: 1023px){.blog-product-filter__scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;overscroll-behavior-y:none}.blog-product-filter__scroll::-webkit-scrollbar{display:none}.blog-product-filter__products{display:flex;gap:var(--sp-2);padding:var(--sp-2) 0}.blog-product-filter__item{flex:0 0 auto;width:80px}}@media screen and (min-width: 1024px){.blog-product-filter__products{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--sp-4);padding:var(--sp-2) 0}}.blog-product-filter__item{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center;text-decoration:none;color:rgb(var(--color-foreground));transition:opacity var(--animation-fast)}.blog-product-filter__item:not(.is-unavailable):hover .blog-product-filter__image{outline:2px solid rgb(var(--color-foreground) / .6);outline-offset:2px}.blog-product-filter__image{width:70px;height:70px;border-radius:var(--rounded-card, .5rem);overflow:hidden;background-color:rgb(var(--color-foreground) / .05);transition:outline-color var(--animation-fast)}.blog-product-filter__item.is-active .blog-product-filter__image{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.blog-product-filter__image img{width:100%;height:100%;object-fit:cover}.blog-product-filter__title{font-size:var(--text-xs);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--blog-card-gap)}@media screen and (max-width: 1023px){.blog-article-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 639px){.blog-article-grid{grid-template-columns:1fr}}.article-card-redesign{display:flex;flex-direction:column;height:100%;color:#1a1a1a!important}.article-card-redesign__link{display:block;text-decoration:none;color:#1a1a1a!important}.article-card-redesign__media{position:relative;aspect-ratio:16 / 10;border-radius:var(--rounded-card, .5rem);overflow:hidden;background-color:rgb(var(--color-foreground) / .05);margin-bottom:var(--sp-4)}.article-card-redesign__image{width:100%;height:100%;object-fit:cover;transition:transform var(--animation-primary)}.article-card-redesign__link:hover .article-card-redesign__image{transform:scale(1.05)}.article-card-redesign__content{display:flex;flex-direction:column;gap:var(--sp-2);flex:1}.article-card-redesign__meta{display:flex;align-items:center;gap:var(--sp-3, .75rem);font-size:var(--text-xs, .75rem);color:#666!important}.article-card-redesign__date,.article-card-redesign__author{display:flex;align-items:center;gap:var(--sp-1)}.article-card-redesign__title{font-family:var(--font-heading-family, inherit);font-size:var(--text-lg, 1.125rem);font-weight:600;line-height:1.3;color:#1a1a1a!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.article-card-redesign__link:hover .article-card-redesign__title{text-decoration:underline;text-underline-offset:2px}.article-card-redesign__excerpt{font-size:var(--text-sm, .875rem);line-height:1.6;color:#555!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0}.article-card-redesign__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:auto;padding-top:var(--sp-3)}.article-card-redesign__tag{display:inline-block;padding:var(--sp-1) var(--sp-2);font-size:var(--text-2xs);font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:#555!important;background-color:#0000000d;border-radius:var(--sp-1);text-decoration:none;transition:background-color var(--animation-fast)}.article-card-redesign__tag:hover{background-color:#0000001a}.blog-article-hero{margin-bottom:var(--sp-8)}.blog-article-hero__image{aspect-ratio:16 / 9;width:100%;border-radius:var(--rounded-card, .5rem);overflow:hidden;background-color:rgb(var(--color-foreground) / .05)}.blog-article-hero__image img{width:100%;height:100%;object-fit:cover}.blog-article-hero__image--zoomable{position:relative;cursor:zoom-in}.blog-article-hero__zoom-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background-color:#ffffffe6;border:none;cursor:zoom-in;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none;box-shadow:0 2px 8px #00000026}.blog-article-hero__zoom-btn svg{width:24px;height:24px;color:#171717}.blog-article-hero__image--zoomable:hover .blog-article-hero__zoom-btn{opacity:1}@media (hover: none){.blog-article-hero__zoom-btn{opacity:.8}}.blog-article-content{max-width:800px}.blog-article-content__header{margin-bottom:var(--sp-8)}.blog-article-content__title{font-family:var(--font-heading-family, inherit);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:700;line-height:1.2;margin:0 0 var(--sp-4)}.blog-article-content__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-4);font-size:var(--text-sm);color:rgb(var(--color-foreground) / .6)}.blog-article-content__date,.blog-article-content__author{display:flex;align-items:center;gap:var(--sp-2)}.blog-article-content__date svg,.blog-article-content__author svg{flex-shrink:0}.blog-article-content__body{font-size:var(--text-base);line-height:1.8}.blog-article-content__body>*:first-child{margin-top:0}.blog-article-content__body>*:last-child{margin-bottom:0}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:var(--sp-2);margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:1px solid rgb(var(--color-border, var(--color-foreground) / .1))}.blog-empty{text-align:center;padding:var(--sp-16) var(--sp-4)}.blog-empty__icon{width:var(--sp-16);height:var(--sp-16);margin:0 auto var(--sp-4);opacity:.3}.blog-empty__title{font-size:var(--text-xl);font-weight:600;margin:0 0 var(--sp-2)}.blog-empty__text{font-size:var(--text-base);color:rgb(var(--color-foreground) / .6);margin:0}.blog-product-filter__item.is-unavailable{opacity:.4;cursor:not-allowed;position:relative;border:none;background:none;font:inherit;padding:0;text-align:center}.blog-product-filter__item.is-unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff4d;border-radius:var(--sp-2);pointer-events:none}.blog-product-filter__item.is-unavailable:hover{opacity:.5}.blog-product-filter__item.is-unavailable:focus{outline:2px solid rgb(var(--color-foreground) / .3);outline-offset:2px}.blog-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100%);padding:1rem 1.5rem;background:#333;color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #00000026;opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1000;pointer-events:none;max-width:90vw;text-align:center}.blog-toast.is-visible{transform:translate(-50%) translateY(0);opacity:1}.article-card-redesign.is-hidden{display:none}.blog-filter-empty{display:none;text-align:center;padding:var(--sp-12) var(--sp-4);color:rgb(var(--color-foreground) / .6)}.blog-filter-empty.is-visible{display:block}.blog-filter-empty .blog-empty__icon{width:48px;height:48px;margin:0 auto var(--sp-4);opacity:.4}.blog-filter-empty .blog-empty__title{font-size:var(--text-lg);margin-bottom:var(--sp-2);color:rgb(var(--color-foreground) / .8)}.blog-filter-empty .blog-empty__text{font-size:var(--text-base);max-width:40ch;margin:0 auto}.blog-articles-container.is-hidden,.blog-manuals-container.is-hidden,.blog-product-filter.is-hidden{display:none}.blog-article-wrapper{display:contents}.blog-article-wrapper.is-paginated{display:none}.blog-load-more{display:flex;justify-content:center;margin-top:var(--sp-10);padding-top:var(--sp-6)}.blog-load-more.is-hidden{display:none}.blog-load-more__button{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-8);font-size:var(--text-base);font-weight:600;color:rgb(var(--color-background));background-color:rgb(var(--color-foreground));border:2px solid rgb(var(--color-foreground));border-radius:var(--rounded-button, .375rem);cursor:pointer;transition:background-color var(--animation-fast),color var(--animation-fast)}.blog-load-more__button:hover{background-color:transparent;color:rgb(var(--color-foreground))}.blog-load-more__button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.blog-load-more__count{font-weight:400;opacity:.8}.blog-manuals-grid__container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}@media screen and (max-width: 767px){.blog-manuals-grid__container{grid-template-columns:1fr}}.blog-manuals-card{display:flex;flex-direction:row;align-items:flex-start;gap:var(--sp-6);background-color:rgb(var(--color-background));border:1px solid #d1d5db;border-radius:12px;padding:var(--sp-5);transition:box-shadow var(--animation-fast)}.blog-manuals-card:hover{box-shadow:0 2px 8px #0000000f}.blog-manuals-card__media{flex-shrink:0;width:120px;height:120px;background-color:transparent;overflow:hidden}.blog-manuals-card__image{width:100%;height:100%;object-fit:contain}.blog-manuals-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgb(var(--color-foreground) / .3)}.blog-manuals-card__placeholder svg{width:50%;height:50%}.blog-manuals-card__content{flex:1;min-width:0}.blog-manuals-card__title{font-size:var(--text-lg);font-weight:700;margin:0 0 var(--sp-3);text-transform:uppercase}.blog-manuals-card__title a{color:rgb(var(--color-foreground));text-decoration:none}.blog-manuals-card__title a:hover{text-decoration:underline}.blog-manuals-card__downloads{display:flex;flex-direction:column;gap:var(--sp-2)}.blog-manuals-card__download-link{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-base);font-weight:400;text-decoration:none;color:rgb(var(--color-foreground));transition:color var(--animation-fast)}.blog-manuals-card__download-link:hover{text-decoration:underline}.blog-manuals-card__download-link svg{flex-shrink:0;color:#348cd1}@media screen and (max-width: 479px){.blog-manuals-card{flex-direction:column;text-align:center}.blog-manuals-card__downloads{align-items:center}}.blog-manuals-grid__empty{grid-column:1 / -1;text-align:center;padding:var(--sp-16) var(--sp-4)}.blog-manuals-grid__empty svg{width:48px;height:48px;margin:0 auto var(--sp-4);opacity:.3;color:rgb(var(--color-foreground))}.blog-manuals-grid__empty h3{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--sp-2);color:rgb(var(--color-foreground) / .8)}.blog-manuals-grid__empty p{font-size:var(--text-base);color:rgb(var(--color-foreground) / .6);max-width:40ch;margin:0 auto}.blog-categories-mobile{margin-bottom:var(--sp-4)}.blog-categories-mobile__list{display:flex;gap:var(--sp-2);padding-bottom:var(--sp-3);border-bottom:1px solid rgb(var(--color-border, var(--color-foreground) / .1));overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;overscroll-behavior-y:none;list-style:none;margin:0;padding-left:0}.blog-categories-mobile__list::-webkit-scrollbar{display:none}.blog-categories-mobile__item{flex:0 0 auto}.blog-categories-mobile__link{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2d5) var(--sp-4);font-size:var(--text-sm);font-weight:500;color:rgb(var(--color-foreground));text-decoration:none;white-space:nowrap;border-radius:var(--rounded-button, .375rem);transition:color var(--animation-fast),background-color var(--animation-fast)}.blog-categories-mobile__link:hover{background-color:rgb(var(--color-foreground) / .05)}.blog-categories-mobile__link.is-active{background-color:#152f55;color:#fff;font-weight:600}.blog-categories-mobile__icon{width:16px;height:16px;flex-shrink:0;color:#348cd1}.blog-categories-mobile__link.is-active .blog-categories-mobile__icon{color:#348cd1}@media screen and (min-width: 1024px){.blog-categories-mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/blog-redesign.css.map */