.CommonFooterBox_footerBox__ZqtOJ{padding:4rem 2rem 7.5rem;color:#fff}.CommonFooterBox_footerBox__ZqtOJ.CommonFooterBox_dark__feazZ{color:#555}.CommonFooterBox_footerBox__ZqtOJ .CommonFooterBox_waveBox__6zQ95{position:absolute;left:0;bottom:100%;width:100%;height:4rem;overflow:hidden}.CommonFooterBox_footerBox__ZqtOJ .CommonFooterBox_waveBox__6zQ95 use{animation:CommonFooterBox_move-wave__vCIRi 25s cubic-bezier(.55,.5,.45,.5) infinite}.CommonFooterBox_footerBox__ZqtOJ .CommonFooterBox_waveBox__6zQ95 use:first-child{animation-delay:-1s;animation-duration:10s}.CommonFooterBox_footerBox__ZqtOJ .CommonFooterBox_waveBox__6zQ95 use:nth-child(2){animation-delay:-2s;animation-duration:20s}.CommonFooterBox_footerBox__ZqtOJ .CommonFooterBox_gridBox__rZzeM{display:grid;grid-template-columns:1fr 9fr;justify-items:center;align-items:center}@media(max-width:48rem){.CommonFooterBox_footerBox__ZqtOJ .CommonFooterBox_gridBox__rZzeM{grid-template-columns:1fr}}.CommonFooterBox_footerBox__ZqtOJ .CommonFooterBox_gridBox__rZzeM .CommonFooterBox_titleBox__Q_ciP{height:100%}@media(max-width:48rem){.CommonFooterBox_footerBox__ZqtOJ .CommonFooterBox_gridBox__rZzeM .CommonFooterBox_titleBox__Q_ciP{display:none}}.CommonFooterBox_footerBox__ZqtOJ .CommonFooterBox_gridBox__rZzeM .CommonFooterBox_routeBox__ZPCDT{width:100%}.CommonFooterBox_footerBox__ZqtOJ .CommonFooterBox_gridBox__rZzeM .CommonFooterBox_routeBox__ZPCDT .CommonFooterBox_routeBtn__JUwhU{color:#eee}.CommonFooterBox_footerBox__ZqtOJ .CommonFooterBox_gridBox__rZzeM .CommonFooterBox_routeBox__ZPCDT .CommonFooterBox_routeBtn__JUwhU:hover{color:#fff}.CommonFooterBox_footerBox__ZqtOJ .CommonFooterBox_gridBox__rZzeM .CommonFooterBox_routeBox__ZPCDT .CommonFooterBox_routeBtn__JUwhU.CommonFooterBox_dark__feazZ:hover{color:#555}@keyframes CommonFooterBox_move-wave__vCIRi{0%{transform:translateX(-5.625rem)}to{transform:translateX(5.3125rem)}}.WaveAnimation_waveBox__zzv4_{position:absolute;left:0;bottom:100%;width:100%;height:4rem;overflow:hidden}.WaveAnimation_waveBox__zzv4_ use{animation:WaveAnimation_move-wave__tvyT2 25s cubic-bezier(.55,.5,.45,.5) infinite}.WaveAnimation_waveBox__zzv4_ use:first-child{animation-delay:-1s;animation-duration:10s}.WaveAnimation_waveBox__zzv4_ use:nth-child(2){animation-delay:-2s;animation-duration:20s}@keyframes WaveAnimation_move-wave__tvyT2{0%{transform:translateX(-5.625rem)}to{transform:translateX(5.3125rem)}}.CommonHeaderBox_headerBox__adNhL{position:fixed;top:0;left:0;width:100%;height:3.75rem;padding:0 1rem;transition:.5s;z-index:10}.CommonHeaderBox_headerBox__adNhL.CommonHeaderBox_active__nV7kU{height:3rem;backdrop-filter:blur(.25rem);-webkit-backdrop-filter:blur(.25rem)}.CommonHeaderBox_headerBox__adNhL .CommonHeaderBox_logoBtn__fRhdq.CommonHeaderBox_dark__jW5QG svg{fill:#555}.CommonHeaderBox_headerBox__adNhL .CommonHeaderBox_logoBtn__fRhdq svg{width:4.5rem;fill:#fff}.CommonHeaderBox_headerBox__adNhL .CommonHeaderBox_bar__KOi_Y{position:absolute;bottom:0;left:0;height:.125rem;background:#eee}.MobileMainPage_mainBox__zui7b{min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.MobileMainPage_mainBox__zui7b section{height:100dvh}.MobileMainPage_mainBox__zui7b section.MobileMainPage_introSectionBox__XIGot .MobileMainPage_containerBox__ZApLm{width:100%;padding:0 1rem}.MobileMainPage_mainBox__zui7b section.MobileMainPage_introSectionBox__XIGot .MobileMainPage_containerBox__ZApLm .MobileMainPage_hexagonBox__Lybt6{width:40%;aspect-ratio:1/1;background:#faf6e9}.MobileMainPage_mainBox__zui7b section.MobileMainPage_introSectionBox__XIGot .MobileMainPage_containerBox__ZApLm .MobileMainPage_text__y_bZ2{display:inline-block;animation:MobileMainPage_moving-text__VBPyn 10s ease-in-out infinite}.MobileMainPage_mainBox__zui7b section.MobileMainPage_introSectionBox__XIGot .MobileMainPage_containerBox__ZApLm .MobileMainPage_text__y_bZ2.MobileMainPage_empty__DybGw{width:1rem}.MobileMainPage_mainBox__zui7b section.MobileMainPage_routeSectionBox__gxNq_{background:#ddeb9d}.MobileMainPage_mainBox__zui7b section.MobileMainPage_routeSectionBox__gxNq_ .MobileMainPage_containerBox__ZApLm{width:100%;padding:0 1rem;color:#41a33e}.MobileMainPage_mainBox__zui7b section.MobileMainPage_routeSectionBox__gxNq_ .MobileMainPage_containerBox__ZApLm .MobileMainPage_title__qhPBD{padding-left:2rem}.MobileMainPage_mainBox__zui7b section.MobileMainPage_routeSectionBox__gxNq_ .MobileMainPage_containerBox__ZApLm .MobileMainPage_routeContainerBox__k76RF{padding:2rem 0;border:.0625rem solid #41a33e;border-radius:.3125rem}.MobileMainPage_mainBox__zui7b section.MobileMainPage_routeSectionBox__gxNq_ .MobileMainPage_containerBox__ZApLm .MobileMainPage_routeContainerBox__k76RF .MobileMainPage_gridBox__8DW0f{display:grid;grid-template-columns:1fr 9fr;justify-items:center;align-items:center}.MobileMainPage_mainBox__zui7b section.MobileMainPage_routeSectionBox__gxNq_ .MobileMainPage_containerBox__ZApLm .MobileMainPage_routeContainerBox__k76RF .MobileMainPage_gridBox__8DW0f .MobileMainPage_routeBox__Y9KMD{width:100%}.MobileMainPage_mainBox__zui7b section.MobileMainPage_routeSectionBox__gxNq_ .MobileMainPage_containerBox__ZApLm .MobileMainPage_routeContainerBox__k76RF .MobileMainPage_gridBox__8DW0f .MobileMainPage_routeBox__Y9KMD .MobileMainPage_routeBtn__S53YL{color:#555}.MobileMainPage_mainBox__zui7b section.MobileMainPage_routeSectionBox__gxNq_ .MobileMainPage_containerBox__ZApLm .MobileMainPage_routeContainerBox__k76RF .MobileMainPage_gridBox__8DW0f .MobileMainPage_routeBox__Y9KMD .MobileMainPage_routeBtn__S53YL:hover{color:#41a33e}.MobileMainPage_footerBox__eous3{height:15rem;background:#a0c878}@keyframes MobileMainPage_moving-text__VBPyn{0%,8%,to{transform:translateY(0)}4%{transform:translateY(-3.75rem)}}.WebMainPage_mainBox__KmDvC{min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.WebMainPage_mainBox__KmDvC section{height:100dvh}.WebMainPage_mainBox__KmDvC section.WebMainPage_introSectionBox__Mi9iI .WebMainPage_containerBox__1lEXP{width:64rem;padding:0 1rem}.WebMainPage_mainBox__KmDvC section.WebMainPage_introSectionBox__Mi9iI .WebMainPage_containerBox__1lEXP .WebMainPage_hexagonBox__cxaio{width:25rem;height:25rem;background:#faf6e9}.WebMainPage_mainBox__KmDvC section.WebMainPage_introSectionBox__Mi9iI .WebMainPage_containerBox__1lEXP .WebMainPage_text__76iB4{display:inline-block;animation:WebMainPage_moving-text__aZDtM 10s ease-in-out infinite}.WebMainPage_mainBox__KmDvC section.WebMainPage_introSectionBox__Mi9iI .WebMainPage_containerBox__1lEXP .WebMainPage_text__76iB4.WebMainPage_empty__sw_bC{width:1rem}.WebMainPage_mainBox__KmDvC section.WebMainPage_routeSectionBox__l0KH1{background:#ddeb9d}.WebMainPage_mainBox__KmDvC section.WebMainPage_routeSectionBox__l0KH1 .WebMainPage_containerBox__1lEXP{width:64rem;padding:0 1rem;color:#41a33e}.WebMainPage_mainBox__KmDvC section.WebMainPage_routeSectionBox__l0KH1 .WebMainPage_containerBox__1lEXP .WebMainPage_title__zsfmm{padding-left:2rem}.WebMainPage_mainBox__KmDvC section.WebMainPage_routeSectionBox__l0KH1 .WebMainPage_containerBox__1lEXP .WebMainPage_routeContainerBox__gnfzt{padding:2rem 0;border:.0625rem solid #41a33e;border-radius:.3125rem}.WebMainPage_mainBox__KmDvC section.WebMainPage_routeSectionBox__l0KH1 .WebMainPage_containerBox__1lEXP .WebMainPage_routeContainerBox__gnfzt .WebMainPage_gridBox__jrETY{display:grid;grid-template-columns:1fr 9fr;justify-items:center;align-items:center}.WebMainPage_mainBox__KmDvC section.WebMainPage_routeSectionBox__l0KH1 .WebMainPage_containerBox__1lEXP .WebMainPage_routeContainerBox__gnfzt .WebMainPage_gridBox__jrETY .WebMainPage_routeBox__6gT_s{width:100%}.WebMainPage_mainBox__KmDvC section.WebMainPage_routeSectionBox__l0KH1 .WebMainPage_containerBox__1lEXP .WebMainPage_routeContainerBox__gnfzt .WebMainPage_gridBox__jrETY .WebMainPage_routeBox__6gT_s .WebMainPage_routeBtn__Yq_9b{color:#555}.WebMainPage_mainBox__KmDvC section.WebMainPage_routeSectionBox__l0KH1 .WebMainPage_containerBox__1lEXP .WebMainPage_routeContainerBox__gnfzt .WebMainPage_gridBox__jrETY .WebMainPage_routeBox__6gT_s .WebMainPage_routeBtn__Yq_9b:hover{color:#41a33e}.WebMainPage_footerBox__zgyBC{height:15rem;background:#a0c878}@keyframes WebMainPage_moving-text__aZDtM{0%,8%,to{transform:translateY(0)}4%{transform:translateY(-3.75rem)}}.WebColorConicGradientPage_mainBox__olmjC{padding-top:5rem;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.WebColorConicGradientPage_mainBox__olmjC .WebColorConicGradientPage_bgBox__Ah2ri{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.WebColorConicGradientPage_mainBox__olmjC .WebColorConicGradientPage_containerBox__ssaNU{width:64rem;padding:0 1rem}.WebColorConicGradientPage_mainBox__olmjC .WebColorConicGradientPage_containerBox__ssaNU .WebColorConicGradientPage_codeBlockBox__sXwEI,.WebColorConicGradientPage_mainBox__olmjC .WebColorConicGradientPage_containerBox__ssaNU .WebColorConicGradientPage_previewBox__5KAmd{border:.0625rem solid #555;border-radius:.3125rem}.WebColorConicGradientPage_mainBox__olmjC .WebColorConicGradientPage_containerBox__ssaNU .WebColorConicGradientPage_codeBlockBox__sXwEI{min-height:5.625rem}.WebColorConicGradientPage_mainBox__olmjC .WebColorConicGradientPage_containerBox__ssaNU .WebColorConicGradientPage_previewBox__5KAmd{min-height:20rem}.WebColorConicGradientPage_mainBox__olmjC .WebColorConicGradientPage_containerBox__ssaNU .WebColorConicGradientPage_gridBox__GoEfC{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));justify-items:center;align-items:center}.MobileColorConicGradientPage_mainBox__I_DK5{padding-top:5rem;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.MobileColorConicGradientPage_mainBox__I_DK5 .MobileColorConicGradientPage_bgBox__SEAfy{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.MobileColorConicGradientPage_mainBox__I_DK5 .MobileColorConicGradientPage_containerBox__pDXL8{width:100%;padding:0 1rem}.MobileColorConicGradientPage_mainBox__I_DK5 .MobileColorConicGradientPage_containerBox__pDXL8 .MobileColorConicGradientPage_codeBlockBox__l5z7g,.MobileColorConicGradientPage_mainBox__I_DK5 .MobileColorConicGradientPage_containerBox__pDXL8 .MobileColorConicGradientPage_previewBox__EtJij{border:.0625rem solid #555;border-radius:.3125rem}.MobileColorConicGradientPage_mainBox__I_DK5 .MobileColorConicGradientPage_containerBox__pDXL8 .MobileColorConicGradientPage_codeBlockBox__l5z7g{min-height:5.625rem}.MobileColorConicGradientPage_mainBox__I_DK5 .MobileColorConicGradientPage_containerBox__pDXL8 .MobileColorConicGradientPage_previewBox__EtJij{min-height:20rem}.MobileColorConicGradientPage_mainBox__I_DK5 .MobileColorConicGradientPage_containerBox__pDXL8 .MobileColorConicGradientPage_gridBox__OBrSr{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));justify-items:center;align-items:center}.WebColorLinearGradientPage_mainBox__Dbqhi{padding-top:5rem;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.WebColorLinearGradientPage_mainBox__Dbqhi .WebColorLinearGradientPage_bgBox__hHKrg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.WebColorLinearGradientPage_mainBox__Dbqhi .WebColorLinearGradientPage_containerBox__pZRD_{width:64rem;padding:0 1rem}.WebColorLinearGradientPage_mainBox__Dbqhi .WebColorLinearGradientPage_containerBox__pZRD_ .WebColorLinearGradientPage_codeBlockBox__5fhZy,.WebColorLinearGradientPage_mainBox__Dbqhi .WebColorLinearGradientPage_containerBox__pZRD_ .WebColorLinearGradientPage_previewBox__3fYye{border:.0625rem solid #555;border-radius:.3125rem}.WebColorLinearGradientPage_mainBox__Dbqhi .WebColorLinearGradientPage_containerBox__pZRD_ .WebColorLinearGradientPage_codeBlockBox__5fhZy{min-height:5.625rem}.WebColorLinearGradientPage_mainBox__Dbqhi .WebColorLinearGradientPage_containerBox__pZRD_ .WebColorLinearGradientPage_previewBox__3fYye{min-height:20rem}.MobileColorLinearGradientPage_mainBox__sBbWY{padding-top:5rem;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.MobileColorLinearGradientPage_mainBox__sBbWY .MobileColorLinearGradientPage_bgBox__vFu39{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.MobileColorLinearGradientPage_mainBox__sBbWY .MobileColorLinearGradientPage_containerBox__BwxjZ{width:100%;padding:0 1rem}.MobileColorLinearGradientPage_mainBox__sBbWY .MobileColorLinearGradientPage_containerBox__BwxjZ .MobileColorLinearGradientPage_codeBlockBox____E4k,.MobileColorLinearGradientPage_mainBox__sBbWY .MobileColorLinearGradientPage_containerBox__BwxjZ .MobileColorLinearGradientPage_previewBox__OuUgS{border:.0625rem solid #555;border-radius:.3125rem}.MobileColorLinearGradientPage_mainBox__sBbWY .MobileColorLinearGradientPage_containerBox__BwxjZ .MobileColorLinearGradientPage_codeBlockBox____E4k{min-height:5.625rem}.MobileColorLinearGradientPage_mainBox__sBbWY .MobileColorLinearGradientPage_containerBox__BwxjZ .MobileColorLinearGradientPage_previewBox__OuUgS{min-height:20rem}.MobileColorConstrastPage_mainBox__mbEq4{padding-top:5rem;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.MobileColorConstrastPage_mainBox__mbEq4 .MobileColorConstrastPage_bgBox__lOVTv{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.MobileColorConstrastPage_mainBox__mbEq4 .MobileColorConstrastPage_containerBox__GvIGn{width:100%;padding:0 1rem}.MobileColorConstrastPage_mainBox__mbEq4 .MobileColorConstrastPage_containerBox__GvIGn .MobileColorConstrastPage_gridBox__9VfGT{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));justify-items:center;align-items:center}.WebColorConstrastPage_mainBox__TVqpj{padding-top:5rem;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.WebColorConstrastPage_mainBox__TVqpj .WebColorConstrastPage_bgBox__VcwvE{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.WebColorConstrastPage_mainBox__TVqpj .WebColorConstrastPage_containerBox__fXHe3{width:64rem;padding:0 1rem}.WebColorConstrastPage_mainBox__TVqpj .WebColorConstrastPage_containerBox__fXHe3 .WebColorConstrastPage_gridBox__RD6hN{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));justify-items:center;align-items:center}.WebColorPalettePage_mainBox__AKEbl{padding-top:5rem;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.WebColorPalettePage_mainBox__AKEbl .WebColorPalettePage_bgBox__80TxX{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.WebColorPalettePage_mainBox__AKEbl .WebColorPalettePage_containerBox__TYJF2{width:64rem;padding:0 1rem}.WebColorPalettePage_mainBox__AKEbl .WebColorPalettePage_containerBox__TYJF2 .WebColorPalettePage_gridBox__e5WKW{display:grid;grid-template-columns:1fr 1fr}.MobileColorPalettePage_mainBox__Zzorp{padding-top:5rem;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.MobileColorPalettePage_mainBox__Zzorp .MobileColorPalettePage_bgBox__fgUxk{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.MobileColorPalettePage_mainBox__Zzorp .MobileColorPalettePage_containerBox__uOBhX{width:100%;padding:0 1rem}.WebColorRadialGradientPage_mainBox__64L_G{padding-top:5rem;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.WebColorRadialGradientPage_mainBox__64L_G .WebColorRadialGradientPage_bgBox__t12Li{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.WebColorRadialGradientPage_mainBox__64L_G .WebColorRadialGradientPage_containerBox__EVeY5{width:64rem;padding:0 1rem}.WebColorRadialGradientPage_mainBox__64L_G .WebColorRadialGradientPage_containerBox__EVeY5 .WebColorRadialGradientPage_codeBlockBox__p5ZzY,.WebColorRadialGradientPage_mainBox__64L_G .WebColorRadialGradientPage_containerBox__EVeY5 .WebColorRadialGradientPage_previewBox__3skdX{border:.0625rem solid #555;border-radius:.3125rem}.WebColorRadialGradientPage_mainBox__64L_G .WebColorRadialGradientPage_containerBox__EVeY5 .WebColorRadialGradientPage_codeBlockBox__p5ZzY{min-height:5.625rem}.WebColorRadialGradientPage_mainBox__64L_G .WebColorRadialGradientPage_containerBox__EVeY5 .WebColorRadialGradientPage_previewBox__3skdX{min-height:20rem}.MobileColorRadialGradientPage_mainBox__tAjw5{padding-top:5rem;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.MobileColorRadialGradientPage_mainBox__tAjw5 .MobileColorRadialGradientPage_bgBox__9mkUq{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.MobileColorRadialGradientPage_mainBox__tAjw5 .MobileColorRadialGradientPage_containerBox__F5olg{width:100%;padding:0 1rem}.MobileColorRadialGradientPage_mainBox__tAjw5 .MobileColorRadialGradientPage_containerBox__F5olg .MobileColorRadialGradientPage_codeBlockBox__mJWqw,.MobileColorRadialGradientPage_mainBox__tAjw5 .MobileColorRadialGradientPage_containerBox__F5olg .MobileColorRadialGradientPage_previewBox__Us_F5{border:.0625rem solid #555;border-radius:.3125rem}.MobileColorRadialGradientPage_mainBox__tAjw5 .MobileColorRadialGradientPage_containerBox__F5olg .MobileColorRadialGradientPage_codeBlockBox__mJWqw{min-height:5.625rem}.MobileColorRadialGradientPage_mainBox__tAjw5 .MobileColorRadialGradientPage_containerBox__F5olg .MobileColorRadialGradientPage_previewBox__Us_F5{min-height:20rem}.WebCodePrettierPage_mainBox__tgSq2{padding-top:5rem;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.WebCodePrettierPage_mainBox__tgSq2 .WebCodePrettierPage_containerBox__PadQG{width:64rem;padding:0 1rem}.MobileCodePrettierPage_mainBox__2cfRH{padding-top:5rem;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none}.MobileCodePrettierPage_mainBox__2cfRH .MobileCodePrettierPage_containerBox__vioxX{width:100%;padding:0 1rem}