.blog-tabs-outer{width:100%}.blog-tabs-wrapper{max-width:1200px;margin:0 auto;padding:48px 20px}.blog-tabs-header-container{text-align:center;margin-bottom:36px}.blog-tabs-title{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-size:42px;font-weight:600;line-height:1;text-transform:uppercase;color:#1c1c1c;margin:0;padding:0}.blog-tabs-title strong,.blog-tabs-title em{font-weight:600;font-style:italic;font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);color:inherit}@media screen and (max-width:767px){.blog-tabs-title{font-size:24px;gap:6px;margin-bottom:16px}}.blog-tabs-nav-container{overflow-x:auto;overflow-y:clip;scrollbar-width:none;-ms-overflow-style:none;padding:24px 0;margin-bottom:40px}.blog-tabs-nav-container::-webkit-scrollbar{display:none}@media screen and (max-width:767px){.blog-tabs-nav-container{scrollbar-width:thin;scrollbar-color:#F7914B transparent}}.blog-tabs-nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;position:relative;gap:12px;min-width:max-content;margin:0;padding:20px 4px 8px}.blog-tab{display:inline-flex;align-items:center;position:relative;flex-shrink:0;gap:0;overflow:visible;height:44px;padding:0 20px 0 0;border-radius:100px;border:2px solid transparent;background-color:#f0f0f0;cursor:pointer;outline:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.blog-tab:hover{background-color:#b8daf0;border-color:#7ebde9}.blog-tab.active{background-color:#7ebde9;border-color:#7ebde9;box-shadow:0 2px 8px #7ebde966}.blog-tab .blog-tab-image-wrapper{position:relative;z-index:1;flex-shrink:0;width:84px;height:84px;border-radius:50%;overflow:hidden;background-color:#e8e8e8;margin-left:-2px;margin-right:12px}.blog-tab .blog-tab-image{display:block;width:100%;height:100%;object-fit:cover}.blog-tab .blog-tab-placeholder{width:100%;height:100%;border-radius:50%;background-color:#e0e0e0}.blog-tab .blog-tab-label{font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:15px;font-weight:500;line-height:1.2;white-space:nowrap;color:#1c1c1c}.blog-tab.active .blog-tab-label{font-weight:700}@media screen and (max-width:767px){.blog-tabs-nav-container{margin-bottom:28px}.blog-tabs-nav{justify-content:flex-start;gap:8px;padding-top:16px}.blog-tab{height:38px;padding:0 14px 0 0;gap:0}.blog-tab .blog-tab-image-wrapper{width:68px;height:68px;margin-right:10px}.blog-tab .blog-tab-label{font-size:13px}}.blog-tabs-content{position:relative}.blog-tab-panel{display:none}.blog-tab-panel.active{display:block;animation:blogTabFadeIn .3s ease}@keyframes blogTabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.blog-articles{display:flex;flex-direction:column;gap:16px}@media screen and (min-width:768px){.blog-articles{gap:24px}}.blog-tab-featured{display:grid;grid-template-columns:180px 1fr;grid-template-rows:auto auto auto;column-gap:16px;row-gap:12px;background:#fff;border-radius:12px;border:1px solid #e0e0e0;padding:16px}.blog-tab-featured .blog-tab-featured-image-link,.blog-tab-featured .blog-tab-featured-image-placeholder{display:block;align-self:start;grid-column:1;grid-row:1}.blog-tab-featured .blog-tab-featured-image-wrapper{overflow:hidden;width:100%;border-radius:8px;background:#f5f5f5}.blog-tab-featured .blog-tab-featured-img{display:block;width:100%;height:auto}.blog-tab-featured .blog-tab-featured-image-placeholder{width:100%;aspect-ratio:1;border-radius:8px;background-color:#f0f0f0}.blog-tab-featured .blog-tab-featured-meta{display:flex;flex-direction:column;grid-column:2;grid-row:1;gap:8px;min-width:0}.blog-tab-featured .blog-tab-featured-excerpt{grid-column:1 / 3;grid-row:2}.blog-tab-featured .blog-tab-featured-link{grid-column:1 / 3;grid-row:3;justify-self:start}.blog-tab-featured .blog-tab-featured-badge{display:inline-block;align-self:flex-start;background-color:#e8a060;color:#1c1c1c;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:11px;font-weight:600;line-height:1.4;padding:4px 12px;border-radius:100px}.blog-tab-featured .blog-tab-featured-date{display:block;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#777}.blog-tab-featured .blog-tab-featured-title{font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-size:18px;font-weight:700;line-height:1.3;color:#1c1c1c;margin:0}.blog-tab-featured .blog-tab-featured-title a{text-decoration:none;color:inherit}.blog-tab-featured .blog-tab-featured-excerpt{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;flex:1;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:13px;line-height:1.6;color:#555;margin:0}.blog-tab-featured .blog-tab-featured-link{display:inline-block;text-align:center;align-self:flex-start;background-color:#f19755;color:#1c1c1c;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:12px;font-weight:600;padding:8px 14px;border-radius:100px;text-decoration:none;margin-top:auto;transition:background-color .2s ease}.blog-tab-featured .blog-tab-featured-link:hover{background-color:#d97f3f}@media screen and (max-width:767px){.blog-tab-featured{grid-template-columns:120px 1fr;column-gap:12px;padding:12px}.blog-tab-featured .blog-tab-featured-image-wrapper,.blog-tab-featured .blog-tab-featured-image-placeholder{width:100%}.blog-tab-featured .blog-tab-featured-badge{font-size:9px;padding:3px 8px;white-space:nowrap}.blog-tab-featured .blog-tab-featured-title{font-size:15px}.blog-tab-featured .blog-tab-featured-excerpt{-webkit-line-clamp:3}}@media screen and (min-width:768px){.blog-tab-featured{grid-template-columns:280px 1fr;column-gap:28px;padding:24px;align-items:start}.blog-tab-featured .blog-tab-featured-image-link,.blog-tab-featured .blog-tab-featured-image-placeholder{grid-row:1 / 4;align-self:start}.blog-tab-featured .blog-tab-featured-image-wrapper,.blog-tab-featured .blog-tab-featured-image-placeholder{width:100%}.blog-tab-featured .blog-tab-featured-meta{grid-column:2;grid-row:1}.blog-tab-featured .blog-tab-featured-excerpt{grid-column:2;grid-row:2;font-size:14px}.blog-tab-featured .blog-tab-featured-link{grid-column:2;grid-row:3;font-size:14px;padding:10px 20px}.blog-tab-featured .blog-tab-featured-title{font-size:22px}.blog-tab-featured .blog-tab-featured-badge,.blog-tab-featured .blog-tab-featured-date{font-size:12px}}.blog-tab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media screen and (min-width:768px){.blog-tab-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.blog-tab-card{display:flex;flex-direction:column;overflow:hidden;height:auto;gap:0;padding:16px;border-radius:12px;border:1px solid #e0e0e0;background:#fff}@media screen and (min-width:768px){.blog-tab-card{padding:20px}}.blog-tab-card .blog-tab-card-image-link{display:block;flex-shrink:0;margin-bottom:12px}.blog-tab-card .blog-tab-card-image-wrapper{overflow:hidden;width:auto;max-width:204px;aspect-ratio:1;border-radius:50%;margin:0 auto}.blog-tab-card .blog-tab-card-img{display:block;width:100%;height:100%;object-fit:cover}.blog-tab-card .blog-tab-card-image-placeholder{width:50%;max-width:170px;aspect-ratio:1;border-radius:50%;background-color:#f0f0f0;margin:0 auto 12px}.blog-tab-card .blog-tab-card-body{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.blog-tab-card .blog-tab-card-date{display:block;flex-shrink:0;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#777}@media screen and (min-width:768px){.blog-tab-card .blog-tab-card-date{font-size:11px}}.blog-tab-card .blog-tab-card-title{font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-size:14px;font-weight:700;line-height:1.3;color:#1c1c1c;margin:0}@media screen and (min-width:768px){.blog-tab-card .blog-tab-card-title{font-size:16px}}.blog-tab-card .blog-tab-card-title a{text-decoration:none;color:inherit}.blog-tab-card .blog-tab-card-excerpt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex:1;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:12px;line-height:1.55;color:#555;margin:0}@media screen and (min-width:768px){.blog-tab-card .blog-tab-card-excerpt{font-size:13px}}.blog-tab-card .blog-tab-card-link{display:block;flex-shrink:0;text-align:center;background-color:#f19755;color:#1c1c1c;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:12px;font-weight:600;padding:8px 14px;border-radius:100px;text-decoration:none;margin-top:8px;transition:background-color .2s ease}.blog-tab-card .blog-tab-card-link:hover{background-color:#d97f3f}@media screen and (min-width:768px){.blog-tab-card .blog-tab-card-link{font-size:14px;padding:10px 20px}}.blog-tab-pagination{margin-top:40px}.blog-tab-pagination .pagination{display:flex;justify-content:center;align-items:center;gap:4px;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:14px}.blog-tab-pagination .pagination .prev,.blog-tab-pagination .pagination .next{display:none}.blog-tab-pagination .pagination .page{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%}.blog-tab-pagination .pagination .page.current{background-color:#1c1c1c;color:#fffbe3;opacity:1;padding:0;font-weight:600}.blog-tab-pagination .pagination .page a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;padding:0;text-decoration:none;color:#1c1c1c;transition:background-color .2s ease}.blog-tab-pagination .pagination .page a:hover{background-color:#00000014}.blog-tab-pagination .pagination .page--ellipsis{background:none;cursor:default;color:#777;font-size:14px;letter-spacing:.05em}
/*# sourceMappingURL=/cdn/shop/t/42/assets/blog-tabs.css.map */