.RegExpBuilder{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:10rem 1rem 2rem;min-height:-moz-max-content;min-height:max-content}.RegExpBuilder .title{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:center;color:var(--font-color)}.RegExpBuilder .description{font-size:1rem;color:var(--description-font-color);margin-bottom:2rem;text-align:center}.RegExpBuilder .regexp-container{display:flex;flex-direction:column;gap:2rem;width:100%;min-height:800px}@media(max-width:768px){.RegExpBuilder .regexp-container{min-height:auto}}.RegExpBuilder .regexp-container .regexp-builder{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;transition:all .3s ease}.RegExpBuilder .regexp-container .regexp-builder.glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.RegExpBuilder .regexp-container .regexp-builder.glass:hover{box-shadow:0 8px 32px 0 rgba(31,38,135,.47);border:1px solid hsla(0,0%,100%,.3)}.RegExpBuilder .regexp-container .regexp-builder .regexp-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1)}.RegExpBuilder .regexp-container .regexp-builder .regexp-header h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--font-color)}.RegExpBuilder .regexp-container .regexp-builder .regexp-header .regexp-actions{display:flex;gap:.5rem}.RegExpBuilder .regexp-container .regexp-builder .regexp-input{display:flex;padding:1rem;gap:1rem;flex-wrap:wrap}.RegExpBuilder .regexp-container .regexp-builder .regexp-input .regexp-field{flex:1;min-width:260px;position:relative}.RegExpBuilder .regexp-container .regexp-builder .regexp-input .regexp-field input,.RegExpBuilder .regexp-container .regexp-builder .regexp-input .regexp-field textarea{width:100%;padding:.75rem 1rem;border-radius:4px;border:1px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.1);color:var(--font-color);resize:none}.RegExpBuilder .regexp-container .regexp-builder .regexp-input .regexp-field .regexp-label{font-size:.75rem;color:var(--description-font-color);margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.RegExpBuilder .regexp-container .regexp-builder .regexp-input .regexp-field .regexp-label .regexp-badge{background:rgba(79,70,229,.2);padding:.25rem .5rem;border-radius:4px;font-size:.7rem;color:rgba(124,124,255,.8745098039)}.RegExpBuilder .regexp-container .regexp-builder .regexp-input .regexp-flags{display:flex;gap:1rem;flex-wrap:wrap;width:100%;margin-top:1rem}.RegExpBuilder .regexp-container .regexp-builder .regexp-input .regexp-flags .flag-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.RegExpBuilder .regexp-container .regexp-builder .regexp-input .regexp-flags .flag-checkbox input{cursor:pointer}.RegExpBuilder .regexp-container .regexp-builder .regexp-input .regexp-flags .flag-checkbox label{font-size:.85rem;cursor:pointer;color:var(--font-color)}.RegExpBuilder .regexp-container .regexp-builder .regexp-input .regexp-flags .flag-checkbox .flag-description{font-size:.7rem;color:var(--description-font-color);margin-left:.5rem}.RegExpBuilder .regexp-container .preset-templates{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;transition:all .3s ease}.RegExpBuilder .regexp-container .preset-templates.glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.RegExpBuilder .regexp-container .preset-templates.glass:hover{box-shadow:0 8px 32px 0 rgba(31,38,135,.47);border:1px solid hsla(0,0%,100%,.3)}.RegExpBuilder .regexp-container .preset-templates .presets-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1)}.RegExpBuilder .regexp-container .preset-templates .presets-header h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--font-color)}.RegExpBuilder .regexp-container .preset-templates .presets-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.RegExpBuilder .regexp-container .preset-templates .presets-list .preset-button{padding:.5rem 1rem;border-radius:4px;border:1px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.1);color:var(--font-color);cursor:pointer;transition:all .2s ease;font-size:.85rem}.RegExpBuilder .regexp-container .preset-templates .presets-list .preset-button:hover{background:rgba(79,70,229,.2);border-color:rgba(79,70,229,.4)}.RegExpBuilder .regexp-container .regexp-test{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;transition:all .3s ease}.RegExpBuilder .regexp-container .regexp-test.glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.RegExpBuilder .regexp-container .regexp-test.glass:hover{box-shadow:0 8px 32px 0 rgba(31,38,135,.47);border:1px solid hsla(0,0%,100%,.3)}.RegExpBuilder .regexp-container .regexp-test .test-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1)}.RegExpBuilder .regexp-container .regexp-test .test-header h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--font-color)}.RegExpBuilder .regexp-container .regexp-test .test-header .test-actions{display:flex;gap:.5rem}.RegExpBuilder .regexp-container .regexp-test .test-input-area{padding:1rem;display:flex;flex-direction:column;gap:1rem}.RegExpBuilder .regexp-container .regexp-test .test-input-area .test-input-label{font-size:.9rem;color:var(--font-color);margin-bottom:-.5rem}.RegExpBuilder .regexp-container .regexp-test .test-input-area .test-input{width:100%;min-height:150px;padding:.75rem 1rem;border-radius:4px;border:1px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.1);color:var(--font-color);resize:vertical;font-family:monospace;line-height:1.6}.RegExpBuilder .regexp-container .regexp-test .test-results{padding:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.RegExpBuilder .regexp-container .regexp-test .test-results .matches-count{font-size:.9rem;color:var(--description-font-color);margin-bottom:1rem}.RegExpBuilder .regexp-container .regexp-test .test-results .no-matches{font-size:.9rem;color:#f87171;font-style:italic}.RegExpBuilder .regexp-container .regexp-test .test-results .matches-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.RegExpBuilder .regexp-container .regexp-test .test-results .matches-list .match-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border-radius:4px;background:rgba(0,0,0,.2);border-left:3px solid #4f46e5}.RegExpBuilder .regexp-container .regexp-test .test-results .matches-list .match-item .match-content{font-family:monospace;font-size:.9rem;color:var(--font-color);word-break:break-all}.RegExpBuilder .regexp-container .regexp-test .test-results .matches-list .match-item .match-info{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--description-font-color)}.RegExpBuilder .regexp-container .regexp-test .test-results .matches-list .match-item .match-info .match-groups{display:flex;gap:.5rem}.RegExpBuilder .regexp-container .regexp-test .test-results .matches-list .match-item .match-info .match-groups .group-item{background:rgba(79,70,229,.2);padding:.25rem .5rem;border-radius:4px;font-size:.7rem;color:rgba(124,124,255,.8745098039)}.RegExpBuilder .regexp-container .string-tools{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;transition:all .3s ease}.RegExpBuilder .regexp-container .string-tools.glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.RegExpBuilder .regexp-container .string-tools.glass:hover{box-shadow:0 8px 32px 0 rgba(31,38,135,.47);border:1px solid hsla(0,0%,100%,.3)}.RegExpBuilder .regexp-container .string-tools .tools-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.1)}.RegExpBuilder .regexp-container .string-tools .tools-header h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--font-color)}.RegExpBuilder .regexp-container .string-tools .tools-content{padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section{display:flex;flex-direction:column;gap:.75rem}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section h3{font-size:1rem;font-weight:500;color:var(--font-color);margin:0}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section .tools-group{display:flex;flex-wrap:wrap;gap:.5rem}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section .tools-group button{padding:.5rem 1rem;border-radius:4px;border:1px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.1);color:var(--font-color);cursor:pointer;transition:all .2s ease;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section .tools-group button .icon{font-size:.9rem}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section .tools-group button:hover{background:rgba(79,70,229,.2);border-color:rgba(79,70,229,.4)}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section .find-replace{display:flex;gap:.75rem;flex-wrap:wrap}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section .find-replace .input-group{flex:1;min-width:200px}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section .find-replace .input-group label{font-size:.85rem;color:var(--description-font-color);margin-bottom:.25rem;display:block}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section .find-replace .input-group input{width:100%;padding:.5rem .75rem;border-radius:4px;border:1px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.1);color:var(--font-color);font-size:.85rem}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section .find-replace .action-buttons{display:flex;gap:.5rem;align-items:flex-end;margin-top:auto;margin-bottom:2px}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section .find-replace .action-buttons .checkbox-option{display:flex;align-items:center;gap:.25rem;margin-right:.5rem}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section .find-replace .action-buttons .checkbox-option input{cursor:pointer}.RegExpBuilder .regexp-container .string-tools .tools-content .tools-section .find-replace .action-buttons .checkbox-option label{font-size:.75rem;cursor:pointer;color:var(--description-font-color)}.RegExpBuilder .regexp-container .error-message{padding:.75rem 1rem;background-color:rgba(250,82,82,.9);color:#fff;font-size:.875rem;backdrop-filter:blur(5px);border-radius:0 0 8px 8px;margin-top:-1rem;margin-bottom:1rem}html.dark .RegExpBuilder .preset-templates.glass,html.dark .RegExpBuilder .regexp-builder.glass,html.dark .RegExpBuilder .regexp-test.glass,html.dark .RegExpBuilder .string-tools.glass{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1)}html.dark .RegExpBuilder .preset-templates.glass:hover,html.dark .RegExpBuilder .regexp-builder.glass:hover,html.dark .RegExpBuilder .regexp-test.glass:hover,html.dark .RegExpBuilder .string-tools.glass:hover{border:1px solid hsla(0,0%,100%,.2)}html.dark .RegExpBuilder .preset-templates .presets-header,html.dark .RegExpBuilder .preset-templates .regexp-header,html.dark .RegExpBuilder .preset-templates .test-header,html.dark .RegExpBuilder .preset-templates .tools-header,html.dark .RegExpBuilder .regexp-builder .presets-header,html.dark .RegExpBuilder .regexp-builder .regexp-header,html.dark .RegExpBuilder .regexp-builder .test-header,html.dark .RegExpBuilder .regexp-builder .tools-header,html.dark .RegExpBuilder .regexp-test .presets-header,html.dark .RegExpBuilder .regexp-test .regexp-header,html.dark .RegExpBuilder .regexp-test .test-header,html.dark .RegExpBuilder .regexp-test .tools-header,html.dark .RegExpBuilder .string-tools .presets-header,html.dark .RegExpBuilder .string-tools .regexp-header,html.dark .RegExpBuilder .string-tools .test-header,html.dark .RegExpBuilder .string-tools .tools-header{background:rgba(0,0,0,.3);border-bottom:1px solid hsla(0,0%,100%,.1)}html.dark .RegExpBuilder .regexp-input .regexp-field input,html.dark .RegExpBuilder .regexp-input .regexp-field textarea{background:hsla(0,0%,100%,.05);color:var(--font-color)}html.dark .RegExpBuilder .preset-templates .presets-list .preset-button{background:hsla(0,0%,100%,.05)}html.dark .RegExpBuilder .preset-templates .presets-list .preset-button:hover{background:rgba(79,70,229,.3)}html.dark .RegExpBuilder .regexp-test .test-input-area .test-input,html.dark .RegExpBuilder .regexp-test .test-results .matches-list .match-item,html.dark .RegExpBuilder .string-tools .tools-content .tools-section .tools-group button{background:hsla(0,0%,100%,.05)}html.dark .RegExpBuilder .string-tools .tools-content .tools-section .tools-group button:hover{background:rgba(79,70,229,.3)}html.dark .RegExpBuilder .string-tools .tools-content .tools-section .find-replace .input-group input{background:hsla(0,0%,100%,.05)}