:root{--sab-red: #FF2929;--sab-yellow: #FFDA3E;--sab-green: #5BC14F;--sab-violet: #D792FF;--sab-blue: #44C1F2;--sab-red-hover: #E92525;--sab-red-press: #D32020;--sab-red-tint: #FFE9E7;--sab-yellow-tint: #FFF6D5;--sab-green-tint: #E8F6E5;--sab-violet-tint: #F7EBFF;--sab-blue-tint: #E3F6FD;--sab-cream: #FFF6DC;--sab-ink: #1D1D1D;--sab-ink-soft: #3A3A3A;--sab-muted: #555555;--sab-paper: #FFFFFF;--sab-soft: #F8F8F8;--sab-stage: #F3F3F3;--sab-line: #E4E4E4;--sab-line-strong: #D6D6D6;--sab-footer: #1D1D1D;--sab-font-display: "Moranga", "Georgia", serif;--sab-font-text: "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif;--sab-h1: clamp(2.375rem, 1.55rem + 2.6vw, 4rem);--sab-h1-lh: 1.06;--sab-h2: clamp(2rem, 1.45rem + 1.7vw, 3rem);--sab-h2-lh: 1.08;--sab-h3: clamp(1.5rem, 1.3rem + .6vw, 1.875rem);--sab-display: clamp(3.5rem, 2.2rem + 4.4vw, 6.5rem);--sab-text: 1.0625rem;--sab-text-lg: clamp(1.0625rem, 1rem + .3vw, 1.25rem);--sab-text-sm: .9375rem;--sab-text-xs: .875rem;--sab-gutter: clamp(1rem, .25rem + 3.6vw, 5rem);--sab-wrap: 80rem;--sab-section: clamp(3.5rem, 2.5rem + 3vw, 6rem);--sab-head-gap: clamp(1.5rem, 1.1rem + 1.2vw, 2.5rem);--sab-space-1: .25rem;--sab-space-2: .5rem;--sab-space-3: .75rem;--sab-space-4: 1rem;--sab-space-5: 1.5rem;--sab-space-6: 2rem;--sab-space-7: 3rem;--sab-space-8: 4rem;--sab-radius-sm: 10px;--sab-radius-md: 20px;--sab-radius-lg: 32px;--sab-radius-pill: 999px;--sab-cover-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 10px 24px -10px rgb(0 0 0 / .3);--sab-card-shadow: 0 1px 2px rgb(0 0 0 / .04), 0 8px 24px -16px rgb(0 0 0 / .18);--sab-focus: 3px solid var(--sab-ink);--sab-ease: cubic-bezier(.2, .7, .2, 1);--sab-header-h: 4.5rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--sab-header-h) + 1rem)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--sab-paper);color:var(--sab-ink);font-family:var(--sab-font-text);font-size:var(--sab-text);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-inline-size:100%}img{block-size:auto}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,p,ul,ol,figure{margin:0}:where(ul[role=list],ol[role=list]){list-style:none;padding:0}:focus-visible{outline:var(--sab-focus);outline-offset:3px}.sab-footer :focus-visible,.sab-partners__box :focus-visible{outline-color:var(--sab-paper)}[hidden]{display:none!important}html.sab-has-dialog{overflow:hidden}.sab-visually-hidden,.visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sab-skip{position:fixed;inset-inline-start:1rem;inset-block-start:-4rem;z-index:100;padding:.75rem 1rem;background:var(--sab-ink);color:var(--sab-paper);border-radius:var(--sab-radius-sm);font-weight:700}.sab-skip:focus{inset-block-start:1rem}.sab-wrap{inline-size:100%;max-inline-size:calc(var(--sab-wrap) + 2 * var(--sab-gutter));margin-inline:auto;padding-inline:var(--sab-gutter)}.sab-section,.sab-section-gap{padding-block:var(--sab-section)}.sab-h1,.sab-h2,.sab-h3,.sab-display{font-family:var(--sab-font-display);font-weight:400;letter-spacing:-.015em;text-wrap:balance}.sab-h1{font-size:var(--sab-h1);line-height:var(--sab-h1-lh);letter-spacing:-.025em}.sab-h2{font-size:var(--sab-h2);line-height:var(--sab-h2-lh)}.sab-h3{font-size:var(--sab-h3);line-height:1.15}.sab-display{font-size:var(--sab-display);line-height:.95;letter-spacing:-.02em}.sab-lead{font-size:var(--sab-text-lg);line-height:1.5;max-inline-size:38rem;text-wrap:pretty}.sab-small{font-size:var(--sab-text-sm)}.sab-eyebrow{margin-block-end:.35rem;font-size:.9375rem;font-weight:700;letter-spacing:.02em;color:var(--sab-red-press)}.sab-eyebrow--free{display:inline-block;padding:.15rem .75rem;border-radius:var(--sab-radius-pill);background:var(--sab-red-press);color:var(--sab-paper)}.sab-mark{position:relative;white-space:nowrap;z-index:0}.sab-mark:before{content:"";position:absolute;top:52%;right:-.12em;bottom:4%;left:-.08em;z-index:-1;border-radius:.18em .3em .22em .28em;background:var(--sab-yellow);transform:rotate(-1deg)}.sab-brush{display:inline-block;position:relative;z-index:0;margin-inline-start:.4em;padding:.12em .45em .22em .35em;font-family:var(--sab-font-display);font-size:1.375rem;line-height:1.2;color:#000}@media(min-width:30rem){.sab-brush{font-size:1.5rem;color:var(--sab-paper)}}.sab-brush:before{content:"";position:absolute;top:-.06em;right:-.3em;bottom:-.04em;left:-.4em;z-index:-1;background:var(--sab-brush, var(--sab-url-brush-red)) center / 100% 100% no-repeat}.sab-brush--ink{color:var(--sab-ink)}.sab-brush--yellow{--sab-brush: var(--sab-url-brush-yellow);color:var(--sab-ink)}.sab-brush--green{--sab-brush: var(--sab-url-brush-green);color:var(--sab-ink)}.sab-brush--violet{--sab-brush: var(--sab-url-brush-violet);color:var(--sab-ink)}.sab-brush--white{--sab-brush: var(--sab-url-brush-white);color:var(--sab-ink)}.sab-title-mark span{position:relative;white-space:nowrap}.sab-title-mark span:after{content:"";position:absolute;inset-inline:-.05em;inset-block-end:-.06em;block-size:.24em;background:var(--sab-url-underline-red) center / 100% 100% no-repeat}.sab-sticker{display:inline-block;padding:.35rem .85rem .4rem;border-radius:8px;font-weight:700;font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-2deg);box-shadow:0 3px #0000002e}.sab-sticker--red{background:var(--sab-red-press);color:var(--sab-paper)}.sab-sticker--yellow{background:var(--sab-yellow);color:var(--sab-ink)}.sab-sticker--white{background:var(--sab-paper);color:var(--sab-ink)}.sab-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-block-size:3.25rem;padding:.7rem 1.6rem;border:2px solid transparent;border-radius:var(--sab-radius-pill);font-family:var(--sab-font-text);font-size:1.1875rem;line-height:1.25;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .18s var(--sab-ease),color .18s var(--sab-ease),border-color .18s var(--sab-ease),transform .18s var(--sab-ease)}.sab-btn svg{inline-size:1.15em;block-size:1.15em;flex:none}.sab-btn--primary{background:var(--sab-red);color:var(--sab-paper)}.sab-btn--primary:hover{background:var(--sab-red-hover)}.sab-btn--primary:active{background:var(--sab-red-press)}.sab-btn--dark{background:var(--sab-ink);color:var(--sab-paper)}.sab-btn--dark:hover{background:#000}.sab-btn--outline{border-color:var(--sab-ink);color:var(--sab-ink);background:transparent}.sab-btn--outline:hover{background:var(--sab-ink);color:var(--sab-paper)}.sab-btn--light{background:var(--sab-paper);color:var(--sab-ink)}.sab-btn--light:hover{background:var(--sab-ink);color:var(--sab-paper)}.sab-btn--ghost-light{border-color:var(--sab-paper);color:var(--sab-paper);background:transparent}.sab-btn--ghost-light:hover{background:var(--sab-paper);color:var(--sab-ink)}.sab-btn--sm{min-block-size:2.75rem;padding:.5rem 1.15rem;font-size:1rem}.sab-btn--primary.sab-btn--sm{background:var(--sab-red-press)}.sab-btn--primary.sab-btn--sm:hover{background:#b81b1b}.sab-btn--sticker{border:2px solid var(--sab-ink);border-radius:16px;background:var(--sab-red);color:var(--sab-paper);box-shadow:0 4px 0 var(--sab-ink)}.sab-btn--sticker:hover{background:var(--sab-red-hover)}.sab-btn--sticker:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sab-ink)}.sab-btn--sticker.sab-btn--sm{border-radius:12px;box-shadow:0 3px 0 var(--sab-ink);background:var(--sab-red-press)}.sab-paid{font-size:.875rem;color:var(--sab-ink-soft)}@media(prefers-reduced-motion:no-preference){.sab-btn:active{transform:translateY(1px)}}@media(max-width:29.9375rem){.sab-btn{white-space:normal;text-align:center}}.sab-link{display:inline-flex;align-items:center;gap:.4rem;min-block-size:2.75rem;font-weight:700;font-size:1rem;color:var(--sab-ink);text-decoration:underline;text-decoration-color:var(--sab-red);text-decoration-thickness:2px;text-underline-offset:5px}.sab-link svg{inline-size:1.1em;block-size:1.1em;transition:transform .18s var(--sab-ease)}.sab-link:hover svg{transform:translate(3px)}.sab-chip{display:inline-flex;align-items:center;gap:.35rem;min-block-size:2rem;padding:.25rem .75rem;border:1.5px solid var(--sab-line-strong);border-radius:var(--sab-radius-pill);background:var(--sab-paper);font-size:var(--sab-text-xs);line-height:1.3;font-weight:500;color:var(--sab-ink);white-space:nowrap}.sab-chip--solid{border-color:var(--sab-paper)}.sab-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sab-space-4) var(--sab-space-6);margin-block-end:var(--sab-head-gap)}.sab-section-head__titles{display:grid;gap:var(--sab-space-3);justify-items:start;max-inline-size:46rem}.sab-section-head__text{color:var(--sab-ink-soft);font-size:var(--sab-text-lg);max-inline-size:40rem}.sab-dot{display:inline-block;inline-size:.625rem;block-size:.625rem;border-radius:50%;background:var(--sab-world, var(--sab-ink));flex:none}[data-world=color]{--sab-world: var(--sab-red);--sab-world-tint: var(--sab-red-tint)}[data-world=draw]{--sab-world: var(--sab-yellow);--sab-world-tint: var(--sab-yellow-tint)}[data-world=read]{--sab-world: var(--sab-green);--sab-world-tint: var(--sab-green-tint)}[data-world=write]{--sab-world: var(--sab-violet);--sab-world-tint: var(--sab-violet-tint)}[data-world=grow]{--sab-world: var(--sab-blue);--sab-world-tint: var(--sab-blue-tint)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sab-hero__card,.sab-hero__text,.sab-finder__box,.sab-finder__intro,.sab-shelf__layout,.sab-feature,.sab-inside__grid,.sab-inside__text,.sab-series__box,.sab-series__head,.sab-readers__box,.sab-readers__text,.sab-printables__box,.sab-printables__text,.sab-partners__box,.sab-partners__text{grid-template-columns:minmax(0,1fr)}.sab-hero__who,.sab-shelf__rail,.sab-finder__board{min-inline-size:0;max-inline-size:100%}.sab-row__track>*,.sab-circles__list>*,.sab-series__list>*,.sab-readers__photos>*,.sab-hero__who-list>*{scroll-margin-inline:var(--sab-gutter)}.sab-finder__picks>*{scroll-margin-inline:1.25rem}.sab-ico--i-1,.sab-ico--sprout{--sab-icon: var(--sab-url-i-1)}.sab-ico--i-11{--sab-icon: var(--sab-url-i-11)}.sab-ico--i-12{--sab-icon: var(--sab-url-i-12)}.sab-ico--i-16{--sab-icon: var(--sab-url-i-16)}.sab-ico--i-24{--sab-icon: var(--sab-url-i-24)}.sab-ico--i-34,.sab-ico--pen{--sab-icon: var(--sab-url-i-34)}.sab-ico--i-35,.sab-ico--size{--sab-icon: var(--sab-url-i-35)}.sab-ico--i-38{--sab-icon: var(--sab-url-i-38)}.sab-ico--i-41{--sab-icon: var(--sab-url-i-41)}.sab-ico--i-50{--sab-icon: var(--sab-url-i-50)}.sab-doodle{display:block;background:var(--c, var(--sab-ink));-webkit-mask:var(--d) center / contain no-repeat;mask:var(--d) center / contain no-repeat}.sab-doodle--i3{--d: var(--sab-url-i-3)}.sab-doodle--i8{--d: var(--sab-url-i-8)}.sab-doodle--i11{--d: var(--sab-url-i-11)}.sab-doodle--i16{--d: var(--sab-url-i-16)}.sab-doodle--i34{--d: var(--sab-url-i-34)}.sab-doodle--i41{--d: var(--sab-url-i-41)}.sab-doodle--i47{--d: var(--sab-url-i-47)}.sab-doodle--i51{--d: var(--sab-url-i-51)}.sab-doodle--i63{--d: var(--sab-url-i-63)}.sab-ugc-tag{position:absolute;inset-inline-start:.45rem;inset-block-end:.45rem;z-index:1;max-inline-size:calc(100% - .9rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.15rem .55rem;border-radius:var(--sab-radius-pill);background:color-mix(in srgb,var(--sab-paper) 94%,transparent);color:var(--sab-ink);font-size:.875rem;font-weight:700;line-height:1.3}[data-cat=coloring]{--cat: #FF2929;--cat-tint: #FFE3DE}[data-cat=drawing]{--cat: #FFDA3E;--cat-tint: #FFF4C2}[data-cat=lettering]{--cat: #FF6FB0;--cat-tint: #FFE1EF}[data-cat=stories]{--cat: #5BC14F;--cat-tint: #DFF4DA}[data-cat=games]{--cat: #44C1F2;--cat-tint: #DBF2FC}[data-cat=facts]{--cat: #FF8A1F;--cat-tint: #FFE8D1}[data-cat=journals]{--cat: #D792FF;--cat-tint: #F3E3FF}[data-cat=lifeskills]{--cat: #12A88E;--cat-tint: #D5F3EC}[data-cat=growth]{--cat: #5B5FE0;--cat-tint: #E3E4FF}.sab-cat-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.875rem;font-weight:700;color:var(--sab-ink)}.sab-cat-label:before{content:"";flex:none;inline-size:.7rem;block-size:.7rem;border-radius:50%;background:var(--cat, var(--sab-ink));box-shadow:0 0 0 1.5px #0000001f}.sab-cover{--cover-plate: 4 / 5;--cover-max-h: 88cqi;--cover-max-w: 76cqi;--cover-ground: 9%;--cover-floor: 16%;--cover-tint: var(--cat-tint, var(--sab-stage));--cover-floor-tint: var(--cover-tint);position:relative;isolation:isolate;container-type:inline-size;display:flex;align-items:flex-end;justify-content:center;inline-size:100%;max-inline-size:none;block-size:auto;aspect-ratio:var(--cover-plate);padding:0 0 var(--cover-ground);border-radius:14px;box-shadow:none;background:var(--cover-tint);background:linear-gradient(to top,var(--cover-floor-tint) 0 var(--cover-floor),var(--cover-tint) var(--cover-floor))}@supports (color: color-mix(in srgb,red 50%,blue)){.sab-cover{--cover-floor-tint: color-mix(in srgb, var(--cat, #8A8A8A) 15%, var(--cover-tint))}}.sab-cover__book{--cover-r: var(--ratio, var(--trim, 2 / 3));position:relative;flex:none;inline-size:62%;inline-size:min(var(--cover-max-w),calc(var(--cover-max-h) * (var(--cover-r))));aspect-ratio:var(--cover-r);border-radius:2px 3px 3px 2px;box-shadow:0 1px 1px #00000024,0 6px 10px -4px #0000003d,0 14px 20px -14px #0000005c;transition:transform .25s var(--sab-ease)}.sab-cover__img{display:block;inline-size:100%;block-size:100%;max-inline-size:none;object-fit:contain;object-position:50% 100%;border-radius:inherit}.sab-cover__book:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#00000038 0,#0000000d 1.6%,#fff3 2.8%,#fff0 6%,#0000000b 8%,#0000 12%);box-shadow:inset 0 0 0 1px #0000000f}.sab-cover__book:before{content:"";position:absolute;z-index:-1;inset-inline:-7% -9%;inset-block-end:-3.5cqi;block-size:7cqi;border-radius:50%;background:radial-gradient(closest-side,#00000042,#0000);transition:transform .25s var(--sab-ease),opacity .25s var(--sab-ease)}@media(hover:hover){a:hover .sab-cover__book,.sab-cover--hover:hover .sab-cover__book,.sab-pick:hover .sab-cover__book{transform:translateY(-4px)}a:hover .sab-cover__book:before,.sab-cover--hover:hover .sab-cover__book:before,.sab-pick:hover .sab-cover__book:before{transform:translateY(4px) scaleX(.9);opacity:.75}}@media(prefers-reduced-motion:reduce){.sab-cover__book,.sab-cover__book:before{transition:none}}.sab-book__badge{position:absolute;inset-block-start:.6rem;inset-inline-start:.6rem;z-index:1;padding:.2rem .6rem;border-radius:var(--sab-radius-pill);background:var(--sab-red-press);color:var(--sab-paper);font-size:.875rem;font-weight:700;line-height:1.3}.sab-cover>.sab-book__badge{z-index:2}.sab-book__badge--soon{background:var(--sab-paper);color:var(--sab-ink);box-shadow:inset 0 0 0 1.5px var(--sab-ink)}.sab-book{flex:0 0 44%;scroll-snap-align:start}.sab-book__link{display:grid;gap:.65rem;color:var(--sab-ink);text-decoration:none}.sab-book__title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9375rem;font-weight:500;line-height:1.3}@media(min-width:48rem){.sab-book{flex-basis:28%}}@media(min-width:64rem){.sab-book{flex-basis:calc((100% - 6rem)/5)}.sab-book__title{font-size:1rem}}.sab-row__tab{min-block-size:2.75rem}.sab-mascot{display:flex;align-items:center;gap:.9rem}.sab-mascot__avatar{flex:none;inline-size:3.75rem;block-size:3.75rem;filter:drop-shadow(0 3px 0 var(--sab-ink))}.sab-mascot--lg .sab-mascot__avatar{inline-size:5.5rem;block-size:5.5rem}.sab-mascot__bubble{position:relative;margin:0;padding:.6rem 1rem;border:2px solid var(--sab-ink);border-radius:1.25rem;background:var(--sab-paper);color:var(--sab-ink);font-family:var(--sab-font-display);font-size:1.125rem;line-height:1.2;box-shadow:0 3px 0 var(--sab-ink)}.sab-mascot__bubble:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:-.6rem;inline-size:1rem;block-size:1rem;border-inline-start:2px solid var(--sab-ink);border-block-end:2px solid var(--sab-ink);background:var(--sab-paper);transform:translateY(-50%) rotate(45deg)}.sab-mascot--stack{flex-direction:column-reverse;align-items:flex-start}.sab-mascot--stack .sab-mascot__bubble:before{inset-block-start:auto;inset-block-end:-.6rem;inset-inline-start:1.5rem;transform:rotate(-45deg)}@media(min-width:48rem){.sab-mascot__bubble{font-size:1.25rem}}@media(prefers-reduced-motion:no-preference){.sab-mascot--wave .sab-mascot__avatar{animation:sab-mascot-wave 2.4s var(--sab-ease, ease) 1s 2;transform-origin:50% 90%}@keyframes sab-mascot-wave{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}}}.sab-icon{flex:none;inline-size:1em;block-size:1em}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sab-base.css.map */