.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;background:var(--xtu-bl-bg, var(--color-background, #fff));color:var(--color-foreground, #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(--color-foreground, #111)}.xtu-blog-list__tabs-bar{width:100%;margin-top:28px;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:#eef0f3;color:#4b5563;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:#e4e7ec;color:#111827}.xtu-blog-list__tab.is-active,.xtu-blog-list__tab.is-active:hover{background:#0070ca;color:#fff}.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:#6b7280;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 #e5e7eb;border-radius:999px;background:#fff;color:#111827;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:#0070ca}.xtu-blog-list__tag-select:focus-visible{outline:2px solid #0070ca;outline-offset:2px}.xtu-blog-list__select-icon{position:absolute;right:14px;display:inline-flex;width:12px;height:12px;color:#6b7280;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__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:#fff;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:#f5f5f7;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:#f5f5f7}.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(--color-foreground, #111)}.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:#6b7280}.xtu-blog-list__meta-sep{color:#d1d5db}.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:#4b5563}.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:#6b7280}.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: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__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/25/assets/xtu-blog-list.css.map */