.side-panel_base__8T9Hz{position:relative;border-radius:.5rem;border-width:1px;border-color:var(--color-solid-2);background-color:var(--color-dark-5);padding:1rem 1.5rem;font-family:var(--font-family-tertiary),sans-serif}@media (min-width:768px){.side-panel_base__8T9Hz{height:calc(100vh - 2rem)}}.side-panel_base__8T9Hz label{margin:0;font-size:.75rem;line-height:1rem}.side-panel_options__e_t26{z-index:10;padding-top:.5rem;padding-bottom:.5rem}.side-panel_wrapper__SWghw{display:flex;height:100%;flex-direction:column;justify-content:space-between}.side-panel_image__JicCy{height:22vh;width:100%;background-image:url(/images/editor/sidebar-code.svg);background-size:contain;background-position:50%;background-repeat:no-repeat}.panel-header-icons_icons__GU7W6{margin-right:.5rem;display:flex;gap:.5rem}.panel-header-icons_icon__xx3be{display:flex;cursor:pointer;align-items:center;border-radius:.5rem;background-color:var(--color-gray-6);padding:.625rem;font-size:.75rem;line-height:1rem}.panel-header-icons_iconText__SKHHI{margin-left:.5rem}.panel-header_base__pAYJK{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom-width:1px;border-color:var(--color-gray-6);background-color:var(--color-dark-5);padding:.625rem}.panel-header_label__LqE0p{padding:.5rem .75rem;text-transform:uppercase}.panel-header_tabs__ia_M6{display:flex;flex:1 1 0%;gap:.5rem;border-radius:.375rem}.panel-header_save__V1gv6{z-index:50;display:flex;align-items:center;color:var(--color-success-3)}.panel-header_save__V1gv6 span{margin-left:.25rem}.panel-content_base__EXEcA{position:absolute;display:none;height:100%;width:100%;padding:1rem;top:62px}@media (min-width:1024px){.panel-content_base__EXEcA{height:calc(100% - 62px)}}.panel-content_contentOpen__zDmPW{display:block}.panel_base__5Grqi{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:.5rem;border-width:1px;border-color:var(--color-gray-6);min-height:62px;max-height:62px;transition:all .3s ease-in-out}.panel_base__5Grqi.panel_column__N1VM2{flex:1 1 0%}.panel_contentOpen__JbdN_{flex:1 1 0%;min-height:62px;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.panel_contentOpen__JbdN_ .panel_column__N1VM2{flex:none}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.panel_contentOpen__JbdN_{max-height:-webkit-fill-available}}}@-moz-document url-prefix(){.panel_contentOpen__JbdN_{max-height:-moz-fit-content;max-height:fit-content}}.templates-modal_container__byRVw{margin:0 auto;width:100%;padding-left:.5rem;padding-right:.5rem;font-family:var(--font-family-tertiary),sans-serif}@media (min-width:1024px){.templates-modal_container__byRVw{padding-left:4rem;padding-right:4rem}}.templates-modal_titleContainer__XD3Q4{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:1.25rem;padding-bottom:1.25rem}.templates-modal_title__BoFRy{font-size:2.25rem;line-height:2.5rem;font-weight:800}.templates-modal_subtitle__fOFRa{font-size:.875rem;line-height:1.25rem;color:var(--color-gray-2)}.templates-modal_content__TYUEx{margin-bottom:1rem;height:55vh;width:100%;overflow-x:hidden}.templates-modal_content__TYUEx.templates-modal_selectedTemplateContent__s4s6R{height:45vh}.templates-modal_content__TYUEx::-webkit-scrollbar{width:6px}.templates-modal_content__TYUEx::-webkit-scrollbar-track{background-color:var(--color-light-border-gray)}.templates-modal_content__TYUEx::-webkit-scrollbar-thumb{background-color:var(--color-solid-2)}.templates-modal_templatesContainer__KlMu7{width:100%}.templates-modal_preview__ck_G0{height:100%;width:100%}.templates-modal_previewHeader__JQdun{display:flex;justify-content:flex-end;border-bottom-width:1px;border-color:var(--color-gray-6);padding:1rem}.templates-modal_previewHeader__JQdun svg:hover{background-color:var(--color-gray-6)}.templates-modal_footer__HWeD0{margin-top:2rem;margin-bottom:1rem;text-align:center}.main-panel_base__ai5TX{display:flex;height:120vh;flex-direction:column;gap:1rem}@media (min-width:768px){.main-panel_base__ai5TX{max-height:calc(100vh - 2rem);height:auto}}.main-panel_base__ai5TX.main-panel_column__rY75M .main-panel_codeGroup__p61nw{display:flex;flex:none;flex-direction:row;flex-wrap:wrap;flex:2}.main-panel_codeGroup__p61nw{display:flex;flex-direction:column;gap:1rem;flex:2}.main-panel_codeGroup__p61nw.main-panel_allCollapsed__AfCwN{flex:0}.transpiler-ui_base__zBYb8{display:grid;width:100vw;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem;padding:1rem}@media (min-width:768px){.transpiler-ui_base__zBYb8{height:100vh;overflow:hidden;grid-template-columns:20rem 1fr}}