.Flex-module-scss-module__S6ZpYq__Flex{gap:var(--flex-gap);display:flex}@media screen and (max-width:1024px){.Flex-module-scss-module__S6ZpYq__Flex.Flex-module-scss-module__S6ZpYq__Wrap{flex-wrap:wrap;flex:1 0 auto}}.Flex-module-scss-module__S6ZpYq__Flex.Flex-module-scss-module__S6ZpYq__FullWidth{width:100%}.Flex-module-scss-module__S6ZpYq__Flex.Flex-module-scss-module__S6ZpYq__AlignCenter{align-items:center}.Flex-module-scss-module__S6ZpYq__Flex.Flex-module-scss-module__S6ZpYq__AlignEnd{align-items:baseline}.Flex-module-scss-module__S6ZpYq__Flex.Flex-module-scss-module__S6ZpYq__Inline{flex-direction:row}.Flex-module-scss-module__S6ZpYq__Flex.Flex-module-scss-module__S6ZpYq__Column{flex-direction:column}.Flex-module-scss-module__S6ZpYq__Flex.Flex-module-scss-module__S6ZpYq__JustifyContent{--justifty-content:center;justify-content:var(--justifty-content)}
.pageTitle-module-scss-module__vl8unG__Title{font-size:32px}.pageTitle-module-scss-module__vl8unG__SubTitle{margin-top:var(--spacing-md);font-family:var(--font-mono);color:rgba(var(--background-end-rgba)/60%)}
.cards-module-scss-module__LQn45q__Cards{max-width:calc(100vw - var(--spacing-sm)*2);width:var(--max-width);display:grid}@media screen and (min-width:1281px){.cards-module-scss-module__LQn45q__Cards{grid-template-columns:repeat(3,minmax(calc(33.3333% - var(--spacing-xl-2)*3),1fr));gap:var(--spacing-xl);margin:var(--spacing-xxl)auto}}@media screen and (max-width:1280px){.cards-module-scss-module__LQn45q__Cards{grid-template-columns:repeat(3,minmax(calc(33.3333% - var(--spacing-xl-2)*3),1fr));gap:var(--spacing-xl);margin:var(--spacing-xl)auto}}@media screen and (max-width:700px){.cards-module-scss-module__LQn45q__Cards{grid-template-columns:repeat(1,minmax(calc(33.3333% - var(--spacing-xl-2)*3),1fr));gap:var(--spacing-lg);margin:var(--spacing-xl)auto}}.cards-module-scss-module__LQn45q__Card{justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl-2);background-color:var(--gray);border:1px solid rgba(var(--background-end-rgba)/20%);border-radius:10px;flex-direction:column;padding:24px;display:flex}.cards-module-scss-module__LQn45q__Card_Head{align-items:center;gap:var(--spacing-md);display:flex}.cards-module-scss-module__LQn45q__Card_Head svg{color:var(--brand-primary);font-size:42px}.cards-module-scss-module__LQn45q__Card p{font-family:var(--font-mono);font-size:14px;line-height:24px}
.filters-module-scss-module__Ou_MjW__Filters{gap:var(--spacing-sm);width:calc(100% + 2px);padding:var(--spacing-sm);flex-direction:column;display:flex}.filters-module-scss-module__Ou_MjW__Label{color:rgba(var(--background-end-rgba)/30%);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.filters-module-scss-module__Ou_MjW__Checked .filters-module-scss-module__Ou_MjW__Label{color:var(--white)}.filters-module-scss-module__Ou_MjW__ExtList{gap:var(--spacing-md);flex-direction:column;display:flex}.filters-module-scss-module__Ou_MjW__CheckboxField{-webkit-user-select:none;user-select:none;gap:6px;display:inline-flex}@media (hover:hover) and (pointer:fine){.filters-module-scss-module__Ou_MjW__CheckboxField:hover{cursor:pointer}}.filters-module-scss-module__Ou_MjW__CheckboxField input[type=checkbox]{clip:rect(1px,1px,1px,1px);outline:none;width:1px;height:1px;overflow:hidden;position:absolute!important}.filters-module-scss-module__Ou_MjW__CheckboxField input[type=checkbox]:checked+div{color:var(--white);border-color:var(--brand-primary);transition:border-color .107s var(--bezier-custom)}.filters-module-scss-module__Ou_MjW__CheckboxField input[type=checkbox]:checked+div .filters-module-scss-module__Ou_MjW__Check{opacity:1;transition:opacity .107s var(--bezier-custom)}.filters-module-scss-module__Ou_MjW__CheckboxField input[type=checkbox]:checked+div .filters-module-scss-module__Ou_MjW__Check polyline{animation:filters-module-scss-module__Ou_MjW__dash-check .107s var(--bezier-custom)forwards}.filters-module-scss-module__Ou_MjW__Check{width:100%;height:100%;color:var(--brand-primary);opacity:0;display:block;transform:scale(1)}.filters-module-scss-module__Ou_MjW__Check polyline{fill:none;transform-origin:50%;stroke-width:5px;stroke-dasharray:22.7714;stroke:currentColor}@supports (display:grid){.filters-module-scss-module__Ou_MjW__Check polyline{stroke-dashoffset:22.7714px}}.filters-module-scss-module__Ou_MjW__Check_Outer{box-sizing:border-box;border:2px solid var(--light-gray);border-radius:2px;width:18px;height:18px;position:relative}@keyframes filters-module-scss-module__Ou_MjW__dash-check{to{stroke-dashoffset:0}}
.codeViewer-module-scss-module__FPpohG__CodeViewer{width:100%;height:auto;display:flex;position:relative}.codeViewer-module-scss-module__FPpohG__EditorWrapper{width:100%;height:100%;position:relative}.codeViewer-module-scss-module__FPpohG__ActionsButtons{z-index:1;position:absolute;top:-32px;right:8px}.codeViewer-module-scss-module__FPpohG__Button{appearance:none;justify-content:center;align-items:center;gap:var(--spacing-xs);width:92px;padding:var(--spacing-xs)var(--spacing-sm);-webkit-user-select:none;user-select:none;border:none;border-radius:5px;display:inline-flex}.codeViewer-module-scss-module__FPpohG__Button:hover{cursor:pointer}.codeViewer-module-scss-module__FPpohG__CopyButton{z-index:1;color:var(--white);background-color:var(--brand-primary)}.codeViewer-module-scss-module__FPpohG__CopyButton:hover{background-color:rgba(var(--brand-primary-rgba)/80%)}.codeViewer-module-scss-module__FPpohG__Preview{z-index:2;background-color:var(--gray);border:1px solid var(--color-border);width:100%;height:100%;position:absolute;top:0;left:0}.codeViewer-module-scss-module__FPpohG__Preview svg{width:auto;min-width:62px;max-width:100%;height:auto;max-height:80vh;margin:auto;display:block}.codeViewer-module-scss-module__FPpohG__Zoom{z-index:10;left:var(--spacing-md);bottom:var(--spacing-md);font-size:12px;position:absolute}.codeViewer-module-scss-module__FPpohG__Zoom span{text-wrap:nowrap;flex-shrink:0;width:78px}.codeViewer-module-scss-module__FPpohG__Zoom input[type=range]{appearance:none;cursor:pointer;background-color:rgba(var(--background-end-rgba)/20%);border-radius:15px;outline:none;width:100%;height:6px}.codeViewer-module-scss-module__FPpohG__Zoom input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--brand-primary);width:15px;height:15px;box-shadow:none;border:none;border-radius:50%;transition:all .2s ease-in-out}.codeViewer-module-scss-module__FPpohG__Zoom input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 10px rgba(var(--brand-primary-rgba)/20%)}.codeViewer-module-scss-module__FPpohG__Zoom input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 13px rgba(var(--brand-primary-rgba)/50%)}.codeViewer-module-scss-module__FPpohG__Zoom input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 13px rgba(var(--brand-primary-rgba)/50%)}.codeViewer-module-scss-module__FPpohG__Zoom input[type=range]::-moz-range-thumb{background-color:var(--brand-primary);border:none;border-radius:50%;width:15px;height:15px;transition:all .2s ease-in-out}.codeViewer-module-scss-module__FPpohG__Zoom input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 0 10px rgba(var(--brand-primary-rgba)/20%)}.codeViewer-module-scss-module__FPpohG__Zoom input[type=range]:active::-moz-range-thumb{box-shadow:0 0 0 13px rgba(var(--brand-primary-rgba)/50%)}.codeViewer-module-scss-module__FPpohG__Zoom input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 13px rgba(var(--brand-primary-rgba)/50%)}
.ComponentNameField-module-scss-module__RWiKsG__Field{position:relative}.ComponentNameField-module-scss-module__RWiKsG__Input{appearance:none;height:38px;padding:var(--spacing-xs)var(--spacing-sm);color:var(--white);background-color:rgba(var(--background-end-rgba)/10%);border:none;border-radius:5px;outline:none;position:relative}.ComponentNameField-module-scss-module__RWiKsG__Input.ComponentNameField-module-scss-module__RWiKsG__Valid{outline:1px solid var(--success)}.ComponentNameField-module-scss-module__RWiKsG__Input.ComponentNameField-module-scss-module__RWiKsG__Error{outline:1px solid var(--error)}
.spinner-module-scss-module__6rZWCW__Spinner{transform-origin:50%;width:20px;height:20px;color:var(--brand-primary);margin:0;animation:.5s linear infinite spinner-module-scss-module__6rZWCW__Button-Spinner--loading;display:block}.spinner-module-scss-module__6rZWCW__Spinner svg{margin:0;padding:0;display:block}@keyframes spinner-module-scss-module__6rZWCW__Button-Spinner--loading{to{transform:rotate(1turn)}}
.FileDropZone-module-scss-module__GECS8a__DropZone{z-index:-1;width:100vw;height:100dvh;color:var(--white);position:absolute;inset:0}.FileDropZone-module-scss-module__GECS8a__DropZone.FileDropZone-module-scss-module__GECS8a__Dragging{z-index:100;background-color:#5d5fefe6}.FileDropZone-module-scss-module__GECS8a__Lottie{width:100vw}
.FileTab-module-scss-module__FFxwVW__Tab{appearance:none;gap:var(--spacing-xs);min-width:fit-content;padding:var(--spacing-xs)var(--spacing-sm);background-color:rgba(var(--background-end-rgba)/5%);scroll-snap-align:start;white-space:nowrap;border:none;border-radius:5px;flex-shrink:0;width:auto;font-size:13px;position:relative}.FileTab-module-scss-module__FFxwVW__Tab.FileTab-module-scss-module__FFxwVW__Active{background-color:rgba(var(--background-end-rgba)/20%)}.FileTab-module-scss-module__FFxwVW__Tab:hover{background-color:rgba(var(--background-end-rgba)/10%);cursor:pointer}
.header-module-scss-module__-5J3bq__Header{width:100%;height:var(--header-height);padding:var(--spacing-sm)var(--spacing-sm)var(--spacing-xs);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.header-module-scss-module__-5J3bq__Header .header-module-scss-module__-5J3bq__Logo{width:245px;height:auto;display:flex}
.generator-module-scss-module__51K7Ba__Page{gap:var(--spacing-xs);width:100vw;height:calc(100dvh - var(--header-height));padding:var(--spacing-xs);grid-template-rows:1fr;display:grid}.generator-module-scss-module__51K7Ba__Page:not(.generator-module-scss-module__51K7Ba__Splited){grid-template-columns:250px 1fr 1fr;grid-template-areas:"header svg preview"}.generator-module-scss-module__51K7Ba__Page.generator-module-scss-module__51K7Ba__Splited{grid-template-columns:250px 1fr 1fr 1fr;grid-template-areas:"header svg preview test"}@media screen and (max-width:1024px){.generator-module-scss-module__51K7Ba__Page.generator-module-scss-module__51K7Ba__Splited{grid-template:"header svg preview"1fr"header test test"1fr/250px 1fr 1fr}}.generator-module-scss-module__51K7Ba__Page.generator-module-scss-module__51K7Ba__Splited .generator-module-scss-module__51K7Ba__EditorSection,.generator-module-scss-module__51K7Ba__Page.generator-module-scss-module__51K7Ba__Splited .generator-module-scss-module__51K7Ba__ResultSection,.generator-module-scss-module__51K7Ba__Page.generator-module-scss-module__51K7Ba__Splited .generator-module-scss-module__51K7Ba__EditorSectionTest{flex:1 0 100%;min-width:0}.generator-module-scss-module__51K7Ba__EditorSection,.generator-module-scss-module__51K7Ba__ResultSection,.generator-module-scss-module__51K7Ba__EditorSectionTest{background-color:var(--gray);border-radius:8px;padding:42px 0;position:relative;overflow:hidden}.generator-module-scss-module__51K7Ba__Editor_Head{width:100%;height:100%;padding:var(--spacing-sm)var(--spacing-sm)var(--spacing-xxl);background-color:var(--gray);-webkit-user-select:none;user-select:none;border-radius:8px;grid-area:header}.generator-module-scss-module__51K7Ba__FrameworkSelect{background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:.25rem .5rem;font-size:.9rem}.generator-module-scss-module__51K7Ba__Options{align-items:center;gap:1rem;display:flex}.generator-module-scss-module__51K7Ba__EditorSection{grid-area:svg;width:100%}.generator-module-scss-module__51K7Ba__ResultSection{grid-area:preview;width:100%}.generator-module-scss-module__51K7Ba__EditorSectionTest{grid-area:test;width:100%}.generator-module-scss-module__51K7Ba__LoadingIndicator{color:#666;font-size:.875rem;animation:1.5s infinite generator-module-scss-module__51K7Ba__pulse}.generator-module-scss-module__51K7Ba__Line{background-color:#666;grid-area:line;width:1px;height:100%;display:block}.generator-module-scss-module__51K7Ba__Line2{background-color:#666;grid-area:line2;width:1px;height:100%;display:block}.generator-module-scss-module__51K7Ba__EmptyState{-webkit-user-select:none;user-select:none;height:100%;font-size:14px}.generator-module-scss-module__51K7Ba__Button{appearance:none;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-sm);color:var(--white);background-color:rgba(var(--background-end-rgba)/10%);-webkit-user-select:none;user-select:none;border:none;border-radius:5px;display:inline-flex}.generator-module-scss-module__51K7Ba__Button.generator-module-scss-module__51K7Ba__PreviewButton{z-index:3;width:92px}.generator-module-scss-module__51K7Ba__Button:hover{cursor:pointer;background-color:rgba(var(--background-end-rgba)/5%)}.generator-module-scss-module__51K7Ba__Preview{z-index:2;background-color:var(--gray);border:1px solid var(--color-border);width:100%;height:100%;position:absolute;top:0;left:0}.generator-module-scss-module__51K7Ba__Preview svg{width:auto;min-width:62px;max-width:100%;height:auto;max-height:80vh;margin:auto;display:block}.generator-module-scss-module__51K7Ba__ExtraFiles{z-index:2;width:calc(100% - (108px + var(--spacing-xs)));scrollbar-color:rgba(var(--background-end-rgba)/20%)#0000;scrollbar-width:1px;scroll-snap-type:x mandatory;position:absolute;top:10px;left:8px;overflow-x:auto}.generator-module-scss-module__51K7Ba__Stats{bottom:var(--spacing-md);right:var(--spacing-md);z-index:3;width:240px;max-width:90vw;padding:var(--spacing-sm);background-color:var(--black);border-radius:8px;font-size:12px;position:absolute}@keyframes generator-module-scss-module__51K7Ba__pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}