body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#373737;font-family:Roboto,sans-serif}*,body{margin:0}*{padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input[type=range]{-webkit-appearance:none;height:25px;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{animate:.2s;background:#f3f4f5;border:0 solid #000;border-radius:1px;box-shadow:0 0 0 #000;cursor:pointer;height:5px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#749cff;border-radius:25px;box-shadow:0 0 0 #000;cursor:pointer;height:18px;margin-top:-7px;width:18px}input[type=range]:focus::-webkit-slider-runnable-track{background:#f3f4f5}input[type=range]::-moz-range-track{animate:.2s;background:#f3f4f5;border:0 solid #000;border-radius:1px;box-shadow:0 0 0 #000;cursor:pointer;height:5px;width:100%}input[type=range]::-moz-range-thumb{background:#749cff;border:1px solid #f3f4f5;border-radius:25px;box-shadow:0 0 0 #000;cursor:pointer;height:18px;width:18px}input[type=range]::-ms-track{animate:.2s;background:transparent;border-color:transparent;color:transparent;cursor:pointer;height:5px;width:100%}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#f3f4f5;border:0 solid #000;border-radius:2px;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{background:#749cff;border:1px solid #f3f4f5;border-radius:25px;box-shadow:0 0 0 #000;cursor:pointer;height:18px;margin-top:1px;width:18px}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#f3f4f5}input[type=file]{margin:-4px;outline:none;padding:4px}input[type=file]:focus-within::-webkit-file-upload-button,input[type=file]:focus::-webkit-file-upload-button{outline:2px solid #0964b0;outline-offset:2px}input[type=file]:focus-within::file-selector-button,input[type=file]:focus::file-selector-button{outline:2px solid #0964b0;outline-offset:2px}input[type=file]:before{top:16px}input[type=file]:after{top:14px}input[type=file]{position:relative}input[type=file]::-webkit-file-upload-button{color:transparent;width:136px}input[type=file]::file-selector-button{color:transparent;width:136px}input[type=file]:before{color:#0964b0;content:"Upload File";left:40px;pointer-events:none;position:absolute}input[type=file]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");content:"";height:20px;left:16px;pointer-events:none;position:absolute;width:20px}input[type=file]::-webkit-file-upload-button{background-color:#fff;border:1px solid rgba(0,0,0,.16);border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,.05);cursor:pointer;height:40px;margin-right:16px;padding:0 16px;-webkit-transition:background-color .2s;transition:background-color .2s}input[type=file]::file-selector-button{background-color:#fff;border:1px solid rgba(0,0,0,.16);border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,.05);cursor:pointer;height:40px;margin-right:16px;padding:0 16px;transition:background-color .2s}input[type=file]::-webkit-file-upload-button:hover{background-color:#f3f4f6}input[type=file]::file-selector-button:hover{background-color:#f3f4f6}input[type=file]::-webkit-file-upload-button:active{background-color:#e5e7eb}input[type=file]::file-selector-button:active{background-color:#e5e7eb}.home-container{background-color:#ebecf0;margin-left:22rem;margin-top:3rem;min-height:100vh;position:fixed;width:calc(100% - 22rem)}.home-inner{align-items:center;display:flex;height:calc(100vh - 10rem);justify-content:center;padding:40px}.PreviewArea{border-radius:10px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:grid;height:100%;max-height:25rem;max-width:48rem;padding:2rem;place-items:center;width:100%}.snippet{background-color:#fff;border-radius:10px;box-shadow:0 8px 24px hsla(210,8%,62%,.2);max-width:35rem;padding:.9rem}.snippetHeader{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.leftContent img{border-radius:50%;height:3rem;object-fit:cover;width:3rem}.snippetName{display:flex;flex-direction:column}.snippetName p{color:#666d71;font-size:.8rem}.leftContent{align-items:center;display:flex;gap:8px}.rightContent img{height:1.5rem;object-fit:contain;width:1.5rem}.snippetContent{font-family:Roboto,sans-serif;font-size:.95rem;margin-top:1rem;max-height:20rem;overflow:hidden;white-space:pre-wrap;word-break:break-all;word-break:keep-all}.snippetFooter{color:#666d71;font-size:.8rem;margin-top:1rem}.inputField{height:2rem}.inputField,textarea{border:1px solid hsla(0,0%,52%,.2);border-radius:8px;font:inherit;padding:.5rem;width:100%}textarea{height:10rem;resize:none}@media screen and (max-width:480px){.home-container{margin-left:0;min-height:auto;position:static;width:auto}.home-inner{height:calc(100vh - 17rem);padding:10px}.PreviewArea{max-height:23rem;padding:1rem}}.navContainer{background-color:#fff;border-bottom:1px solid #ececec;justify-content:center;position:fixed;top:0;width:100vw;z-index:999}.navContainer,.navInner{align-items:center;display:flex}.navInner{justify-content:space-between;margin:1rem auto;padding:0 2rem;width:100%}.downloadBtn{align-items:center;background-color:#487cff;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:4px;padding:.7rem 2rem;transition:.3s ease-in-out}.logo{font-size:1.4rem;font-weight:500}.logo span{color:#487cff;font-weight:400}.downloadBtn:hover{background-color:#2a66ff}.sideNavContainer{border-right:1px solid rgba(57,76,96,.15);height:100vh;position:fixed;top:5rem;width:22rem}.navItems{gap:30px;justify-content:flex-start;margin:2rem 0;padding-left:2rem;padding-right:1rem}.navItems,.navItems li{align-items:flex-start;display:flex;flex-direction:column}.navItems li{border-bottom:1px solid hsla(0,0%,52%,.2);cursor:pointer;gap:10px;list-style:none;padding-bottom:.8rem;text-transform:capitalize;width:calc(100% - 2rem)}.navItem{justify-content:space-between;width:100%}.navItem,.navTitle{align-items:center;display:flex}.navTitle{gap:10px}.dropDown,.innerNavItems{width:100%}.dropDown{display:flex;flex-direction:column;gap:7px}.dropDown li{border:none;border-radius:8px;padding:1rem;transition:.3s ease-in-out}.active,.dropDown li:hover{background-color:#749cff;color:#fff}.bgColors{display:flex;flex-wrap:wrap;gap:5px;max-height:15rem;overflow-y:auto}.bgColor{border-radius:5px;height:10rem;width:8rem}@media screen and (max-width:480px){.sideNavContainer{margin-top:8rem;position:static;width:auto}.bgColor{width:9rem}}
/*# sourceMappingURL=main.44bbccc1.css.map*/