.notebook-ba{padding-block-start:var(--padding-block-start, 64px);padding-block-end:var(--padding-block-end, 64px);background:var(--bg)}.notebook-ba__head{margin-bottom:32px}.notebook-ba__rating{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}.notebook-ba__stars{color:var(--accent-strong);font-size:14px;letter-spacing:.05em}.notebook-ba__rating-num{color:var(--ink);font-weight:600}.notebook-ba__pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.notebook-ba__pill{padding:7px 14px;border-radius:99px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.notebook-ba__pill:hover{background:var(--surface-2);border-color:var(--line-strong)}.notebook-ba__pill--on{background:var(--ink);border-color:var(--ink);color:var(--surface)}.notebook-ba__pill--on:hover{background:var(--ink);color:var(--surface)}.notebook-ba__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.notebook-ba__card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.notebook-ba__vis{background:var(--paper);position:relative}.notebook-ba__vis :is(.notebook-ba__slider,before-after-slider){display:block;width:100%}.notebook-ba__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px}.notebook-ba__meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-3);margin:0}.notebook-ba__tip-h{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink);margin:4px 0 0}.notebook-ba__tip{font-family:var(--font-body);font-size:14.5px;line-height:1.5;color:var(--ink-2);margin:0}.notebook-ba__shop{margin-top:8px;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--ink);text-decoration:none}.notebook-ba__shop:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:767px){.notebook-ba__grid{grid-template-columns:1fr;gap:18px}.notebook-ba__body{padding:16px 18px 18px}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/notebook-transformations.css.map */