.Home_container__bCOhY{padding:0 2rem;width:100vw}.Home_main__nLjiQ{min-height:100vh;padding:8rem 0;width:1200px;margin:0 auto;max-width:calc(100% - 64px)}.Home_main__nLjiQ p{max-width:calc(100% - 300px);font-size:16px;line-height:180%}.Home_main__nLjiQ p code{border-radius:5px;border:1px solid #0000000f;background-color:#00000003;padding:4px;margin-bottom:8px;font-size:90%;white-space:nowrap;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;-webkit-user-select:all;-moz-user-select:all;user-select:all;line-height:16px}.Home_main__nLjiQ p code .Home_color__hH9B_{display:inline-block;height:16px;width:16px;margin-right:4px;border-radius:4px;box-shadow:inset 0 0 1px rgba(0,0,0,.5);position:relative;top:3px}.Home_main__nLjiQ small{display:block;font-size:inherit;border:1px solid #0000ff10;background-color:#0000ff10;margin:16px 0;border-radius:5px;padding:4px 16px}.Home_main__nLjiQ small:before{content:"ℹ";display:inline-block;height:16px;width:16px;background:#0000ff70;color:#fafafa;border-radius:200px;line-height:14px;text-align:center;margin-right:12px;position:relative;top:-1px}.Home_footer____T7K{flex:1 1;padding:2rem 0;border-top:1px solid #eaeaea;text-align:center}.Home_footer____T7K span{display:inline-block;transition:all .6s;transform:scale(1);padding:0 3px}@keyframes Home_heart__wn619{0%{transform:scale(1.7)}to{transform:scale(1.5)}}.Home_footer____T7K:hover span{color:red;transform:scale(1.7);animation:Home_heart__wn619 .6s cubic-bezier(.645,.045,.355,1) .6s infinite alternate}.Home_title__T09hD a{color:#0070f3;text-decoration:none}.Home_title__T09hD a:active,.Home_title__T09hD a:focus,.Home_title__T09hD a:hover{text-decoration:underline}.Home_title__T09hD{margin:0;line-height:1.15;font-size:4rem}.Home_description__41Owk{margin:4rem 0;line-height:1.5;font-size:16px;font-weight:600;max-width:400px}.Home_example__KoX6H{text-align:left;color:inherit;text-decoration:none;border-radius:10px;transition:color .15s ease,border-color .15s ease;display:flex;width:100%}.Home_example__KoX6H .Home_left__T7LhQ{flex:1 1;flex-grow:1;max-width:calc(100% - 300px)}.Home_example__KoX6H .Home_code__suPER{display:block;border:1px solid #0000000f;background-color:#00000003;border-radius:5px;padding:.75rem;font-size:1.1rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;overflow-wrap:break-word;flex:1 1;flex-grow:1;margin-bottom:8px}.Home_example__KoX6H .Home_code__suPER span{color:#00000077}.Home_example__KoX6H .Home_preview__ipTB6{width:300px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.Home_playground__elPMF{background-color:#fafafa;padding:16px;margin-top:32px;border-radius:8px;border:1px solid #ddd;display:flex;flex-direction:row}.Home_playgroundLeft__JaTbZ{flex:1 1;flex-grow:1;height:500px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;background-color:#fff;border-radius:4px;flex-direction:column;max-width:calc(100% - 300px)}.Home_playgroundPreview__ic3oL{width:100%;display:flex;align-items:center;justify-content:center;flex:1 1;overflow:hidden}.Home_playgroundCode__kdQbz{width:100%;border-top:1px solid #ddd;padding:16px;overflow-wrap:break-word;-webkit-user-select:all;-moz-user-select:all;user-select:all}.Home_playgroundSidebar__nXyQI{padding:0 16px;min-width:300px;flex:0 1}.Home_playgroundSidebar__nXyQI label{color:#464646}.Home_playgroundSidebar__nXyQI input{display:block;margin:8px 0 16px;width:100%}.Home_playgroundSidebar__nXyQI input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:0;border:none;height:35px;width:35px;border-radius:4px;cursor:pointer}.Home_playgroundSidebar__nXyQI input[type=color]::-webkit-color-swatch{border-radius:4px;border:1px solid #00000033}@media (max-width:1000px){.Home_main__nLjiQ{margin:0;max-width:100%}.Home_grid__GxQ85{width:100%;flex-direction:column}.Home_description__41Owk,.Home_main__nLjiQ p{width:100%;max-width:none}}@media (max-width:600px){.Home_grid__GxQ85{width:100%;flex-direction:column}.Home_example__KoX6H{padding:10px;flex-direction:column-reverse;align-items:center}.Home_example__KoX6H,.Home_example__KoX6H .Home_left__T7LhQ{width:100%;max-width:100%}.Home_example__KoX6H .Home_preview__ipTB6{margin:10px}.Home_playground__elPMF{display:none}}