.blog-sort-switch{display:flex;justify-content:center;align-items:center;width:260px;background:#f0f0f0;border-radius:14px;overflow:hidden;cursor:pointer;font-family:Arial,sans-serif;margin:5px auto 10px;position:relative}.blog-sort-switch input{display:none}.photo-sort-toggle .toggle-label{display:none}.blog-sort-switch label{flex:1;text-align:center;padding:4px 0;position:relative;z-index:3;user-select:none;color:#333;background:transparent;font-size:14px;line-height:28px;transition:color 0.3s}.blog-sort-switch .slider{position:absolute;top:50%;left:0;width:50%;height:28px;background:#0073aa;border-radius:14px;z-index:1;transition:transform 0.3s;transform:translateY(-50%);pointer-events:none}.blog-sort-switch input#sort-created:checked~.slider{transform:translateX(0%) translateY(-50%)}.blog-sort-switch input#sort-modified:checked~.slider{transform:translateX(100%) translateY(-50%)}.blog-sort-switch input#sort-created:checked+label,.blog-sort-switch input#sort-modified:checked+label{color:#fff}@media (max-width:480px){.blog-sort-switch{width:180px;margin:5px auto 10px}.blog-sort-switch label{font-size:12px;line-height:22px;padding:2px 0}.blog-sort-switch .slider{height:22px;border-radius:11px}}