.blog-tabs-section{padding-top:40px;padding-bottom:80px}.blog-section-title{font-size:52px;font-weight:500;line-height:1;letter-spacing:-2px;text-align:center;color:#000;max-width:900px;margin:0 auto 56px}@media screen and (max-width:989px){.blog-section-title{font-size:38px;letter-spacing:-1px}}@media screen and (max-width:599px){.blog-section-title{font-size:28px;letter-spacing:-.5px}}.blog-tabs{position:relative;display:flex;flex-wrap:wrap;width:fit-content;max-width:100%;gap:0;margin:0 auto 32px;background:#0000001a;border-radius:100px}.blog-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:13px 32px;border-radius:0;border:none;font-size:18px;font-weight:500;line-height:1;letter-spacing:0;color:#000;text-decoration:none;background:transparent;transition:background .2s,color .2s,border-radius .2s;cursor:pointer}.blog-tabs .blog-tab:first-child{min-width:160px}.blog-tab:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;pointer-events:none;background-color:#000;-webkit-mask-image:url(icon-button-dot.svg),url(icon-button-dot.svg),url(icon-button-dot.svg),url(icon-button-dot.svg);mask-image:url(icon-button-dot.svg),url(icon-button-dot.svg),url(icon-button-dot.svg),url(icon-button-dot.svg);-webkit-mask-size:4px 4px;mask-size:4px 4px;-webkit-mask-position:top left,top right,bottom left,bottom right;mask-position:top left,top right,bottom left,bottom right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.blog-tab:hover{background:#0000000f;border-radius:100px}.blog-tab.is-active{background:#000;color:#fff;border:1px solid #ffffff;border-radius:100px}@media screen and (max-width:599px){.blog-tabs{display:grid;grid-template-columns:repeat(2,1fr);row-gap:12px;width:100%;background:transparent}.blog-tab{white-space:normal;text-align:center;padding:12px 14px;font-size:16px;line-height:1.4;background:#0000001a}.blog-tabs .blog-tab:first-child{min-width:unset}.blog-tabs .blog-tab:nth-child(odd):not(.is-active):not(:hover){border-top-left-radius:16px;border-bottom-left-radius:16px}.blog-tabs .blog-tab:nth-child(2n):not(.is-active):not(:hover){border-top-right-radius:16px;border-bottom-right-radius:16px}}.blog-sort{display:flex;align-items:center;justify-content:center;gap:6px;font-size:20px;font-weight:400;line-height:1.2;letter-spacing:0;text-transform:uppercase;color:#1a1a1a;margin-bottom:32px}.blog-sort__select-wrapper{position:relative;display:inline-flex;align-items:center}.blog-sort__select{appearance:none;-webkit-appearance:none;background:transparent;border:none;border-bottom:1.5px solid #1a1a1a;font-size:20px;font-weight:400;line-height:1.2;letter-spacing:0;text-transform:none;color:#1a1a1a;padding:0 18px 0 0;cursor:pointer;outline:none}.blog-sort__chevron{position:absolute;right:0;pointer-events:none}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media screen and (max-width:989px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media screen and (max-width:599px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.blog-card{display:flex;flex-direction:column;background:transparent}.blog-card__image-wrapper{position:relative;display:block;overflow:hidden;aspect-ratio:1 / 1;flex-shrink:0;border-radius:6px}.blog-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-card__image-wrapper:hover .blog-card__image{transform:scale(1.04)}.blog-card__read-time{position:absolute;bottom:10px;right:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#e5e7eb80;color:#000;font-size:14px;font-weight:500;line-height:24px;letter-spacing:-.5px;border-radius:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media screen and (max-width:599px){.blog-card__read-time{bottom:6px;right:5.5px;gap:8px;padding:4px 8px;background:#fff;font-size:10px;line-height:normal}.blog-card__read-time svg{width:12px;height:12px}}.blog-card__body{display:flex;flex-direction:column;flex:1;padding:16px 0 20px;gap:10px}.blog-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.blog-card__category{display:inline-flex;align-items:center;padding:4px 10px;background:#e5e7eb80;border-radius:100px;font-size:14px;font-weight:400;line-height:1.2;letter-spacing:0;color:#1a1a1a}@media screen and (max-width:599px){.blog-card__category{padding:4px 8px;font-size:10px;font-weight:500;line-height:24px;letter-spacing:-.5px;color:#000}}.blog-card__date{font-size:12px;color:#888;white-space:nowrap;margin-left:auto}@media screen and (max-width:599px){.blog-card__date{font-size:10px;font-weight:500;letter-spacing:-.5px;color:#0009}}.blog-card__title{font-size:18px;font-weight:500;line-height:1.35;margin:0;color:#000;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:599px){.blog-card__title{font-size:14px;line-height:1.1;letter-spacing:-.5px;-webkit-line-clamp:2}}.blog-card__title a{color:#000;text-decoration:none}.blog-card__title a:hover{text-decoration:underline}.blog-card__excerpt{font-size:16px;font-weight:300;line-height:1.2;letter-spacing:-.5px;color:#000;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:599px){.blog-card__excerpt{font-size:12px;font-weight:400;letter-spacing:0;color:#000c}}.blog-card__link{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:#00000003;border:1px solid #000000;border-radius:100px;font-size:18px;font-weight:500;color:#000;text-decoration:none;margin-top:auto;transition:background .2s,color .2s}@media screen and (max-width:599px){.blog-card__link{height:32px;padding:0 16px;font-size:14px;font-weight:400}.blog-card__link svg{width:20px;height:20px}}.blog-card__link:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;pointer-events:none;background-color:#000;-webkit-mask-image:url(icon-button-dot.svg),url(icon-button-dot.svg),url(icon-button-dot.svg),url(icon-button-dot.svg);mask-image:url(icon-button-dot.svg),url(icon-button-dot.svg),url(icon-button-dot.svg),url(icon-button-dot.svg);-webkit-mask-size:4px 4px;mask-size:4px 4px;-webkit-mask-position:top left,top right,bottom left,bottom right;mask-position:top left,top right,bottom left,bottom right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.blog-card__link:hover{background:#1a1a1a;color:#fff}#AjaxinatePagination{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:48px}.blog-showing-count{font-size:14px;font-weight:400;line-height:24px;letter-spacing:-.5px;text-transform:uppercase;color:#000;text-align:center}@media screen and (max-width:599px){.blog-showing-count{line-height:1.2;letter-spacing:normal}}.blog-load-more{text-decoration:none}.blog-load-more.button{font-size:18px;font-weight:500;letter-spacing:-.5px}.blog-load-more.button .button__inner-content{height:48px;min-height:48px;padding:0 44px}.blog-load-more.button:after{background-color:rgb(var(--color-foreground))}.blog-load-more.is-loading{opacity:.5;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/20/assets/blog-tabs.css.map */