.CodeBlock_codeBlock__NbrWi{margin:1.5rem 0;border-radius:8px;overflow:hidden;background:rgba(30,30,30,.95);box-shadow:0 4px 6px rgba(0,0,0,.3);max-width:100%}.CodeBlock_header__bLbgq{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:rgba(20,20,20,.95);border-bottom:1px solid rgba(255,255,255,.1)}.CodeBlock_title__1AGiz{color:#61dafb;font-weight:600;font-size:.9em;font-family:Courier New,monospace}.CodeBlock_actions__rptCp{display:flex;gap:.5rem;align-items:center}.CodeBlock_copiedText__EhFTV{margin-left:.5rem;color:#4caf50;font-size:.85em}.CodeBlock_codeContent__6tZJm{margin:0;padding:1rem;background:rgba(30,30,30,.95);border-radius:0 0 8px 8px;overflow-x:auto;font-family:Courier New,Consolas,Monaco,monospace;font-size:.9em;line-height:1.5;color:#e0e0e0}.CodeBlock_codeContent__6tZJm code{font-family:inherit;color:inherit}@media (max-width:768px){.CodeBlock_header__bLbgq{padding:.5rem .75rem}.CodeBlock_title__1AGiz{font-size:.8em}}.ExampleCard_exampleCard__2G0w_{margin:2rem 0!important;background:rgba(0,61,38,.5)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;max-width:100%!important;overflow-x:hidden!important}.ExampleCard_header__oi3tg{justify-content:space-between;flex-wrap:wrap;color:#61dafb!important}.ExampleCard_header__oi3tg,.ExampleCard_tags__xH6_n{display:flex;align-items:center;gap:.5rem}.ExampleCard_description__fOmxD{color:rgba(255,255,255,.8)!important;margin-top:.5rem!important}.ExampleCard_demoArea__L8kQ1{background:rgba(0,0,0,.2)!important;min-height:200px;display:flex;align-items:center;justify-content:center;padding:2rem!important}@media (max-width:768px){.ExampleCard_demoArea__L8kQ1{padding:1rem!important;min-height:150px}}.ScrollAnimations_section__px3_B{margin:3rem 0;max-width:100%;overflow-x:hidden}.ScrollAnimations_sectionTitle__9uOGc{color:#61dafb;font-size:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(97,218,251,.3)}.ScrollAnimations_intro___XCzu{color:rgba(255,255,255,.9);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.ScrollAnimations_intro___XCzu code{background:rgba(97,218,251,.2);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;color:#61dafb}.ScrollAnimations_scrollDemo__PKYuZ{display:flex;flex-direction:column;gap:1rem;width:100%}.ScrollAnimations_fadeBox___abwF{padding:2rem;background:linear-gradient(135deg,rgba(97,218,251,.2),rgba(76,175,80,.2));border-radius:8px;text-align:center;font-size:1.2rem;font-weight:600;color:white;box-shadow:0 4px 6px rgba(0,0,0,.3)}.ScrollAnimations_parallaxContainer__FoM0m{width:100%;min-height:300px;display:flex;align-items:center;justify-content:center}.ScrollAnimations_parallaxBox__bF_XR{padding:3rem;background:linear-gradient(135deg,rgba(97,218,251,.3),rgba(156,39,176,.3));border-radius:12px;text-align:center;color:white;box-shadow:0 8px 16px rgba(0,0,0,.4)}.ScrollAnimations_parallaxBox__bF_XR p{margin:0;font-size:1.2rem;font-weight:600}.ScrollAnimations_subtle__UpgND{margin-top:.5rem!important;font-size:.9rem!important;opacity:.7;font-weight:400!important}.ScrollAnimations_progressDemo__dCKGn{width:100%;text-align:center}.ScrollAnimations_progressBar__i_9I3{width:100%;height:8px;background:linear-gradient(90deg,#61dafb,#4caf50);border-radius:4px;transform-origin:0;margin-bottom:1rem;box-shadow:0 2px 4px rgba(0,0,0,.3)}.ScrollAnimations_progressDemo__dCKGn p{color:rgba(255,255,255,.8);margin:1rem 0 0}@media (max-width:768px){.ScrollAnimations_sectionTitle__9uOGc{font-size:1.5rem}.ScrollAnimations_intro___XCzu{font-size:1rem}.ScrollAnimations_fadeBox___abwF{padding:1.5rem;font-size:1rem}.ScrollAnimations_parallaxBox__bF_XR{padding:2rem}.ScrollAnimations_parallaxBox__bF_XR p{font-size:1rem}}.GestureExamples_section___1mk0{margin:3rem 0;max-width:100%;overflow-x:hidden}.GestureExamples_sectionTitle__62xeW{color:#61dafb;font-size:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(97,218,251,.3)}.GestureExamples_intro__WWSuS{color:rgba(255,255,255,.9);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.GestureExamples_gestureDemo__wyfVT{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}.GestureExamples_hoverCard__kFVMD{padding:2rem 3rem;background:linear-gradient(135deg,rgba(97,218,251,.2),rgba(156,39,176,.2));border-radius:12px;cursor:pointer;color:white;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.3)}.GestureExamples_hoverCard__kFVMD h3{margin:0;font-size:1.5rem}.GestureExamples_tapButton__PdtJz{padding:1rem 2rem;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#61dafb,#4caf50);border:none;border-radius:8px;color:white;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.3);outline:none}.GestureExamples_dragContainer__Ofc5F{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.GestureExamples_dragBounds__SrggX{position:relative;width:min(300px,100%);height:min(300px,80vw);max-width:100%;border:2px dashed rgba(97,218,251,.5);background:rgba(0,0,0,.2)}.GestureExamples_dragBounds__SrggX,.GestureExamples_draggableBox__tV1iF{border-radius:12px;display:flex;align-items:center;justify-content:center}.GestureExamples_draggableBox__tV1iF{width:100px;height:100px;background:linear-gradient(135deg,#ff6b6b,#feca57);cursor:grab;color:white;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.4);-webkit-user-select:none;user-select:none}.GestureExamples_draggableBox__tV1iF span{text-align:center;font-size:1rem}.GestureExamples_hint__RsbJh{color:rgba(255,255,255,.7);font-size:.9rem;text-align:center;margin:0}.GestureExamples_combinedBox__b2Vyf{padding:2rem;background:linear-gradient(135deg,rgba(255,107,107,.3),rgba(254,202,87,.3));border-radius:12px;cursor:pointer;color:white;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-user-select:none;user-select:none;min-width:200px}.GestureExamples_combinedBox__b2Vyf div:first-child{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.GestureExamples_subtext__twleG{font-size:.9rem;opacity:.8}@media (max-width:768px){.GestureExamples_sectionTitle__62xeW{font-size:1.5rem}.GestureExamples_intro__WWSuS{font-size:1rem}.GestureExamples_hoverCard__kFVMD{padding:1.5rem 2rem}.GestureExamples_hoverCard__kFVMD h3{font-size:1.2rem}.GestureExamples_tapButton__PdtJz{padding:.8rem 1.5rem;font-size:1rem}.GestureExamples_dragBounds__SrggX{width:min(250px,100%);height:min(250px,80vw)}.GestureExamples_draggableBox__tV1iF{width:80px;height:80px}.GestureExamples_draggableBox__tV1iF span{font-size:.85rem}.GestureExamples_combinedBox__b2Vyf{padding:1.5rem;min-width:150px}.GestureExamples_combinedBox__b2Vyf div:first-child{font-size:1.1rem}}.LayoutAnimations_section__feCqb{margin:3rem 0;max-width:100%;overflow-x:hidden}.LayoutAnimations_sectionTitle__VqD2q{color:#61dafb;font-size:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(97,218,251,.3)}.LayoutAnimations_intro__77QOo{color:rgba(255,255,255,.9);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.LayoutAnimations_intro__77QOo code{background:rgba(97,218,251,.2);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;color:#61dafb}.LayoutAnimations_modalDemo__xDyld{position:relative;width:100%;min-height:200px;display:flex;align-items:center;justify-content:center}.LayoutAnimations_backdrop__xPKly{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:1000;cursor:pointer}.LayoutAnimations_modal___GALo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,rgba(30,30,30,.98),rgba(50,50,70,.98));padding:2rem;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);z-index:1001;max-width:400px;width:90%;border:1px solid rgba(97,218,251,.3)}.LayoutAnimations_modal___GALo h3{margin:0 0 1rem;color:#61dafb;font-size:1.5rem}.LayoutAnimations_modal___GALo p{color:rgba(255,255,255,.8);margin-bottom:1.5rem}.LayoutAnimations_tabDemo__cWt_w{width:100%}.LayoutAnimations_tabs__Sl6wh{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1)}.LayoutAnimations_tab__GeYND{position:relative;padding:.75rem 1.5rem;background:transparent;border:none;color:rgba(255,255,255,.6);font-size:1rem;font-weight:600;cursor:pointer;transition:color .2s;outline:none}.LayoutAnimations_tab__GeYND:hover{color:rgba(255,255,255,.9)}.LayoutAnimations_tab__GeYND.LayoutAnimations_active__It51v{color:#61dafb}.LayoutAnimations_activeIndicator__4kMg6{position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#61dafb;box-shadow:0 0 10px rgba(97,218,251,.5)}.LayoutAnimations_tabContent__XpUPE{padding:1.5rem;background:rgba(0,0,0,.2);border-radius:8px;min-height:120px}.LayoutAnimations_tabContent__XpUPE h4{margin:0 0 .5rem;color:#61dafb}.LayoutAnimations_tabContent__XpUPE p{margin:0;color:rgba(255,255,255,.8)}.LayoutAnimations_listDemo__dZikl{width:100%}.LayoutAnimations_listControls__HVpN5{margin-bottom:1rem;display:flex;gap:.5rem}.LayoutAnimations_list__J8Loe{display:flex;flex-direction:column;gap:.5rem}.LayoutAnimations_listItem___2WUZ{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(97,218,251,.2),rgba(76,175,80,.2));border-radius:8px;color:white;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.3)}.LayoutAnimations_listItem___2WUZ span{flex:1 1}@media (max-width:768px){.LayoutAnimations_sectionTitle__VqD2q{font-size:1.5rem}.LayoutAnimations_intro__77QOo{font-size:1rem}.LayoutAnimations_modal___GALo{padding:1.5rem}.LayoutAnimations_modal___GALo h3{font-size:1.3rem}.LayoutAnimations_tab__GeYND{padding:.5rem 1rem;font-size:.9rem}.LayoutAnimations_tabContent__XpUPE{padding:1rem}.LayoutAnimations_listItem___2WUZ{padding:.75rem 1rem;font-size:.9rem}}.SpringPlayground_section__lpoEr{margin:3rem 0;max-width:100%;overflow-x:hidden}.SpringPlayground_sectionTitle__8YumY{color:#61dafb;font-size:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(97,218,251,.3)}.SpringPlayground_intro__UZP7G{color:rgba(255,255,255,.9);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.SpringPlayground_playground__b_vJo{width:100%}.SpringPlayground_presets__Wt0aB{margin-bottom:2rem}.SpringPlayground_presets__Wt0aB h4{margin:0 0 1rem;color:#61dafb}.SpringPlayground_presetButtons__SiO5u{display:flex;gap:.5rem;flex-wrap:wrap}.SpringPlayground_controls__CNSJO{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.SpringPlayground_control__z19EW{width:100%}.SpringPlayground_controlHeader__AEqZG{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.SpringPlayground_controlHeader__AEqZG label{font-weight:600;color:#61dafb;font-size:1rem}.SpringPlayground_value__Fyk7S{background:rgba(97,218,251,.2);padding:.25rem .75rem;border-radius:4px;color:#61dafb;font-weight:600;font-family:Courier New,monospace}.SpringPlayground_slider__wUH3k{width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,.2);outline:none;appearance:none;cursor:pointer}.SpringPlayground_slider__wUH3k::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#61dafb;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.3)}.SpringPlayground_slider__wUH3k::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#61dafb;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.3)}.SpringPlayground_hint__O2J1n{margin:.5rem 0 0;font-size:.85rem;color:rgba(255,255,255,.6);font-style:italic}.SpringPlayground_preview__23XLI{margin-top:2rem;text-align:center}.SpringPlayground_preview__23XLI h4{margin:0 0 1rem;color:#61dafb}.SpringPlayground_animationArea__nTSxY{min-height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:rgba(0,0,0,.2);border-radius:8px;padding:2rem}.SpringPlayground_animatedBox__ZI7eH{width:120px;height:120px;background:linear-gradient(135deg,#61dafb,#9c27b0);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 16px rgba(0,0,0,.4);transform-style:preserve-3d}.SpringPlayground_boxFront__oRkY_{color:white;font-weight:600;font-size:1rem;text-align:center;backface-visibility:hidden}.SpringPlayground_explanation__sq6JE{margin-top:3rem;padding:2rem;background:rgba(0,61,38,.3);border-radius:12px;border:1px solid rgba(97,218,251,.2)}.SpringPlayground_explanation__sq6JE h3{margin:0 0 1.5rem;color:#61dafb;text-align:center;font-size:1.5rem}.SpringPlayground_explainGrid__YQpyw{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.SpringPlayground_explainCard__BbPFY{padding:1.5rem;background:rgba(0,0,0,.3);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.SpringPlayground_explainCard__BbPFY h4{margin:0 0 .75rem;color:#61dafb;font-size:1.2rem}.SpringPlayground_explainCard__BbPFY p{margin:0 0 .75rem;color:rgba(255,255,255,.8);line-height:1.6}.SpringPlayground_explainCard__BbPFY p:last-child{margin-bottom:0}.SpringPlayground_range__hlV5B{font-size:.9rem;color:rgba(255,255,255,.6)!important}.SpringPlayground_range__hlV5B strong{color:#61dafb}@media (max-width:768px){.SpringPlayground_sectionTitle__8YumY{font-size:1.5rem}.SpringPlayground_intro__UZP7G{font-size:1rem}.SpringPlayground_presetButtons__SiO5u{flex-direction:column}.SpringPlayground_animationArea__nTSxY{padding:1rem;min-height:150px}.SpringPlayground_animatedBox__ZI7eH{width:100px;height:100px}.SpringPlayground_boxFront__oRkY_{font-size:.9rem}.SpringPlayground_explanation__sq6JE{padding:1rem}.SpringPlayground_explainGrid__YQpyw{grid-template-columns:1fr}}.AnimationPage_hero__gNKmc{text-align:center;margin-bottom:3rem;max-width:100%;overflow-x:hidden}.AnimationPage_hero__gNKmc h1{font-size:3rem;color:#61dafb;margin-bottom:1rem;text-shadow:0 2px 10px rgba(97,218,251,.3);word-wrap:break-word}.AnimationPage_subtitle__vu7mO{font-size:1.3rem;color:rgba(255,255,255,.8);margin-bottom:1.5rem}.AnimationPage_badges__kU6oz{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.AnimationPage_badge__ECNTa{padding:.5rem 1rem;background:linear-gradient(135deg,rgba(97,218,251,.2),rgba(76,175,80,.2));border:1px solid rgba(97,218,251,.3);border-radius:20px;color:#61dafb;font-weight:600;font-size:.9rem}.AnimationPage_introSection__C3H30{margin:3rem 0;max-width:100%}.AnimationPage_introSection__C3H30 h2{color:#61dafb;font-size:2rem;margin-bottom:1rem}.AnimationPage_introSection__C3H30 p{font-size:1.1rem;line-height:1.8;color:rgba(255,255,255,.9);margin-bottom:2rem}.AnimationPage_features__9Ars9{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:2rem;margin-top:2rem;width:100%;max-width:100%}.AnimationPage_feature___vGNE{text-align:center;padding:1.5rem;background:rgba(0,0,0,.2);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.AnimationPage_feature___vGNE i{color:#61dafb!important;margin-bottom:1rem}.AnimationPage_feature___vGNE h3{color:#61dafb;font-size:1.3rem;margin:1rem 0 .5rem}.AnimationPage_feature___vGNE p{color:rgba(255,255,255,.7);margin:0;font-size:.95rem}.AnimationPage_tocSection__xAeZZ{margin:2rem 0;background:rgba(0,61,38,.3);border-radius:8px;border:1px solid rgba(97,218,251,.2);overflow:hidden;max-width:100%}.AnimationPage_tocToggle__aDBRV{width:100%;padding:1rem 1.5rem;background:transparent;border:none;color:#61dafb;font-size:1.2rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s}.AnimationPage_tocToggle__aDBRV:hover{background:rgba(97,218,251,.1)}.AnimationPage_toc__cBRc9{padding:1rem 1.5rem;background:rgba(0,0,0,.2)}.AnimationPage_toc__cBRc9 a{color:rgba(255,255,255,.9);text-decoration:none;transition:color .2s}.AnimationPage_toc__cBRc9 a:hover{color:#61dafb}.AnimationPage_section__WdgNX{margin:3rem 0;max-width:100%;overflow-x:hidden}.AnimationPage_section__WdgNX h2{color:#61dafb;font-size:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(97,218,251,.3)}.AnimationPage_section__WdgNX h3{color:#4caf50;font-size:1.5rem;margin:2rem 0 1rem}.AnimationPage_section__WdgNX p{font-size:1.05rem;line-height:1.7;color:rgba(255,255,255,.9);margin-bottom:1rem}.AnimationPage_section__WdgNX code{background:rgba(97,218,251,.2);padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:#61dafb;font-size:.95em}.AnimationPage_exampleBox__NdHaF{padding:2rem;background:linear-gradient(135deg,rgba(97,218,251,.2),rgba(156,39,176,.2));border-radius:12px;text-align:center;color:white;box-shadow:0 4px 12px rgba(0,0,0,.3)}.AnimationPage_exampleBox__NdHaF h3{margin:0;font-size:1.3rem;color:white!important}.AnimationPage_resourceGrid__ePWVN{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.5rem;margin-top:2rem;width:100%;max-width:100%}.AnimationPage_resourceCard__DFDpQ{padding:1.5rem;background:rgba(0,61,38,.3);border-radius:12px;border:1px solid rgba(97,218,251,.2)}.AnimationPage_resourceCard__DFDpQ h3{color:#61dafb;font-size:1.3rem;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.AnimationPage_resourceCard__DFDpQ h3 i{color:#61dafb!important}.AnimationPage_resourceCard__DFDpQ a{color:rgba(255,255,255,.9);text-decoration:none;transition:color .2s}.AnimationPage_resourceCard__DFDpQ a:hover{color:#61dafb;text-decoration:underline}.AnimationPage_resourceCard__DFDpQ code{background:rgba(97,218,251,.2);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;color:#61dafb}.AnimationPage_footerNote__5WjSn{margin:3rem 0 2rem;padding:1.5rem;background:rgba(97,218,251,.1);border-left:4px solid #61dafb;border-radius:8px}.AnimationPage_footerNote__5WjSn p{margin:0;color:rgba(255,255,255,.9);display:flex;align-items:flex-start;gap:.75rem;line-height:1.6}.AnimationPage_footerNote__5WjSn i{color:#61dafb!important;flex-shrink:0;margin-top:.2rem}@media (max-width:768px){.AnimationPage_hero__gNKmc h1{font-size:2rem}.AnimationPage_subtitle__vu7mO{font-size:1.1rem}.AnimationPage_badges__kU6oz{flex-direction:column;align-items:center}.AnimationPage_features__9Ars9{grid-template-columns:1fr}.AnimationPage_section__WdgNX h2{font-size:1.5rem}.AnimationPage_section__WdgNX h3{font-size:1.3rem}.AnimationPage_resourceGrid__ePWVN{grid-template-columns:1fr}.AnimationPage_exampleBox__NdHaF{padding:1.5rem}.AnimationPage_exampleBox__NdHaF h3{font-size:1.1rem}}