@font-face{font-family:Comfortaa;font-weight:400;src:url(../shared/assets/fonts/Comfortaa-Regular.woff2) format("woff2");font-display:swap}:root{--clr-neutral-100: hsl(23, 100%, 99%);--clr-neutral-200: hsl(23, 100%, 97%);--clr-neutral-300: hsl(23, 6%, 70%);--clr-neutral-400: hsl(23, 6%, 33%);--clr-neutral-800: hsl(23, 6%, 15%);--clr-neutral-900: hsl(23, 6%, 10%);--clr-accent-300: hsl(23, 87%, 50%);--clr-accent-400: hsl(23, 100%, 50%);--clr-accent-500: hsl(23, 100%, 39%);--clr-theme-light: var(--clr-neutral-900);--clr-theme-dark: var(--clr-neutral-100);--clr-btn-light: var(--clr-neutral-100);--clr-btn-dark: var(--clr-neutral-900);--clr-text-secondary-light: var(--clr-neutral-400);--clr-text-secondary-dark: var(--clr-neutral-300);--bg-theme-light: var(--clr-neutral-200);--bg-theme-dark: var(--clr-neutral-800);--bg-theme-nav-light: var(--clr-neutral-100);--bg-theme-nav-dark: var(--clr-neutral-900);--bg-btn-hover-light: color-mix( in oklab, var(--clr-accent-500) 92%, var(--clr-neutral-800) 8% );--bg-btn-hover-dark: color-mix( in oklab, var(--clr-accent-300) 92%, var(--clr-neutral-200) 8% );--clr-theme: var(--clr-theme-light);--clr-accent-theme: var(--clr-accent-500);--clr-secondary-text: var(--clr-text-secondary-light);--clr-btn-theme: var(--clr-btn-light);--bg-theme: var(--bg-theme-light);--bg-theme-nav: var(--bg-theme-nav-light);--bg-btn-hover: var(--bg-btn-hover-light);--ff-primary: "Comfortaa", sans-serif;--fw-regular: 400;--fs-80: .8rem;--fs-100: 1rem;--fs-115: 1.15rem;--fs-150: 1.5rem;--fs-250: 2.5rem;--fs-body: clamp(var(--fs-100), 1.25vw, var(--fs-115));--fs-title: clamp(var(--fs-150), 2.5vw, var(--fs-250));--fs-secondary: clamp(var(--fs-80), 1vw, var(--fs-100));--size-10: 1rem;--size-25: 2.5rem;--size-40: 4rem;--animation-duration-300: .3s;--animation-duration-500: .5s;--default-animation-timing-function: ease}*,*:before,*:after{box-sizing:border-box}*{padding:0;font:inherit;scroll-behavior:smooth}*:not(dialog){margin:0}ul,ol{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){color:inherit;text-decoration:none}img,picture{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--ff-primary);font-size:var(--fs-body);font-weight:var(--fw-regular);color:var(--clr-theme);background-color:var(--bg-theme);scrollbar-width:thin;scrollbar-color:var(--clr-theme)}a{outline:1px solid transparent;transition:color var(--animation-duration-300) var(--default-animation-timing-function)}button{background-color:transparent;border:none;outline:1px solid transparent;cursor:pointer}input,select{accent-color:var(--clr-accent-theme);border:1px solid var(--clr-theme);border-radius:.2em;outline:2px solid transparent}input:not([type=range]),select{outline-offset:2px}input:focus-visible,select:focus-within{outline:2px solid color-mix(in oklab,var(--clr-accent-theme) 80%,var(--bg-theme) 20%)}#root{display:flex;flex-direction:column;min-height:100vh}[data-theme=dark]{--clr-theme: var(--clr-theme-dark);--clr-accent-theme: var(--clr-accent-300);--clr-secondary-text: var(--clr-text-secondary-dark);--clr-btn-theme: var(--clr-btn-dark);--bg-theme: var(--bg-theme-dark);--bg-theme-nav: var(--bg-theme-nav-dark);--bg-btn-hover: var(--bg-btn-hover-dark);color:var(--clr-theme);background-color:var(--bg-theme)}[data-current-file-to-config]{background-color:color-mix(in oklab,var(--clr-accent-theme) 20%,var(--bg-theme) 80%)}::-webkit-scrollbar{width:.2em}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--clr-secondary-text);border-radius:.2em}@media (hover: hover){::-webkit-scrollbar-thumb:hover{background:var(--clr-theme)}}.align-items-center{align-items:center}.content-wrapper{--_max-width: 1920px;--_inline-gap: var(--size-10);width:min(var(--_max-width),100% - (var(--_inline-gap) * 2));margin-inline:auto}.flex{display:flex}.flex-grow{flex-grow:1}.flex-column{flex-direction:column}@media (max-width: 49rem){.sm-flex-column{flex-direction:column}}.fs-title{font-size:var(--fs-title)}.fw-bold{font-weight:700}.gap-50{gap:.5em}.gap-75{gap:.75em}.grid{display:grid}.place-items-center{place-items:center}.text-center{text-align:center}.text-secondary{font-size:var(--fs-secondary);color:var(--clr-secondary-text);transition:color var(--animation-duration-300) var(--default-animation-timing-function)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._navbar_11kbd_1{background-color:var(--bg-theme-nav);box-shadow:0 1px 10px #00000040;transition:background-color var(--animation-duration-500) var(--default-animation-timing-function)}._navbar_11kbd_1>:only-child{display:flex;justify-content:space-between;align-items:center;padding-block:1em}._navbar__brand_11kbd_15{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}._navbar__brand_11kbd_15 img{height:var(--size-40);aspect-ratio:1;object-fit:cover}._navbar__actions_11kbd_29{--_gap: var(--size-10);display:flex;gap:var(--_gap)}._navbar__nav_11kbd_36 ul{display:flex;gap:var(--_gap)}._navbar__nav_11kbd_36 a:hover,._navbar__nav_11kbd_36 a:focus-visible{color:var(--clr-accent-theme)}._theme-toggler_11kbd_46{width:1.5em;aspect-ratio:1;display:flex;justify-content:center;align-items:center;background-color:transparent;color:var(--clr-theme);border:none;transition:color var(--animation-duration-300) var(--default-animation-timing-function)}._theme-toggler_11kbd_46:hover,._theme-toggler_11kbd_46:focus-visible{color:var(--clr-accent-theme)}._theme-toggler_11kbd_46 svg{width:100%;height:100%}@media (max-width: 49rem){._navbar__brand_11kbd_15>span{display:none}}._main_lw8c2_1{flex-grow:1;padding-block-start:2.5em;transition-property:background-color,color;transition-duration:var(--animation-duration-500),var(--animation-duration-300);transition-timing-function:var(--default-animation-timing-function)}@media (min-width: 69rem){._main_lw8c2_1{padding-block-start:2em}}._custom-file-input_uyuyd_1{display:flex;justify-content:center;align-items:center;gap:.25em;border:2px solid var(--clr-theme);font-size:var(--fs-body);cursor:pointer}._custom-file-input_uyuyd_1>input{position:absolute;width:1px;height:1px;padding:0;margin:-1;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._loader_1bxbr_1{width:2em;aspect-ratio:1;border-radius:50%;border:.3em solid;border-color:var(--clr-accent-theme) transparent;animation:_l1_1bxbr_1 1s infinite}@keyframes _l1_1bxbr_1{to{transform:rotate(.5turn)}}._file-item_lsw7e_1{--_gap: 1em;display:flex;align-items:center;gap:var(--_gap);padding:.5em;transition:background-color var(--animation-duration-500) var(--default-animation-timing-function)}._file-item__info_lsw7e_12{flex-grow:1}._file-item__actions_lsw7e_16{display:flex;gap:var(--_gap);align-items:center}._file-item_lsw7e_1 button{display:flex;justify-content:center;align-items:center;background-color:transparent;color:var(--clr-theme);border:none;transition:color var(--animation-duration-300) var(--default-animation-timing-function)}._file-item_lsw7e_1 button:hover,._file-item_lsw7e_1 button:focus-visible{color:var(--clr-accent-theme)}._loader_lsw7e_38,[data-loader],._file-item_lsw7e_1 svg{width:1.5em;height:1.5em}._loader_lsw7e_38,[data-loader]{border-width:.2em}._arrow_rubag_1{--_width: .2em;--_stroke-width: 2px;border:solid var(--clr-btn-theme);border-width:0 var(--_stroke-width) var(--_stroke-width) 0;display:inline-block;padding:var(--_width);transition-property:border-color,translate;transition-duration:var(--animation-duration-300),var(--animation-duration-500);transition-timing-function:var(--default-animation-timing-function)}._arrow_rubag_1[data-variant=backward]{rotate:135deg}._arrow_rubag_1[data-variant=forward]{rotate:-45deg}:has(>._arrow_rubag_1):hover:not(:disabled) ._arrow_rubag_1[data-variant=backward],:has(>._arrow_rubag_1):focus-visible:not(:disabled) ._arrow_rubag_1[data-variant=backward]{translate:-100%}:has(>._arrow_rubag_1):hover:not(:disabled) ._arrow_rubag_1[data-variant=forward],:has(>._arrow_rubag_1):focus-visible:not(:disabled) ._arrow_rubag_1[data-variant=forward]{translate:100%}._file-control__files-container_ok98d_1{--_border: 1px solid var(--clr-accent-theme);--_border-radius: .5em;justify-self:stretch;height:100%;display:flex;flex-direction:column;overflow:hidden}._file-control__add-files_ok98d_12{align-self:start}._add-more-files-input_ok98d_16,._convert-more_ok98d_17{padding:var(--_children-header-block-padding) 1em;border-start-start-radius:var(--_border-radius);border-start-end-radius:var(--_border-radius)}._add-more-files-input_ok98d_16,._convert-more_ok98d_17,._file-control__submit_ok98d_25{color:var(--clr-btn-theme);background-color:var(--clr-accent-theme);border:none;transition-property:color,background-color;transition-duration:var(--animation-duration-300),var(--animation-duration-500);transition-timing-function:var(--default-animation-timing-function)}._add-more-files-input_ok98d_16:hover,._add-more-files-input_ok98d_16:focus-within,._convert-more_ok98d_17:hover,._convert-more_ok98d_17:focus-within,._file-control__submit_ok98d_25:hover,._file-control__submit_ok98d_25:focus-visible{background-color:var(--bg-btn-hover)}._file-control__files-preview_ok98d_44{display:grid;grid-auto-rows:1fr;border:var(--_border);border-start-end-radius:var(--_border-radius);overflow-y:auto}._file-control__files-preview_ok98d_44::-webkit-scrollbar-track{margin-block:.15em}@media (max-width: 49rem){._file-control__files-preview_ok98d_44{flex-grow:1}}._file-control__file-item_ok98d_62:not(:last-child){border-block-end:var(--_border)}._settings-btn_ok98d_66{display:flex;color:var(--clr-theme);transition:color var(--animation-duration-300) var(--default-animation-timing-function)}._settings-btn_ok98d_66:hover,._settings-btn_ok98d_66:focus-visible{color:var(--clr-accent-theme)}._settings-btn_ok98d_66 svg{width:1.5em;height:1.5em}._file-control__output-actions_ok98d_83{display:flex;justify-content:space-between;align-items:center;padding-inline-start:.5em;border-block-end:var(--_border);border-inline:var(--_border);border-end-start-radius:var(--_border-radius);border-end-end-radius:var(--_border-radius);overflow:clip}._file-control__submit_ok98d_25{height:3.5em;display:flex;align-items:center;gap:.75em;padding-inline:1em 1.5em;outline:1px solid transparent}._file-control__submit_ok98d_25:disabled{--clr-btn-theme: var(--clr-secondary-text);background-color:color-mix(in oklab,var(--clr-secondary-text) 10%,var(--bg-theme) 90%);cursor:default}._file-control_1dr61_1{display:grid;place-items:center;aspect-ratio:3 / 4}@media (min-width: 49rem){._file-control_1dr61_1{aspect-ratio:5 / 4}}._file-control__message-container_1dr61_13{display:grid;place-items:center;border:var(--_children-border-width) solid var(--clr-accent-theme);border-radius:var(--_children-border-radius)}._file-control__message-container_1dr61_13,._file-control__file-input-container_1dr61_21{justify-self:stretch;height:100%}._file-control__file-input-container_1dr61_21{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em;background-color:color-mix(in oklab,var(--bg-theme) 96%,var(--clr-accent-theme) 4%);border:2px dashed var(--clr-accent-theme);border-radius:var(--_children-border-radius);transition:background-color var(--animation-duration-500) var(--default-animation-timing-function)}._file-input_1dr61_43{color:var(--clr-btn-theme);background-color:var(--clr-accent-theme);border:none;transition-property:color,background-color;transition-duration:var(--animation-duration-300),var(--animation-duration-500);transition-timing-function:var(--default-animation-timing-function)}._file-input_1dr61_43{padding:.25em .5em;border-radius:.25em}._file-input_1dr61_43 svg{width:1em;height:1em}._file-input_1dr61_43:hover,._file-input_1dr61_43:focus-within{background-color:var(--bg-btn-hover)}._dropzone-active_1dr61_68{color:var(--clr-secondary-text);background-color:color-mix(in oklab,var(--bg-theme) 80%,var(--clr-accent-theme) 20%);transition-property:background-color;transition-duration:var(--animation-duration-300)}._dropzone-active_1dr61_68>svg{width:3.15em;height:3.15em}._custom-range_wyadl_1{display:grid;grid-template-columns:1fr 3em;gap:.5em}._custom-range_wyadl_1>input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:center;padding:.15em .25em}._params-form_14sfz_1{display:flex;flex-direction:column}._params-container_14sfz_6{flex-grow:1;position:relative;display:flex;flex-direction:column;gap:.75em;padding:1em;isolation:isolate;overflow-y:clip}._form-group_14sfz_17{display:flex;flex-direction:column;gap:.15em}._action-alert_14sfz_23{--_alert-margin: .25em;position:absolute;z-index:2;right:var(--_alert-margin);top:var(--_alert-margin);opacity:0;translate:0 -100%;background-color:color-mix(in oklab,var(--clr-accent-theme) 45%,var(--bg-theme) 55%);padding:.25em .5em;border-radius:calc(var(--_children-border-radius) - var(--_alert-margin));transition-property:opacity,translate;transition-duration:var(--animation-duration-300),var(--animation-duration-500);transition-timing-function:var(--default-animation-timing-function)}._action-alert_14sfz_23[data-shown]{opacity:1;translate:0 0}._form-actions_14sfz_50{justify-self:end;display:flex;justify-content:space-between;border-block-start:var(--_container-border);border-end-start-radius:var(--_children-border-radius);border-end-end-radius:var(--_children-border-radius);overflow:clip}._form-actions_14sfz_50>button{height:3.5em;padding-inline:1em;transition-property:color,background-color;transition-duration:var(--animation-duration-300);transition-timing-function:var(--default-animation-timing-function)}._reset-btn_14sfz_68{color:var(--clr-secondary-text)}._reset-btn_14sfz_68:hover,._reset-btn_14sfz_68:focus-visible{background-color:color-mix(in oklab,var(--clr-accent-theme) 45%,var(--bg-theme) 55%)}._apply-btn_14sfz_81{color:var(--clr-btn-theme);background-color:var(--clr-accent-theme)}._apply-btn_14sfz_81:hover,._apply-btn_14sfz_81:focus-visible{background-color:var(--bg-btn-hover)}._file-config-container_18ooe_1{--_container-border: var(--_children-border-width) solid var(--clr-accent-theme);display:flex;flex-direction:column;aspect-ratio:3 / 4;border:var(--_container-border);border-radius:var(--_children-border-radius)}@media (min-width: 49rem){._file-config-container_18ooe_1{aspect-ratio:5 / 4}}._file-config__header_18ooe_18{display:flex;align-items:center;padding:var(--_children-header-block-padding) 1em;border-block-end:var(--_container-border);border-start-start-radius:var(--_children-border-radius);border-start-end-radius:var(--_children-border-radius);transition:background-color var(--animation-duration-300) var(--default-animation-timing-function)}._file-config__body_18ooe_29{flex-grow:1;display:grid}._file-config__body_18ooe_29>p{max-width:50ch;justify-self:center;align-self:center;text-align:center}._file-control_1cqom_1{--_children-border-width: 1px;--_children-border-radius: .5em;--_children-header-block-padding: .5em;display:grid;gap:1em;padding-block:2.5em;margin-inline:auto}@media (min-width: 69rem){._file-control_1cqom_1{display:grid;grid-template-columns:repeat(2,1fr);gap:6em;width:90%}}