.js-fold-blog{--jsfb-ink: #111820;--jsfb-accent: #ed1c24;--jsfb-muted: #667085;--jsfb-border: #ffffff;--jsfb-card: #edff1a;--jsfb-panel: #f5f7fa;--jsfb-shadow: 0 18px 30px rgba(0,0,0,.18), 0 0 30px rgba(15,15,15,.1);width:100%}.js-fold-blog__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start;max-width:1560px;margin:0 auto}.js-fold-blog__card{position:relative;min-width:0;background:var(--jsfb-card);color:var(--jsfb-ink);border:12px solid var(--jsfb-border);padding:12px;border-radius:22px;box-shadow:0 14px 22px #0000002e,0 0 22px #0f0f0f14;transition:box-shadow .3s ease,transform .3s ease;overflow:hidden}@media(hover:hover)and (pointer:fine){.js-fold-blog__card:hover{box-shadow:0 10px 18px #0000004d,0 0 32px #0f0f0f1f;transform:translateY(-2px)}}.js-fold-blog__header{text-align:center;padding-bottom:12px;border-bottom:1px solid rgba(17,24,32,.15);position:relative}.js-fold-blog__more{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--jsfb-accent);position:absolute;right:-6px;top:-8px;padding:8px;min-width:52px;min-height:44px;cursor:pointer;font:inherit;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.04em;z-index:2}.js-fold-blog__more-icon{display:block;font-size:24px;margin-bottom:4px;transition:transform .3s ease}.js-fold-blog__more-label{font-size:9px}.js-fold-blog__card.is-open .js-fold-blog__more-icon{transform:rotate(45deg)}.js-fold-blog__image-button{display:inline-block;border:0;padding:0;background:transparent;cursor:pointer;border-radius:50%}.js-fold-blog__image-wrap{width:160px;height:160px;max-width:72vw;max-height:72vw;margin:0 auto 12px;border-radius:50%;padding:5px;background:linear-gradient(-45deg,#ed1c24,#ffd400,#26bce8,#ed1c24);background-size:400% 400%;animation:jsfb-gradient 6s ease infinite;transition:padding .3s ease,box-shadow .3s ease}@media(hover:hover)and (pointer:fine){.js-fold-blog__image-button:hover .js-fold-blog__image-wrap{padding:9px;box-shadow:0 0 0 7px #fff6}}.js-fold-blog__image{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;background:#eceff3}.js-fold-blog__placeholder{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1d2430;color:#fff;font-size:54px;font-weight:900}.js-fold-blog__title{margin:0;font-size:clamp(17px,1.35vw,21px);line-height:1.18;font-weight:900;color:var(--jsfb-ink)}.js-fold-blog__title a{color:inherit;text-decoration:none}.js-fold-blog__title a:hover{color:var(--jsfb-accent)}.js-fold-blog__meta{margin:8px 0 0;color:var(--jsfb-accent);font-weight:700;font-size:11px}.js-fold-blog__author,.js-fold-blog__tags{margin:5px 0 0;color:var(--jsfb-muted);font-size:12px}.js-fold-blog__body{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .38s ease,opacity .28s ease,margin-top .38s ease;margin-top:0}.js-fold-blog__card.is-open .js-fold-blog__body{grid-template-rows:1fr;opacity:1;margin-top:14px}.js-fold-blog__body-inner{min-height:0;overflow:hidden}.js-fold-blog__excerpt{margin:0 0 12px;padding-left:12px;border-left:5px solid var(--jsfb-accent);color:#303846;font-style:italic;line-height:1.55}.js-fold-blog__read{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:2px solid var(--jsfb-ink);border-radius:10px;background:#ffef00;color:#111!important;font-weight:900;text-decoration:none!important;text-transform:uppercase;letter-spacing:.03em}.js-fold-blog__read:hover{transform:translateY(-1px);box-shadow:0 5px #111}@keyframes jsfb-gradient{0%,to{background-position:10% 50%}50%{background-position:90% 50%}}@media(max-width:1199px){.js-fold-blog__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(max-width:899px){.js-fold-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:620px){.js-fold-blog__grid{grid-template-columns:1fr;gap:18px}.js-fold-blog__card{padding:20px;border-radius:22px}.js-fold-blog__image-wrap{width:180px;height:180px}}@media(prefers-reduced-motion:reduce){.js-fold-blog__image-wrap{animation:none}.js-fold-blog__card,.js-fold-blog__body,.js-fold-blog__more-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/136/assets/jsfold-blog.css.map */