.image-compressor-page{--ic-ease:cubic-bezier(0.22,1,0.36,1)}.image-compressor-page .ic-segment{position:relative;display:inline-flex;gap:.125rem;padding:.2rem;border-radius:9999px;border:1px solid color-mix(in oklch,var(--border) 55%,transparent);background:color-mix(in oklch,var(--muted) 40%,transparent)}.image-compressor-page .ic-segment__indicator{position:absolute;top:.2rem;bottom:.2rem;left:0;border-radius:9999px;background:var(--background);box-shadow:0 1px 2px color-mix(in oklch,var(--foreground) 8%,transparent),inset 0 0 0 1px color-mix(in oklch,var(--border) 65%,transparent);transition:transform .42s var(--ic-ease),width .42s var(--ic-ease);pointer-events:none}.image-compressor-page .ic-panel-enter{animation:ic-panel-in .55s var(--ic-ease) both}@keyframes ic-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.image-compressor-page .ic-stat-card{transition:translate .45s var(--ic-ease),border-color .2s ease,background-color .2s ease}.image-compressor-page [data-slot=slider-range]{background-color:var(--foreground)}.image-compressor-page [data-slot=slider-thumb]{border-color:var(--foreground)}.image-compressor-page [data-slot=progress]{background-color:color-mix(in oklch,var(--foreground) 12%,transparent)}.image-compressor-page [data-slot=progress-indicator],.image-compressor-page [data-slot=switch][data-state=checked]{background-color:var(--foreground)}.image-compressor-page [data-slot=switch-thumb][data-state=checked]{background-color:var(--background)}.image-compressor-page .ic-btn-primary{background-color:var(--foreground);color:var(--background)}.image-compressor-page .ic-btn-primary:hover{background-color:color-mix(in oklch,var(--foreground) 90%,transparent)}.image-compressor-page .ic-btn-primary:active{background-color:color-mix(in oklch,var(--foreground) 95%,transparent)}.image-compressor-page .ic-selected{border-color:color-mix(in oklch,var(--foreground) 22%,transparent);background-color:color-mix(in oklch,var(--muted) 65%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--foreground) 8%,transparent)}.image-compressor-page .ic-dropzone-active{border-color:color-mix(in oklch,var(--foreground) 28%,transparent);background-color:color-mix(in oklch,var(--muted) 55%,transparent)}@media (hover:hover) and (pointer:fine){.image-compressor-page .ic-stat-card:hover{translate:0 -2px}}@media (prefers-reduced-motion:reduce){.image-compressor-page .ic-panel-enter,.image-compressor-page .ic-segment__indicator,.image-compressor-page .ic-stat-card{animation:none;transition:none}.image-compressor-page .ic-stat-card:hover{translate:0}}