.materialize-red{background-color:#e51c23 !important}.materialize-red-text{color:#e51c23 !important}.materialize-red.lighten-5{background-color:#fdeaeb !important}.materialize-red-text.text-lighten-5{color:#fdeaeb !important}.materialize-red.lighten-4{background-color:#f8c1c3 !important}.materialize-red-text.text-lighten-4{color:#f8c1c3 !important}.materialize-red.lighten-3{background-color:#f3989b !important}.materialize-red-text.text-lighten-3{color:#f3989b !important}.materialize-red.lighten-2{background-color:#ee6e73 !important}.materialize-red-text.text-lighten-2{color:#ee6e73 !important}.materialize-red.lighten-1{background-color:#ea454b !important}.materialize-red-text.text-lighten-1{color:#ea454b !important}.materialize-red.darken-1{background-color:#d0181e !important}.materialize-red-text.text-darken-1{color:#d0181e !important}.materialize-red.darken-2{background-color:#b9151b !important}.materialize-red-text.text-darken-2{color:#b9151b !important}.materialize-red.darken-3{background-color:#a21318 !important}.materialize-red-text.text-darken-3{color:#a21318 !important}.materialize-red.darken-4{background-color:#8b1014 !important}.materialize-red-text.text-darken-4{color:#8b1014 !important}.red{background-color:#F44336 !important}.red-text{color:#F44336 !important}.red.lighten-5{background-color:#FFEBEE !important}.red-text.text-lighten-5{color:#FFEBEE !important}.red.lighten-4{background-color:#FFCDD2 !important}.red-text.text-lighten-4{color:#FFCDD2 !important}.red.lighten-3{background-color:#EF9A9A !important}.red-text.text-lighten-3{color:#EF9A9A !important}.red.lighten-2{background-color:#E57373 !important}.red-text.text-lighten-2{color:#E57373 !important}.red.lighten-1{background-color:#EF5350 !important}.red-text.text-lighten-1{color:#EF5350 !important}.red.darken-1{background-color:#E53935 !important}.red-text.text-darken-1{color:#E53935 !important}.red.darken-2{background-color:#D32F2F !important}.red-text.text-darken-2{color:#D32F2F !important}.red.darken-3{background-color:#C62828 !important}.red-text.text-darken-3{color:#C62828 !important}.red.darken-4{background-color:#B71C1C !important}.red-text.text-darken-4{color:#B71C1C !important}.red.accent-1{background-color:#FF8A80 !important}.red-text.text-accent-1{color:#FF8A80 !important}.red.accent-2{background-color:#FF5252 !important}.red-text.text-accent-2{color:#FF5252 !important}.red.accent-3{background-color:#FF1744 !important}.red-text.text-accent-3{color:#FF1744 !important}.red.accent-4{background-color:#D50000 !important}.red-text.text-accent-4{color:#D50000 !important}.pink{background-color:#e91e63 !important}.pink-text{color:#e91e63 !important}.pink.lighten-5{background-color:#fce4ec !important}.pink-text.text-lighten-5{color:#fce4ec !important}.pink.lighten-4{background-color:#f8bbd0 !important}.pink-text.text-lighten-4{color:#f8bbd0 !important}.pink.lighten-3{background-color:#f48fb1 !important}.pink-text.text-lighten-3{color:#f48fb1 !important}.pink.lighten-2{background-color:#f06292 !important}.pink-text.text-lighten-2{color:#f06292 !important}.pink.lighten-1{background-color:#ec407a !important}.pink-text.text-lighten-1{color:#ec407a !important}.pink.darken-1{background-color:#d81b60 !important}.pink-text.text-darken-1{color:#d81b60 !important}.pink.darken-2{background-color:#c2185b !important}.pink-text.text-darken-2{color:#c2185b !important}.pink.darken-3{background-color:#ad1457 !important}.pink-text.text-darken-3{color:#ad1457 !important}.pink.darken-4{background-color:#880e4f !important}.pink-text.text-darken-4{color:#880e4f !important}.pink.accent-1{background-color:#ff80ab !important}.pink-text.text-accent-1{color:#ff80ab !important}.pink.accent-2{background-color:#ff4081 !important}.pink-text.text-accent-2{color:#ff4081 !important}.pink.accent-3{background-color:#f50057 !important}.pink-text.text-accent-3{color:#f50057 !important}.pink.accent-4{background-color:#c51162 !important}.pink-text.text-accent-4{color:#c51162 !important}.purple{background-color:#9c27b0 !important}.purple-text{color:#9c27b0 !important}.purple.lighten-5{background-color:#f3e5f5 !important}.purple-text.text-lighten-5{color:#f3e5f5 !important}.purple.lighten-4{background-color:#e1bee7 !important}.purple-text.text-lighten-4{color:#e1bee7 !important}.purple.lighten-3{background-color:#ce93d8 !important}.purple-text.text-lighten-3{color:#ce93d8 !important}.purple.lighten-2{background-color:#ba68c8 !important}.purple-text.text-lighten-2{color:#ba68c8 !important}.purple.lighten-1{background-color:#ab47bc !important}.purple-text.text-lighten-1{color:#ab47bc !important}.purple.darken-1{background-color:#8e24aa !important}.purple-text.text-darken-1{color:#8e24aa !important}.purple.darken-2{background-color:#7b1fa2 !important}.purple-text.text-darken-2{color:#7b1fa2 !important}.purple.darken-3{background-color:#6a1b9a !important}.purple-text.text-darken-3{color:#6a1b9a !important}.purple.darken-4{background-color:#4a148c !important}.purple-text.text-darken-4{color:#4a148c !important}.purple.accent-1{background-color:#ea80fc !important}.purple-text.text-accent-1{color:#ea80fc !important}.purple.accent-2{background-color:#e040fb !important}.purple-text.text-accent-2{color:#e040fb !important}.purple.accent-3{background-color:#d500f9 !important}.purple-text.text-accent-3{color:#d500f9 !important}.purple.accent-4{background-color:#a0f !important}.purple-text.text-accent-4{color:#a0f !important}.deep-purple{background-color:#673ab7 !important}.deep-purple-text{color:#673ab7 !important}.deep-purple.lighten-5{background-color:#ede7f6 !important}.deep-purple-text.text-lighten-5{color:#ede7f6 !important}.deep-purple.lighten-4{background-color:#d1c4e9 !important}.deep-purple-text.text-lighten-4{color:#d1c4e9 !important}.deep-purple.lighten-3{background-color:#b39ddb !important}.deep-purple-text.text-lighten-3{color:#b39ddb !important}.deep-purple.lighten-2{background-color:#9575cd !important}.deep-purple-text.text-lighten-2{color:#9575cd !important}.deep-purple.lighten-1{background-color:#7e57c2 !important}.deep-purple-text.text-lighten-1{color:#7e57c2 !important}.deep-purple.darken-1{background-color:#5e35b1 !important}.deep-purple-text.text-darken-1{color:#5e35b1 !important}.deep-purple.darken-2{background-color:#512da8 !important}.deep-purple-text.text-darken-2{color:#512da8 !important}.deep-purple.darken-3{background-color:#4527a0 !important}.deep-purple-text.text-darken-3{color:#4527a0 !important}.deep-purple.darken-4{background-color:#311b92 !important}.deep-purple-text.text-darken-4{color:#311b92 !important}.deep-purple.accent-1{background-color:#b388ff !important}.deep-purple-text.text-accent-1{color:#b388ff !important}.deep-purple.accent-2{background-color:#7c4dff !important}.deep-purple-text.text-accent-2{color:#7c4dff !important}.deep-purple.accent-3{background-color:#651fff !important}.deep-purple-text.text-accent-3{color:#651fff !important}.deep-purple.accent-4{background-color:#6200ea !important}.deep-purple-text.text-accent-4{color:#6200ea !important}.indigo{background-color:#3f51b5 !important}.indigo-text{color:#3f51b5 !important}.indigo.lighten-5{background-color:#e8eaf6 !important}.indigo-text.text-lighten-5{color:#e8eaf6 !important}.indigo.lighten-4{background-color:#c5cae9 !important}.indigo-text.text-lighten-4{color:#c5cae9 !important}.indigo.lighten-3{background-color:#9fa8da !important}.indigo-text.text-lighten-3{color:#9fa8da !important}.indigo.lighten-2{background-color:#7986cb !important}.indigo-text.text-lighten-2{color:#7986cb !important}.indigo.lighten-1{background-color:#5c6bc0 !important}.indigo-text.text-lighten-1{color:#5c6bc0 !important}.indigo.darken-1{background-color:#3949ab !important}.indigo-text.text-darken-1{color:#3949ab !important}.indigo.darken-2{background-color:#303f9f !important}.indigo-text.text-darken-2{color:#303f9f !important}.indigo.darken-3{background-color:#283593 !important}.indigo-text.text-darken-3{color:#283593 !important}.indigo.darken-4{background-color:#1a237e !important}.indigo-text.text-darken-4{color:#1a237e !important}.indigo.accent-1{background-color:#8c9eff !important}.indigo-text.text-accent-1{color:#8c9eff !important}.indigo.accent-2{background-color:#536dfe !important}.indigo-text.text-accent-2{color:#536dfe !important}.indigo.accent-3{background-color:#3d5afe !important}.indigo-text.text-accent-3{color:#3d5afe !important}.indigo.accent-4{background-color:#304ffe !important}.indigo-text.text-accent-4{color:#304ffe !important}.blue{background-color:#2196F3 !important}.blue-text{color:#2196F3 !important}.blue.lighten-5{background-color:#E3F2FD !important}.blue-text.text-lighten-5{color:#E3F2FD !important}.blue.lighten-4{background-color:#BBDEFB !important}.blue-text.text-lighten-4{color:#BBDEFB !important}.blue.lighten-3{background-color:#90CAF9 !important}.blue-text.text-lighten-3{color:#90CAF9 !important}.blue.lighten-2{background-color:#64B5F6 !important}.blue-text.text-lighten-2{color:#64B5F6 !important}.blue.lighten-1{background-color:#42A5F5 !important}.blue-text.text-lighten-1{color:#42A5F5 !important}.blue.darken-1{background-color:#1E88E5 !important}.blue-text.text-darken-1{color:#1E88E5 !important}.blue.darken-2{background-color:#1976D2 !important}.blue-text.text-darken-2{color:#1976D2 !important}.blue.darken-3{background-color:#1565C0 !important}.blue-text.text-darken-3{color:#1565C0 !important}.blue.darken-4{background-color:#0D47A1 !important}.blue-text.text-darken-4{color:#0D47A1 !important}.blue.accent-1{background-color:#82B1FF !important}.blue-text.text-accent-1{color:#82B1FF !important}.blue.accent-2{background-color:#448AFF !important}.blue-text.text-accent-2{color:#448AFF !important}.blue.accent-3{background-color:#2979FF !important}.blue-text.text-accent-3{color:#2979FF !important}.blue.accent-4{background-color:#2962FF !important}.blue-text.text-accent-4{color:#2962FF !important}.light-blue{background-color:#03a9f4 !important}.light-blue-text{color:#03a9f4 !important}.light-blue.lighten-5{background-color:#e1f5fe !important}.light-blue-text.text-lighten-5{color:#e1f5fe !important}.light-blue.lighten-4{background-color:#b3e5fc !important}.light-blue-text.text-lighten-4{color:#b3e5fc !important}.light-blue.lighten-3{background-color:#81d4fa !important}.light-blue-text.text-lighten-3{color:#81d4fa !important}.light-blue.lighten-2{background-color:#4fc3f7 !important}.light-blue-text.text-lighten-2{color:#4fc3f7 !important}.light-blue.lighten-1{background-color:#29b6f6 !important}.light-blue-text.text-lighten-1{color:#29b6f6 !important}.light-blue.darken-1{background-color:#039be5 !important}.light-blue-text.text-darken-1{color:#039be5 !important}.light-blue.darken-2{background-color:#0288d1 !important}.light-blue-text.text-darken-2{color:#0288d1 !important}.light-blue.darken-3{background-color:#0277bd !important}.light-blue-text.text-darken-3{color:#0277bd !important}.light-blue.darken-4{background-color:#01579b !important}.light-blue-text.text-darken-4{color:#01579b !important}.light-blue.accent-1{background-color:#80d8ff !important}.light-blue-text.text-accent-1{color:#80d8ff !important}.light-blue.accent-2{background-color:#40c4ff !important}.light-blue-text.text-accent-2{color:#40c4ff !important}.light-blue.accent-3{background-color:#00b0ff !important}.light-blue-text.text-accent-3{color:#00b0ff !important}.light-blue.accent-4{background-color:#0091ea !important}.light-blue-text.text-accent-4{color:#0091ea !important}.cyan{background-color:#00bcd4 !important}.cyan-text{color:#00bcd4 !important}.cyan.lighten-5{background-color:#e0f7fa !important}.cyan-text.text-lighten-5{color:#e0f7fa !important}.cyan.lighten-4{background-color:#b2ebf2 !important}.cyan-text.text-lighten-4{color:#b2ebf2 !important}.cyan.lighten-3{background-color:#80deea !important}.cyan-text.text-lighten-3{color:#80deea !important}.cyan.lighten-2{background-color:#4dd0e1 !important}.cyan-text.text-lighten-2{color:#4dd0e1 !important}.cyan.lighten-1{background-color:#26c6da !important}.cyan-text.text-lighten-1{color:#26c6da !important}.cyan.darken-1{background-color:#00acc1 !important}.cyan-text.text-darken-1{color:#00acc1 !important}.cyan.darken-2{background-color:#0097a7 !important}.cyan-text.text-darken-2{color:#0097a7 !important}.cyan.darken-3{background-color:#00838f !important}.cyan-text.text-darken-3{color:#00838f !important}.cyan.darken-4{background-color:#006064 !important}.cyan-text.text-darken-4{color:#006064 !important}.cyan.accent-1{background-color:#84ffff !important}.cyan-text.text-accent-1{color:#84ffff !important}.cyan.accent-2{background-color:#18ffff !important}.cyan-text.text-accent-2{color:#18ffff !important}.cyan.accent-3{background-color:#00e5ff !important}.cyan-text.text-accent-3{color:#00e5ff !important}.cyan.accent-4{background-color:#00b8d4 !important}.cyan-text.text-accent-4{color:#00b8d4 !important}.teal{background-color:#009688 !important}.teal-text{color:#009688 !important}.teal.lighten-5{background-color:#e0f2f1 !important}.teal-text.text-lighten-5{color:#e0f2f1 !important}.teal.lighten-4{background-color:#b2dfdb !important}.teal-text.text-lighten-4{color:#b2dfdb !important}.teal.lighten-3{background-color:#80cbc4 !important}.teal-text.text-lighten-3{color:#80cbc4 !important}.teal.lighten-2{background-color:#4db6ac !important}.teal-text.text-lighten-2{color:#4db6ac !important}.teal.lighten-1{background-color:#26a69a !important}.teal-text.text-lighten-1{color:#26a69a !important}.teal.darken-1{background-color:#00897b !important}.teal-text.text-darken-1{color:#00897b !important}.teal.darken-2{background-color:#00796b !important}.teal-text.text-darken-2{color:#00796b !important}.teal.darken-3{background-color:#00695c !important}.teal-text.text-darken-3{color:#00695c !important}.teal.darken-4{background-color:#004d40 !important}.teal-text.text-darken-4{color:#004d40 !important}.teal.accent-1{background-color:#a7ffeb !important}.teal-text.text-accent-1{color:#a7ffeb !important}.teal.accent-2{background-color:#64ffda !important}.teal-text.text-accent-2{color:#64ffda !important}.teal.accent-3{background-color:#1de9b6 !important}.teal-text.text-accent-3{color:#1de9b6 !important}.teal.accent-4{background-color:#00bfa5 !important}.teal-text.text-accent-4{color:#00bfa5 !important}.green{background-color:#4CAF50 !important}.green-text{color:#4CAF50 !important}.green.lighten-5{background-color:#E8F5E9 !important}.green-text.text-lighten-5{color:#E8F5E9 !important}.green.lighten-4{background-color:#C8E6C9 !important}.green-text.text-lighten-4{color:#C8E6C9 !important}.green.lighten-3{background-color:#A5D6A7 !important}.green-text.text-lighten-3{color:#A5D6A7 !important}.green.lighten-2{background-color:#81C784 !important}.green-text.text-lighten-2{color:#81C784 !important}.green.lighten-1{background-color:#66BB6A !important}.green-text.text-lighten-1{color:#66BB6A !important}.green.darken-1{background-color:#43A047 !important}.green-text.text-darken-1{color:#43A047 !important}.green.darken-2{background-color:#388E3C !important}.green-text.text-darken-2{color:#388E3C !important}.green.darken-3{background-color:#2E7D32 !important}.green-text.text-darken-3{color:#2E7D32 !important}.green.darken-4{background-color:#1B5E20 !important}.green-text.text-darken-4{color:#1B5E20 !important}.green.accent-1{background-color:#B9F6CA !important}.green-text.text-accent-1{color:#B9F6CA !important}.green.accent-2{background-color:#69F0AE !important}.green-text.text-accent-2{color:#69F0AE !important}.green.accent-3{background-color:#00E676 !important}.green-text.text-accent-3{color:#00E676 !important}.green.accent-4{background-color:#00C853 !important}.green-text.text-accent-4{color:#00C853 !important}.light-green{background-color:#8bc34a !important}.light-green-text{color:#8bc34a !important}.light-green.lighten-5{background-color:#f1f8e9 !important}.light-green-text.text-lighten-5{color:#f1f8e9 !important}.light-green.lighten-4{background-color:#dcedc8 !important}.light-green-text.text-lighten-4{color:#dcedc8 !important}.light-green.lighten-3{background-color:#c5e1a5 !important}.light-green-text.text-lighten-3{color:#c5e1a5 !important}.light-green.lighten-2{background-color:#aed581 !important}.light-green-text.text-lighten-2{color:#aed581 !important}.light-green.lighten-1{background-color:#9ccc65 !important}.light-green-text.text-lighten-1{color:#9ccc65 !important}.light-green.darken-1{background-color:#7cb342 !important}.light-green-text.text-darken-1{color:#7cb342 !important}.light-green.darken-2{background-color:#689f38 !important}.light-green-text.text-darken-2{color:#689f38 !important}.light-green.darken-3{background-color:#558b2f !important}.light-green-text.text-darken-3{color:#558b2f !important}.light-green.darken-4{background-color:#33691e !important}.light-green-text.text-darken-4{color:#33691e !important}.light-green.accent-1{background-color:#ccff90 !important}.light-green-text.text-accent-1{color:#ccff90 !important}.light-green.accent-2{background-color:#b2ff59 !important}.light-green-text.text-accent-2{color:#b2ff59 !important}.light-green.accent-3{background-color:#76ff03 !important}.light-green-text.text-accent-3{color:#76ff03 !important}.light-green.accent-4{background-color:#64dd17 !important}.light-green-text.text-accent-4{color:#64dd17 !important}.lime{background-color:#cddc39 !important}.lime-text{color:#cddc39 !important}.lime.lighten-5{background-color:#f9fbe7 !important}.lime-text.text-lighten-5{color:#f9fbe7 !important}.lime.lighten-4{background-color:#f0f4c3 !important}.lime-text.text-lighten-4{color:#f0f4c3 !important}.lime.lighten-3{background-color:#e6ee9c !important}.lime-text.text-lighten-3{color:#e6ee9c !important}.lime.lighten-2{background-color:#dce775 !important}.lime-text.text-lighten-2{color:#dce775 !important}.lime.lighten-1{background-color:#d4e157 !important}.lime-text.text-lighten-1{color:#d4e157 !important}.lime.darken-1{background-color:#c0ca33 !important}.lime-text.text-darken-1{color:#c0ca33 !important}.lime.darken-2{background-color:#afb42b !important}.lime-text.text-darken-2{color:#afb42b !important}.lime.darken-3{background-color:#9e9d24 !important}.lime-text.text-darken-3{color:#9e9d24 !important}.lime.darken-4{background-color:#827717 !important}.lime-text.text-darken-4{color:#827717 !important}.lime.accent-1{background-color:#f4ff81 !important}.lime-text.text-accent-1{color:#f4ff81 !important}.lime.accent-2{background-color:#eeff41 !important}.lime-text.text-accent-2{color:#eeff41 !important}.lime.accent-3{background-color:#c6ff00 !important}.lime-text.text-accent-3{color:#c6ff00 !important}.lime.accent-4{background-color:#aeea00 !important}.lime-text.text-accent-4{color:#aeea00 !important}.yellow{background-color:#ffeb3b !important}.yellow-text{color:#ffeb3b !important}.yellow.lighten-5{background-color:#fffde7 !important}.yellow-text.text-lighten-5{color:#fffde7 !important}.yellow.lighten-4{background-color:#fff9c4 !important}.yellow-text.text-lighten-4{color:#fff9c4 !important}.yellow.lighten-3{background-color:#fff59d !important}.yellow-text.text-lighten-3{color:#fff59d !important}.yellow.lighten-2{background-color:#fff176 !important}.yellow-text.text-lighten-2{color:#fff176 !important}.yellow.lighten-1{background-color:#ffee58 !important}.yellow-text.text-lighten-1{color:#ffee58 !important}.yellow.darken-1{background-color:#fdd835 !important}.yellow-text.text-darken-1{color:#fdd835 !important}.yellow.darken-2{background-color:#fbc02d !important}.yellow-text.text-darken-2{color:#fbc02d !important}.yellow.darken-3{background-color:#f9a825 !important}.yellow-text.text-darken-3{color:#f9a825 !important}.yellow.darken-4{background-color:#f57f17 !important}.yellow-text.text-darken-4{color:#f57f17 !important}.yellow.accent-1{background-color:#ffff8d !important}.yellow-text.text-accent-1{color:#ffff8d !important}.yellow.accent-2{background-color:#ff0 !important}.yellow-text.text-accent-2{color:#ff0 !important}.yellow.accent-3{background-color:#ffea00 !important}.yellow-text.text-accent-3{color:#ffea00 !important}.yellow.accent-4{background-color:#ffd600 !important}.yellow-text.text-accent-4{color:#ffd600 !important}.amber{background-color:#ffc107 !important}.amber-text{color:#ffc107 !important}.amber.lighten-5{background-color:#fff8e1 !important}.amber-text.text-lighten-5{color:#fff8e1 !important}.amber.lighten-4{background-color:#ffecb3 !important}.amber-text.text-lighten-4{color:#ffecb3 !important}.amber.lighten-3{background-color:#ffe082 !important}.amber-text.text-lighten-3{color:#ffe082 !important}.amber.lighten-2{background-color:#ffd54f !important}.amber-text.text-lighten-2{color:#ffd54f !important}.amber.lighten-1{background-color:#ffca28 !important}.amber-text.text-lighten-1{color:#ffca28 !important}.amber.darken-1{background-color:#ffb300 !important}.amber-text.text-darken-1{color:#ffb300 !important}.amber.darken-2{background-color:#ffa000 !important}.amber-text.text-darken-2{color:#ffa000 !important}.amber.darken-3{background-color:#ff8f00 !important}.amber-text.text-darken-3{color:#ff8f00 !important}.amber.darken-4{background-color:#ff6f00 !important}.amber-text.text-darken-4{color:#ff6f00 !important}.amber.accent-1{background-color:#ffe57f !important}.amber-text.text-accent-1{color:#ffe57f !important}.amber.accent-2{background-color:#ffd740 !important}.amber-text.text-accent-2{color:#ffd740 !important}.amber.accent-3{background-color:#ffc400 !important}.amber-text.text-accent-3{color:#ffc400 !important}.amber.accent-4{background-color:#ffab00 !important}.amber-text.text-accent-4{color:#ffab00 !important}.orange{background-color:#ff9800 !important}.orange-text{color:#ff9800 !important}.orange.lighten-5{background-color:#fff3e0 !important}.orange-text.text-lighten-5{color:#fff3e0 !important}.orange.lighten-4{background-color:#ffe0b2 !important}.orange-text.text-lighten-4{color:#ffe0b2 !important}.orange.lighten-3{background-color:#ffcc80 !important}.orange-text.text-lighten-3{color:#ffcc80 !important}.orange.lighten-2{background-color:#ffb74d !important}.orange-text.text-lighten-2{color:#ffb74d !important}.orange.lighten-1{background-color:#ffa726 !important}.orange-text.text-lighten-1{color:#ffa726 !important}.orange.darken-1{background-color:#fb8c00 !important}.orange-text.text-darken-1{color:#fb8c00 !important}.orange.darken-2{background-color:#f57c00 !important}.orange-text.text-darken-2{color:#f57c00 !important}.orange.darken-3{background-color:#ef6c00 !important}.orange-text.text-darken-3{color:#ef6c00 !important}.orange.darken-4{background-color:#e65100 !important}.orange-text.text-darken-4{color:#e65100 !important}.orange.accent-1{background-color:#ffd180 !important}.orange-text.text-accent-1{color:#ffd180 !important}.orange.accent-2{background-color:#ffab40 !important}.orange-text.text-accent-2{color:#ffab40 !important}.orange.accent-3{background-color:#ff9100 !important}.orange-text.text-accent-3{color:#ff9100 !important}.orange.accent-4{background-color:#ff6d00 !important}.orange-text.text-accent-4{color:#ff6d00 !important}.deep-orange{background-color:#ff5722 !important}.deep-orange-text{color:#ff5722 !important}.deep-orange.lighten-5{background-color:#fbe9e7 !important}.deep-orange-text.text-lighten-5{color:#fbe9e7 !important}.deep-orange.lighten-4{background-color:#ffccbc !important}.deep-orange-text.text-lighten-4{color:#ffccbc !important}.deep-orange.lighten-3{background-color:#ffab91 !important}.deep-orange-text.text-lighten-3{color:#ffab91 !important}.deep-orange.lighten-2{background-color:#ff8a65 !important}.deep-orange-text.text-lighten-2{color:#ff8a65 !important}.deep-orange.lighten-1{background-color:#ff7043 !important}.deep-orange-text.text-lighten-1{color:#ff7043 !important}.deep-orange.darken-1{background-color:#f4511e !important}.deep-orange-text.text-darken-1{color:#f4511e !important}.deep-orange.darken-2{background-color:#e64a19 !important}.deep-orange-text.text-darken-2{color:#e64a19 !important}.deep-orange.darken-3{background-color:#d84315 !important}.deep-orange-text.text-darken-3{color:#d84315 !important}.deep-orange.darken-4{background-color:#bf360c !important}.deep-orange-text.text-darken-4{color:#bf360c !important}.deep-orange.accent-1{background-color:#ff9e80 !important}.deep-orange-text.text-accent-1{color:#ff9e80 !important}.deep-orange.accent-2{background-color:#ff6e40 !important}.deep-orange-text.text-accent-2{color:#ff6e40 !important}.deep-orange.accent-3{background-color:#ff3d00 !important}.deep-orange-text.text-accent-3{color:#ff3d00 !important}.deep-orange.accent-4{background-color:#dd2c00 !important}.deep-orange-text.text-accent-4{color:#dd2c00 !important}.brown{background-color:#795548 !important}.brown-text{color:#795548 !important}.brown.lighten-5{background-color:#efebe9 !important}.brown-text.text-lighten-5{color:#efebe9 !important}.brown.lighten-4{background-color:#d7ccc8 !important}.brown-text.text-lighten-4{color:#d7ccc8 !important}.brown.lighten-3{background-color:#bcaaa4 !important}.brown-text.text-lighten-3{color:#bcaaa4 !important}.brown.lighten-2{background-color:#a1887f !important}.brown-text.text-lighten-2{color:#a1887f !important}.brown.lighten-1{background-color:#8d6e63 !important}.brown-text.text-lighten-1{color:#8d6e63 !important}.brown.darken-1{background-color:#6d4c41 !important}.brown-text.text-darken-1{color:#6d4c41 !important}.brown.darken-2{background-color:#5d4037 !important}.brown-text.text-darken-2{color:#5d4037 !important}.brown.darken-3{background-color:#4e342e !important}.brown-text.text-darken-3{color:#4e342e !important}.brown.darken-4{background-color:#3e2723 !important}.brown-text.text-darken-4{color:#3e2723 !important}.blue-grey{background-color:#607d8b !important}.blue-grey-text{color:#607d8b !important}.blue-grey.lighten-5{background-color:#eceff1 !important}.blue-grey-text.text-lighten-5{color:#eceff1 !important}.blue-grey.lighten-4{background-color:#cfd8dc !important}.blue-grey-text.text-lighten-4{color:#cfd8dc !important}.blue-grey.lighten-3{background-color:#b0bec5 !important}.blue-grey-text.text-lighten-3{color:#b0bec5 !important}.blue-grey.lighten-2{background-color:#90a4ae !important}.blue-grey-text.text-lighten-2{color:#90a4ae !important}.blue-grey.lighten-1{background-color:#78909c !important}.blue-grey-text.text-lighten-1{color:#78909c !important}.blue-grey.darken-1{background-color:#546e7a !important}.blue-grey-text.text-darken-1{color:#546e7a !important}.blue-grey.darken-2{background-color:#455a64 !important}.blue-grey-text.text-darken-2{color:#455a64 !important}.blue-grey.darken-3{background-color:#37474f !important}.blue-grey-text.text-darken-3{color:#37474f !important}.blue-grey.darken-4{background-color:#263238 !important}.blue-grey-text.text-darken-4{color:#263238 !important}.grey{background-color:#9e9e9e !important}.grey-text{color:#9e9e9e !important}.grey.lighten-5{background-color:#fafafa !important}.grey-text.text-lighten-5{color:#fafafa !important}.grey.lighten-4{background-color:#f5f5f5 !important}.grey-text.text-lighten-4{color:#f5f5f5 !important}.grey.lighten-3{background-color:#eee !important}.grey-text.text-lighten-3{color:#eee !important}.grey.lighten-2{background-color:#e0e0e0 !important}.grey-text.text-lighten-2{color:#e0e0e0 !important}.grey.lighten-1{background-color:#bdbdbd !important}.grey-text.text-lighten-1{color:#bdbdbd !important}.grey.darken-1{background-color:#757575 !important}.grey-text.text-darken-1{color:#757575 !important}.grey.darken-2{background-color:#616161 !important}.grey-text.text-darken-2{color:#616161 !important}.grey.darken-3{background-color:#424242 !important}.grey-text.text-darken-3{color:#424242 !important}.grey.darken-4{background-color:#212121 !important}.grey-text.text-darken-4{color:#212121 !important}.black{background-color:#000 !important}.black-text{color:#000 !important}.white{background-color:#fff !important}.white-text{color:#fff !important}.transparent{background-color:rgba(0,0,0,0) !important}.transparent-text{color:rgba(0,0,0,0) !important}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}button,input,optgroup,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}ul:not(.browser-default){padding-left:0;list-style-type:none}ul:not(.browser-default)>li{list-style-type:none}a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}.valign-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.clearfix{clear:both}.z-depth-0{-webkit-box-shadow:none !important;box-shadow:none !important}.z-depth-1,nav,.card-panel,.card,.toast,.btn,.btn-large,.btn-small,.btn-floating,.dropdown-content,.collapsible,.sidenav{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}.z-depth-1-half,.btn:hover,.btn-large:hover,.btn-small:hover,.btn-floating:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}.z-depth-2{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}.z-depth-3{-webkit-box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)}.z-depth-4{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -7px rgba(0,0,0,0.2);box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -7px rgba(0,0,0,0.2)}.z-depth-5,.modal{-webkit-box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2)}.hoverable{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s}.hoverable:hover{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.divider{height:1px;overflow:hidden;background-color:#e0e0e0}blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid #ee6e73}i{line-height:inherit}i.left{float:left;margin-right:15px}i.right{float:right;margin-left:15px}i.tiny{font-size:1rem}i.small{font-size:2rem}i.medium{font-size:4rem}i.large{font-size:6rem}img.responsive-img,video.responsive-video{max-width:100%;height:auto}.pagination li{display:inline-block;border-radius:2px;text-align:center;vertical-align:top;height:30px}.pagination li a{color:#444;display:inline-block;font-size:1.2rem;padding:0 10px;line-height:30px}.pagination li.active a{color:#fff}.pagination li.active{background-color:#ee6e73}.pagination li.disabled a{cursor:default;color:#999}.pagination li i{font-size:2rem}.pagination li.pages ul li{display:inline-block;float:none}@media only screen and (max-width: 992px){.pagination{width:100%}.pagination li.prev,.pagination li.next{width:10%}.pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}}.breadcrumb{font-size:18px;color:rgba(255,255,255,0.7)}.breadcrumb i,.breadcrumb [class^="mdi-"],.breadcrumb [class*="mdi-"],.breadcrumb i.material-icons{display:inline-block;float:left;font-size:24px}.breadcrumb:before{content:'E5CC';color:rgba(255,255,255,0.7);vertical-align:top;display:inline-block;font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:25px;margin:0 10px 0 8px;-webkit-font-smoothing:antialiased}.breadcrumb:first-child:before{display:none}.breadcrumb:last-child{color:#fff}.parallax-container{position:relative;overflow:hidden;height:500px}.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.parallax-container .parallax img{opacity:0;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pin-top,.pin-bottom{position:relative}.pinned{position:fixed !important}ul.staggered-list li{opacity:0}.fade-in{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}@media only screen and (max-width: 600px){.hide-on-small-only,.hide-on-small-and-down{display:none !important}}@media only screen and (max-width: 992px){.hide-on-med-and-down{display:none !important}}@media only screen and (min-width: 601px){.hide-on-med-and-up{display:none !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.hide-on-med-only{display:none !important}}@media only screen and (min-width: 993px){.hide-on-large-only{display:none !important}}@media only screen and (min-width: 1201px){.hide-on-extra-large-only{display:none !important}}@media only screen and (min-width: 1201px){.show-on-extra-large{display:block !important}}@media only screen and (min-width: 993px){.show-on-large{display:block !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.show-on-medium{display:block !important}}@media only screen and (max-width: 600px){.show-on-small{display:block !important}}@media only screen and (min-width: 601px){.show-on-medium-and-up{display:block !important}}@media only screen and (max-width: 992px){.show-on-medium-and-down{display:block !important}}@media only screen and (max-width: 600px){.center-on-small-only{text-align:center}}.page-footer{padding-top:20px;color:#fff;background-color:#ee6e73}.page-footer .footer-copyright{overflow:hidden;min-height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0px;color:rgba(255,255,255,0.8);background-color:rgba(51,51,51,0.08)}table,th,td{border:none}table{width:100%;display:table;border-collapse:collapse;border-spacing:0}table.striped tr{border-bottom:none}table.striped>tbody>tr:nth-child(odd){background-color:rgba(242,242,242,0.5)}table.striped>tbody>tr>td{border-radius:0}table.highlight>tbody>tr{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}table.highlight>tbody>tr:hover{background-color:rgba(242,242,242,0.5)}table.centered thead tr th,table.centered tbody tr td{text-align:center}tr{border-bottom:1px solid rgba(0,0,0,0.12)}td,th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:2px}@media only screen and (max-width: 992px){table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}table.responsive-table td:empty:before{content:'00a0'}table.responsive-table th,table.responsive-table td{margin:0;vertical-align:top}table.responsive-table th{text-align:left}table.responsive-table thead{display:block;float:left}table.responsive-table thead tr{display:block;padding:0 10px 0 0}table.responsive-table thead tr th::before{content:"00a0"}table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}table.responsive-table tbody tr{display:inline-block;vertical-align:top}table.responsive-table th{display:block;text-align:right}table.responsive-table td{display:block;min-height:1.25em;text-align:left}table.responsive-table tr{border-bottom:none;padding:0 10px}table.responsive-table thead{border:0;border-right:1px solid rgba(0,0,0,0.12)}}.collection{margin:.5rem 0 1rem 0;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;position:relative}.collection .collection-item{background-color:#fff;line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid #e0e0e0}.collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}.collection .collection-item.avatar:not(.circle-clipper)>.circle,.collection .collection-item.avatar :not(.circle-clipper)>.circle{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}.collection .collection-item.avatar i.circle{font-size:18px;line-height:42px;color:#fff;background-color:#999;text-align:center}.collection .collection-item.avatar .title{font-size:16px}.collection .collection-item.avatar p{margin:0}.collection .collection-item.avatar .secondary-content{position:absolute;top:16px;right:16px}.collection .collection-item:last-child{border-bottom:none}.collection .collection-item.active{background-color:#26a69a;color:#eafaf9}.collection .collection-item.active .secondary-content{color:#fff}.collection a.collection-item{display:block;-webkit-transition:.25s;transition:.25s;color:#26a69a}.collection a.collection-item:not(.active):hover{background-color:#ddd}.collection.with-header .collection-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:10px 20px}.collection.with-header .collection-item{padding-left:30px}.collection.with-header .collection-item.avatar{padding-left:72px}.secondary-content{float:right;color:#26a69a}.collapsible .collection{margin:0;border:none}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.progress{position:relative;height:4px;display:block;width:100%;background-color:#acece6;border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:#26a69a;-webkit-transition:width .3s linear;transition:width .3s linear}.progress .indeterminate{background-color:#26a69a}.progress .indeterminate:before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}.progress .indeterminate:after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.hide{display:none !important}.left-align{text-align:left}.right-align{text-align:right}.center,.center-align{text-align:center}.left{float:left !important}.right{float:right !important}.no-select,input[type=range],input[type=range]+.thumb{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.circle{border-radius:50%}.center-block{display:block;margin-left:auto;margin-right:auto}.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-padding{padding:0 !important}span.badge{min-width:3rem;padding:0 6px;margin-left:14px;text-align:center;font-size:1rem;line-height:22px;height:22px;color:#757575;float:right;-webkit-box-sizing:border-box;box-sizing:border-box}span.badge.new{font-weight:300;font-size:0.8rem;color:#fff;background-color:#26a69a;border-radius:2px}span.badge.new:after{content:" new"}span.badge[data-badge-caption]::after{content:" " attr(data-badge-caption)}nav ul a span.badge{display:inline-block;float:none;margin-left:4px;line-height:22px;height:22px;-webkit-font-smoothing:auto}.collection-item span.badge{margin-top:calc(.75rem - 11px)}.collapsible span.badge{margin-left:auto}.sidenav span.badge{margin-top:calc(24px - 11px)}table span.badge{display:inline-block;float:none;margin-left:auto}.material-icons{text-rendering:optimizeLegibility;-webkit-font-feature-settings:'liga';-moz-font-feature-settings:'liga';font-feature-settings:'liga'}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width: 601px){.container{width:85%}}@media only screen and (min-width: 993px){.container{width:70%}}.col .row{margin-left:-.75rem;margin-right:-.75rem}.section{padding-top:1rem;padding-bottom:1rem}.section.no-pad{padding:0}.section.no-pad-bot{padding-bottom:0}.section.no-pad-top{padding-top:0}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row .col{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .75rem;min-height:1px}.row .col[class*="push-"],.row .col[class*="pull-"]{position:relative}.row .col.s1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.s4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.s7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.s10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-s1{margin-left:8.3333333333%}.row .col.pull-s1{right:8.3333333333%}.row .col.push-s1{left:8.3333333333%}.row .col.offset-s2{margin-left:16.6666666667%}.row .col.pull-s2{right:16.6666666667%}.row .col.push-s2{left:16.6666666667%}.row .col.offset-s3{margin-left:25%}.row .col.pull-s3{right:25%}.row .col.push-s3{left:25%}.row .col.offset-s4{margin-left:33.3333333333%}.row .col.pull-s4{right:33.3333333333%}.row .col.push-s4{left:33.3333333333%}.row .col.offset-s5{margin-left:41.6666666667%}.row .col.pull-s5{right:41.6666666667%}.row .col.push-s5{left:41.6666666667%}.row .col.offset-s6{margin-left:50%}.row .col.pull-s6{right:50%}.row .col.push-s6{left:50%}.row .col.offset-s7{margin-left:58.3333333333%}.row .col.pull-s7{right:58.3333333333%}.row .col.push-s7{left:58.3333333333%}.row .col.offset-s8{margin-left:66.6666666667%}.row .col.pull-s8{right:66.6666666667%}.row .col.push-s8{left:66.6666666667%}.row .col.offset-s9{margin-left:75%}.row .col.pull-s9{right:75%}.row .col.push-s9{left:75%}.row .col.offset-s10{margin-left:83.3333333333%}.row .col.pull-s10{right:83.3333333333%}.row .col.push-s10{left:83.3333333333%}.row .col.offset-s11{margin-left:91.6666666667%}.row .col.pull-s11{right:91.6666666667%}.row .col.push-s11{left:91.6666666667%}.row .col.offset-s12{margin-left:100%}.row .col.pull-s12{right:100%}.row .col.push-s12{left:100%}@media only screen and (min-width: 601px){.row .col.m1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.m4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.m7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.m10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-m1{margin-left:8.3333333333%}.row .col.pull-m1{right:8.3333333333%}.row .col.push-m1{left:8.3333333333%}.row .col.offset-m2{margin-left:16.6666666667%}.row .col.pull-m2{right:16.6666666667%}.row .col.push-m2{left:16.6666666667%}.row .col.offset-m3{margin-left:25%}.row .col.pull-m3{right:25%}.row .col.push-m3{left:25%}.row .col.offset-m4{margin-left:33.3333333333%}.row .col.pull-m4{right:33.3333333333%}.row .col.push-m4{left:33.3333333333%}.row .col.offset-m5{margin-left:41.6666666667%}.row .col.pull-m5{right:41.6666666667%}.row .col.push-m5{left:41.6666666667%}.row .col.offset-m6{margin-left:50%}.row .col.pull-m6{right:50%}.row .col.push-m6{left:50%}.row .col.offset-m7{margin-left:58.3333333333%}.row .col.pull-m7{right:58.3333333333%}.row .col.push-m7{left:58.3333333333%}.row .col.offset-m8{margin-left:66.6666666667%}.row .col.pull-m8{right:66.6666666667%}.row .col.push-m8{left:66.6666666667%}.row .col.offset-m9{margin-left:75%}.row .col.pull-m9{right:75%}.row .col.push-m9{left:75%}.row .col.offset-m10{margin-left:83.3333333333%}.row .col.pull-m10{right:83.3333333333%}.row .col.push-m10{left:83.3333333333%}.row .col.offset-m11{margin-left:91.6666666667%}.row .col.pull-m11{right:91.6666666667%}.row .col.push-m11{left:91.6666666667%}.row .col.offset-m12{margin-left:100%}.row .col.pull-m12{right:100%}.row .col.push-m12{left:100%}}@media only screen and (min-width: 993px){.row .col.l1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.l4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.l10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-l1{margin-left:8.3333333333%}.row .col.pull-l1{right:8.3333333333%}.row .col.push-l1{left:8.3333333333%}.row .col.offset-l2{margin-left:16.6666666667%}.row .col.pull-l2{right:16.6666666667%}.row .col.push-l2{left:16.6666666667%}.row .col.offset-l3{margin-left:25%}.row .col.pull-l3{right:25%}.row .col.push-l3{left:25%}.row .col.offset-l4{margin-left:33.3333333333%}.row .col.pull-l4{right:33.3333333333%}.row .col.push-l4{left:33.3333333333%}.row .col.offset-l5{margin-left:41.6666666667%}.row .col.pull-l5{right:41.6666666667%}.row .col.push-l5{left:41.6666666667%}.row .col.offset-l6{margin-left:50%}.row .col.pull-l6{right:50%}.row .col.push-l6{left:50%}.row .col.offset-l7{margin-left:58.3333333333%}.row .col.pull-l7{right:58.3333333333%}.row .col.push-l7{left:58.3333333333%}.row .col.offset-l8{margin-left:66.6666666667%}.row .col.pull-l8{right:66.6666666667%}.row .col.push-l8{left:66.6666666667%}.row .col.offset-l9{margin-left:75%}.row .col.pull-l9{right:75%}.row .col.push-l9{left:75%}.row .col.offset-l10{margin-left:83.3333333333%}.row .col.pull-l10{right:83.3333333333%}.row .col.push-l10{left:83.3333333333%}.row .col.offset-l11{margin-left:91.6666666667%}.row .col.pull-l11{right:91.6666666667%}.row .col.push-l11{left:91.6666666667%}.row .col.offset-l12{margin-left:100%}.row .col.pull-l12{right:100%}.row .col.push-l12{left:100%}}@media only screen and (min-width: 1201px){.row .col.xl1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.xl4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.xl7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.xl10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-xl1{margin-left:8.3333333333%}.row .col.pull-xl1{right:8.3333333333%}.row .col.push-xl1{left:8.3333333333%}.row .col.offset-xl2{margin-left:16.6666666667%}.row .col.pull-xl2{right:16.6666666667%}.row .col.push-xl2{left:16.6666666667%}.row .col.offset-xl3{margin-left:25%}.row .col.pull-xl3{right:25%}.row .col.push-xl3{left:25%}.row .col.offset-xl4{margin-left:33.3333333333%}.row .col.pull-xl4{right:33.3333333333%}.row .col.push-xl4{left:33.3333333333%}.row .col.offset-xl5{margin-left:41.6666666667%}.row .col.pull-xl5{right:41.6666666667%}.row .col.push-xl5{left:41.6666666667%}.row .col.offset-xl6{margin-left:50%}.row .col.pull-xl6{right:50%}.row .col.push-xl6{left:50%}.row .col.offset-xl7{margin-left:58.3333333333%}.row .col.pull-xl7{right:58.3333333333%}.row .col.push-xl7{left:58.3333333333%}.row .col.offset-xl8{margin-left:66.6666666667%}.row .col.pull-xl8{right:66.6666666667%}.row .col.push-xl8{left:66.6666666667%}.row .col.offset-xl9{margin-left:75%}.row .col.pull-xl9{right:75%}.row .col.push-xl9{left:75%}.row .col.offset-xl10{margin-left:83.3333333333%}.row .col.pull-xl10{right:83.3333333333%}.row .col.push-xl10{left:83.3333333333%}.row .col.offset-xl11{margin-left:91.6666666667%}.row .col.pull-xl11{right:91.6666666667%}.row .col.push-xl11{left:91.6666666667%}.row .col.offset-xl12{margin-left:100%}.row .col.pull-xl12{right:100%}.row .col.push-xl12{left:100%}}nav{color:#fff;background-color:#ee6e73;width:100%;height:56px;line-height:56px}nav.nav-extended{height:auto}nav.nav-extended .nav-wrapper{min-height:56px;height:auto}nav.nav-extended .nav-content{position:relative;line-height:normal}nav a{color:#fff}nav i,nav [class^="mdi-"],nav [class*="mdi-"],nav i.material-icons{display:block;font-size:24px;height:56px;line-height:56px}nav .nav-wrapper{position:relative;height:100%}@media only screen and (min-width: 993px){nav a.sidenav-trigger{display:none}}nav .sidenav-trigger{float:left;position:relative;z-index:1;height:56px;margin:0 18px}nav .sidenav-trigger i{height:56px;line-height:56px}nav .brand-logo{position:absolute;color:#fff;display:inline-block;font-size:2.1rem;padding:0}nav .brand-logo.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width: 992px){nav .brand-logo{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}nav .brand-logo.left,nav .brand-logo.right{padding:0;-webkit-transform:none;transform:none}nav .brand-logo.left{left:0.5rem}nav .brand-logo.right{right:0.5rem;left:auto}}nav .brand-logo.right{right:0.5rem;padding:0}nav .brand-logo i,nav .brand-logo [class^="mdi-"],nav .brand-logo [class*="mdi-"],nav .brand-logo i.material-icons{float:left;margin-right:15px}nav .nav-title{display:inline-block;font-size:32px;padding:28px 0}nav ul{margin:0}nav ul li{-webkit-transition:background-color .3s;transition:background-color .3s;float:left;padding:0}nav ul li.active{background-color:rgba(0,0,0,0.1)}nav ul a{-webkit-transition:background-color .3s;transition:background-color .3s;font-size:1rem;color:#fff;display:block;padding:0 15px;cursor:pointer}nav ul a.btn,nav ul a.btn-large,nav ul a.btn-small,nav ul a.btn-large,nav ul a.btn-flat,nav ul a.btn-floating{margin-top:-2px;margin-left:15px;margin-right:15px}nav ul a.btn>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-small>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-flat>.material-icons,nav ul a.btn-floating>.material-icons{height:inherit;line-height:inherit}nav ul a:hover{background-color:rgba(0,0,0,0.1)}nav ul.left{float:left}nav form{height:100%}nav .input-field{margin:0;height:100%}nav .input-field input{height:100%;font-size:1.2rem;border:none;padding-left:2rem}nav .input-field input:focus,nav .input-field input[type=text]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=url]:valid,nav .input-field input[type=date]:valid{border:none;-webkit-box-shadow:none;box-shadow:none}nav .input-field label{top:0;left:0}nav .input-field label i{color:rgba(255,255,255,0.7);-webkit-transition:color .3s;transition:color .3s}nav .input-field label.active i{color:#fff}.navbar-fixed{position:relative;height:56px;z-index:997}.navbar-fixed nav{position:fixed}@media only screen and (min-width: 601px){nav.nav-extended .nav-wrapper{min-height:64px}nav,nav .nav-wrapper i,nav a.sidenav-trigger,nav a.sidenav-trigger i{height:64px;line-height:64px}.navbar-fixed{height:64px}}a{text-decoration:none}html{line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-weight:normal;color:rgba(0,0,0,0.87)}@media only screen and (min-width: 0){html{font-size:14px}}@media only screen and (min-width: 992px){html{font-size:14.5px}}@media only screen and (min-width: 1200px){html{font-size:15px}}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.3}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:4.2rem;line-height:110%;margin:2.8rem 0 1.68rem 0}h2{font-size:3.56rem;line-height:110%;margin:2.3733333333rem 0 1.424rem 0}h3{font-size:2.92rem;line-height:110%;margin:1.9466666667rem 0 1.168rem 0}h4{font-size:2.28rem;line-height:110%;margin:1.52rem 0 .912rem 0}h5{font-size:1.64rem;line-height:110%;margin:1.0933333333rem 0 .656rem 0}h6{font-size:1.15rem;line-height:110%;margin:.7666666667rem 0 .46rem 0}em{font-style:italic}strong{font-weight:500}small{font-size:75%}.light{font-weight:300}.thin{font-weight:200}@media only screen and (min-width: 360px){.flow-text{font-size:1.2rem}}@media only screen and (min-width: 390px){.flow-text{font-size:1.224rem}}@media only screen and (min-width: 420px){.flow-text{font-size:1.248rem}}@media only screen and (min-width: 450px){.flow-text{font-size:1.272rem}}@media only screen and (min-width: 480px){.flow-text{font-size:1.296rem}}@media only screen and (min-width: 510px){.flow-text{font-size:1.32rem}}@media only screen and (min-width: 540px){.flow-text{font-size:1.344rem}}@media only screen and (min-width: 570px){.flow-text{font-size:1.368rem}}@media only screen and (min-width: 600px){.flow-text{font-size:1.392rem}}@media only screen and (min-width: 630px){.flow-text{font-size:1.416rem}}@media only screen and (min-width: 660px){.flow-text{font-size:1.44rem}}@media only screen and (min-width: 690px){.flow-text{font-size:1.464rem}}@media only screen and (min-width: 720px){.flow-text{font-size:1.488rem}}@media only screen and (min-width: 750px){.flow-text{font-size:1.512rem}}@media only screen and (min-width: 780px){.flow-text{font-size:1.536rem}}@media only screen and (min-width: 810px){.flow-text{font-size:1.56rem}}@media only screen and (min-width: 840px){.flow-text{font-size:1.584rem}}@media only screen and (min-width: 870px){.flow-text{font-size:1.608rem}}@media only screen and (min-width: 900px){.flow-text{font-size:1.632rem}}@media only screen and (min-width: 930px){.flow-text{font-size:1.656rem}}@media only screen and (min-width: 960px){.flow-text{font-size:1.68rem}}@media only screen and (max-width: 360px){.flow-text{font-size:1.2rem}}.scale-transition{-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important}.scale-transition.scale-out{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s !important;transition:-webkit-transform .2s !important;transition:transform .2s !important;transition:transform .2s, -webkit-transform .2s !important}.scale-transition.scale-in{-webkit-transform:scale(1);transform:scale(1)}.card-panel{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;padding:24px;margin:.5rem 0 1rem 0;border-radius:2px;background-color:#fff}
div.header-row
{
    /*height: 64px;
    line-height: 64px;*/
}
div.header-text 
{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.overlay-wrapper
{
	position: relative;
}
img.base-image
{
    border-radius: 12px;
}
img.overlay-image 
{
	position: absolute;
	top: 0;
	left: 0;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}
img.overlay-image:hover 
{
    opacity: 1;
}

.intro.early-preview
{
	font-style: italic;
}

.intro,
.trivia,
.intro p,
.trivia p
{
/*ref. responsive.fill.css*/
    text-align: justify;
}
p.lyrics
{
/*ref. responsive.fill.css*/
	white-space: pre;
}
span.title
{
	display: block;
}
span.release
{
	display: block;
}
h4 span.title
{
	font-weight: bold;
}
h5 span.release
{
	font-weight: normal;
}
h5 span.album
{
	font-weight: normal;
}
.artist-homage
{
	display: none;
}

.primary-details
{
	margin-top: 20px;
}
.primary-details span
{
	display: block;
	font-size: 1.5em;
	white-space: nowrap;
	font-style: italic;
}
.hide-on-small-only .primary-details span
{
	border-right: solid 5px currentColor;
	padding-right: 21px;
}
.hide-on-med-and-up .primary-details span
{
	border-left: solid 5px currentColor;
	padding-left: 21px;
}
.secondary-details span
{
	display: block;
	font-size: 1.1em;
	white-space: nowrap;
}
.hide-on-small-only.secondary-details span
{
	border-right: solid 5px currentColor;
	padding-right: 21px;
}
.hide-on-med-and-up.secondary-details span
{
	border-left: solid 5px currentColor;
	padding-left: 21px;
}
h5.lyrics
{
	font-weight: bold;
}



html
{
	overflow-x: hidden;
}
body.reconPage h1.pagetitle
{
	margin-bottom: 1.5em;
}
body.reconPage h2
{
	font-size: 3em;
}
body.reconPage ul.showitem
{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
}
body.reconPage ul.showitem li
{
	flex: 0 1 auto;
}
body.reconPage ul.showitem li a
{
	font-size: 2.5em;
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 0.5em;
}
body.reconPage ul.showitem li a button.play-circle-btn
{
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color: white;
	color: #2196f3;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
}
body.reconPage ul.showitem li a button.play-circle-btn i
{
	font-size: 36px;
}

.pagetitle
{
	display: none;
}

.cover-image
{
	margin-top: 32px;
}

.primary-details .sub-genre
{
	text-transform: capitalize;
}


@font-face
{
	font-family: 'Raleway Logo';
	src: url(data:font/woff2;charset=utf-8;base64,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) format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: block;
}

:root
{
	--logo-diagonal-ratio: 0.021;
	--logo-width-ratio: 0.045;
	--logo-h-margin: 0.9em;

	--mobile-genre-label-before-text: "genre";
}

#site-logo
{
	bottom: 3.5em;
	left: var(--logo-h-margin);
	position: fixed;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	text-orientation: mixed;
	font-family: 'Raleway Logo', sans-serif;
	font-weight: 300;
	color: #624458;
	-webkit-text-stroke: 2px #643153;
	text-stroke: 2px #643153;
	line-height: 1;
	z-index: 1000;
	letter-spacing: 0.2em;
}

#site-logo span
{
	font-size: 0;
}

#back-icon
{
/* ref. responsive.fill.css */
	top: 0px;
	left: var(--logo-h-margin);
	position: fixed;
	font-family: 'Raleway Logo', sans-serif;
	color: #9f6e8e;
	font-weight: bold;
	text-stroke: 2px #643153;
	line-height: 1;
	z-index: 1000;
	letter-spacing: 0.2em;
	font-size: calc(0.5 * (max(100vw, 100vh) + (min(100vw, 100vh) * min(100vw, 100vh)) / (2 * max(100vw, 100vh))) * var(--logo-diagonal-ratio));
	transition: color 0.3s ease;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
#back-icon:hover
{
	color: #deb5d0;
}
#back-icon .back-text
{
	display: inline-block;
	vertical-align: -0.15em;
}
#back-icon .back-icon
{
	display: inline-block;
	vertical-align: middle;
}

#audio-speaker .speaker-active,
#audio-speaker .speaker-muted
{
/* ref. responsive.fill.css */
	filter: sepia(1) saturate(0.8) hue-rotate(300deg) brightness(0.7);	/*tint with logo-like color*/
	position: fixed;
	top: 10px;
	left: 10px;
	font-size: calc((max(100vw, 100vh) + (min(100vw, 100vh) * min(100vw, 100vh)) / (2 * max(100vw, 100vh))) * var(--logo-diagonal-ratio));
	z-index: 1100;
}

#lang-strip
{
/* ref. responsive.fill.css */
	transform: scale(0.05);
	transform-origin: top left; 
	position: fixed;
	top: calc(1.7 * (max(100vw, 100vh) + (min(100vw, 100vh) * min(100vw, 100vh)) / (2 * max(100vw, 100vh))) * var(--logo-diagonal-ratio));
	left: 15px;
	z-index: 1100;
}

#site-logo::before
{
/* ref. responsive.fill.css */
	content: "COLLECTIVE UNЯEAL";
	font-size: calc((max(100vw, 100vh) + (min(100vw, 100vh) * min(100vw, 100vh)) / (2 * max(100vw, 100vh))) * var(--logo-diagonal-ratio));
}

#doc
{
/* ref. responsive.fill.css */
	padding-left: calc((max(100vw, 100vh) + (min(100vw, 100vh) * min(100vw, 100vh)) / (2 * max(100vw, 100vh))) * var(--logo-diagonal-ratio) + 1.3 * var(--logo-h-margin));
}

#hamburger-menu-btn 
{
/* ref. responsive.fill.css */
	top: 10px;
	left: 0.28em;
	font-size: calc(100vw * var(--logo-width-ratio) * 1.35);
	position: fixed;
	z-index: 1100;
}

#mobile-menu-container
{
/* ref. home.mobile-menu.fill.css */
	z-index: 950;
}

#mobile-menu-logo-mask
{
/* ref. responsive.fill.css */
    position: fixed;
    top: 0;
    left: 0;
    width: calc((max(100vw, 100vh) + (min(100vw, 100vh) * min(100vw, 100vh)) / (2 * max(100vw, 100vh))) * var(--logo-diagonal-ratio) + 1.3 * var(--logo-h-margin));
    height: 100vh;
    z-index: 975;
    pointer-events: none;
    display: none;
}

.scroll-to-top-btn {
/* ref. responsive.fill.css */
/* ref. scroll-to-top.fill.css */
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: 2rem;
	width: 56px;
	height: 56px;
	z-index: 900;
}


#mobile-genre-label::before
{
/* ref. responsive.fill.css */
	content: var(--mobile-genre-label-before-text);
	font-size: calc(100vw * var(--logo-width-ratio) * 1);
}

#mobile-genre-label
{
	display: none;
	top: calc(100vw * var(--logo-width-ratio) * 2.5);
	left: calc(100vw * var(--logo-width-ratio) * 0.48);
	position: fixed;
	text-transform: uppercase; 
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	text-orientation: mixed;
	font-family: Arial, sans-serif;
	font-weight: 600;
	color: #a37694;
	line-height: 1;
	z-index: 1000;
	letter-spacing: 0.2em;
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: color 0.3s ease;
}

#mobile-genre-label span
{
	font-size: 0;
}

/* Dark theme */
:root {
    --bg-gradient-1: #050001;	/*ref. home.mobile-menu.fill.js*/
    --bg-gradient-2: #2c1423;
    --bg-card-hover: #382d34;
    --fg-text: #e0d7dd;
    --fg-text-high: #f4eff2;
    --fg-text-low: #b5a3af;
    --fg-text-lower: #988592;
}
body {
    min-height: 100vh;
    background: black;
    background: linear-gradient(to right, var(--bg-gradient-1), var(--bg-gradient-2));
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    color: var(--fg-text);
}
html {
    background-color: black;
}

#empty-message
{
	display: none;

	font-family: tahoma, arial, sans-serif;
	color: #624458 !important;
	padding-top: 55px;
	font-size: 2em !important;
	text-align: center !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	width: 60%;
	margin: auto;
}

#empty-message:hover
{
	color: #b2799f !important;
}

.lighten-5 {
   background-color: #121212 !important;
   color: var(--fg-text) !important;
}

.container {
   background-color: transparent !important;
}

.homePage .index .track {
   background-color: #241820 !important;
   color: var(--fg-text) !important;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3), 0 12px 24px rgba(0, 0, 0, 0.6) !important;
}

@media (hover: hover) and (pointer: fine)
{
	.homePage .index .track:hover 
	{
		background-color: var(--bg-card-hover) !important;
		transform: scale(1.125);
	}
}

.page-footer {
   background-color: transparent !important;
   color: var(--fg-text) !important;
   padding-bottom: 60px;
}

nav, nav .nav-wrapper {
    background-color: transparent !important;
    background: transparent !important;
}

/* Track listing styles */
.homePage .index {
/* ref. responsive.fill.css */
    display: grid;
    grid-template-columns: repeat(auto-fit, 420px);
    justify-content: center;
    gap: 1rem;
    margin: 2rem auto;
    margin-bottom: 4rem;
    max-width: none;
}

.homePage .index .track,
.homePage .index .lang-label {
/* ref. responsive.fill.css */
    width: 420px;
    
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 1rem;
    padding: 0.75rem;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease, filter 0.2s ease !important;
}

/*track language grouping*/
.homePage .index .lang-label 
{
/*ref. responsive.fill.css*/	
   background-color: #241820 !important;
   color: var(--fg-text) !important;
}

.homePage .lang-label-title {
/*ref. responsive.fill.css*/	
	font-family: tahoma, arial, sans-serif;
	color: #624458 !important;
	padding-top: 75px;
	font-size: 10em !important;
	text-align: center !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
}
.homePage .lang-label-title.lang-label-title-small {
/*ref. responsive.fill.css*/	
	font-size: 7em !important;
	padding-top: 95px;
}

.homePage .index .track-placeholder {
   background: transparent;
}

/* Container max-width control */
.homePage .container {
    max-width: none;
    width: 100%;
    padding: 0 1rem;
}

.homePage .index .track {
    text-decoration: none;
    color: inherit;
    background-color: #241820 !important;
}

.track-thumb {
/* ref. responsive.fill.css */
    width: 384px;
    height: 216px;
    border-radius: 12px;
    object-fit: cover;
    justify-self: center;
	border: 1px solid #383136;
	box-shadow: 0 0 20px #383136;
	margin-bottom: 7px;
}

.track-info {
/* ref. responsive.fill.css */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    width: 384px;
    margin: 0 auto;
}

.track-left {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    text-align: left;
    flex: 1;
}

.track-right {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    text-align: right;
    flex-shrink: 0;
}

.track-artist {
	color: var(--fg-text-high) !important;
	font-weight: 400;
	font-size: 0.9rem;
	line-height: 1.2;
	word-wrap: break-word;
}

.track-title {
	color: var(--fg-text) !important;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
}

.track-qualifier {
	color: var(--fg-text-low) !important;
	font-weight: 400;
	font-size: 0.8rem;
	line-height: 1.2;
	word-wrap: break-word;
}

.track-meta-1,
.track-meta-2,
.track-meta-3,
.track-meta-4,
.track-meta-5,
.track-meta-6
{
    color: var(--fg-text-lower);
    font-size: 0.8rem;
    line-height: 1.2;
    white-space: nowrap;
}

.track-meta-1,
.track-meta-2,
.track-meta-3,
.track-meta-4
{
	text-transform: capitalize;
}

.track-act-parent
{
    white-space: nowrap;
}


html {
/* ref. responsive.fill.css */
	overflow-y: scroll;
}

:root
{
	--stripe-width: 55px;
	--stripe-hspace-width: 35px;
	--stripe-label-width: 220px;
	--stripe-segment-top-line-size: 6px;
	--stripe-segment-right-line-size: 3px;
}

#right-stripe-container
{
/* ref. responsive.fill.css */
	position: fixed;
	top: 0;
	right: 0;
	width: var(--stripe-width);
	height: 100vh;
	box-shadow: -13px 0 32px rgba(0, 0, 0, 0.9);
	background-color: #f2e9f0;
	z-index: 1000;
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	touch-action: none;
}
#right-stripe
{
	position: relative;
	width: var(--stripe-width);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex-shrink: 0;
}

#right-stripe #scroll-container
{
	position: relative;
	width: var(--stripe-width);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	font-family: Arial, sans-serif;
	flex-shrink: 0;
}

/*enable segments to proportionally fill the free vertical strip space*/
#right-stripe #scroll-container
{
	display: flex;
	flex-direction: column;
	height: 100%;
}
#right-stripe .segment
{
	flex: 1 1 0;
	height: auto;
}

/*scroll hint arrows*/
#right-stripe .scroll-arrow
{
	position: absolute;
	left: 0;
	width: var(--stripe-width);
	text-align: center;
	z-index: 1100;
	cursor: pointer;
	user-select: none;
	line-height: 1;
}
#right-stripe .scroll-arrow .arrow-char
{
	font-size: 2.5em;
	color: rgba(255, 255, 255, 0.85);
	-webkit-text-stroke: 3px white;
	text-stroke: 3px white;
	display: inline-block;
	transform: scaleY(0.6);
	filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.6));
}
#right-stripe .scroll-arrow.arrow-top
{
	top: 10px;
}
#right-stripe .scroll-arrow.arrow-bottom
{
	bottom: 10px;
}
#right-stripe .scroll-arrow.hidden
{
	opacity: 0;
	pointer-events: none;
}
#right-stripe .scroll-arrow:hover
{
	opacity: 0.3;
	transition: opacity 0.2s ease;
}
#right-stripe .scroll-arrow.hidden:hover 
{
	opacity: 0;
}
@media (hover: none) and (pointer: coarse)
{
	#right-stripe .scroll-arrow:hover
	{
		opacity: 1;
		transition: none;
	}
}


:root
{
	--bounce-distance: 10px;
	--secondary-distance: 11px;
}

/* Bounce down - double heartbeat */
@keyframes bounce-down
{
	0% 
	{
		transform: translateY(0);
		animation-timing-function: cubic-bezier(0.34, 1.6, 0.64, 1); /* First spring release */
	}
	25% 
	{
		transform: translateY(var(--bounce-distance)); /* First beat impact */
		animation-timing-function: linear; /* Small retraction */
	}
	32% 
	{
		transform: translateY(calc(var(--bounce-distance) * 0.65)); /* Retract 35% */
		animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); /* Second spring release (weaker) */
	}
	40% 
	{
		transform: translateY(var(--secondary-distance)); /* Second beat impact */
		animation-timing-function: cubic-bezier(0, 0.6, 0.2, 1); /* Slower full retraction */
	}
	100% 
	{
		transform: translateY(0);
	}
}

/* Bounce up - double heartbeat */
@keyframes bounce-up
{
	0%
	{
		transform: translateY(0);
		animation-timing-function: cubic-bezier(0.34, 1.6, 0.64, 1);
	}
	25%
	{
		transform: translateY(calc(-1 * var(--bounce-distance)));
		animation-timing-function: linear;
	}
	32%
	{
		transform: translateY(calc(-1 * var(--bounce-distance) * 0.65));
		animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
	}
	40%
	{
		transform: translateY(calc(-1 * var(--secondary-distance)));
		animation-timing-function: cubic-bezier(0, 0.6, 0.2, 1);
	}
	100%
	{
		transform: translateY(0);
	}
}
.scroll-arrow.bounce-up
{
	animation: bounce-up 1s infinite;
}

.scroll-arrow.bounce-down
{
	animation: bounce-down 1s infinite;
}



#audio-speaker .speaker-active,
#audio-speaker .speaker-muted
{
	/*color, size and position in logo.fill.css*/
	cursor: pointer;
	user-select: none;
	opacity: 0.4;
	transition: opacity 0.2s ease;
}
#audio-speaker .speaker-active:hover,
#audio-speaker .speaker-muted:hover
{
	opacity: 1;
}

#audio-speaker.hidden
{
	opacity: 0;
	pointer-events: none;
}

#audio-speaker .speaker-icon
{
	display: inline-block;
	transition: opacity 0.2s ease;
}

#audio-speaker .speaker-icon.hidden
{
	opacity: 0;
	pointer-events: none;
	position: absolute;
}

#audio-speaker .speaker-icon.speaker-active.pulse-heartbeat
{
	animation: pulse-heartbeat 1s infinite;
	animation-delay: -0.2s; /* Adjust this value */
}

@keyframes pulse-heartbeat
{
	0%
	{
		transform: scale(1);
		animation-timing-function: cubic-bezier(0.34, 1.6, 0.64, 1);
	}
	25%
	{
		transform: scale(1.15);
		animation-timing-function: linear;
	}
	32%
	{
		transform: scale(1.05);
		animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
	}
	40%
	{
		transform: scale(1.12);
		animation-timing-function: cubic-bezier(0, 0.6, 0.2, 1);
	}
	100%
	{
		transform: scale(1);
	}
}


#right-stripe .label,	/*default for overflow experiments*/
#right-stripe-labels .label
{ --sbgc--: #fff0f0; --sfgc--: #993333; --sbordc--: #e8bfbf; }

#right-stripe .genre-all,
#right-stripe-labels .genre-all
{ --sbgc--: #cce5ff; --sfgc--: #336699; --sbordc--: #aac8e6; }  

#right-stripe .genre-rock,
#right-stripe-labels .genre-rock
{ --sbgc--: #ffe0e6; --sfgc--: #993344; --sbordc--: #f5b9c4; }

#right-stripe .genre-pop,
#right-stripe-labels .genre-pop
{ --sbgc--: #e0ccff; --sfgc--: #6032a6; --sbordc--: #c8a9f0; }

#right-stripe .genre-country,
#right-stripe-labels .genre-country
{ --sbgc--: #e6ffe6; --sfgc--: #2a7a2a; --sbordc--: #b8e6b8; }

#right-stripe .genre-electro,
#right-stripe-labels .genre-electro
{ --sbgc--: #e0f7ff; --sfgc--: #1d7f94; --sbordc--: #b2e8f2; }

#right-stripe .genre-jazz,
#right-stripe-labels .genre-jazz
{ --sbgc--: #fff0cc; --sfgc--: #8c6e19; --sbordc--: #e8d49f; }

#right-stripe .genre-world,
#right-stripe-labels .genre-world
{ --sbgc--: #f0e0ff; --sfgc--: #6e34a3; --sbordc--: #d5b9f0; }

#right-stripe .genre-soul,
#right-stripe-labels .genre-soul
{ --sbgc--: #fff0f0; --sfgc--: #993333; --sbordc--: #e8bfbf; }

#right-stripe .genre-score,
#right-stripe-labels .genre-score
{ --sbgc--: #fef0d1; --sfgc--: #996633; --sbordc--: #e6c79b; }

#right-stripe .genre-hiphop,
#right-stripe-labels .genre-hiphop
{ --sbgc--: #f0e8ff; --sfgc--: #5a3399; --sbordc--: #ccb8f2; }

#right-stripe .genre-nsfw,
#right-stripe-labels .genre-nsfw
{ --sbgc--: #ffe6e6; --sfgc--: #b32424; --sbordc--: #f2b8b8; }

#right-stripe .segment
{
	display: flex;
	align-items: center;
	justify-content: center;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	text-align: center;
	user-select: none;
	padding-top: 1.3em;
	padding-bottom: 1.3em;
	flex-shrink: 0;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;

	background: var(--sbgc--);
	color: var(--sfgc--);

	border-top: solid var(--stripe-segment-top-line-size) var(--sbordc--);
	border-right: solid var(--stripe-segment-right-line-size) var(--sbordc--);

	position: relative;
	cursor: pointer;
}

#right-stripe .segment::after
{
	content: "";
	position: absolute;
	bottom: calc( -1.8 * var(--stripe-segment-top-line-size) );
	right: calc( -1.9 * var(--stripe-segment-right-line-size) );
	width: var(--stripe-segment-right-line-size);
	height: var(--stripe-segment-top-line-size);
	border-top: var(--stripe-segment-top-line-size) solid var(--sbordc--);
	border-right: var(--stripe-segment-right-line-size) solid var(--sbordc--);
	border-bottom: var(--stripe-segment-top-line-size) solid transparent;
	border-left: var(--stripe-segment-right-line-size) solid transparent;

	z-index: 1200;
}

#right-stripe-labels
{
	position: absolute;
	top: 0;
	right: var(--stripe-width);
	pointer-events: none;

	z-index: 0;
}

#right-stripe-labels .label
{
	position: absolute;
	right: 0;
	display: none;
	background: var(--sbgc--);
	color: var(--sfgc--);
	border-top: solid var(--stripe-segment-top-line-size) var(--sbordc--);
	box-shadow: -0.8em 0 2em rgba(0, 0, 0, 0.9);
	white-space: nowrap;
	pointer-events: auto;
	cursor: pointer;
	text-align: center;
	place-items: center;
	padding: 0 1.3em 0 1.3em;
	width: var(--stripe-label-width);
	border-radius: 4px;
	font-size: 0.9em;
}

#right-stripe-labels .label .text 
{
	width: 100%;
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
	margin-top: -5px;
	font-size: 0.95em;
	font-style: italic;
	line-height: 1;
	text-transform: lowercase;
	filter: brightness(60%);
}

#right-stripe-labels .label .icon 
{
	margin-top: 10px;
	font-weight: bold;
	font-size: 2.2em;
	line-height: 1.1;
}

#doc 
{
/* ref. responsive.fill.css */
	padding-right: var(--stripe-hspace-width);
}

#right-stripe a.genre-inter-link 
{
	color: inherit;
	all: unset;
	display: contents;
	pointer-events: none;
}

#right-stripe .segment.selected
{
	border-right: 5px solid var(--sfgc--);
}

#lang-strip .lang-icon
{
	cursor: pointer;
	user-select: none;
	opacity: 0.4;
	transition: opacity 0.2s ease;
}
#lang-strip .lang-icon:hover
{
	opacity: 1;
}

#lang-strip .lang-icon
{
	display: block;
	border: 1px solid #888;
	vertical-align: middle;
	display: block;
	margin-top: 200px;
	border: solid 1px white;
}
#lang-strip .lang-icon-bg
{
	height: 50vmin;
	width: 96.7vmin;
	background:linear-gradient(to bottom,
		white 0 33.3%, green 33.3% 66.6%, red 66.6% 100%);
}


#lang-strip .ujack 
{
	min-height: 50vmin;
	min-width: 96.7vmin;
	max-height: 50vmin;
	max-width: 96.7vmin;
	height: 50vmin;
	width: 96.7vmin;
	background-color: #fff;
	box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.4);
	position: relative;
}
#lang-strip .ujack > .x 
{
	display: grid;
	grid-template: 1fr 1fr / 1fr 1fr;
	height: 100%;
	width: 100%;
}
#lang-strip .ujack > .x div:nth-child(1) 
{
	background: linear-gradient(
		27deg,
		#012169 30.2%,
		#fff 30.2%,
		#fff 34.9%,
		#c8102e 34.9%,
		#c8102e 44.8%,
		#fff 44.8%,
		#fff 59.7%,
		#012169 59.7%
	);
	margin: 0 calc(15.4vmin / 2) calc(15.6vmin / 2) 0;
}
#lang-strip .ujack > .x div:nth-child(2) 
{
	background: linear-gradient(
		-27deg,
		#012169 30.2%,
		#fff 30.2%,
		#fff 45.1%,
		#c8102e 45.1%,
		#c8102e 55%,
		#fff 55%,
		#fff 59.7%,
		#012169 59.7%
	);
	margin: 0 0 calc(15.6vmin / 2) calc(15.4vmin / 2);
}
#lang-strip .ujack > .x div:nth-child(3) 
{
	background: linear-gradient(
		-27deg,
		#012169 40.3%,
		#fff 40.3%,
		#fff 45%,
		#c8102e 45%,
		#c8102e 54.9%,
		#fff 54.9%,
		#fff 69.8%,
		#012169 69.8%
	);
	margin: calc(15.6vmin / 2) calc(15.4vmin / 2) 0 0;
}
#lang-strip .ujack > .x div:nth-child(4) 
{
	background: linear-gradient(
		27deg,
		#012169 40.3%,
		#fff 40.3%,
		#fff 55.2%,
		#c8102e 55.2%,
		#c8102e 65.1%,
		#fff 65.1%,
		#fff 69.8%,
		#012169 69.8%
	);
	margin: calc(15.6vmin / 2) 0 0 calc(15.4vmin / 2);
}
#lang-strip .ujack > .plus 
{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}
#lang-strip .ujack > .plus div 
{
	position: absolute;
}
#lang-strip .ujack > .plus div:nth-child(1),
#lang-strip .ujack > .plus div:nth-child(2) 
{
	background: #c8102e;
}
#lang-strip .ujack > .plus div:nth-child(1) 
{
	top: 0;
	height: 100%;
	left: 50%;
	transform: translatex(-50%);
	width: 9.8vmin;
}
#lang-strip .ujack > .plus div:nth-child(2) 
{
	top: 50%;
	width: 100%;
	left: 0;
	transform: translatey(-50%);
	height: 10vmin;
}

:root
{
	--menu-bg-color: #2c1b26;
	--menu-left-stripe-bg-color: #1c0d16;	/*ref. home.mobile-menu.fill.js*/
	--menu-text-color: #e0d7dd;
	--menu-border-color: #4a3f46;
	--menu-shadow-color: rgba(0, 0, 0, 0.9);
	--menu-item-hover-bg: #382d34;
	--hamburger-color: #b790aa;
}

#hamburger-menu-btn
{
/* ref. logo.fill.css */
/* ref. responsive.fill.css */
	display: none;
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: color 0.3s ease;
}

#hamburger-menu-btn .hamburger-icon
{
	color: var(--hamburger-color);
	line-height: 1;
	display: block;
}

/* Full-screen scrollable container */
#mobile-menu-container
{
	overscroll-behavior: contain;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	background: transparent;
}

#mobile-menu-container.hidden
{
	display: none;
}
#mobile-menu-container.initialHidden
{
/* ref. home.mobile-menu.fill.js */
	visibility: hidden	/*required initial state for the menu controller to get menu real dimenstions at initialization*/
}

/* Menu panel */
#mobile-menu
{
/* ref. logo.fill.css */
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	background: var(--menu-bg-color);
	box-shadow: 5px 0 25px var(--menu-shadow-color);
	display: flex;
	flex-direction: row;
}

/* Left column for logo/hamburger accommodation */
.menu-left-column
{
	width: calc(100vw * var(--logo-width-ratio) + 2 * var(--logo-h-margin) + 50px);
	min-height: 100%;
	border-right: 1px solid var(--menu-border-color);
	flex-shrink: 0;
	background: var(--menu-left-stripe-bg-color);
}

/* Menu content container */
.menu-content
{
	display: flex;
	flex-direction: column;
	width: calc(100vw - calc(100vw * var(--logo-width-ratio) + 2 * var(--logo-h-margin)) - 75px);
}

/* Menu items */
.menu-item
{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 1rem 1.5rem;
	border-bottom: 1px solid var(--menu-border-color);
	color: var(--menu-text-color);
	text-decoration: none;
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	min-height: 4.75em;
}

.menu-icon
{
	font-size: 1.5rem;
	line-height: 1;
	margin-right: 1rem;
	flex-shrink: 0;
	min-width: 1.5rem;
	text-align: center;
}

.menu-icon-text
{
	font-family: 'Raleway Logo', sans-serif;
	font-weight: bold;
	font-size: 1.25rem;
}

.menu-text
{
	flex: 1;
	line-height: 1.2;
}

.menu-item-lang .menu-text,
.menu-item-close .menu-text
{
	font-size: 1rem;
}

.menu-item-lang .menu-icon-text
{
	font-family: 'Arial', sans-serif;
}

.menu-title
{
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0.25rem;
}

.menu-subtitle
{
	font-size: 0.85rem;
	font-style: italic;
	color: var(--menu-text-color);
	opacity: 0.7;
	line-height: 1.3;
}

.menu-item
{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 1rem 1.5rem;
	border-bottom: 1px solid var(--menu-border-color);
	color: var(--menu-text-color);
	text-decoration: none;
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	gap: 1rem; /* ADD THIS */
}

.menu-icon
{
	font-size: 1.5rem;
	line-height: 1;
	margin-right: 1rem; /* REMOVE THIS LINE */
	flex-shrink: 0;
	min-width: 1.5rem;
	width: 1.5rem; /* ADD THIS - forces fixed width column */
	text-align: center;
}

#mobile-menu-strings
{
	display: none;
}


/* Tab control color variables */
:root {
    --tab-bg-inactive: transparent;
    --tab-bg-active: transparent;
    --tab-bg-hover: transparent;
    --tab-text-inactive: var(--fg-text-low);
    --tab-text-active: var(--fg-text-high);
    --tab-text-hover: #b2799f;
    --tab-border-color: #624458;
    --tab-border-width: 2px;
    --tab-active-offset: -8px;
    --tab-transition-duration: 0.3s;
}

/* Tab control styles */
[data-tab-control-id] {
    margin-top: 2rem;
    position: relative;
}

.tab-strip {
/* ref. responsive.fill.css */
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0;
    flex-wrap: wrap;
    align-items: flex-end;
}

.tab-button {
/* ref. responsive.fill.css */
    background-color: var(--tab-bg-inactive);
    color: var(--tab-text-inactive);
    border: none;
    border-radius: 8px 8px 0 0;
    padding: 1rem 1.5rem;
    font-size: 1.1rem;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    min-width: 120px;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    position: relative;
    background-image: 
        linear-gradient(to right, var(--tab-border-color), var(--tab-border-color)),
        linear-gradient(to bottom, var(--tab-border-color), transparent),
        linear-gradient(to bottom, var(--tab-border-color), transparent);
    background-size: 
        100% var(--tab-border-width),
        var(--tab-border-width) 100%,
        var(--tab-border-width) 100%;
    background-position: 
        top left,
        top left,
        top right;
    background-repeat: no-repeat;
}

@media (hover: hover) and (pointer: fine) {
    .tab-button:hover:not(.active) {
        color: var(--tab-text-hover);
        background-color: var(--tab-bg-hover);
    }
}

.tab-button.active {
    background-color: var(--tab-bg-active);
    color: var(--tab-text-active);
    font-weight: 600;
    font-size: 1.5rem;
    transform: translateY(var(--tab-active-offset));
    padding-top: calc(1rem - var(--tab-active-offset));
    padding-bottom: 1rem;
    background-image: 
        linear-gradient(to right, var(--tab-border-color), var(--tab-border-color)),
        linear-gradient(to bottom, var(--tab-border-color), transparent),
        linear-gradient(to bottom, var(--tab-border-color), transparent);
    background-size: 
        100% var(--tab-border-width),
        var(--tab-border-width) 100%,
        var(--tab-border-width) 100%;
    background-position: 
        top left,
        top left,
        top right;
    background-repeat: no-repeat;
}

/* Tab content visibility with animations */
[data-tab-id] {
    transition: opacity var(--tab-transition-duration) ease;
}

[data-tab-id].active {
/* ref. responsive.fill.css */
    opacity: 1;
    animation: fadeIn var(--tab-transition-duration) ease;
}

[data-tab-id].inactive {
    opacity: 0;
    pointer-events: none;
    animation: fadeOut var(--tab-transition-duration) ease;
}

/* Fade animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* Focus styles for accessibility */
.tab-button:focus {
    outline: 2px solid var(--tab-border-color);
    outline-offset: 2px;
}

.tab-button:focus:not(:focus-visible) {
    outline: none;
}

/* Touch feedback */
@media (hover: none) and (pointer: coarse) {
    .tab-button:active:not(.active) {
        background-color: rgba(42, 29, 37, 0.3);
        transform: scale(0.98);
    }
}
/* Scroll to top button */
.scroll-to-top-btn {
/* ref. responsive.fill.css */
/* ref. logo.fill.css */
	height: 56px;
	border-radius: 50%;
	background-color: #624458;
	color: var(--fg-text-high, #f4eff2);
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3), 0 8px 16px rgba(0, 0, 0, 0.6);
	transition: all 0.3s ease;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.8);
}

.scroll-to-top-btn.visible {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

@media (hover: hover) and (pointer: fine) {
	.scroll-to-top-btn:hover {
		background-color: #b2799f;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4), 0 12px 24px rgba(0, 0, 0, 0.7);
		transform: scale(1.1);
	}
}

.scroll-to-top-btn:active {
	transform: scale(0.95);
}

.scroll-to-top-btn:focus {
	outline: 2px solid #b2799f;
	outline-offset: 2px;
}

.scroll-to-top-btn:focus:not(:focus-visible) {
	outline: none;
}

.scroll-to-top-btn .arrow-icon {
/* ref. responsive.fill.css */
	font-size: 30px;
	line-height: 1;
	margin-top: -4px;
}

/* Touch feedback */
@media (hover: none) and (pointer: coarse) {
	.scroll-to-top-btn:active {
		background-color: #b2799f;
	}
}
div.icon-container
{
  margin-top: 24px;
  text-align: center;
}

/* cta */
:root 
{
    --cta-icon-width: 720px;
    --cta-icon-height: 240px;
	--cta-icon-aspect: 3/1;
    --cta-icon-scale: 0.2847;
    --cta-sz-width: calc(var(--cta-icon-scale) * var(--cta-icon-width));
    --cta-row-count: 6;
    --cta-row-width: calc(var(--cta-sz-width) * var(--cta-row-count));
}
:root { --gglmat-container-vw: 82vw; }
@media only screen and (min-width: 601px) { :root { --gglmat-container-vw: 83vw; } }
@media only screen and (min-width: 993px) { :root { --gglmat-container-vw: 69vw; } }
div.icon-container div.ic-row
{
  display: inline-flex;
  margin: 0 auto;
  flex-wrap: nowrap;
  justify-content: center;
}
div.icon-container a.ic-cta
{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: inline-block;
  aspect-ratio: var(--cta-icon-aspect);
  width: var(--cta-sz-width);
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
}
div.icon-container div.ic-row.cta
{
  width: min(var(--cta-row-width), var(--gglmat-container-vw));
}
div.icon-container a.ic-cta:hover 
{
  transform: scale(1.05);
  transition: transform 0.25s ease, filter 0.1s ease, opacity 0.1s ease;
  filter: brightness(1.1) contrast(105%) drop-shadow(0 0 6px rgba(255,255,255,0.3));
}
div.icon-container a.ic-cta.youtube { background-image: url('cta-youtube.webp'); }
div.icon-container a.ic-cta.youtube-music { background-image: url('cta-youtube-music.webp'); }
div.icon-container a.ic-cta.spotify { background-image: url('cta-spotify.webp'); }
div.icon-container a.ic-cta.apple-music { background-image: url('cta-apple-music.webp'); }
div.icon-container a.ic-cta.amazon-music { background-image: url('cta-amazon-music.webp'); }
div.icon-container a.ic-cta.shazam { background-image: url('cta-shazam.webp'); }
div.icon-container a.ic-cta.tiktok { background-image: url('cta-tiktok.webp'); }

/* link */
:root 
{
    --link-icon-width: 480px;
    --link-icon-height: 160px;
	--link-icon-aspect: 3/1;
    --link-icon-scale: 0.265;
    --link-sz-width: calc(var(--link-icon-scale) * var(--link-icon-width));
    --link-row-count: 8;
    --link-row-width: calc(var(--link-sz-width) * var(--link-row-count));
}
div.icon-container div.ic-row.link
{
  padding-top: 15px;
}
div.icon-container a.ic-link
{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: inline-block;
  aspect-ratio: var(--link-icon-aspect);
  width: var(--link-sz-width);
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
}
div.icon-container div.ic-row.link
{
  width: min(var(--link-row-width), var(--gglmat-container-vw));
}
div.icon-container a.ic-link:hover
{
  transform: translate(2px, -2px);
  transition: transform 0.1s ease;
}
div.icon-container a.ic-link:hover
{
  filter: brightness(1.1) contrast(105%) drop-shadow(4px 4px 4px rgba(0,0,0,0.1));
}
div.icon-container a.ic-link.tidal { background-image: url('link-tidal.webp'); }
div.icon-container a.ic-link.deezer { background-image: url('link-deezer.webp'); }
div.icon-container a.ic-link.pandora { background-image: url('link-pandora.webp'); }
div.icon-container a.ic-link.joox { background-image: url('link-joox.webp'); }
div.icon-container a.ic-link.anghami { background-image: url('link-anghami.webp'); }
div.icon-container a.ic-link.kugou { background-image: url('link-kugou.webp'); }
div.icon-container a.ic-link.boomplay { background-image: url('link-boomplay.webp'); }
div.icon-container a.ic-link.qobuz { background-image: url('link-qobuz.webp'); }



/* other */
:root 
{
    --other-icon-width: 160px;
    --other-icon-height: 160px;
	--other-icon-aspect: 1/1;
    --other-icon-scale: 0.2847;
    --other-sz-width: calc(var(--other-icon-scale) * var(--other-icon-width));
    --other-row-count: 6;
    --other-row-width: calc(var(--other-sz-width) * var(--other-row-count));
}
div.icon-container div.ic-row.other
{
  padding-top: 10px;
}
div.icon-container a.ic-other
{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: inline-block;
  aspect-ratio: var(--other-icon-aspect);
  width: var(--other-sz-width);
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));
  margin-left: 9px;
}
div.icon-container div.ic-row.other
{
  width: min(var(--other-row-width), var(--gglmat-container-vw));
}
div.icon-container a.ic-other:hover
{
  transform: translate(1px, -1px);
  transition: transform 0.1s ease;
}
div.icon-container a.ic-other:hover
{
   filter: brightness(1.1) contrast(105%) drop-shadow(4px 4px 4px rgba(0,0,0,0.1));
}
div.icon-container a.ic-other.claro { background-image: url('other-claro.webp'); }
div.icon-container a.ic-other.tiktok { background-image: url('other-tiktok.webp'); }
div.icon-container a.ic-other.shazam { background-image: url('other-shazam.webp'); }
div.icon-container a.ic-other.iheartradio { background-image: url('other-iheartradio.webp'); }
div.icon-container a.ic-other.qq { background-image: url('other-qq.webp'); }
div.icon-container a.ic-other.kuwo { background-image: url('other-kuwo.webp'); }
div.icon-container a.ic-other.netease { background-image: url('other-netease.webp'); }


div.icon-container a.ic-cta,
div.icon-container a.ic-link,
div.icon-container a.ic-other
{
  opacity: 0.5;
  transition: opacity 0.75s ease;
}
div.icon-container a.ic-cta:hover,
div.icon-container a.ic-link:hover,
div.icon-container a.ic-other:hover
{
  opacity: 1;
}

/*must come last*/
/* Mobile: switch to full-width responsive cards */
@media (max-width: 470px) {

	html {
	/* ref. home.fill.css */
		overflow-y: auto;
	}
    .homePage .index {
	/* ref. home.fill.css */
        grid-template-columns: 1fr;
        padding: 0 0.5rem;
    }
    .homePage .index .track {
	/* ref. home.fill.css */
        width: 100%;
    }
	.homePage .index .lang-label
	{
	/* ref. home.fill.css */
        width: 100%;
    }
	.homePage .lang-label-title {
	/* ref. home.fill.css */
		font-size: 7.5em !important;
		padding-top: 30px;
		margin-bottom: -5px;
	}
	.homePage .lang-label-title.lang-label-title-small
	{
	/* ref. home.fill.css */
		font-size: 5em !important;
		padding-top: 60px;
	}
    .track-thumb {
 	/* ref. home.fill.css */
       width: calc(100% - 1rem);
        height: auto;
        aspect-ratio: 16/9;
    }
	.track-info {
	/* ref. home.fill.css */
		width: calc(100% - 1rem);
	}

    .tab-strip {
	/* ref. landing.page.tabs.fill.css */
        flex-direction: column;
        gap: 0.75rem;
        align-items: stretch;
    }
    
    .tab-button {
	/* ref. landing.page.tabs.fill.css */
        width: 100%;
        min-height: 64px;
        font-size: 1.2rem;
        padding: 1.25rem 1.5rem;
    }
    
    .tab-button.active {
	/* ref. landing.page.tabs.fill.css */
        font-size: 1.6rem;
    }
}

@media (min-width: 471px) and (max-width: 600px) {
    .tab-button {
	/* ref. landing.page.tabs.fill.css */
        font-size: 1.15rem;
        padding: 1.1rem 1.5rem;
        min-height: 60px;
    }
    
    .tab-button.active {
	/* ref. landing.page.tabs.fill.css */
        font-size: 1.5rem;
    }
}

/*600px - visually established as a threshold, prevents logo from overlapping the content close to the 430px threshold used for page content*/
@media (max-width: 600px) 
{
    html, body {
        overflow-x: hidden;
        width: 100%;
    }
	#doc 
	{
	/* ref. home.right-strip.fill.css */
		padding-right: 0px;
	}
	#right-stripe-container 
	{
	/* ref. home.right-strip.fill.css */
		display: none;
	}
	
	#site-logo::before
	{
	/* ref. logo.fill.css */
		font-size: calc(100vw * var(--logo-width-ratio));
	}
	#mobile-genre-label
	{
	/* ref. logo.fill.css */
		display: block;
	}
	#back-icon
	{
	/* ref. logo.fill.css */
		font-size: calc(0.5 * 100vw * var(--logo-width-ratio));
	}
	#doc
	{
	/* ref. logo.fill.css */
		padding-left: calc(100vw * var(--logo-width-ratio) + 2 * var(--logo-h-margin));
	}
	#hamburger-menu-btn
	{
	/* ref. home.mobile-menu.fill.css */
		display: block;
	}
    #mobile-menu-logo-mask {
	/* ref. logo.fill.css */
        display: block;
    }
	#lang-strip
	{
	/* ref. logo.fill.css */
		display: none;
	}
	#audio-speaker
	{
	/* ref. logo.fill.css */
		display: none;
	}
	.scroll-to-top-btn .arrow-icon {
	/* ref. scroll-to-top.fill.css */
		font-size: 25px;
	}
	.scroll-to-top-btn {
	/* ref. scroll-to-top.fill.css */
		margin-left: 0;
		margin-right: 0;
		bottom: 1.5rem;
		left: auto;
		right: 1.5rem;
		width: 48px;
		height: 48px;
	}
	p.lyrics
	{
	/*ref. main.fill.css*/
		font-size: calc(100vw / 30) !important;
	}
}

@media (max-width: 800px)
{
	.intro,
	.trivia,
	.intro p,
	.trivia p
	{
	/*ref. main.fill.css*/
		text-align: left;
	}
}

/*1300px - visually established as a threshold, prevents left-attached navigation elements from becoming too small*/
@media (max-width: 1300px)
{
	#lang-strip
	{
	/* ref. logo.fill.css */
		transform: scale(0.1);
	}
	p.lyrics
	{
	/*ref. main.fill.css*/
		font-size: calc(100vw / 50);
	}
}

/*ref. atlas.fill.css*/