@media only screen and (max-width:767px){.blog-posts.swipe-on-mobile .row{display:grid;grid-gap:10px;grid-auto-flow:column;grid-auto-columns:minmax(var(--mobile-swipe-width),1fr);overflow-x:auto;grid-template-columns:repeat(auto-fill,minmax(var(--mobile-swipe-width),1fr));width:calc(100% + 30px);padding:0 15px;margin-left:-15px;scroll-snap-type:x mandatory;scrollbar-width:none}.blog-posts.swipe-on-mobile .row::-webkit-scrollbar{display:none}.blog-posts.swipe-on-mobile .row .columns{scroll-snap-stop:always;padding:0}}.blog-post .featured-image img{transition:all 1s cubic-bezier(.104,.204,.492,1)}.blog-post{margin-bottom:50px}.blog-post .featured-image{margin-bottom:24px;overflow:hidden;position:relative;height:0;padding-bottom:var(--ratio-percent)}.blog-post .featured-image>a{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.blog-post .featured-image>a img{height:100%;width:100%;object-fit:cover}.blog-post .featured-image>a .thb-placeholder{background:rgba(var(--color-body-rgb),.03);width:100%;height:100%}.blog-post .featured-image>a .thb-placeholder svg{fill:var(--color-accent)}.blog-post .featured-image>a:hover img,.blog-post .featured-image>a:focus img{transform:scale(1.05)}.blog-post .featured-image img{display:block;will-change:scale}.blog-post h5{margin-bottom:10px}.blog-post .post-meta{font-size:.75rem;text-transform:uppercase;color:var(--color-body);opacity:.6;letter-spacing:.1em;margin-bottom:12px}.blog-post .post-excerpt{font-size:.9375rem}.blog-post--large{width:100%;position:relative}@media only screen and (min-width:768px){.blog-post--large .featured-image{width:100%;max-width:66%;padding-bottom:var(--ratio-percent-medium)}[dir=rtl] .blog-post--large .featured-image{margin-right:auto}}@media only screen and (min-width:768px){.blog-post--content{border:1px solid var(--color-border);padding:50px;position:absolute;top:50%;right:0;background:var(--bg-body, #fff);max-width:500px;transform:translateY(-50%)}}@media only screen and (min-width:1068px){.blog-post--content{min-width:500px;max-width:100%;width:calc(33.9% + 50px)}}@media only screen and (max-width:767px){.blog-posts.swipe-on-mobile:not(.blog-carousel-container) .row{display:grid;grid-gap:10px;grid-auto-flow:column;grid-auto-columns:minmax(var(--mobile-swipe-width),1fr);overflow-x:auto;grid-template-columns:repeat(auto-fill,minmax(var(--mobile-swipe-width),1fr));width:calc(100% + 30px);padding:0 15px;margin-left:-15px;scroll-snap-type:x mandatory;scrollbar-width:none}.blog-posts.swipe-on-mobile:not(.blog-carousel-container) .row::-webkit-scrollbar{display:none}.blog-posts.swipe-on-mobile:not(.blog-carousel-container) .row .columns{scroll-snap-stop:always;padding:0}}.blog-carousel-container{position:relative}.blog-carousel{position:relative;overflow:hidden;padding:0 60px}@media(max-width:767px){.blog-carousel{padding:0 50px}}.carousel-track-container{overflow:hidden;position:relative;margin:0 -15px}.carousel-track{display:flex;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.carousel-slide{min-width:100%;flex-shrink:0;box-sizing:border-box}@media(min-width:768px){.carousel-slide{min-width:calc(100% / var(--carousel-columns, 3))}}@media(max-width:767px){.carousel-slide{min-width:100%}}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-body, #fff);border:2px solid var(--color-border, #e1e1e1);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:25;transition:all .3s cubic-bezier(.25,.46,.45,.94);color:var(--color-body);box-shadow:0 2px 8px #0000001a}.carousel-arrow:hover:not(:disabled){background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #00000026}.carousel-arrow--prev{left:20px}.carousel-arrow--next{right:20px}.carousel-arrow:disabled{opacity:.4;cursor:not-allowed;transform:translateY(-50%) scale(.95)}.carousel-arrow:disabled:hover{background:var(--bg-body, #fff);color:var(--color-body);border-color:var(--color-border, #e1e1e1);transform:translateY(-50%) scale(.95);box-shadow:0 2px 8px #0000001a}.carousel-arrow svg{width:20px;height:20px}@media(max-width:767px){.carousel-arrow{width:40px;height:40px}.carousel-arrow--prev{left:10px}.carousel-arrow--next{right:10px}.carousel-arrow svg{width:16px;height:16px}}.carousel-dots{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:40px;padding:0}.carousel-dot{width:12px;height:12px;border-radius:50%;border:none;background:var(--color-border, #e1e1e1);cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;padding:0}.carousel-dot:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:transparent;transition:background-color .3s ease}.carousel-dot:hover:before{background:rgba(var(--color-accent-rgb, 0, 0, 0),.1)}.carousel-dot.active,.carousel-dot:hover{background:var(--color-accent);transform:scale(1.2)}.carousel-dot.active{box-shadow:0 0 0 2px rgba(var(--color-accent-rgb, 0, 0, 0),.2)}.blog-carousel{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-track{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.blog-carousel{touch-action:pan-y pinch-zoom;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.carousel-track{cursor:grab}.carousel-track:active{cursor:grabbing}.carousel-arrow:focus,.carousel-dot:focus{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.carousel-slide .blog-post{animation:slideIn .6s ease-out}.carousel-track.loading{pointer-events:none}.carousel-track.loading .carousel-slide{opacity:.7}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.carousel-arrow{border-width:1px}}@media(prefers-reduced-motion:reduce){.carousel-track,.carousel-arrow,.carousel-dot,.blog-post .featured-image img{transition:none}.carousel-slide .blog-post{animation:none}}@media(prefers-color-scheme:dark){.carousel-arrow{background:var(--bg-body-dark, #1a1a1a);border-color:var(--color-border-dark, #333);color:var(--color-body-dark, #fff);box-shadow:0 2px 8px #ffffff1a}.carousel-arrow:hover:not(:disabled){box-shadow:0 4px 12px #ffffff26}.carousel-dot{background:var(--color-border-dark, #333)}}[dir=rtl] .carousel-arrow--prev{right:20px;left:auto}[dir=rtl] .carousel-arrow--next{left:20px;right:auto}@media(max-width:767px){[dir=rtl] .carousel-arrow--prev{right:10px;left:auto}[dir=rtl] .carousel-arrow--next{left:10px;right:auto}}@container (max-width: 600px){.carousel-slide{min-width:100%!important}}@media print{.carousel-arrow,.carousel-dots{display:none}.carousel-track{display:block}.carousel-slide{display:block;min-width:auto;page-break-inside:avoid;margin-bottom:20px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/blog.css.map */