.Playground_playground_wrapper__mLol1{border-radius:1.5rem;background-image:radial-gradient(#a3bffa .8px,#edf2f7 0);background-size:24px 24px;z-index:100;height:100%;width:100%}.Playground_playground__vXEbv{display:grid;grid-template-rows:6.6rem auto;grid-column:2/-1;border-radius:1.5rem;padding-top:1.5rem;background:#fff;background-image:radial-gradient(#a3bffa .8px,#fff 0);background-size:24px 24px;box-shadow:0 4px 8px rgba(45,55,72,.1);position:relative;height:100%}@media(max-width:825px){.Playground_playground__vXEbv{grid-column:1/-1;grid-row:2/3;border-radius:0}}@media(max-width:370px){.Playground_playground__vXEbv{padding-top:.2rem}}.Playground_playground_view__J8iMp{padding:2rem;width:100%;height:100%;overflow:auto;position:relative}.Resizable_wrapper__k64Ni{position:relative}.Resizable_wrapper__k64Ni:hover .Resizable_bottomHandle__Dew6Y,.Resizable_wrapper__k64Ni:hover .Resizable_rightHandle__2Y4J8{opacity:1}.Resizable_bottomHandle__Dew6Y,.Resizable_rightHandle__2Y4J8{position:absolute;opacity:0;right:0;transition:opacity .2s;z-index:9999}@media(max-width:825px){.Resizable_bottomHandle__Dew6Y,.Resizable_rightHandle__2Y4J8{display:none}}.Resizable_rightHandle__2Y4J8{top:0;bottom:0}.Resizable_bottomHandle__Dew6Y{bottom:0;left:0}.Resizable_handle__ge4ro{position:absolute;background-color:transparent;transition:background-color .2s}.Resizable_handle__ge4ro.Resizable_horizontal__2QHn2{cursor:ew-resize;height:100%;width:16px;top:0;right:0;border-radius:0 10rem 10rem 0}.Resizable_handle__ge4ro.Resizable_horizontal__2QHn2 .Resizable_indicator__loQ9_{width:4px;height:32px;top:50%;right:0;transform:translate(-50%,-50%)}.Resizable_handle__ge4ro.Resizable_vertical__0dmrO{cursor:ns-resize;width:100%;height:16px;bottom:0;left:0;border-radius:0 0 10rem 10rem}.Resizable_handle__ge4ro.Resizable_vertical__0dmrO .Resizable_indicator__loQ9_{width:32px;height:4px;left:50%;bottom:0;transform:translate(-50%,-50%)}.Resizable_indicator__loQ9_{position:absolute;background-color:#4a4e51;transition:background-color .2s;border-radius:10rem}.Resizable_handle__ge4ro:hover .Resizable_indicator__loQ9_{background-color:#6a7074}.MainContent_main_content__vll_F{display:grid;grid-template-columns:auto 1fr;grid-template-rows:5rem calc(100% - 6rem);grid-gap:1rem;gap:1rem;animation:MainContent_fade-in__mUiEk .4s cubic-bezier(.39,.575,.565,1) both;animation-delay:.2s;height:100%;width:100%}@media(max-width:825px){.MainContent_main_content__vll_F{grid-template-columns:1fr;grid-template-rows:5rem minmax(50vh,1fr) minmax(6rem,auto);gap:.3rem}}