.font-0{font-size:0}.triangle-direction.selected,.triangle-direction:hover{background-color:var(--primary);color:#fff}.rotate-45{transform:rotate(45deg)}.-rotate-45{transform:rotate(-45deg)}.css-triangle-color-field::-webkit-color-swatch{border:5px solid #fff;border-radius:4px}.css-triangle-color-field::-moz-color-swatch{border:5px solid #fff;border-radius:4px}.css-triangle-generator input[type=color].css-triangle-color-field{border-radius:10px!important;height:3rem!important;padding:0!important;width:7rem!important}.css-triangle-generator_triangle{border-color:transparent transparent var(--tertiary) transparent;border-style:solid;border-width:0 125px 220px;display:inline-block;height:0;transition:all .3s ease-in-out;width:0}@media (max-width:1152px){.color-wrapper,.direction-wrapper{width:100%}.direction-wrapper{margin-bottom:1rem}.color-wrapper p{width:4.7rem}}@media (max-width:991px){.color-wrapper,.direction-wrapper{margin-bottom:0;width:50%}}@media (max-width:767px){.color-wrapper,.direction-wrapper{width:100%}.direction-wrapper{margin-bottom:1rem}.color-wrapper p,.direction-wrapper p{width:5.2rem}}.css-triangle-generator textarea::-webkit-input-placeholder{padding-left:0}.css-triangle-generator textarea{background:#f3f3f3}.css-triangle-generator input{border:1px solid #bcbcbc!important;color:#929292!important;padding-left:0}.opacity-wrapper .css-triangle-opacity-field{appearance:none;background:#ddd;height:8px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.opacity-wrapper .css-triangle-opacity-field:hover{opacity:1}.opacity-wrapper .css-triangle-opacity-field::-webkit-slider-thumb{appearance:none;background:#e0771b;border-radius:50%;cursor:pointer;height:20px;width:20px}.orientation-center,.triangle-direction{background:#d9d9d9}.opacity-range-slider{padding:0!important}.opacity-slider-container{align-items:center;display:flex}.opacity-range-slider{margin-right:10px}.opacity-value{font-weight:400}.css-triangle_opacity-text{font-size:.8rem}@media (max-width:1336px){.color-opacity-wrapper{flex-direction:column;gap:12px}}.opacity-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--white);border-radius:50%;cursor:pointer;height:20px;position:relative;width:20px}.css-triangle-generator input[type=number]{color:#2e2e2e!important}@media (min-width:768px) and (max-width:855px){.css-triangle-generator_orientation-wrapper{flex-direction:column;font-size:.8rem}.css-triangle-generator_orientation-direction{justify-content:center}}@media (max-width:354px){.css-triangle-generator_orientation-wrapper{display:grid;font-size:.8rem}.css-triangle-generator_orientation-direction{justify-content:center}}