.index-module-scss-module__gruPXG__main{flex-direction:column;gap:2.4rem;width:100%;display:flex}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__preview{border:1px solid var(--border-color);border-radius:1.2rem;width:100%;height:22rem}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__angle{align-items:center;gap:1.6rem;display:flex}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__angle label{min-width:8rem;color:var(--subtle);flex:none;font-size:1.6rem}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__angle input[type=range]{accent-color:var(--primary-color);cursor:pointer;flex:1}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__stops{flex-direction:column;gap:1.2rem;display:flex}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__stops .index-module-scss-module__gruPXG__stop{border:1px solid var(--border-color);background:var(--container-background);border-radius:.8rem;align-items:center;gap:1.2rem;padding:1.2rem;display:flex}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__stops .index-module-scss-module__gruPXG__stop input[type=color]{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:.6rem;flex:none;width:4.4rem;height:4.4rem;padding:0}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__stops .index-module-scss-module__gruPXG__stop .index-module-scss-module__gruPXG__stopBody{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__stops .index-module-scss-module__gruPXG__stop .index-module-scss-module__gruPXG__stopBody .index-module-scss-module__gruPXG__hex{color:var(--subtle);font-family:D2Coding,Consolas,Menlo,monospace;font-size:1.6rem}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__stops .index-module-scss-module__gruPXG__stop .index-module-scss-module__gruPXG__stopBody input[type=range]{width:100%;accent-color:var(--primary-color);cursor:pointer}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__stops .index-module-scss-module__gruPXG__stop .index-module-scss-module__gruPXG__position{text-align:right;min-width:4.5rem;color:var(--subtle);flex:none;font-size:1.6rem}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__stops .index-module-scss-module__gruPXG__stop .index-module-scss-module__gruPXG__remove{width:2.8rem;height:2.8rem;color:var(--placeholder-color);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:2rem;display:flex}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__stops .index-module-scss-module__gruPXG__stop .index-module-scss-module__gruPXG__remove:hover:not(:disabled){color:var(--cancel-color)}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__stops .index-module-scss-module__gruPXG__stop .index-module-scss-module__gruPXG__remove:disabled{opacity:.3;cursor:not-allowed}.index-module-scss-module__gruPXG__main .index-module-scss-module__gruPXG__actions{flex-wrap:wrap;gap:1.2rem;display:flex}.index-module-scss-module__gruPXG__main textarea{font-family:var(--font-mono)}