.Card_card__93SJl{display:grid;grid-template-columns:35% 1fr;grid-template-rows:8% 1fr 1fr 1fr;grid-template-areas:"header-left header-right" "content-left-top content-right" "content-left-bottom content-right" "content-left-bottom content-right";grid-gap:1rem;padding:2rem 4rem;height:32rem;background-color:#fff;border-radius:3rem;box-shadow:0 .25rem .25rem #00000040;margin:2rem;cursor:pointer}.Card_lg__4KCSv{height:32rem}.Card_sm__ZVvsT{height:24rem}.Card_topic__BPhmC{grid-area:header-left;font-size:x-large}.Card_date__QNazp{grid-area:header-right;justify-self:flex-end;font-size:x-large}.Card_codeSnippet__Tyxno{grid-area:content-left-top;margin:0}.Card_description__wPRCZ{grid-area:content-left-bottom;font-size:large;overflow-y:auto}.Card_demoLink__o5PBn{grid-area:content-right}@media screen and (max-width:540px){.Card_card__93SJl{display:flex;flex-direction:column}}.ContentContainer_container__WqthG{width:100%;min-height:55vh}.ContentContainer_backToTopButton__pR8ac{display:none}@media screen and (min-width:821px){.ContentContainer_container__WqthG{width:100%;min-height:55vh;padding:0 10% 2rem}.ContentContainer_backToTopButton__pR8ac{display:block;position:fixed;bottom:10%;right:2.5%;cursor:pointer;width:5rem;height:4rem;border:none;border-radius:.25rem;background-color:#282634;color:#ff4057}.ContentContainer_show__jLT4k{visibility:visible;opacity:1;animation:ContentContainer_fadein__50ydX .5s ease-in-out}.ContentContainer_hidden__DcpPr{visibility:0;opacity:0;animation:ContentContainer_fadeout__2HjNd .5s ease-in-out}.ContentContainer_custom__JgNR_:hover{transform:scale(1.2);transition:transform .2s ease-in-out}.ContentContainer_custom__JgNR_{font-size:3rem!important}}@keyframes ContentContainer_fadein__50ydX{0%{opacity:0}to{opacity:1}}@keyframes ContentContainer_fadeout__2HjNd{0%{opacity:1}to{opacity:0}}.Hero_hero__vHbB0{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;height:50vh;background-color:#282634;min-height:20rem}.Hero_heroImage__L_Nwc{width:100%;height:90%;position:relative;min-height:15rem}.Hero_buttonList__Q3Xt4{display:flex;justify-content:center;flex-wrap:wrap;margin:2rem}.Hero_button__Kkflv{box-sizing:border-box;height:3rem;width:12rem;border:.25rem solid #dcdcdc;border-radius:.5rem;padding:.5rem auto;margin:.5rem;display:flex;align-items:center;justify-content:center;column-gap:.25rem;color:#dcdcdc;cursor:pointer}.Hero_button__Kkflv:hover{color:#ff4057;background-color:#dcdcdc;transform:scale(1.1)}@media screen and (max-width:820px){.Hero_hero__vHbB0{height:100%}}.PlaygroundGenerator_section__MgsAD{box-sizing:border-box;width:100%;padding:3rem 0 1rem;display:flex;flex-direction:column;align-items:center;text-align:center}.PlaygroundGenerator_heading__9Oche{margin:0 0 .5rem;font-size:1.75rem;color:#282634}.PlaygroundGenerator_subheading__f4Kdc{margin:0 0 1.5rem;color:#6b6878;max-width:36rem;padding:0 1.5rem}.PlaygroundGenerator_controls__7YYf5{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;padding:0 1.5rem;box-sizing:border-box}.PlaygroundGenerator_input__AbB83{box-sizing:border-box;flex:1 1 18rem;max-width:24rem;height:3rem;padding:0 1rem;font-size:1rem;border:.15rem solid #dcdcdc;border-radius:.5rem;color:#282634;background-color:#fff}.PlaygroundGenerator_input__AbB83:focus{outline:none;border-color:#ff4057}.PlaygroundGenerator_input__AbB83:disabled{opacity:.6}.PlaygroundGenerator_button__pOqUm{box-sizing:border-box;height:3rem;min-width:8rem;padding:0 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;color:#fff;background-color:#ff4057;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.PlaygroundGenerator_button__pOqUm:hover:not(:disabled){transform:scale(1.05)}.PlaygroundGenerator_button__pOqUm:disabled{opacity:.5;cursor:not-allowed}.PlaygroundGenerator_resultWrap__moWYW{width:100%;box-sizing:border-box}.PlaygroundGenerator_loading__6w6xf{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 0;color:#6b6878}.PlaygroundGenerator_spinner__dgG80{width:1.5rem;height:1.5rem;border:.2rem solid #dcdcdc;border-top-color:#ff4057;border-radius:50%;animation:PlaygroundGenerator_spin__VbMD6 .8s linear infinite}@keyframes PlaygroundGenerator_spin__VbMD6{to{transform:rotate(1turn)}}.PlaygroundGenerator_error__KftSR{margin:1.5rem auto 0;max-width:36rem;padding:1rem 1.25rem;border-radius:.5rem;background-color:#fdecee;color:#c12a3c;border:.1rem solid #f5c2c9}.PlaygroundGenerator_card__4mgZ6{display:grid;grid-template-columns:35% 1fr;grid-template-rows:8% 1fr 1fr 1fr;grid-template-areas:"header-left header-right" "content-left-top content-right" "content-left-bottom content-right" "content-left-bottom content-right";grid-gap:1rem;padding:2rem 4rem;height:32rem;background-color:#fff;border-radius:3rem;box-shadow:0 .25rem .25rem #00000040;margin:2rem;text-align:left}.PlaygroundGenerator_topic__i0d1v{grid-area:header-left;font-size:x-large}.PlaygroundGenerator_codeSnippet__5rJGa{grid-area:content-left-top;margin:0;overflow:auto}.PlaygroundGenerator_description__LlB_q{grid-area:content-left-bottom;font-size:large;overflow-y:auto}.PlaygroundGenerator_demoArea__S6ErS{grid-area:content-right;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;min-height:0}.PlaygroundGenerator_codePanel__7Wquf{display:flex;flex-direction:column;border:.1rem solid #eee;border-radius:.5rem;overflow:hidden;min-height:0}.PlaygroundGenerator_tabs__1_p5l{display:flex;background:#f5f5f5;border-bottom:.1rem solid #eee;flex:0 0 auto}.PlaygroundGenerator_tab__iVz1c{padding:.6rem 1.25rem;border:none;background:none;cursor:pointer;font-size:.9rem;color:#6b6878}.PlaygroundGenerator_tabActive__0wNqy{background:#fff;color:#282634;border-bottom:.15rem solid #ff4057}.PlaygroundGenerator_textarea__A7Ovt{flex:1 1;width:100%;box-sizing:border-box;padding:1rem;border:none;outline:none;resize:none;background:#fff;color:#282634;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.5;white-space:pre;overflow:auto}.PlaygroundGenerator_previewPanel__HTxZT{box-sizing:border-box;border:.1rem solid #eee;border-radius:.5rem;overflow:hidden;background:#fff;min-height:0}.PlaygroundGenerator_previewFrame__lvLyX{display:block;width:100%;height:100%;border:none}@media screen and (min-width:821px){.PlaygroundGenerator_resultWrap__moWYW{padding:0 10%}}@media screen and (max-width:540px){.PlaygroundGenerator_card__4mgZ6{display:flex;flex-direction:column;height:auto;padding:2rem;border-radius:1.5rem}.PlaygroundGenerator_codeSnippet__5rJGa{max-height:10rem}.PlaygroundGenerator_demoArea__S6ErS{grid-template-columns:1fr;min-height:28rem}}.Footer_footer__nKPS_{margin:3rem;display:flex;justify-content:center;align-items:center;font-size:larger}.Footer_heart__jVfka{color:#ff4057;margin:.25rem}.Home_main__EtNt2{display:flex;flex-direction:column;align-items:center;min-height:50vh;width:100%;background-color:#dcdcdc}