.switchers{width:550px;margin:0 auto;background:#ffffff80;padding:1rem 1rem .5rem;box-sizing:border-box;box-shadow:#00000003 0 1px,#00000006 0 0 8px,#00000013 0 20px 30px}.switchers .switcher-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:.5rem}.switchers .switcher-wrapper p{margin:0;padding:0}.switchers .switcher-wrapper .switch{position:relative;display:inline-block;width:2rem;height:1rem}.switchers .switcher-wrapper .switch input{opacity:0;width:0;height:0}.switchers .switcher-wrapper .switch input:hover+.slider{background-color:#987dba}.switchers .switcher-wrapper .switch input:checked+.slider{background-color:#8e008b}.switchers .switcher-wrapper .switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.switchers .switcher-wrapper .switch input:checked+.slider:before{-webkit-transform:translateX(1rem);-ms-transform:translateX(1rem);transform:translate(1rem)}.switchers .switcher-wrapper .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.switchers .switcher-wrapper .switch .slider:before{position:absolute;content:"";height:.7rem;width:.7rem;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.switchers .switcher-wrapper .switch .slider.round{border-radius:2rem}.switchers .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 .lucide{opacity:.4}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)}}