.blog-carousel{position:relative;display:block}.blog-carousel__header{margin-bottom:2.5rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.blog-carousel__heading{margin:0;line-height:1.25}.blog-carousel__subheading{margin-top:.5rem;line-height:1.625;opacity:.7;margin-bottom:0}.blog-carousel__nav{display:flex;flex-shrink:0;gap:.5rem}.blog-carousel__arrow{display:flex;height:3rem;width:3rem;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;background-color:transparent;padding:0;border:1.5px solid currentColor;color:inherit;opacity:.6;transition:background-color .25s ease,color .25s ease,opacity .25s ease,transform .2s ease}.blog-carousel__arrow:hover{opacity:1;transform:scale(1.08)}.blog-carousel__arrow:disabled{cursor:default;opacity:.2;transform:none}.blog-carousel__arrow svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.blog-carousel__track-wrapper{overflow:hidden;border-radius:.5rem}.blog-carousel__track{display:flex;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform;gap:var(--bc-gap, 1.5rem);transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.blog-carousel__track.is-dragging{cursor:grabbing;transition:none}.blog-carousel__card{position:relative;overflow:hidden;flex:0 0 var(--bc-card-width);min-width:0;border-radius:var(--bc-card-radius, .75rem);transition:transform .35s ease,box-shadow .35s ease}.blog-carousel__image-wrapper{position:relative;display:block;overflow:hidden;aspect-ratio:var(--bc-aspect, 16/10)}.blog-carousel__image-wrapper img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.blog-carousel__image-wrapper svg{height:100%;width:100%}.blog-carousel__tag{position:absolute;top:.75rem;left:.75rem;z-index:2;border-radius:9999px;padding:.25rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.4}.blog-carousel__body{padding:1.25rem 1.25rem 1.5rem}.blog-carousel__meta{margin-bottom:.625rem;display:flex;align-items:center;gap:.75rem;font-size:.8rem;opacity:.55}.blog-carousel__meta-dot{height:3px;width:3px;border-radius:9999px;background-color:currentColor;opacity:.5}.blog-carousel__title{margin:0;font-weight:600;font-size:var(--bc-title-size, 1.125rem);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-carousel__title a{text-decoration-line:none;color:inherit;transition:opacity .2s ease}.blog-carousel__title a:hover{opacity:.75}.blog-carousel__excerpt{margin-top:.625rem;font-size:.875rem;line-height:1.25rem;line-height:1.625;margin-bottom:0;opacity:.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-carousel__read-more{margin-top:1rem;display:inline-flex;align-items:center;font-weight:600;text-decoration-line:none;gap:.375rem;font-size:.825rem;color:inherit;transition:gap .25s ease,opacity .25s ease}.blog-carousel__read-more:hover{opacity:.75;gap:.625rem}.blog-carousel__read-more svg{height:.875rem;width:.875rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.blog-carousel__dots{margin-top:2rem;display:flex;justify-content:center;gap:.5rem}.blog-carousel__dot{height:.5rem;width:.5rem;cursor:pointer;border-radius:9999px;border-style:none;background-color:currentColor;padding:0;opacity:.2;transition:opacity .3s ease,width .3s ease,border-radius .3s ease}.blog-carousel__dot.is-active{width:1.5rem;opacity:.8;border-radius:4px}.blog-carousel__view-all{margin-top:2.5rem;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;text-decoration-line:none;color:inherit;transition:gap .2s ease}.blog-carousel__view-all:hover{gap:.75rem}.blog-carousel__view-all svg{height:1rem;width:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(min-width:750px){.blog-carousel__card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px #ffffff14}.blog-carousel__card:hover .blog-carousel__image-wrapper img{transform:scale(1.05)}}@media(max-width:749px){.blog-carousel__header{margin-bottom:1.5rem;flex-direction:column;align-items:flex-start}.blog-carousel__nav{display:none}.blog-carousel__arrow{height:2.5rem;width:2.5rem}.blog-carousel__body{padding:1rem 1rem 1.25rem}.blog-carousel__dots{margin-top:1.5rem}}@media(prefers-reduced-motion:reduce){.blog-carousel__track,.blog-carousel__card,.blog-carousel__image-wrapper img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/byte-blog-carousel.css.map */