.triangle.one{border-top-width:0;border-right-width:var(--triangle-size);border-bottom-width:var(--triangle-size);transform-origin:calc(var(--triangle-size) / 2) 0px;border-bottom-color:#0000;border-left-width:0;border-left-color:#0000;border-right-color:currentColor}.triangle.two{border-top-width:0;border-right-width:0;border-bottom-width:var(--triangle-size);border-left-width:var(--triangle-size);transform-origin:calc(var(--triangle-size) / 2) calc(var(--triangle-size) / 2);border-bottom-color:currentColor;border-left-color:#0000;border-right-color:#0000}.triangle.three{border-top-width:var(--triangle-size);border-bottom-width:0;border-right-width:0;border-left-width:var(--triangle-size);transform-origin:0px calc(var(--triangle-size) / 2);border-bottom-color:#0000;border-left-color:currentColor;border-right-color:#0000}:root{--triangle-color-0:40 91% 97% / .7;--triangle-color-0-hex:#ffd978;--triangle-color-1:0 0% 91% / .7;--triangle-color-1-hex:#ff7f7f;--triangle-color-2:336 73% 96% / .7;--triangle-color-2-hex:#ff64a2;--triangle-color-3:244 75% 97% / .7;--triangle-color-3-hex:#f2f2fd;--triangle-color-4:137 100% 28% / .09;--triangle-color-4-hex:#a6fcbe;--triangle-color-5:167 76% 95% / .7;--triangle-color-5-hex:#6ffadc}[data-theme=dark]{--triangle-color-0:40 100% 30% / .1;--triangle-color-0-hex:#960;--triangle-color-1:0 0% 65% / .1;--triangle-color-1-hex:#a6a6a6;--triangle-color-2:336 70% 40% / .1;--triangle-color-2-hex:#ad1f58;--triangle-color-3:244 70% 50% / .1;--triangle-color-3-hex:#3226d9;--triangle-color-4:137 80% 50% / .1;--triangle-color-4-hex:#19e653;--triangle-color-5:167 70% 40% / .1;--triangle-color-5-hex:#1fad8e}.color-0{color:hsla(var(--triangle-color-0))}.color-1{color:hsla(var(--triangle-color-1))}.color-2{color:hsla(var(--triangle-color-2))}.color-3{color:hsla(var(--triangle-color-3))}.color-4{color:hsla(var(--triangle-color-4))}.color-5{color:hsla(var(--triangle-color-5))}.bg-triangle-0{background-color:hsla(var(--triangle-color-0))}.bg-triangle-1{background-color:hsla(var(--triangle-color-1))}.bg-triangle-2{background-color:hsla(var(--triangle-color-2))}.bg-triangle-3{background-color:hsla(var(--triangle-color-3))}.bg-triangle-4{background-color:hsla(var(--triangle-color-4))}.bg-triangle-5{background-color:hsla(var(--triangle-color-5))}.triangle-color-gradient{background:#fefaf0;background:linear-gradient(90deg, hsla(var(--triangle-color-0)) 0%, hsla(var(--triangle-color-1)) 20%, hsla(var(--triangle-color-2)) 40%, hsla(var(--triangle-color-3)) 60%, hsla(var(--triangle-color-4)) 80%, hsla(var(--triangle-color-5)) 100%)}