@layer components{.hub-card_wrap{background-image:var(--gradient-card);border:1px solid var(--cb-lavender-60);border-radius:var(--radius-large);flex-direction:column;height:100%;padding:.5rem;transition:background-color .3s ease-in-out;display:flex;position:relative}@media (hover:hover){.hub-card_wrap:hover{background-image:var(--gradient-card-flip);box-shadow:var(--shadow-soft)}}.hub-card_media{aspect-ratio:1;border-radius:var(--radius-large);overflow:hidden}.hub-card_image{object-fit:cover;width:100%;height:100%;display:block}.hub-card_content{flex-direction:column;gap:1rem;padding:2rem 1.25rem 1.25rem;display:flex}.hub-card_link{font-family:var(--font-display-family);font-size:1.75rem;font-weight:500;line-height:1.2;text-decoration:none}.hub-card_link:after{content:"";z-index:1;position:absolute;inset:0}.hub-card_text{color:#05040db3;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}@media (width<30rem){.hub-card_link{font-size:1.5rem}}.hub-list_wrap{padding-top:2rem;padding-bottom:var(--section-pad-large)}.hub-list_wrap .page-title_wrap{margin-block:4.5rem 6rem}.hub-list_grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:1.5rem;padding:0;list-style:none;display:grid}@media (width<62rem){.hub-list_wrap .page-title_wrap{margin-block:3rem 5rem}.hub-list_grid{grid-template-columns:repeat(2,1fr)}}@media (width<48rem){.hub-list_wrap .page-title_wrap{margin-block:2rem 3.5rem}}@media (width<30rem){.hub-list_grid{grid-template-columns:1fr}}.other-cards_wrap{padding-block:var(--section-pad-medium)}.other-cards_list{scroll-snap-type:x mandatory;gap:1.5rem;padding:0 0 1rem;list-style:none;display:flex;overflow-x:auto}.other-cards_item{scroll-snap-align:start;flex:none;width:calc(25% - 1.125rem)}@media (width<62rem){.other-cards_item{width:calc(33.3333% - 1rem)}}@media (width<48rem){.other-cards_item{width:calc(50% - .75rem)}}@media (width<30rem){.other-cards_item{width:100%}}.breadcrumb_wrap{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;width:100%;font-size:.875rem;line-height:1.4;display:flex}.breadcrumb_divider{--_size:1rem}.breadcrumb_link{text-decoration:none;transition:color .3s ease-in-out}.breadcrumb_link[aria-current=page]{font-weight:600}@media (hover:hover){.breadcrumb_link:hover{color:var(--cb-red)}}.coloring-sheet_wrap{border:1px solid var(--cb-lavender-60);border-radius:var(--radius-large);width:100%;height:100%;position:relative}.coloring-sheet_media{aspect-ratio:1;border-radius:var(--radius-large);overflow:hidden}.coloring-sheet_media img{object-fit:cover;width:100%;height:100%;display:block}.coloring-sheet_tag{z-index:1;color:var(--cb-mauve-deep);background-image:var(--gradient-card);border:1px solid var(--cb-lavender-60);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;position:absolute;top:-1.5rem;left:1.5rem;transform:rotate(-5deg)}.coloring-sheet_button{font:inherit;color:var(--cb-black);cursor:pointer;border-radius:var(--radius-small);border:0;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;transition:background-color .3s ease-in-out;display:flex;position:absolute;bottom:1.5rem}.coloring-sheet_button svg{width:1.5rem;height:1.5rem}.coloring-sheet_button.color{background-color:var(--cb-yellow);right:12rem}.coloring-sheet_button.download{background-color:var(--cb-blue);right:1.5rem}@media (hover:hover){.coloring-sheet_button:hover{background-color:var(--cb-green)}}@media (width<62rem){.coloring-sheet_tag{top:-1rem;left:1rem}.coloring-sheet_button{bottom:1rem}.coloring-sheet_button.color{right:11rem}.coloring-sheet_button.download{right:1rem}}@media (width<30rem){.coloring-sheet_button.color{display:none}}.coloring-sheets_grid{grid-template-columns:repeat(2,1fr);gap:3rem;display:grid}.coloring-sheets_cta{background-image:var(--gradient-card);border:1px solid var(--cb-lavender-60);border-radius:var(--radius-xlarge);flex-direction:column;justify-content:space-around;align-items:center;padding:1.5rem;display:flex}.coloring-sheets_cta-title{max-width:30rem;font-family:var(--font-display-family);text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:700;line-height:1.3}.coloring-sheets_cta .review-pairs_wrap{width:100%}@media (width<48rem){.coloring-sheets_grid{grid-template-columns:1fr;gap:2.5rem}}.coloring-modal_wrap{z-index:1005;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed;inset:0}.coloring-modal_overlay{z-index:-1;background-color:#000c;width:100%;height:100%;position:absolute;inset:0}.coloring-modal_content{background-color:var(--cb-white);border-radius:var(--radius-large);flex-direction:column;justify-content:center;width:100%;max-width:70rem;max-height:95vh;padding:4rem;display:flex;position:relative;overflow:auto}.coloring-modal_close{cursor:pointer;background-color:#0000;position:absolute;top:1rem;right:1rem}.coloring-tool_app{--ink:#2b2640;--ink-soft:#6e6788;--accent:#ff6b6b;--tool-radius:22px;--tool-shadow:0 10px 30px #2b26401a;align-items:flex-start;gap:20px;max-width:1060px;margin-inline:auto;display:flex}.coloring-tool_canvas{background:var(--cb-white);border-radius:var(--tool-radius);box-shadow:var(--tool-shadow);flex:auto;padding:14px;position:relative}.coloring-tool_canvas canvas{cursor:crosshair;touch-action:none;background:#fff;border-radius:14px;width:100%;display:block}.coloring-tool_busy{color:var(--ink-soft);background:#ffffff73;border-radius:14px;justify-content:center;align-items:center;font-weight:600;display:none;position:absolute;inset:14px}.coloring-tool_panel{flex-direction:column;flex:0 0 250px;gap:16px;display:flex}.coloring-tool_block{background:var(--cb-white);border-radius:var(--tool-radius);box-shadow:var(--tool-shadow);padding:16px}.coloring-tool_block h2{font-family:var(--font-body-family);text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-soft);margin-bottom:12px;font-size:13px;font-weight:600;line-height:1.3}.coloring-tool_palette{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.coloring-tool_tools{flex-direction:column;gap:9px;display:flex}.coloring-tool_btn{font:inherit;color:var(--ink);cursor:pointer;background:#f2eefb;border:none;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:11px 14px;font-size:15px;font-weight:600;transition:transform .1s,filter .1s;display:flex}.coloring-tool_btn:hover{filter:brightness(.96)}.coloring-tool_btn:active{transform:scale(.97)}.coloring-tool_btn:disabled{cursor:default;opacity:.4}.coloring-tool_btn.primary{color:#fff;background:var(--accent);box-shadow:0 4px #d94f4f}.coloring-tool_btn.primary:active{transform:translateY(3px);box-shadow:0 1px #d94f4f}.coloring-tool_hint{color:var(--ink-soft);font-size:13px;line-height:1.45}@media (width<48rem){.coloring-modal_content{width:90%;max-width:none;padding-inline:3rem}.coloring-tool_app{flex-direction:column}.coloring-tool_panel{flex-direction:column-reverse;flex:auto;width:100%}.coloring-tool_palette{grid-template-columns:repeat(8,1fr)}}@media (width<30rem){.coloring-modal_wrap{align-items:flex-start}.coloring-modal_content{width:100%;height:100vh;max-height:none;padding:4rem 5% 7rem}}.coloring-item_wrap{padding-top:3rem;padding-bottom:var(--section-pad-large)}.coloring-item_container{flex-direction:column;gap:5rem;display:flex}.coloring-item_container .page-title_wrap{width:100%}.coloring-item_container .page-title_text{margin-top:1.5rem}@media (width<48rem){.coloring-item_wrap{padding-top:1.5rem}.coloring-item_container{gap:3rem}}}