diff --git a/styles.css b/styles.css index 7c0aad5..c4b32c6 100644 --- a/styles.css +++ b/styles.css @@ -792,6 +792,7 @@ input[type='search']::-webkit-search-cancel-button { } @keyframes pulse { + 0%, 100% { opacity: 1; @@ -1157,6 +1158,7 @@ input[type='search']::-webkit-search-cancel-button { } @media (max-width: 1100px) { + #home-recommended-songs, #artist-detail-tracks, #playlist-detail-recommended { @@ -1753,11 +1755,11 @@ input[type='search']::-webkit-search-cancel-button { box-shadow: 0 2px 4px rgb(0, 0, 0, 0.2); } -input:checked + .slider { +input:checked+.slider { background-color: var(--primary); } -input:checked + .slider::before { +input:checked+.slider::before { transform: translateX(16px); background-color: var(--primary-foreground); box-shadow: -2px 2px 4px rgb(0, 0, 0, 0.1); @@ -1769,7 +1771,7 @@ input:checked + .slider::before { /* Hover scale effect */ } -input:checked + .toggle-switch:hover .slider::before { +.toggle-switch:hover input:checked+.slider::before { transform: translateX(16px) scale(1.1); } @@ -5462,4 +5464,4 @@ textarea:focus { .eq-band { min-width: 30px; } -} +} \ No newline at end of file