*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}.col{display:flex;flex-direction:column}.main-container{margin:0 auto;padding:20px;max-width:1000px}.header{display:flex;flex-direction:column;align-items:center;text-align:center}@media (min-width:700px){.header{flex-direction:row;justify-content:space-evenly}}.header__logo{font-size:100px}@media (min-width:700px){.header__logo{font-size:160px}}.header__title{font-size:32px;margin:16px 0}@media (min-width:700px){.header__title{font-size:46px}}.converter,.header__description{max-width:600px}.converter{margin:20px auto}@media (min-width:700px){.converter{margin:60px auto 20px}}.converter__form{display:flex;flex-direction:column}@media (min-width:700px){.converter__form{flex-direction:row;align-items:center;justify-content:space-between}}.label{font-size:14px}.text-field{display:flex;flex-direction:column;margin:0 0 5px;height:81px}@media (min-width:700px){.text-field{margin:0;flex:0 1 35%}}.text-field__input{height:40px;border:1px solid #b7b7b7;border-radius:3px;padding:0 16px}.text-field__input:focus{outline:0;border:2px solid #1ca0f2;box-shadow:0 0 6px #1ca0f2;padding:0 15px}.text-field__input--error,.text-field__input--error:focus{border:2px solid #e4172c;padding:0 15px;box-shadow:none}.text-field__validation{font-size:14px;color:#e4172c}.drop-down{display:flex;flex-direction:column;margin:5px 0 10px;height:81px}@media (min-width:700px){.drop-down{margin:0;flex:0 1 20%}}.drop-down__select{height:40px;border:1px solid #b7b7b7;border-radius:3px;padding:0 16px}.drop-down__select:focus{outline:0;border:2px solid #1ca0f2;box-shadow:0 0 6px #1ca0f2;padding:0 15px}.button{height:40px;border:1px solid #1ca0f2;background-color:#1ca0f2;border-radius:5px;color:#fff;font-size:18px;cursor:pointer;transition:border .3s linear,background-color .3s linear}.button:hover{background-color:#083975;border:1px solid #083975}@media (min-width:700px){.button{flex:0 1 35%}}.result{position:relative;text-align:center;height:74px}.result__header{font-size:26px;margin-bottom:10px}.loader{box-sizing:content-box;top:calc(50% - 24px);left:calc(50% - 24px);width:48px;height:48px;border-color:#03afff #03afff transparent transparent;animation:rotation 1s linear infinite}.loader,.loader:after,.loader:before{position:absolute;border-radius:50%;border-style:solid;border-width:3px}.loader:after,.loader:before{content:"";left:0;right:0;top:0;bottom:0;margin:auto;border-color:transparent transparent #ff3d00 #ff3d00;width:40px;height:40px;animation:rotationBack .5s linear infinite;transform-origin:center center}.loader:before{width:32px;height:32px;border-color:#03afff #03afff transparent transparent;animation:rotation 1.5s linear infinite}.loader--hidden{display:none}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotationBack{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}
/*# sourceMappingURL=main.5614b799.chunk.css.map */