@import"https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&family=Cascadia+Code:ital,wght@0,200..700;1,200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--black: #111111;--color-1: #7899ae;--blue: #084880;--yellow: #eaa41d;--color-4: #f0dfc8;--light-blue: #b8d6e9;--white:#fcfffe;--cascadia: "Cascadia Code", sans-serif;--roboto: "Roboto", serif;--handwritten: "Annie Use Your Telescope", cursive}html{scroll-behavior:smooth}body{padding:0;margin:0;color:var(--black);background:var(--white);font-family:var(--roboto)}.main-btn{background-color:var(--blue);color:var(--white);font-size:1.1rem;padding:7px 13px}.orange-btn{background-color:var(--yellow);color:var(--white);font-size:1.1rem;padding:7px 13px}img{width:100%;height:auto}.devsoniq-logo{color:var(--blue);font-family:var(--cascadia);font-size:24px;letter-spacing:-2px;padding-top:4px}.featured-tool{margin-top:20px;padding:50px;color:var(--black);margin-bottom:20px;position:relative}.blur-bck{position:absolute;inset:260px 0 0;background-size:cover;filter:blur(60px);z-index:1;background:radial-gradient(125.68% 45.69% at 92.95% 50%,#69f4fd80,#a0fff418 53.91%,#fed8ff00),radial-gradient(103.18% 103.18% at 90.11% 102.39%,#e6fffa00),radial-gradient(90.45% 90.45% at 87.84% 9.55%,#eaa41d00),linear-gradient(135.66deg,#0848804d 14.89%,#7899ae00 74.33%);height:700px}.featured-tool h1{color:var(--black);font-size:clamp(1.8rem,4vw,2.5rem)!important;line-height:1;font-family:var(--cascadia);font-weight:700;z-index:2;position:relative}.featured-tool .copy{font-size:1rem;line-height:1.4;margin-top:20px;position:relative;z-index:2;border-left:3px solid var(--blue);padding-left:12px;margin-bottom:25px}.file-drop{border:2px dashed #ccc;border-radius:6px;padding:2rem;cursor:pointer;transition:background .2s ease;position:relative;z-index:2;background-color:#08480c0d}.file-drop p{font-size:18px;font-weight:600}.compression-results{padding:8px;border:1px solid #eee;border-radius:8px}.compression-results .header-1{background-color:var(--blue);display:flex;justify-content:space-between;align-items:center;flex-direction:row;border-top-left-radius:8px;border-top-right-radius:8px;padding:12px}.compression-results .headline{font-size:clamp(1.4rem,4vw,2rem)!important;color:#fff;font-weight:600}.compression-results .compressed{border-bottom:1px solid #eee;padding:7px 0;display:flex}.compression-results .compressed .og-image{margin-bottom:4px}.compression-results .compressed .og-image .preview-image{width:125px;height:auto}.compression-results .compressed .og-image .og-file-size{font-size:14px;color:#666}.compression-results .compressed .file-name{font-size:clamp(1rem,4vw,1.2rem)!important;font-weight:600}.compression-results .compressed .file-download{float:right;padding-right:8px}.compression-results .new-file-info{font-size:15px;font-weight:600}.file-downloaded{background-color:#f1f1f1;color:#000;padding:5px 9px;font-size:14px}.zip-download{background-color:#7fff00;color:#fff;font-size:1rem;font-weight:500;padding:7px 12px;border-radius:5px}.get-compressed-file{background-color:var(--yellow);color:#fff;padding:5px 9px;font-size:14px}.color-extractor .lower{margin-top:45px}.color-extractor .lower .headline{font-size:1.1rem;margin-bottom:12px;font-weight:600}.color-extractor .lower .copyicon{position:relative}.color-extractor .lower .copy-code-btn{position:absolute;top:8px;right:8px;height:25px;width:25px}.docs-section{margin-top:80px}.docs-section h1{color:var(--black);font-size:clamp(1.8rem,4vw,2.5rem)!important;line-height:1;font-family:var(--cascadia);font-weight:700;z-index:2;position:relative}@media screen and (min-width:768px){.featured-tool .copy{width:60%;margin-left:30px}.compression-results{margin:0 15% 0 6%}.compression-results .compressed{align-items:center;flex-direction:row;justify-content:space-between}.compression-results .compressed .og-image{margin:0 0 0 8px;text-align:center}.compression-results .compressed .file-name{width:60%}.compression-results .file-download{display:flex;justify-content:flex-end;flex-direction:column}}@media screen and (max-width:767px){.docs-section{padding:0 7%}}.footer[data-astro-cid-sz7xmlte]{padding:50px 7%;border-top:1px solid var(--black2);background-color:var(--black);color:var(--white);text-align:center}.footer-tag[data-astro-cid-sz7xmlte]{margin-top:20px;text-transform:uppercase}.footer-contact[data-astro-cid-sz7xmlte]{margin-bottom:8px}.footer-menu[data-astro-cid-sz7xmlte]{display:inline;display:flex;justify-content:center}.footer-item[data-astro-cid-sz7xmlte]{padding:0 2%;color:var(--white)}.footer-privacy[data-astro-cid-sz7xmlte]{margin-top:12px}.footer-privacy[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:#fff;font-size:.9rem}@media (min-width:768px){.fContact-wrapper[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;align-items:end}}.footer2[data-astro-cid-wwggaj63]{padding:20px 0 40px;border-top:1px solid #eee;text-align:center;margin-top:80px}.footer-privacy[data-astro-cid-wwggaj63]{margin-top:12px}.footer-privacy[data-astro-cid-wwggaj63] a[data-astro-cid-wwggaj63]{color:var(--black);font-size:.9rem}.side-menu[data-astro-cid-duny5ajy]{padding:0 9%;border-right:1px solid #eee}.side-menu[data-astro-cid-duny5ajy] .headline[data-astro-cid-duny5ajy]{font-size:19px;font-family:var(--cascadia);margin-bottom:25px}.tool-section[data-astro-cid-duny5ajy]{border-top:1px solid #eee;padding-top:12px;margin-bottom:20px}.tool-section[data-astro-cid-duny5ajy] .section-title[data-astro-cid-duny5ajy]{font-size:17px;font-weight:600;margin-bottom:12px}.tool-section[data-astro-cid-duny5ajy] .section-menu[data-astro-cid-duny5ajy] .menu-item[data-astro-cid-duny5ajy]{padding:6px 0;color:var(--black)}.tool-section[data-astro-cid-duny5ajy] .section-menu[data-astro-cid-duny5ajy] .menu-item[data-astro-cid-duny5ajy] a[data-astro-cid-duny5ajy]{color:var(--black)}.cookie-banner[data-v-4e975b44]{position:fixed;bottom:0;left:0;right:0;background:#2d2d2d;color:#fff;padding:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;z-index:1000}.text[data-v-4e975b44]{flex:1 1 60%;margin-right:1rem}.actions[data-v-4e975b44]{flex:1 1 35%;display:flex;gap:.5rem;justify-content:flex-end}.accept[data-v-4e975b44],.decline[data-v-4e975b44]{border:none;padding:.5rem 1rem;cursor:pointer}.accept[data-v-4e975b44]{background:#4caf50;color:#fff}.decline[data-v-4e975b44]{background:#f44336;color:#fff}