.dl-blog-articles-rec-y{--dl-bar-rec-active: #315800;--dl-bar-rec-idle: #d8d8d8}.dl-blog-articles-rec-y .swiper-slide-next,.dl-blog-articles-rec-y .swiper-slide-prev{opacity:.5;transition:opacity .3s ease-in-out}.dl-blog-articles-rec-y__header{margin:0 0 2rem;text-align:center}.dl-blog-articles-rec-y__heading{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(1.5rem,4vw,2rem);line-height:1.2}.dl-blog-articles-rec-y__viewport{position:relative;padding:calc(40 / 1920 * 100vw) 0 calc(16 / 1920 * 100vw)}.dl-blog-articles-rec-y__swiper{overflow:hidden;border-radius:0}.dl-blog-articles-rec-y__slide{display:block;height:auto;text-decoration:none;color:inherit;border-radius:calc(19 / 1920 * 100vw);box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0)}.dl-blog-articles-rec-y__card{position:relative;width:100%;aspect-ratio:12 / 7;border-radius:16px;overflow:hidden;background:#1a1a1a;-webkit-transform:translateZ(0);transform:translateZ(0)}.dl-blog-articles-rec-y__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.dl-blog-articles-rec-y__card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dl-blog-articles-rec-y__gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.25) 45%,transparent 72%);pointer-events:none}.dl-blog-articles-rec-y__text{position:absolute;left:0;bottom:0;padding:calc(8 / 1920 * 100vw) calc(40 / 1920 * 100vw) calc(40 / 1920 * 100vw);z-index:2;color:#fff;line-height:normal;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.dl-blog-articles-rec-y__tag{margin:0;font-size:calc(16 / 1920 * 100vw);font-weight:400}.dl-blog-articles-rec-y__title{margin-top:0;margin-bottom:calc(16 / 1920 * 100vw);font-size:1.25vw;font-weight:700;color:#fff}.dl-blog-articles-rec-y__meta{margin:0;font-size:calc(16 / 1920 * 100vw)}.dl-blog-articles-rec-y__meta-sep{margin:0 .35rem}.dl-blog-articles-rec-y__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:1;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,opacity .2s ease}.dl-blog-articles-rec-y__nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.dl-blog-articles-rec-y__nav--prev{left:19vw}.dl-blog-articles-rec-y__nav--next{right:19vw}.dl-blog-articles-rec-y__nav svg{width:2.5vw;height:2.5vw;display:block}.dl-blog-articles-rec-y__nav:hover svg circle{fill:#000}.dl-blog-articles-rec-y__nav.is-disabled{opacity:.25;pointer-events:none}.dl-blog-articles-rec-y__pagination.swiper-pagination-bullets{display:flex;justify-content:center;align-items:center;margin-top:1.25vw;gap:calc(8 / 1920 * 100vw)}.dl-blog-articles-rec-y__pagination .swiper-pagination-bullet{width:calc(40 / 1920 * 100vw);height:.78125vw;background-clip:content-box!important;padding:.3125vw 0;border-radius:0;margin:0!important;background:var(--dl-bar-rec-idle);opacity:1;transition:background .2s ease,width .2s ease}.dl-blog-articles-rec-y__pagination .swiper-pagination-bullet-active{background:var(--dl-bar-rec-active)}.dl-blog-articles-rec-y__empty{text-align:center;padding:2rem 1rem;color:rgba(var(--color-foreground),.75)}.dl-blog-articles-rec-y__placeholder-card .dl-blog-articles-rec-y__card{background:#2a2a2a}.dl-blog-articles-rec-y__placeholder-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;color:#fff9;font-size:.9375rem;text-align:center}@media screen and (max-width:990px){.dl-blog-articles-rec-y__viewport{padding:calc(40 / 375 * 100vw) 0 calc(16 / 375 * 100vw)}.dl-blog-articles-rec-y__tag{display:none}.dl-blog-articles-rec-y__title{margin-bottom:calc(8 / 375 * 100vw);font-size:calc(20 / 375 * 100vw)}.dl-blog-articles-rec-y__meta{font-size:calc(14 / 375 * 100vw)}.dl-blog-articles-rec-y__pagination .swiper-pagination-bullet{width:6.4vw;height:4vw;padding:1.6vw 0}.dl-blog-articles-rec-y__card{aspect-ratio:1}.dl-blog-articles-rec-y__text{padding:6.4vw calc(16 / 375 * 100vw) 6.4vw}.dl-blog-articles-rec-y__card{border-radius:calc(7 / 375 * 100vw)}.dl-blog-articles-rec-y .swiper-slide-next,.dl-blog-articles-rec-y .swiper-slide-prev{opacity:1}.dl-blog-articles-rec-y__pagination.swiper-pagination-bullets{gap:calc(4 / 375 * 100vw)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-dl-blog-articles-rec-y.css.map */