.switcher-wrapper{display:flex;align-items:center;gap:10px;width:200px;margin:0 auto;margin-bottom:1rem}.switcher-wrapper p{margin:0;padding:0}.switcher-wrapper .switch{position:relative;display:inline-block;width:60px;height:34px}.switcher-wrapper .switch input{opacity:0;width:0;height:0}.switcher-wrapper .switch input:hover+.slider{background-color:#987dba}.switcher-wrapper .switch input:checked+.slider{background-color:#8e008b}.switcher-wrapper .switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.switcher-wrapper .switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.switcher-wrapper .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.switcher-wrapper .switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.switcher-wrapper .switch .slider.round{border-radius:34px}.switcher-wrapper .switch .slider.round:before{border-radius:50%}body main{width:80%;margin:0 auto}body .base64-conterter-wrapper{display:grid;grid-template-columns:repeat(1fr);gap:30px}body .base64-conterter-wrapper .preview,body .base64-conterter-wrapper .base64-converter-result{text-align:center;align-content:center}body .base64-conterter-wrapper button{display:block;width:100%;margin-top:2rem}body .base64-conterter-wrapper p.title{font-size:18px;color:#442867;margin-bottom:.5rem}body .base64-conterter-wrapper p.desc{margin:0 auto;width:60%;font-size:14px}body .base64-conterter-wrapper .preview{height:auto;min-height:300px;border:2px dashed #8d99ae;background-color:#f9fafb;padding:10px;box-sizing:border-box;cursor:pointer}body .base64-conterter-wrapper .preview.drop-here{border-color:#8cc938;background-color:#fbfff6}body .base64-conterter-wrapper .preview.drop-here:hover{border-color:#8cc938}body .base64-conterter-wrapper .preview:hover{border-color:#442867}body .base64-conterter-wrapper .preview img{width:auto;max-width:100%}body .base64-conterter-wrapper .preview .hidden{display:none}body .base64-conterter-wrapper .base64-converter-result{height:auto;min-height:300px;border:2px solid #8d99ae;background-color:#f9fafb;padding:10px}body .base64-conterter-wrapper .base64-converter-result>div{height:100%;align-content:center}body .base64-conterter-wrapper .base64-converter-result fieldset{height:100%;align-content:center;padding:0;margin:0;border:none}body .base64-conterter-wrapper .base64-converter-result fieldset textarea{height:100%;align-content:center;width:100%;max-width:100%;border:none;background:none}body .base64-conterter-wrapper .file-information-wrapper h6{margin:0 0 1rem;padding:2rem 0 0;font-size:18px}body .base64-conterter-wrapper .file-information-wrapper .file-information div{display:flex;gap:10px;margin-bottom:.5rem}@media (min-width: 1024px){body main{width:800px}body main .base64-conterter-wrapper{grid-template-columns:repeat(2,1fr)}}