:root{--border-width: 5px;--active-color: hsl(240deg 75% 35%);--background-color: hsl(0deg 0% 25% / 100%);--download-color: hsl(149deg 100% 53% / 100%);--download-color-active: hsl(149deg 100% 30% / 100%);--cancel-color: hsl(357deg 65% 55% / 100%);--error-color: hsl(357deg 85% 55% / 100%);--max-width: 900px;--text-color: hsl(0deg 0% 90% / 100%);--converter-padding: 2rem;--button-block-padding: 1rem;--button-width: 250px;--cancel-width: 50px;--transition-time: .2s;--cancel-gap: calc(var(--cancel-width) / 5)}*{margin:0;padding:0;font-size:14px;font-family:Open Sans,arial,sans-serif}body{background-color:var(--background-color);color:var(--text-color)}main{display:flex;flex-direction:column}.footer{display:flex;justify-content:center;position:fixed;width:100%;bottom:0}.footer .logo{display:block;width:300px;object-fit:contain;padding-bottom:1.5rem}.main-title{display:flex;flex-direction:column;align-items:center;margin-top:3rem;margin-bottom:3rem}.main-title__product{text-transform:uppercase;font-size:1rem;font-weight:100;letter-spacing:.2ch}.main-title__title{text-align:center;margin-top:.5rem;font-size:2.5rem;font-weight:300;text-transform:uppercase;letter-spacing:.2ch}.main-title__subtitle{font-weight:600;font-size:1rem;margin-top:2rem;margin-bottom:1rem}.converter{display:flex;width:65%;max-width:var(--max-width);height:auto;margin-inline:auto;padding-block:var(--converter-padding);padding-inline:2rem;border:4px solid white;border-radius:10px;justify-content:space-between}.converter__option{display:flex;flex-direction:column;gap:2rem;height:auto;transition:height 3s ease}.input-upload{display:none}.file-upload{cursor:pointer;color:var(--text-color);background:transparent;padding-block:var(--button-block-padding);width:var(--button-width);font-size:1rem;font-weight:600;text-align:center;border:none;border-radius:3px;outline:1px solid var(--text-color);transition:color .3s ease,background-color .3s ease,scale .1s ease}.file-upload:hover{background-color:var(--text-color);color:var(--background-color);outline-color:var(--background-color)}.file-upload:active{scale:.97}.download-container{display:flex;position:relative}.download-container__link{cursor:pointer;color:var(--text-color);background:transparent;padding-block:var(--button-block-padding);width:var(--button-width);font-size:1rem;font-weight:600;text-align:center;border:none;border-radius:3px;outline:1px solid var(--text-color);transition:color .3s ease,background-color .3s ease,scale .1s ease;display:inline-block;opacity:0;color:var(--download-color);text-decoration:none;outline-color:var(--download-color);animation:appear var(--transition-time) ease-out forwards}.download-container__link:hover{background-color:var(--text-color);color:var(--background-color);outline-color:var(--background-color)}.download-container__link:active{scale:.97}.download-container__link:hover{background-color:var(--download-color-active);color:var(--text-color)}.download-container__cancel{cursor:pointer;color:var(--text-color);background:transparent;padding-block:var(--button-block-padding);width:var(--button-width);font-size:1rem;font-weight:600;text-align:center;border:none;border-radius:3px;outline:1px solid var(--text-color);transition:color .3s ease,background-color .3s ease,scale .1s ease;position:absolute;width:var(--cancel-width);color:var(--cancel-color);outline-color:var(--cancel-color)}.download-container__cancel:hover{background-color:var(--text-color);color:var(--background-color);outline-color:var(--background-color)}.download-container__cancel:active{scale:.97}.download-container__cancel:hover{background-color:var(--cancel-color);color:var(--text-color)}.download-container__cancel.json-download{right:calc(100% + var(--cancel-gap))}.download-container__cancel.excel-download{left:calc(100% + var(--cancel-gap))}.error{width:var(--button-width);color:var(--error-color)}.error__base{font-weight:600;margin-bottom:5px}.error__message{font-family:Source Code Pro,Open Sans,Arial,sans-serif}@media (max-width: 992px){.converter{flex-direction:column;align-items:center;gap:3rem}.download-container__cancel.json-download,.download-container__cancel.excel-download{left:calc(100% + var(--cancel-gap))}}@keyframes appear{0%{opacity:0}to{opacity:1}}