:root{--opt-count:6}
.o1{--c:#db2777;--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23000%22 d=%22M12 20.5S3.5 15.4 3.5 9.6A4.6 4.6 0 0 1 12 7.3a4.6 4.6 0 0 1 8.5 2.3C20.5 15.4 12 20.5 12 20.5z%22/%3E%3C/svg%3E")}
.o2{--c:#16a34a;--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22%23000%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M12 5v14M5 12h14%22/%3E%3C/svg%3E")}
.o3{--c:#ca8a04;--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22%23000%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M4.5 14.5c1.8-3.6 4.2-4.2 6.5-2.2s4.6 1.6 8.5-2.3%22/%3E%3C/svg%3E")}
.o4{--c:#9333ea;--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22%23000%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M8.8 9a3.3 3.3 0 1 1 4.6 3c-.9.4-1.4 1.1-1.4 2v.6%22/%3E%3Cpath fill=%22%23000%22 d=%22M10.1 19.2a1.9 1.9 0 1 0 3.8 0a1.9 1.9 0 1 0 -3.8 0z%22/%3E%3C/svg%3E")}
.o5{--c:#ea580c;--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23000%22 d=%22M2.6 12a2.4 2.4 0 1 0 4.8 0a2.4 2.4 0 1 0 -4.8 0zM9.6 12a2.4 2.4 0 1 0 4.8 0a2.4 2.4 0 1 0 -4.8 0zM16.6 12a2.4 2.4 0 1 0 4.8 0a2.4 2.4 0 1 0 -4.8 0z%22/%3E%3C/svg%3E")}
.o6{--c:#dc2626;--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22none%22 stroke=%22%23000%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M6.5 6.5l11 11M17.5 6.5l-11 11%22/%3E%3C/svg%3E")}
@media screen{:root[data-mode=dark] .o1{--c:#ff6ec7}:root[data-mode=dark] .o2{--c:#4cf08a}:root[data-mode=dark] .o3{--c:#ffe066}:root[data-mode=dark] .o4{--c:#c792ff}:root[data-mode=dark] .o5{--c:#ffa552}:root[data-mode=dark] .o6{--c:#ff4f6d}}