.Grainient_grainient-container__Zfo7A{position:relative;width:100%;height:100%;overflow:hidden}.gradient_gradient__8NzcP{height:15em;width:15em;border-radius:1em;margin:1em;position:relative}.gradient_rotate__d7rdV{display:none;border-radius:1em;position:relative;width:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.gradient_copyIcon__hBF5A{right:1em}.gradient_copyIcon__hBF5A,.gradient_rotateIcon__HnQHX{width:2em;height:2em;background:#2b2b2b;padding:.5em;border-radius:4em;position:absolute;bottom:1em}.gradient_rotateIcon__HnQHX{left:1em}.gradient_copyIcon__hBF5A:hover svg,.gradient_rotateIcon__HnQHX:hover svg{transform:scale(1.1);transition:transform .15s ease-in-out}.gradient_copyIcon__hBF5A svg,.gradient_rotateIcon__HnQHX svg{width:100%;height:100%;fill:#fff;stroke:#fff}.gradient_copyIcon__hBF5A:focus,.gradient_rotateIcon__HnQHX:focus{outline:4px solid #2b2b2b;background:#fff}.gradient_copyIcon__hBF5A:focus svg,.gradient_rotateIcon__HnQHX:focus svg{fill:#2b2b2b;stroke:#2b2b2b}.gradient_copySuccess__KsVQz{background:#2b2b2b;padding:.5em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.gradient_showCircularControl__8Q1P9{display:inline-block}.gradient_sliver__2yapN{padding:0 0 0 1em;display:flex;align-items:center;justify-content:space-between;position:relative;font-weight:600;margin:0 1em}.gradient_rotateValue__yh9CJ,.gradient_sliver__2yapN span{background:#2b2b2b;color:#fff;padding:.25em}.gradient_rotateValue__yh9CJ{position:absolute;left:50%;top:50%;transform:translate(-50%,-60%)}