.blog-cf{--cf-iw-ratio: .68;--aw: min(70vw, 296px, calc((100dvh - var(--nav-h) - 180px) * 2 / 3));min-height:100dvh;box-sizing:border-box;padding-top:var(--nav-h);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:750px){.blog-cf{--cf-iw-ratio: .6538;--aw: min(26vw, 340px, calc((100dvh - var(--nav-h) - 210px) * 2 / 3))}}.cf{position:relative;padding-bottom:12px;isolation:isolate;outline:none}.cf__viewport{width:100%;height:calc(var(--aw) * 3 / 2);overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none}.cf__viewport.is-grabbing,.cf__viewport.is-grabbing *{cursor:grabbing}.cf__track{display:flex;align-items:center;height:100%;gap:14px;will-change:transform}@media screen and (min-width:750px){.cf__track{gap:16px}}.cf__slide{flex-shrink:0;width:calc(var(--aw) * var(--cf-iw-ratio));cursor:pointer}.cf__slide.is-active{width:var(--aw);cursor:default}.cf__card{position:relative;display:block;width:100%;aspect-ratio:2 / 3;border-radius:var(--radius-card);overflow:hidden;opacity:1;contain:layout paint}.cf__slide:not(.is-active) .cf__card{opacity:.55}.cf__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--cf-dim, 0);pointer-events:none}.cf__card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.cf__track a{-webkit-user-drag:none}.cf__btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--blue);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:opacity .2s}.cf__btn:hover{opacity:.72}.cf__btn svg{width:16px;height:16px;stroke:#fff;stroke-width:2;fill:none}@media screen and (max-width:749px){.cf__btn{display:none}}.cf__caption{width:min(80vw,340px);margin:0 auto;padding:30px 0 0;text-align:center;transition:opacity .26s ease}@media screen and (min-width:750px){.cf__caption{width:min(26vw,340px)}}.cf__caption.is-fading{opacity:0}.cf__caption-title{font-family:var(--font);font-size:22px;font-weight:500;color:var(--blue);margin:0 0 14px;letter-spacing:.01em;line-height:1.2;min-height:1.2em}.cf__caption-title:empty{margin:0}.cf__caption-body{font-size:var(--fs-small);color:var(--blue);opacity:.55;line-height:1.85;text-align:justify}@media(prefers-reduced-motion:reduce){.cf__caption{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-blog-coverflow.css.map */