@import url('/shared-navigation-v35.css?v=freebies-homepage-v47');
@import url('/shared-footer-v34.css?v=freebies-homepage-v47');
@import url('/freebie-tool-v48.css?v=freebies-links-v48c');

/* Layout pulled from Patch's Mobbin Downloads section c95ed806.
   The source uses a 1512px canvas with a .6613756614vw design unit. */
@font-face{font-family:"Blurry Goods Display";src:url('/assets/freebies/display.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Archivo;src:url('/assets/archivo-variable-latin-v26.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.blurry-freebies{--patch-blue:#5956e8;--patch-purple:#5956e8;--patch-yellow:#fece22;background:#5956e8}
.patch-replica.blurry-freebies .replica-nav:not(.on-gray) .replica-logo img{filter:brightness(0) invert(1)}
.patch-replica.blurry-freebies .replica-nav.on-gray .replica-logo img{filter:none}
.patch-replica.blurry-freebies .replica-nav .replica-button,.patch-replica.blurry-freebies .replica-nav .replica-middle{background:#fece22;color:#30264c}
.patch-inner.blurry-freebies #main>.linkBlocks{
  --goods-unit:.6613756614vw;--goods-purple:#5956e8;--goods-yellow:#fece22;--goods-ink:#30264c;
  position:relative;display:grid;grid-template-columns:calc(47 * var(--goods-unit)) minmax(0,1fr);column-gap:calc(20.6 * var(--goods-unit));
  padding:calc(15.5 * var(--goods-unit)) calc(8.8 * var(--goods-unit)) calc(10 * var(--goods-unit)) calc(9.5 * var(--goods-unit));min-height:100svh;
  background-color:var(--goods-purple);background-image:url('/assets/website-builds-v32/grid.svg');
  background-position:calc(-4.72 * var(--goods-unit)) calc(4.72 * var(--goods-unit));background-size:calc(9.44 * var(--goods-unit)) calc(9.44 * var(--goods-unit));
  color:#fff;font-family:Archivo,Arial,sans-serif;box-sizing:border-box;
}
.blurry-freebies .linkBlocks__side{min-width:0;position:relative}
.blurry-freebies .linkBlocks__sideInner{position:sticky;top:calc(15.5 * var(--goods-unit))}
.blurry-freebies .linkBlocks__title{position:relative}
.patch-inner.blurry-freebies .linkBlocks__heading{font:700 calc(11.8 * var(--goods-unit))/.9 "Blurry Goods Display",sans-serif;letter-spacing:.02em;text-transform:uppercase;margin:0 0 calc(3 * var(--goods-unit));color:#fff}
.blurry-freebies .linkBlocks__heading span{display:block}
.blurry-freebies .linkBlocks__count{position:absolute;right:0;top:calc(10.2 * var(--goods-unit));font:700 max(20px,calc(2.5 * var(--goods-unit)))/1 "Blurry Goods Display",sans-serif;color:#fff}
.blurry-freebies .linkBlocks__subheading p{font:400 max(17px,calc(1.8 * var(--goods-unit)))/1.5 Archivo,Arial,sans-serif;width:calc(34 * var(--goods-unit));max-width:90%;margin:0 0 calc(5 * var(--goods-unit));color:#fff}
.blurry-freebies .linkBlocks__launch{border:1px solid #ffffff55;border-radius:5px;padding:16px 20px;max-width:calc(43 * var(--goods-unit));font:400 max(13px,calc(1.3 * var(--goods-unit)))/1.5 Archivo,Arial,sans-serif;background:#ffffff0a}
.blurry-freebies .linkBlocks__launch strong{font-weight:650;color:var(--goods-yellow)}
.blurry-freebies .linkBlocks__launch p{font:inherit;margin:5px 0 0;color:#fff}
.blurry-freebies .linkBlocks__main{min-width:0;padding-top:calc(12 * var(--goods-unit))}
.blurry-freebies .linkBlock{background:#fff;color:var(--goods-purple);border:0;border-radius:calc(.5 * var(--goods-unit));margin:0 0 calc(2 * var(--goods-unit));overflow:hidden;scroll-margin-top:110px}
.blurry-freebies .linkBlock__summary{display:block;position:relative;min-height:calc(14.2 * var(--goods-unit));padding:calc(.7 * var(--goods-unit)) calc(6 * var(--goods-unit)) calc(.7 * var(--goods-unit)) calc(17.3 * var(--goods-unit));list-style:none;cursor:pointer;box-sizing:border-box}
.blurry-freebies .linkBlock__summary::-webkit-details-marker{display:none}
.blurry-freebies .linkBlock__image{display:block;width:calc(13.4 * var(--goods-unit));height:calc(12.8 * var(--goods-unit));position:absolute;left:calc(.7 * var(--goods-unit));top:50%;transform:translateY(-50%);background:#fff9ea;border-radius:calc(.5 * var(--goods-unit));overflow:hidden}
.blurry-freebies .linkBlock__image img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.blurry-freebies .linkBlock__content{display:block;padding-top:calc(1.6 * var(--goods-unit));padding-bottom:calc(1.2 * var(--goods-unit));}
.patch-inner.blurry-freebies .linkBlock__heading{display:block;font:700 max(24px,calc(2.5 * var(--goods-unit)))/1.12 "Blurry Goods Display",sans-serif;letter-spacing:0;text-transform:uppercase;margin:0 0 calc(.7 * var(--goods-unit));color:var(--goods-purple)}
.blurry-freebies .linkBlock__subheading{display:block;font:400 max(14px,calc(1.5 * var(--goods-unit)))/1.25 Archivo,Arial,sans-serif;max-width:calc(35 * var(--goods-unit));color:var(--goods-purple)}
.blurry-freebies .linkBlock__action{display:block;font:600 max(11px,calc(1.15 * var(--goods-unit)))/1.3 Archivo,Arial,sans-serif;margin-top:calc(.8 * var(--goods-unit));color:var(--goods-purple)}
.blurry-freebies .linkBlock__toggle{position:absolute;right:calc(2.4 * var(--goods-unit));top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;font:400 max(26px,calc(2.8 * var(--goods-unit)))/1 Archivo,Arial,sans-serif;color:var(--goods-purple)}
.blurry-freebies .linkBlock__toggle::before{content:'+'}
.blurry-freebies .linkBlock[open] .linkBlock__toggle::before{content:'−'}
.blurry-freebies .linkBlock[open] .linkBlock__summary{border-bottom:1px solid #5956e82b}
.blurry-freebies .linkBlock:not([open])>.bf-preview{display:none}
.blurry-freebies .linkBlocks__delivery{font:400 max(13px,calc(1.3 * var(--goods-unit)))/1.55 Archivo,Arial,sans-serif;margin-top:calc(3 * var(--goods-unit));max-width:calc(62 * var(--goods-unit));color:#fff}
.blurry-freebies .linkBlocks__delivery p{font:inherit;margin:0 0 9px}
.blurry-freebies .linkBlocks__delivery strong{font-weight:650}
.blurry-freebies .bf-preview{padding:24px;background:#f6f3fd;color:var(--goods-ink);border:0}
.blurry-freebies .bf-tools [hidden]{display:none!important}
.blurry-freebies .bf-tools :focus-visible{outline:3px solid var(--goods-yellow);outline-offset:-4px}
.blurry-freebies .bf-preview :focus-visible{outline-color:var(--goods-purple);outline-offset:3px}
.blurry-freebies .bf-preview-note,.blurry-freebies .bf-example-label{color:#655681}
.blurry-freebies .linkBlock__summary:hover{background:#fbfaff}
@media(min-width:801px) and (max-width:1100px){
  .patch-inner.blurry-freebies #main>.linkBlocks{padding-top:140px}
  .blurry-freebies .linkBlocks__sideInner{top:140px}
  .blurry-freebies .linkBlocks__main{padding-top:calc(8 * var(--goods-unit))}
  .blurry-freebies .linkBlock__summary{min-height:150px;padding-right:42px}
  .blurry-freebies .linkBlock__content{padding-top:10px;padding-bottom:10px}
  .blurry-freebies .linkBlock__toggle{right:10px}
}
@media(max-width:800px){
  .patch-inner.blurry-freebies #main>.linkBlocks{--goods-unit:1px;display:block;padding:130px 6.3vw 65px;min-height:100svh;background-size:12.5vw 12.5vw;background-position:-6.25vw 6.25vw}
  .blurry-freebies .linkBlocks__sideInner{position:static;max-width:620px;margin:0 auto 34px}
  .patch-inner.blurry-freebies .linkBlocks__heading{font-size:clamp(82px,16vw,128px);margin-bottom:24px}
  .blurry-freebies .linkBlocks__title{width:fit-content;max-width:calc(100% - 42px)}
  .blurry-freebies .linkBlocks__count{top:calc(14.4vw);right:-46px;font-size:22px}
  .blurry-freebies .linkBlocks__subheading p{width:340px;max-width:100%;font-size:18px;margin-bottom:22px}
  .blurry-freebies .linkBlocks__launch{max-width:none;padding:13px 16px;font-size:13px}
  .blurry-freebies .linkBlocks__main{max-width:620px;margin:0 auto;padding:0}
  .blurry-freebies .linkBlock{border-radius:5px;margin-bottom:16px}
  .blurry-freebies .linkBlock__summary{min-height:144px;padding:7px 44px 7px 153px}
  .blurry-freebies .linkBlock__image{left:7px;width:128px;height:128px;border-radius:5px}
  .blurry-freebies .linkBlock__content{padding:11px 0}
  .patch-inner.blurry-freebies .linkBlock__heading{font-size:25px;line-height:1.12;margin-bottom:7px}
  .blurry-freebies .linkBlock__subheading{font-size:14px;line-height:1.3;max-width:none}
  .blurry-freebies .linkBlock__action{font-size:11px;margin-top:8px}
  .blurry-freebies .linkBlock__toggle{right:12px;font-size:26px;width:22px;height:26px}
  .blurry-freebies .linkBlocks__delivery{font-size:13px;margin-top:24px;max-width:none}
}
@media(max-width:480px){
  .patch-inner.blurry-freebies #main>.linkBlocks{padding:125px 5.3vw 48px}
  .patch-inner.blurry-freebies .linkBlocks__heading{font-size:21.5vw}
  .blurry-freebies .linkBlocks__count{top:20vw;right:-42px;font-size:20px}
  .blurry-freebies .linkBlocks__subheading p{font-size:17px;width:100%;max-width:320px}
  .blurry-freebies .linkBlocks__sideInner{margin-bottom:28px}
  .blurry-freebies .linkBlock__summary{min-height:154px;padding:8px 30px 8px 119px}
  .blurry-freebies .linkBlock__image{left:7px;width:100px;height:100px}
  .blurry-freebies .linkBlock__content{padding:8px 0}
  .patch-inner.blurry-freebies .linkBlock__heading{font-size:23px}
  .blurry-freebies .linkBlock__subheading{font-size:13px;line-height:1.35}
  .blurry-freebies .linkBlock__toggle{right:5px;font-size:22px}
  .blurry-freebies .bf-preview{padding:20px 16px}
  .blurry-freebies .bf-concept-hero{padding:18px 12px;margin:0 10px}
  .patch-inner.blurry-freebies .bf-concept-hero h3{font-size:24px}
  .blurry-freebies .bf-concept-sections{padding:12px 10px}
  .blurry-freebies .bf-stage-content{padding-left:13px}
}
@media(prefers-reduced-motion:reduce){.blurry-freebies .linkBlocks *{scroll-behavior:auto!important;transition:none!important}}

/* Free Goodies homepage alignment — v47. */
html.blurry-builds{font-size:10px;background:#050505;color:#fff;overflow-x:hidden}
body.blurry-freebies{--patch-blue:#6a56cf;--patch-purple:#6a56cf;--patch-yellow:#f1d95f;background:#050505;color:#fff}
.blurry-freebies>.replica-nav,.blurry-freebies>.replica-drawer{display:none!important}
.blurry-freebies .blurry-shared-nav .nav__logo img{display:block;width:16rem;height:4.6rem;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.blurry-freebies .blurry-shared-nav .button__inner:nth-child(2){display:none!important}
html.menu-open .blurry-freebies .blurry-shared-nav .nav__logo img{filter:none}
.patch-inner.blurry-freebies #main>.linkBlocks{
  --goods-purple:#6a56cf;--goods-yellow:#f1d95f;--goods-ink:#30264c;
  background-color:#050505;
  background-image:linear-gradient(90deg,rgba(106,86,207,.16) 1px,transparent 1px),linear-gradient(rgba(106,86,207,.16) 1px,transparent 1px),radial-gradient(circle at 3% 9%,rgba(241,217,95,.2),transparent 24%),radial-gradient(circle at 94% 34%,rgba(106,86,207,.23),transparent 28%);
  background-size:calc(9.44 * var(--goods-unit)) calc(9.44 * var(--goods-unit)),calc(9.44 * var(--goods-unit)) calc(9.44 * var(--goods-unit)),100% 100%,100% 100%;
  background-position:calc(-4.72 * var(--goods-unit)) calc(4.72 * var(--goods-unit)),calc(-4.72 * var(--goods-unit)) calc(4.72 * var(--goods-unit)),0 0,0 0;
  border-bottom:5px solid #f0eeeb;
}
.patch-inner.blurry-freebies .linkBlocks__heading{color:#faf9f4;text-shadow:0 1px 0 rgba(255,255,255,.1)}
.blurry-freebies .linkBlocks__heading span:last-child{color:#f1d95f}
.blurry-freebies .linkBlocks__count{color:#f1d95f}
.blurry-freebies .linkBlocks__subheading p{color:#faf9f4}
.blurry-freebies .linkBlocks__launch{border:1px solid rgba(241,217,95,.5);background:#111;border-radius:4px;color:#faf9f4;box-shadow:0 18px 45px rgba(0,0,0,.2)}
.blurry-freebies .linkBlocks__launch strong{color:#f1d95f}
.blurry-freebies .linkBlock{background:#faf9f4;color:#30264c;border:1px solid rgba(106,86,207,.78);border-radius:5px;box-shadow:0 22px 60px rgba(0,0,0,.25)}
.blurry-freebies a.linkBlock{display:block;text-decoration:none;transition:transform .3s cubic-bezier(.2,.75,.25,1),box-shadow .3s ease,border-color .3s ease}
.blurry-freebies a.linkBlock:hover{transform:translateY(-4px);box-shadow:0 30px 72px rgba(0,0,0,.36);border-color:#f1d95f}
.blurry-freebies a.linkBlock:focus-visible{outline:3px solid #f1d95f;outline-offset:5px}
.blurry-freebies .freebie-card-link .linkBlock__toggle::before{content:'↗';font-size:.72em;font-weight:700}
.blurry-freebies .linkBlock__image{background:#f5f0df}
.patch-inner.blurry-freebies .linkBlock__heading,.blurry-freebies .linkBlock__subheading,.blurry-freebies .linkBlock__action,.blurry-freebies .linkBlock__toggle{color:#6a56cf}
.blurry-freebies .linkBlock__action{font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}
.blurry-freebies .linkBlock[open] .linkBlock__summary{border-bottom-color:rgba(106,86,207,.26)}
.blurry-freebies .linkBlock__summary:hover{background:#fff}
.blurry-freebies .bf-preview{background:#f6f3fd}
.blurry-freebies .linkBlocks__delivery{color:#faf9f4}
.blurry-freebies .blurry-shared-footer{border-top:0}
.blurry-freebies .blurry-shared-footer .blurry-footer-wordmark img{filter:brightness(0) invert(1)}
@media(max-width:800px){
  .blurry-freebies .blurry-shared-nav .nav__logo img{width:12.4rem;height:3.5rem}
  .patch-inner.blurry-freebies #main>.linkBlocks{padding-top:112px;background-size:12.5vw 12.5vw,12.5vw 12.5vw,100% 100%,100% 100%}
  .blurry-freebies .linkBlocks__heading span{display:inline}
  .blurry-freebies .linkBlocks__heading span+span{display:block;color:#f1d95f}
  .blurry-freebies .linkBlocks__count{top:auto;bottom:7px}
}
@media(max-width:480px){
  .patch-inner.blurry-freebies #main>.linkBlocks{padding-top:104px}
  .blurry-freebies .linkBlock__summary{min-height:148px}
  .blurry-freebies .linkBlock__image{width:104px;height:104px}
  .patch-inner.blurry-freebies .linkBlock__heading{font-size:22px}
}
