h2,h3{color:var(--customPurpleLight)}.sketch-picker{color:var(--background)}.triangles i{display:inline-block;width:0;height:0;border-style:solid;cursor:pointer;transition:all .3s ease-in-out}.triangles .tri-top-left i{border-width:25px 25px 0 0;border-color:#4a4a4a transparent transparent}.triangles .tri-top i{border-width:0 12.5px 21.7px;border-color:transparent transparent #4a4a4a}.triangles .tri-top-right i{border-width:0 25px 25px 0;border-color:transparent #4a4a4a transparent transparent}.triangles .tri-right i{border-width:12.5px 0 12.5px 21.7px;border-color:transparent transparent transparent #4a4a4a}.triangles .tri-bottom-right i{border-width:0 0 25px 25px;border-color:transparent transparent #4a4a4a}.triangles .tri-bottom i{border-width:21.7px 12.5px 0;border-color:#4a4a4a transparent transparent}.triangles .tri-bottom-left i{border-width:25px 0 0 25px;border-color:transparent transparent transparent #4a4a4a}.triangles .tri-left i{border-width:12.5px 21.7px 12.5px 0;border-color:transparent #4a4a4a transparent transparent}.triangles .selected.tri-top-left i{border-color:var(--customPurpleLight) transparent transparent transparent}.triangles .selected.tri-top i{border-color:transparent transparent var(--customPurpleLight) transparent}.triangles .selected.tri-top-right i{border-color:transparent var(--customPurpleLight) transparent transparent}.triangles .selected.tri-right i{border-color:transparent transparent transparent var(--customPurpleLight)}.triangles .selected.tri-bottom-right i{border-color:transparent transparent var(--customPurpleLight) transparent}.triangles .selected.tri-bottom i{border-color:var(--customPurpleLight) transparent transparent transparent}.triangles .selected.tri-bottom-left i{border-color:transparent transparent transparent var(--customPurpleLight)}.triangles .selected.tri-left i{border-color:transparent var(--customPurpleLight) transparent transparent}