.blog-raf{--raf-title-lh:1.36em;--raf-title-fs:var(--raf-title-m,11px);--raf-cols:var(--raf-cols-m,2);--raf-gap:var(--raf-gap-m,12px);--raf-sub:#000;--raf-gray:#000;--raf-read:#000;--raf-line:#e5e5e5;--raf-side:2.8px;color:#000}@media only screen and (min-width:768px){.blog-raf{--raf-title-fs:var(--raf-title-d,16px);--raf-cols:var(--raf-cols-t,3);--raf-gap:var(--raf-gap-d,18px);--raf-side:5.6px}}@media only screen and (min-width:1024px){.blog-raf{--raf-cols:var(--raf-cols-d,3)}}.blog-raf__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-raf__empty{margin:24px 0;font-size:13px;color:var(--raf-gray)}.blog-raf .blog-raf__top{display:flex;flex-direction:column;gap:10px;margin:0 0 28px}.blog-raf .blog-raf__viewtoggle{order:-1;align-self:flex-end;display:flex;gap:8px}@media only screen and (min-width:768px){.blog-raf .blog-raf__top{flex-direction:row;align-items:center;gap:16px}.blog-raf .blog-raf__viewtoggle{order:2;align-self:auto;flex:0 0 auto;margin-left:auto}}.blog-raf .blog-raf__nav{display:flex;flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.blog-raf .blog-raf__nav::-webkit-scrollbar{display:none}.blog-raf .blog-raf__btn{flex:0 0 auto;display:inline-flex;align-items:center;height:28px;padding:0 10px;box-sizing:border-box;border:1px solid #000;border-radius:2px;background:#fff;color:#000;font-size:11px!important;font-weight:300;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}.blog-raf .blog-raf__btn:hover,.blog-raf .blog-raf__btn:focus-visible,.blog-raf .blog-raf__btn.is-active,.blog-raf .blog-raf__viewtoggle .blog-raf__btn[aria-pressed=true]{background:#000;color:#fff;outline:none}.blog-raf .blog-raf__hero,.blog-raf[data-view=main] .blog-raf__link{display:flex;flex-direction:column;color:inherit;text-decoration:none}.blog-raf .blog-raf__hero{transition:none;--raf-title-fs:var(--raf-vtitle,18px);--raf-excerpt-fs:var(--raf-vexcerpt,12px);min-width:0;margin:0}.blog-raf[data-view=main]{--raf-excerpt-fs:var(--raf-excerpt,11px)}.blog-raf .blog-raf__cover img{display:block;width:100%;height:auto;aspect-ratio:var(--raf-ratio,16/9);object-fit:contain}.blog-raf .blog-raf__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:calc(2 * var(--raf-title-lh));margin:3px 0 0;color:#000;font-size:var(--raf-title-fs);line-height:var(--raf-title-lh)}.blog-raf .blog-raf__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--raf-lines,3);overflow:hidden;min-height:calc(var(--raf-lines,3) * 1.45em);margin:5px 0 0;color:var(--raf-sub);font-size:var(--raf-excerpt-fs);line-height:1.45}.blog-raf .blog-raf__read{display:block;margin:6px 0 0;color:var(--raf-read);font-size:var(--raf-read-fs,11px);line-height:1.3;white-space:nowrap}.blog-raf .blog-raf__hero:focus-visible,.blog-raf .blog-raf__link:focus-visible{outline:1px solid #000;outline-offset:4px}@media only screen and (max-width:767px){.blog-raf[data-view=main] .blog-raf__excerpt,.blog-raf[data-view=main] .blog-raf__excerpt[data-fit]{display:none}}.blog-raf .blog-raf__title[data-fit],.blog-raf .blog-raf__excerpt[data-fit]{display:block;-webkit-line-clamp:unset;overflow:visible}.blog-raf .blog-raf__list{list-style:none;margin:0;padding:0}.blog-raf .blog-raf__item{margin:0;padding:0}.blog-raf .blog-raf__item:before{display:none}.blog-raf[data-view=main] .blog-raf__item{display:flex;flex-direction:column}.blog-raf[data-view=main] .blog-raf__link{flex:1 1 auto}.blog-raf[data-view=index] .blog-raf__vitrin{display:none}.blog-raf[data-view=index] .blog-raf__file,.blog-raf[data-view=index] .blog-raf__body,.blog-raf[data-view=index] .blog-raf__shelf{display:contents}.blog-raf[data-view=index] .blog-raf__excerpt,.blog-raf[data-view=index] .blog-raf__readmore{display:none}.blog-raf[data-view=index] .blog-raf__list{border-top:1px solid var(--raf-line)}.blog-raf[data-view=index] .blog-raf__item{border-bottom:1px solid var(--raf-line)}.blog-raf[data-view=index] .blog-raf__link{display:grid;grid-template-columns:96px auto 1fr;grid-template-areas:"cover date read" "cover title title" "cover cat cat";column-gap:12px;row-gap:3px;align-items:center;padding:14px 0;color:inherit;text-decoration:none}.blog-raf[data-view=index] .blog-raf__cover{grid-area:cover;display:block;overflow:hidden;aspect-ratio:16/9;background:#fff}.blog-raf[data-view=index] .blog-raf__cover img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.blog-raf[data-view=index] .blog-raf__date,.blog-raf[data-view=index] .blog-raf__tab{grid-area:date;margin:0;padding:0;font-size:11px;line-height:1.3;color:var(--raf-gray);white-space:nowrap}.blog-raf[data-view=index] .blog-raf__read{grid-area:read;margin:0;font-size:11px;line-height:1.3;color:var(--raf-gray);white-space:nowrap}.blog-raf[data-view=index] .blog-raf__title{grid-area:title;margin:0;min-height:0;font-size:14px;line-height:var(--raf-title-lh)}.blog-raf[data-view=index] .blog-raf__label{grid-area:cat;justify-self:start;padding:0;background:none;color:var(--raf-gray);font-size:11px}@media(hover:hover)and (pointer:fine)and (min-width:768px){.blog-raf[data-view=index] .blog-raf__link{grid-template-columns:110px 150px 1fr 220px;grid-template-areas:"date read title cat";column-gap:24px;padding:16px 0}.blog-raf[data-view=index] .blog-raf__cover{display:none}.blog-raf[data-view=index] .blog-raf__label{justify-self:end;text-align:right}}.blog-raf[data-view=index] .blog-raf__link:focus-visible{outline-offset:-1px}.blog-raf .blog-raf__more{display:flex;justify-content:center;padding:32px 0 40px}.blog-raf .blog-raf__more[hidden]{display:none}.blog-raf .blog-raf__more-btn{height:40px;min-width:180px;padding:0 24px;box-sizing:border-box;border:1px solid #000;border-radius:2px;background:#fff;color:#000;font-size:12px!important;font-weight:300;line-height:1;cursor:pointer;transition:background-color .2s ease,color .2s ease}.blog-raf .blog-raf__more-btn:hover,.blog-raf .blog-raf__more-btn:focus-visible{background:#000;color:#fff;outline:none}.blog-raf__peek{position:fixed;left:0;top:0;z-index:30;width:260px;pointer-events:none;opacity:0;transition:opacity .18s ease;will-change:transform,opacity;background:#fff}.blog-raf__peek.is-on{opacity:1}.blog-raf__peek img{display:block;width:260px;height:auto}@media(hover:none),(pointer:coarse),(max-width:767px){.blog-raf__peek{display:none}}@media(prefers-reduced-motion:reduce){.blog-raf__peek{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/blog-list.css.map */
