.zr-material-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.zr-material{width:100%;display:flex;flex-direction:column;padding:34px 36px;border:1px solid var(--line);border-radius:14px;background:#f9f9f4}.zr-material-peach{border-color:transparent;background:#f3dfd1}.zr-material-lilac{border-color:transparent;background:#ded8ea}.zr-material h3{margin-bottom:14px;font-size:25px;font-weight:550;letter-spacing:-.8px}.zr-material p{margin-bottom:12px;font-size:15px;line-height:1.75;color:#596554}.zr-material-art{position:relative;height:120px;margin-bottom:26px}.zr-balls i{position:absolute;bottom:8px;border-radius:50%}.zr-balls i:nth-child(1){left:0;width:70px;height:70px;background:#b8add0}.zr-balls i:nth-child(2){left:58px;width:48px;height:48px;background:#c7d5b9}.zr-balls i:nth-child(3){left:96px;width:32px;height:32px;background:#dfab91}.zr-balls span{white-space:nowrap;position:absolute;left:150px;bottom:14px;font-family:Georgia,serif;font-style:italic;font-size:24px;color:#7d729b}.zr-syllables{display:flex;align-items:flex-end;gap:6px}.zr-syllables span{display:grid;place-items:center;height:74px;padding:0 16px;border-radius:10px;background:var(--paper);font-family:Georgia,serif;font-style:italic;font-size:34px;color:#8b5d47;rotate:-6deg}.zr-syllables span:nth-child(2){background:#dfe8d4;color:#4b6443;rotate:4deg;translate:0 -12px}.zr-syllables span:nth-child(3){background:var(--ink);color:#f6f5f0;rotate:-2deg}.zr-material.is-in .zr-syllables span,.zr-material .zr-syllables span{transition:translate .5s var(--ease-out, cubic-bezier(.22,1,.36,1)),rotate .5s var(--ease-out, cubic-bezier(.22,1,.36,1))}.zr-material:hover .zr-syllables span:nth-child(odd){translate:0 -6px}.zr-downloads{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:14px}.zr-downloads a{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid #b9c2b0;border-radius:30px;font-size:13.5px;transition:background .25s,color .25s,border-color .25s}.zr-material-peach .zr-downloads a{border-color:#d3ae9a}.zr-material-lilac .zr-downloads a{border-color:#aca0c6}.zr-downloads a small{font-size:10px;letter-spacing:1px;opacity:.65}.zr-downloads a:hover{background:var(--ink);border-color:var(--ink);color:#fff}.zr-material-src{margin:13px 0 0;font-size:12px;line-height:1.6;color:#7a8472}.zr-material-src a{text-decoration:underline;text-underline-offset:4px}.zr-material-src a:hover{color:var(--ink)}.zr-quiz{display:flex;align-items:flex-end;gap:8px}.zr-quiz span{display:grid;place-items:center;min-width:80px;height:56px;padding:0 18px;border-radius:30px;background:var(--paper);font-family:Georgia,serif;font-style:italic;font-size:25px;color:#7d729b;rotate:-5deg;transition:translate .5s cubic-bezier(.22,1,.36,1),rotate .5s cubic-bezier(.22,1,.36,1)}.zr-quiz span:nth-child(2){background:#dfe8d4;color:#4b6443;rotate:4deg;translate:0 -12px}.zr-quiz span:nth-child(3){background:var(--ink);color:#f6f5f0;rotate:-2deg}.zr-material:hover .zr-quiz span:nth-child(odd){translate:0 -7px}.zr-diary>div{position:absolute;left:0;bottom:0;width:184px;display:grid;gap:10px;padding:15px 17px;border:1px solid #cdd5c6;border-radius:10px;background:var(--paper);rotate:-4deg;transition:rotate .5s cubic-bezier(.22,1,.36,1),translate .5s cubic-bezier(.22,1,.36,1)}.zr-material:hover .zr-diary>div{rotate:-1deg;translate:0 -5px}.zr-diary b{width:68px;height:10px;border-radius:5px;background:#8ea184}.zr-diary i{height:8px;border-radius:4px;background:#d5ddcd}.zr-diary i:nth-of-type(2){width:78%}.zr-diary i:nth-of-type(3){width:55%}.zr-diary>span{white-space:nowrap;position:absolute;right:2px;bottom:26px;font-family:Georgia,serif;font-style:italic;font-size:23px;color:#7d729b}.zr-switch{display:flex;align-items:flex-end;gap:10px}.zr-switch span{display:grid;place-items:center;width:86px;height:86px;border-radius:12px;background:var(--paper);font-family:Georgia,serif;font-style:italic;font-size:44px;color:#8b5d47;rotate:-6deg;transition:translate .5s cubic-bezier(.22,1,.36,1),rotate .5s cubic-bezier(.22,1,.36,1)}.zr-switch span:nth-child(2){background:var(--ink);color:#f6f5f0;rotate:5deg;translate:0 -14px}.zr-material:hover .zr-switch span:nth-child(1){translate:0 -14px;rotate:4deg}.zr-material:hover .zr-switch span:nth-child(2){translate:0 0;rotate:-5deg}.zr-switch em{position:absolute;left:196px;bottom:30px;white-space:nowrap;font-family:Georgia,serif;font-size:22px;color:#8d9d82}.zr-material-note{justify-content:center;background:transparent;border-style:dashed;border-color:#bcc6b2}.zr-material-note .pill{align-self:flex-start;color:#5c6b57}.zr-material-note h3{margin-top:22px}.zr-material-note p:last-of-type{margin-bottom:0}.zr-material-note .text-link{align-self:flex-start;margin-top:24px}.free-materials{background:#ecefe6;max-width:none;padding-top:100px;padding-bottom:105px}.free-materials .zr-material-grid{max-width:1450px;margin:auto}.free-materials .zr-material{border-radius:9px}@media(max-width:1000px){.zr-material{padding:28px 26px}.zr-material h3{font-size:22px}.zr-material p{font-size:14px}}@media(max-width:760px){.zr-material-grid{grid-template-columns:1fr;gap:14px}.zr-material{padding:26px 22px}.zr-material h3{font-size:22px}.zr-material p{font-size:15px}.free-materials{padding-top:65px;padding-bottom:70px}.zr-switch em{display:none}}@media(min-width:1500px){.zr-material p{font-size:16px}.zr-material h3{font-size:28px}}