/* Existing sample interactions, isolated from the Mobbin catalogue layout. */
.blurry-freebies .bf-preview{padding:22px 24px;background:#f7f5fc;border-top:1px solid #5956e820}
.blurry-freebies .bf-example-label{display:block;font:700 11px/1.4 Archivo,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#74639c;margin-bottom:12px}
.blurry-freebies .bf-preview-note{font:400 12px/1.55 Archivo,Arial,sans-serif;margin:15px 0 0;color:#74639c}
.blurry-freebies .bf-preview p{font-size:14px;line-height:1.5}
.blurry-freebies .bf-channel-tabs,.blurry-freebies .bf-style-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 15px}
.blurry-freebies .bf-channel-tabs button,.blurry-freebies .bf-style-tabs button{border:1px solid #5956e850;padding:7px 10px;font:400 12px/1.3 Archivo,Arial,sans-serif;color:#5956e8;background:transparent;border-radius:4px;cursor:pointer}
.blurry-freebies .bf-channel-tabs button[aria-pressed="true"],.blurry-freebies .bf-style-tabs button[aria-pressed="true"]{background:#5956e8;color:#fff;border-color:#5956e8}
.blurry-freebies .bf-ad-sample{padding:20px;background:#fff;border:1px solid #5956e830;border-radius:5px}
.blurry-freebies .bf-ad-source{display:flex;align-items:center;gap:9px;margin-bottom:12px;font:700 13px/1.3 Archivo,Arial,sans-serif}
.blurry-freebies .bf-flower-mark{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#ece7fa;color:#5956e8;font-size:22px}
.blurry-freebies .bf-ad-copy{margin:0 0 15px}
.blurry-freebies .bf-ad-visual{display:grid;place-items:center;min-height:125px;background:#ece7fa;color:#5956e8;border-radius:3px;margin-bottom:15px}
.blurry-freebies .bf-ad-visual svg{width:150px;height:125px}
.patch-inner.blurry-freebies .bf-ad-heading{font:700 21px/1.2 Archivo,Arial,sans-serif;color:#30264c;margin:0 0 8px}
.blurry-freebies .bf-example-cta{display:inline-block;background:#fece22;color:#30264c;border-radius:4px;padding:9px 14px;font:700 12px/1.2 Archivo,Arial,sans-serif}
.blurry-freebies .bf-search-url{font:400 11px/1.4 Archivo,Arial,sans-serif;margin-bottom:9px;color:#706286}
.blurry-freebies .bf-search-heading{font:400 20px/1.3 Archivo,Arial,sans-serif;color:#5956e8;margin:0 0 10px}
.blurry-freebies .bf-full-includes{margin-top:20px}
.blurry-freebies .bf-full-includes strong{font:700 13px/1.4 Archivo,Arial,sans-serif}
.blurry-freebies .bf-full-includes ul{padding-left:17px;margin:8px 0 0;font:400 12px/1.6 Archivo,Arial,sans-serif}
.blurry-freebies .bf-browser{--concept-accent:#5956e8;--concept-paper:#fff;--concept-tint:#ece7fa;border:1px solid #30264c;border-radius:6px;overflow:hidden;background:var(--concept-paper);color:#30264c;margin:0}
.blurry-freebies .bf-browser[data-style="calm"]{--concept-accent:#476859;--concept-paper:#faf8f0;--concept-tint:#e2ece3}
.blurry-freebies .bf-browser[data-style="editorial"]{--concept-accent:#30264c;--concept-paper:#f8f1e6;--concept-tint:#eadfcf}
.blurry-freebies .bf-browser-bar{display:flex;align-items:center;gap:5px;padding:9px 11px;border-bottom:1px solid #30264c40;background:#f0eeeb;font:400 10px/1 Archivo,Arial,sans-serif;color:#847991}
.blurry-freebies .bf-browser-bar i{width:6px;height:6px;background:#a294b6;border-radius:50%}
.blurry-freebies .bf-browser-bar span{margin-left:10px}
.blurry-freebies .bf-concept-nav{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;font:700 12px/1 Archivo,Arial,sans-serif}
.blurry-freebies .bf-concept-nav span{font-weight:400;font-size:9px}
.blurry-freebies .bf-concept-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:12px;margin:0 15px;padding:22px 15px;background:var(--concept-tint);border-radius:3px}
.patch-inner.blurry-freebies .bf-concept-hero h3{font:700 28px/1.05 Archivo,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 9px;color:var(--concept-accent)}
.blurry-freebies .bf-browser[data-style="editorial"] .bf-concept-hero h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.01em}
.blurry-freebies .bf-concept-hero p{font:400 10px/1.45 Archivo,Arial,sans-serif;margin:0 0 13px}
.blurry-freebies .bf-concept-hero .bf-example-cta{font-size:10px;padding:7px 10px}
.blurry-freebies .bf-concept-hero svg{width:100%;height:auto;color:var(--concept-accent)}
.blurry-freebies .bf-concept-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:13px 15px 16px;text-align:center}
.blurry-freebies .bf-concept-sections div{padding:11px 4px;border-top:1px solid var(--concept-accent);font:700 9px/1.4 Archivo,Arial,sans-serif;color:var(--concept-accent)}
.blurry-freebies .bf-funnel{display:grid;gap:8px}
.blurry-freebies .bf-funnel-stage{border:1px solid #5956e830;border-radius:4px;background:white}
.blurry-freebies .bf-funnel-stage summary{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:12px 13px;font:700 14px/1.3 Archivo,Arial,sans-serif;color:#5956e8}
.blurry-freebies .bf-funnel-stage summary::-webkit-details-marker{display:none}
.blurry-freebies .bf-funnel-stage summary::after{content:"+";font:400 18px/1 Archivo,Arial,sans-serif}
.blurry-freebies .bf-funnel-stage[open] summary::after{content:"−"}
.blurry-freebies .bf-funnel-stage summary span{font:700 16px/1 var(--patch-display);color:#a69ace}
.blurry-freebies .bf-stage-content{padding:0 13px 13px 47px;font:400 12px/1.55 Archivo,Arial,sans-serif}
.blurry-freebies .bf-stage-content p{font-size:12px;margin:0 0 9px}
.blurry-freebies .bf-stage-cta{display:block;color:#5956e8;font-weight:700}