.blog-articles-wrapper{--ba-ink: rgb(var(--color-title));--ba-accent: #4c9a2a;--ba-muted: #6b7280;--ba-line: #e6e6e6;--ba-radius: 10px;--ba-hover: #8bc34a;--ba-gap: 20px;--ba-lines: 3;--ba-img-w: 140px}.blog-articles-wrapper .ba-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;scroll-margin-top:140px}.blog-articles-wrapper .ba-toolbar__count{margin:0;font-family:var(--font-body-family);font-weight:600;font-size:14px;line-height:20px;letter-spacing:0;color:var(--ba-ink)}.blog-articles-wrapper .ba-sort{display:flex;align-items:center;gap:8px;margin-left:auto}.blog-articles-wrapper .ba-sort[hidden]{display:none}.blog-articles-wrapper .ba-sort__label{font-family:var(--font-body-family);font-weight:600;font-size:13px;line-height:18px;letter-spacing:0;color:var(--ba-ink);white-space:nowrap;cursor:pointer}.blog-articles-wrapper .ba-sort__field{position:relative;display:flex;align-items:center}.blog-articles-wrapper .ba-sort__select{height:34px;min-height:0;margin:0;padding:0 34px 0 12px;border:1px solid var(--ba-line);border-radius:var(--ba-radius);background:rgb(var(--color-background));box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-body-family);font-weight:600;font-size:13px;line-height:18px;letter-spacing:0;color:var(--ba-ink);cursor:pointer;transition:border-color .2s ease}.blog-articles-wrapper .ba-sort__select:hover{border-color:var(--ba-hover)}.blog-articles-wrapper .ba-sort__select:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.blog-articles-wrapper .ba-sort__chevron{position:absolute;top:50%;right:12px;display:flex;width:14px;height:14px;color:var(--ba-ink);transform:translateY(-50%);pointer-events:none}.blog-articles-wrapper .ba-sort__chevron svg{width:14px;height:14px}.blog-articles-wrapper .ba-search{position:relative;display:flex;align-items:center;flex:1 1 320px;max-width:380px;margin:0 0 0 auto}.blog-articles-wrapper .ba-search__icon{position:absolute;top:50%;left:12px;display:flex;width:16px;height:16px;color:var(--ba-muted);transform:translateY(-50%);pointer-events:none}.blog-articles-wrapper .ba-search__icon svg{width:16px;height:16px}.blog-articles-wrapper .ba-search__input{width:100%;height:34px;min-height:0;margin:0;padding:0 34px 0 36px;border:1px solid var(--ba-line);border-radius:var(--ba-radius);background:rgb(var(--color-background));box-shadow:none;-webkit-appearance:none;appearance:none;font-family:var(--font-body-family);font-weight:500;font-size:13px;line-height:18px;letter-spacing:0;color:var(--ba-ink);transition:border-color .2s ease}.blog-articles-wrapper .ba-search__input::placeholder{color:var(--ba-muted);opacity:1}.blog-articles-wrapper .ba-search__input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.blog-articles-wrapper .ba-search__input:hover,.blog-articles-wrapper .ba-search__input:focus{border-color:var(--ba-hover)}.blog-articles-wrapper .ba-search__input:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.blog-articles-wrapper .ba-search__clear{position:absolute;top:50%;right:6px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ba-muted);transform:translateY(-50%);cursor:pointer}.blog-articles-wrapper .ba-search__clear[hidden]{display:none}.blog-articles-wrapper .ba-search__clear:hover{color:var(--ba-ink);background:#0f141a0f}.blog-articles-wrapper .ba-search__clear-icon,.blog-articles-wrapper .ba-search__clear-icon svg{display:flex;width:12px;height:12px}.blog-articles-wrapper .ba-search+.ba-sort{margin-left:0}.blog-articles-wrapper .ba-no-results{padding:40px 20px;border:1px dashed var(--ba-line);border-radius:var(--ba-radius);text-align:center}.blog-articles-wrapper .ba-no-results[hidden],.blog-articles-wrapper .ba-grid[hidden]{display:none}.blog-articles-wrapper .ba-no-results__title{margin:0 0 12px;font-family:var(--font-body-family);font-weight:600;font-size:16px;line-height:22px;color:var(--ba-ink)}.blog-articles-wrapper .ba-no-results__title span{font-weight:700}.blog-articles-wrapper .ba-no-results__clear{min-height:0;margin:0;padding:0;border:0;background:none;font-family:var(--font-body-family);font-weight:700;font-size:14px;line-height:20px;color:var(--ba-accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.blog-articles-wrapper .ba-no-results__clear:hover{color:var(--ba-hover)}.blog-articles-wrapper .ba-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ba-gap);transition:opacity .2s ease}.blog-articles-wrapper blog-articles{display:block}.blog-articles-wrapper blog-articles[aria-busy=true] .ba-grid,.blog-articles-wrapper blog-articles[aria-busy=true] .ba-pagination{opacity:.4;pointer-events:none}.blog-articles-wrapper .ba-card{position:relative;display:grid;grid-template-columns:var(--ba-img-w) minmax(0,1fr);gap:20px;align-items:start;padding:10px;border:1px solid var(--ba-line);border-radius:var(--ba-radius);background:rgb(var(--color-background));box-shadow:1px 1px 5px #0000000a;transition:box-shadow .2s ease,border-color .2s ease}.blog-articles-wrapper .ba-card:hover{border-color:var(--ba-hover);box-shadow:0 4px 16px #00000014}.blog-articles-wrapper .ba-card:hover .ba-card__title{color:var(--ba-hover)}.blog-articles-wrapper .ba-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--ba-ratio-fixed, clamp(.8, var(--ba-img-ratio, 1.333), 1.78));border-radius:calc(var(--ba-radius) / 2);background:#f4f5f6}.blog-articles-wrapper .ba-card__img,.blog-articles-wrapper .ba-card__media .brand-ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blog-articles-wrapper .ba-card__body{display:flex;flex-flow:column;min-width:0;padding:6px 4px 4px 0}.blog-articles-wrapper .ba-card__category{margin-bottom:6px;font-family:var(--font-body-family);font-weight:700;font-size:11px;line-height:14px;letter-spacing:.02em;text-transform:uppercase;color:var(--ba-accent)}.blog-articles-wrapper .ba-card__title{margin:0 0 10px;font-family:var(--font-body-family);font-weight:700;font-size:16px;line-height:22px;letter-spacing:0;color:var(--ba-ink);transition:color .2s ease}.blog-articles-wrapper .ba-card__title a{color:inherit;text-decoration:none}.blog-articles-wrapper .ba-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.blog-articles-wrapper .ba-card__title a:focus-visible{outline:none}.blog-articles-wrapper .ba-card:has(.ba-card__title a:focus-visible){outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.blog-articles-wrapper .ba-card__excerpt{display:-webkit-box;margin:0 0 10px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--ba-lines);line-clamp:var(--ba-lines);font-family:var(--font-body-family);font-weight:400;font-size:14px;line-height:20px;letter-spacing:0;color:var(--ba-muted)}.blog-articles-wrapper .ba-card__date{font-family:var(--font-body-family);font-weight:400;font-size:13px;line-height:18px;letter-spacing:0;color:var(--ba-muted)}.blog-articles-wrapper.ba--no-category .ba-card__category,.blog-articles-wrapper.ba--no-excerpt .ba-card__excerpt,.blog-articles-wrapper.ba--no-date .ba-card__date{display:none}.blog-articles-wrapper .ba-pagination .pagination-wrapper{margin-top:32px}.blog-articles-wrapper .ba-empty{padding:40px 20px;border:1px solid var(--ba-line);border-radius:var(--ba-radius);text-align:center}.blog-articles-wrapper .ba-empty__title{margin:0 0 8px;color:var(--ba-ink)}.blog-articles-wrapper .ba-empty__text{color:var(--ba-muted)}@media screen and (min-width:750px){.blog-articles-wrapper .ba-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:750px)and (max-width:989px){.blog-articles-wrapper .ba-card{--ba-img-w: min(var(--ba-img-w-desktop, 140px), 120px);gap:14px}.blog-articles-wrapper .ba-card__title{font-size:15px;line-height:20px}}@media screen and (max-width:749px){.blog-articles-wrapper .ba-toolbar{margin-bottom:12px;scroll-margin-top:90px}.blog-articles-wrapper .ba-search{order:-1;flex:1 1 100%;max-width:none;margin:0}.blog-articles-wrapper .ba-search__input{height:40px;font-size:16px}.blog-articles-wrapper .ba-search+.ba-sort{margin-left:auto}.blog-articles-wrapper .ba-sort__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.blog-articles-wrapper .ba-toolbar__count{font-size:13px;line-height:18px}.blog-articles-wrapper .ba-card{--ba-img-w: var(--ba-img-w-mobile, 104px);gap:12px;padding:8px}.blog-articles-wrapper .ba-card__body{padding:2px 0 0}.blog-articles-wrapper .ba-card__category{margin-bottom:4px;font-size:10px;line-height:13px}.blog-articles-wrapper .ba-card__title{margin-bottom:6px;font-size:14px;line-height:19px}.blog-articles-wrapper .ba-card__excerpt{margin-bottom:6px;font-size:13px;line-height:18px}.blog-articles-wrapper .ba-card__date{font-size:12px;line-height:16px}.blog-articles-wrapper .ba-pagination .pagination-wrapper{margin-top:24px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-main-blog-articles.css.map */