.xtu-blog-list{--xtu-bl-gap: 24px;--xtu-bl-gap-mobile: 12px;--xtu-bl-card-radius: 12px;--xtu-bl-image-radius: 8px;--xtu-bl-ratio: 4 / 3;--xtu-bl-content-width: 900px;--xtu-bl-padding-top: 80px;--xtu-bl-padding-bottom: 80px;--xtu-bl-padding-top-mobile: 40px;--xtu-bl-padding-bottom-mobile: 40px;--xtu-bl-heading: #111111;--xtu-bl-text: #4b5563;--xtu-bl-muted: #6b7280;--xtu-bl-accent: #0070ca;--xtu-bl-tab-bg: #eef0f3;--xtu-bl-tab-color: #4b5563;--xtu-bl-tab-bg-active: #0070ca;--xtu-bl-tab-color-active: #ffffff;--xtu-bl-card-bg: #ffffff;--xtu-bl-border: #e5e7eb;--xtu-bl-placeholder: #f5f5f7;background:var(--xtu-bl-bg, var(--color-background, #fff));color:var(--xtu-bl-heading, #111);box-sizing:border-box}.xtu-blog-list__inner{width:min(var(--xtu-bl-content-width),calc(100% - var(--page-margin) * 2));max-width:none;margin-inline:auto;padding-inline:0;box-sizing:border-box}.xtu-blog-list__inner--head{padding-top:var(--xtu-bl-padding-top)}.xtu-blog-list>.xtu-blog-list__inner:last-child{padding-bottom:var(--xtu-bl-padding-bottom)}.xtu-blog-list__content{background:var(--xtu-bl-content-bg, transparent);border-radius:0}.xtu-blog-list.is-loading .xtu-blog-list__panel{opacity:.55;pointer-events:none;transition:opacity .2s ease}.xtu-blog-list__heading{margin:0;font-family:var(--font-heading--family);font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);font-weight:600;line-height:1.2;letter-spacing:-.02em;text-align:center;color:var(--xtu-bl-heading)}.xtu-blog-list__tabs-bar{width:100%;margin-top:var(--xtu-space-40, 40px);box-sizing:border-box}.xtu-blog-list__tabs-inner{width:min(var(--xtu-bl-content-width),calc(100% - var(--page-margin) * 2));max-width:none;margin-inline:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box}.xtu-blog-list__tabs-inner::-webkit-scrollbar{display:none}.xtu-blog-list__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-width:min-content;margin:0;padding:0;list-style:none}.xtu-blog-list__tabs>li{flex:0 0 auto;min-width:0}.xtu-blog-list__tab{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 20px;border:0;border-radius:999px;background:var(--xtu-bl-tab-bg);color:var(--xtu-bl-tab-color);font-family:var(--font-body--family);font-size:var(--xtu-type-body, .875rem);font-weight:400;line-height:1.2;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:background .25s ease,color .25s ease}.xtu-blog-list__tab:hover{background:color-mix(in srgb,var(--xtu-bl-tab-bg) 88%,var(--xtu-bl-heading));color:var(--xtu-bl-heading)}.xtu-blog-list__tab.is-active,.xtu-blog-list__tab.is-active:hover{background:var(--xtu-bl-tab-bg-active);color:var(--xtu-bl-tab-color-active)}.xtu-blog-list__filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--xtu-space-12, 12px) var(--xtu-space-16, 16px);margin-top:24px}.xtu-blog-list__filter-label{font-family:var(--font-body--family);font-size:var(--xtu-type-body, .875rem);font-weight:400;line-height:1.2;color:var(--xtu-bl-muted);white-space:nowrap}.xtu-blog-list__select-wrap{position:relative;display:inline-flex;align-items:center;min-width:min(100%,280px);max-width:360px}.xtu-blog-list__tag-select{-webkit-appearance:none;appearance:none;width:100%;min-height:40px;padding:0 40px 0 16px;border:1px solid var(--xtu-bl-border);border-radius:999px;background:var(--xtu-bl-card-bg);color:var(--xtu-bl-heading);font-family:var(--font-body--family);font-size:var(--xtu-type-body, .875rem);font-weight:400;line-height:1.2;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease}.xtu-blog-list__tag-select:hover{border-color:var(--xtu-bl-accent)}.xtu-blog-list__tag-select:focus-visible{outline:2px solid var(--xtu-bl-accent);outline-offset:2px}.xtu-blog-list__select-icon{position:absolute;right:14px;display:inline-flex;width:12px;height:12px;color:var(--xtu-bl-muted);pointer-events:none}.xtu-blog-list__select-icon svg{display:block;width:100%;height:100%}.xtu-blog-list__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--xtu-bl-gap);margin-top:32px}.xtu-blog-list__inner--head+.xtu-blog-list__inner .xtu-blog-list__grid{margin-top:var(--xtu-space-40, 40px)}.xtu-blog-list__item{min-width:0}.xtu-blog-list__card{display:flex;flex-direction:column;height:100%;padding:24px;border-radius:var(--xtu-bl-card-radius);background:var(--xtu-bl-card-bg);box-sizing:border-box;transition:box-shadow .25s ease,transform .25s cubic-bezier(.22,1,.36,1)}@media(hover:hover)and (pointer:fine){.xtu-blog-list__card:hover{box-shadow:0 8px 28px #0000000f;transform:translateY(-2px)}}.xtu-blog-list__media{position:relative;aspect-ratio:var(--xtu-bl-ratio);border-radius:var(--xtu-bl-image-radius);background:var(--xtu-bl-placeholder);overflow:hidden}.xtu-blog-list__media-link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.xtu-blog-list__image,.xtu-blog-list__placeholder{display:block;width:100%;height:100%;object-fit:cover}.xtu-blog-list__placeholder{background:var(--xtu-bl-placeholder)}.xtu-blog-list__body{display:flex;flex:1;flex-direction:column;min-height:0;margin-top:16px}.xtu-blog-list__title{margin:0;font-family:var(--font-heading--family);font-size:1.125rem;font-weight:600;line-height:1.2;color:var(--xtu-bl-heading)}.xtu-blog-list__title-link{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:inherit;text-decoration:none}.xtu-blog-list__meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:10px;font-family:var(--font-body--family);font-size:var(--xtu-type-eyebrow, .75rem);font-weight:400;line-height:1.2;color:var(--xtu-bl-muted)}.xtu-blog-list__meta-sep{color:color-mix(in srgb,var(--xtu-bl-muted) 45%,transparent)}.xtu-blog-list__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:12px 0 0;font-family:var(--font-body--family);font-size:var(--xtu-type-body, .875rem);font-weight:400;line-height:1.2;color:var(--xtu-bl-text)}.xtu-blog-list__cta{margin-top:auto;padding-top:16px}.xtu-blog-list__empty{margin:40px 0 0;font-family:var(--font-body--family);font-size:1rem;font-weight:400;line-height:1.2;text-align:center;color:var(--xtu-bl-muted)}.xtu-blog-list__pagination{margin-top:48px}.xtu-blog-list__pagination .pagination{padding-top:0;margin-top:0}@media screen and (max-width:749px){.xtu-blog-list__inner--head{padding-top:var(--xtu-bl-padding-top-mobile)}.xtu-blog-list>.xtu-blog-list__inner:last-child{padding-bottom:var(--xtu-bl-padding-bottom-mobile)}.xtu-blog-list__tabs-bar{margin-top:var(--xtu-space-20, 20px)}.xtu-blog-list__tabs{flex-wrap:nowrap;justify-content:flex-start}.xtu-blog-list__tab{min-height:36px;padding-inline:16px;font-size:var(--xtu-type-body, .875rem)}.xtu-blog-list__filter{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--xtu-space-12, 12px);margin-top:16px}.xtu-blog-list__filter-label{flex:0 0 auto;font-size:var(--xtu-type-eyebrow, .75rem)}.xtu-blog-list__select-wrap{flex:1 1 auto;min-width:0;max-width:none}.xtu-blog-list__tag-select{min-height:36px;padding-inline:var(--xtu-space-12, 12px) var(--xtu-space-32, 32px);font-size:var(--xtu-type-eyebrow, .75rem)}.xtu-blog-list__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--xtu-bl-gap-mobile);margin-top:20px}.xtu-blog-list__inner--head+.xtu-blog-list__inner .xtu-blog-list__grid{margin-top:var(--xtu-space-20, 20px)}.xtu-blog-list__card{padding:var(--xtu-space-12, 12px)}.xtu-blog-list__body{margin-top:12px}.xtu-blog-list__title{font-size:var(--xtu-type-body, .875rem)}.xtu-blog-list__meta,.xtu-blog-list__excerpt{margin-top:8px;font-size:var(--xtu-type-eyebrow, .75rem)}.xtu-blog-list__cta{padding-top:12px}.xtu-blog-list__pagination{margin-top:32px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/xtu-blog-list.css.map */