#MainContent>.shopify-section:nth-child(odd){--notebook-section-bg: #fff}#MainContent>.shopify-section:nth-child(2n){--notebook-section-bg: #f5f0ea}.notebook-transformations{background:var(--notebook-section-bg, #f5f0ea);padding:64px 0}.notebook-transformations__inner{max-width:var(--page-width);margin:0 auto;padding:0 var(--page-margin)}.notebook-transformations__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.notebook-transformations__header-left{display:flex;flex-direction:column;gap:12px}.notebook-transformations__rating{display:flex;align-items:center;gap:8px}.notebook-transformations__stars{display:flex;gap:2px}.notebook-transformations__rating-score{font-size:.95rem;font-weight:700;color:#1a1a1a}.notebook-transformations__heading{font-family:var(--font-heading--family, Georgia, "Times New Roman", serif);font-size:2.8rem;font-weight:700;line-height:1.15;margin:0;color:#1a1a1a}.notebook-transformations__filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.notebook-transformations__filter{display:inline-block;padding:8px 18px;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:transparent;font-size:.85rem;font-weight:500;color:#1a1a1a;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.notebook-transformations__filter:hover{background:#0000000a}.notebook-transformations__filter--active,.notebook-transformations__filter.is-active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.notebook-transformations__filter--active:hover,.notebook-transformations__filter.is-active:hover{background:#333}.notebook-transformations__nav{display:flex;gap:8px;align-items:center;flex-shrink:0;margin-top:48px}.notebook-transformations__nav-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:transparent;color:#1a1a1a;cursor:pointer;transition:background .2s,border-color .2s,color .2s;padding:0}.notebook-transformations__nav-btn:hover{background:#0000000f;border-color:#0000004d}.notebook-transformations__nav-btn--dark,.notebook-transformations__nav-btn--next{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.notebook-transformations__nav-btn--dark:hover,.notebook-transformations__nav-btn--next:hover{background:#333}.notebook-transformations slideshow-slides{overflow:visible;gap:20px}.notebook-transformations slideshow-slide{flex:0 0 calc(50% - 10px);min-width:calc(50% - 10px);scroll-snap-align:start}.notebook-transformations slideshow-controls{display:none}.notebook-transformations slideshow-arrows{display:none}.notebook-transformations__card{display:flex;flex-direction:column;background:#fff;border-radius:12px}.notebook-transformations__slider-wrap{width:100%;border-radius:12px 12px 0 0;overflow:hidden}.notebook-transformations__slider{border-radius:0}.notebook-transformations__placeholder{width:100%;aspect-ratio:4 / 3;background:linear-gradient(135deg,#e8e0d5,#d4c5b0);display:flex;align-items:center;justify-content:center;color:#00000059;font-size:.85rem;border-radius:8px}.notebook-transformations .before-after-slider__labels{top:auto;bottom:0;left:0;right:0}.notebook-transformations .before-after-slider__label{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.04em;background:#fff;color:#1a1a1a;border-radius:0;padding:6px 14px;text-shadow:none}.notebook-transformations__card-body{padding:20px 24px 24px 28px;display:flex;flex-direction:column;gap:4px}.notebook-transformations__tags{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:4px}.notebook-transformations__tag{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#00000073;white-space:nowrap}.notebook-transformations__tag-sep{font-size:.75rem;color:#00000040}.notebook-transformations__tip{margin:0}.notebook-transformations__tip-text{font-size:.9rem;line-height:1.5;color:#444;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}.notebook-transformations__tip strong{display:block;font-family:var(--font-heading--family, Georgia, "Times New Roman", serif);font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-bottom:2px}.notebook-transformations__shop-link{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:#1a1a1a;text-decoration:none;margin-top:8px;transition:opacity .2s}.notebook-transformations__shop-link svg{flex-shrink:0}.notebook-transformations__shop-link:hover{opacity:.65}.notebook-transformations__scrollbar{position:relative;height:4px;background:#00000014;border-radius:2px;margin-top:24px;overflow:hidden}.notebook-transformations__scrollbar-thumb{position:absolute;top:0;left:0;height:100%;background:#1a1a1a;border-radius:2px;width:33%;transition:left .1s ease-out}@media(min-width:1200px){.notebook-transformations{padding:24px 0}.notebook-transformations__header{margin-bottom:16px}.notebook-transformations__header-left{gap:8px}.notebook-transformations__heading{font-size:2.2rem}.notebook-transformations__slider-wrap{max-height:320px}.notebook-transformations slideshow-slide{flex:0 0 calc(42% - 10px);min-width:calc(42% - 10px)}.notebook-transformations__scrollbar{margin-top:16px}}@media(max-width:749px){.notebook-transformations{padding:40px 0}.notebook-transformations slideshow-slide{flex:0 0 85%;min-width:85%}.notebook-transformations__heading{font-size:1.6rem}.notebook-transformations__nav-btn{width:40px;height:40px}.notebook-transformations__nav{margin-top:24px}.notebook-transformations__filter{padding:6px 14px;font-size:.8rem}.notebook-transformations__card-body{padding:12px 4px 8px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/notebook-transformations.css.map */