.gradient-picker[data-v-4e655617]{box-sizing:border-box;width:100%;max-width:100%;height:2em;position:relative}.handle-container[data-v-4e655617]{text-align:center;cursor:pointer;width:2em;height:2em;position:absolute;top:50%;transform:translateY(-50%)translate(-50%)}.handle-container--hover[data-v-4e655617]{z-index:20}.handle-container--selected[data-v-4e655617]{z-index:10}.handle[data-v-4e655617]{width:1em;height:3em;position:relative;top:50%;left:50%;transform:translateY(-50%)translate(-50%)}.goede-gradient-picker[data-v-4e655617]{border-radius:.5em;height:8px;font-size:1.25em}.goede-gradient-picker[data-v-4e655617]:hover{cursor:crosshair}.goede-handle[data-v-4e655617]{border-radius:1em;width:.8em;height:.8em;transition:transform 88ms,box-shadow 88ms;box-shadow:0 0 0 .15em #fff,0 0 4px 4px #0000004d}.goede-handle[data-v-4e655617]:hover{transform:translateY(-50%)translate(-50%)scale(1.1);box-shadow:0 0 0 .15em #fff,0 0 5px 5px #0000004d}.slider[data-v-198d992d]{width:80%}.gradient-content[data-v-198d992d]{min-height:150px}.gradient-container[data-v-198d992d]{border-radius:var(--border-radius);flex-direction:column;display:flex;overflow:hidden}.gradient__rotation[data-v-198d992d]{border:0;width:40px;padding:0;font-size:.875em;display:inline-block}.gradient__rotation[data-v-198d992d]:focus{outline:none}.gradient-example[data-v-198d992d]{border:1px solid #eaeaea;border-radius:4px;width:24px;height:24px;padding:0}.gradient-code__icon[data-v-198d992d]{display:none}.gradient-code:hover:not(.gradient__name) .gradient-code__icon[data-v-198d992d]{display:block}.promo[data-v-7b5dda41]{margin-top:200px}.triple-grid[data-v-7b5dda41]{grid-gap:16px;grid-template-columns:1fr;display:grid}@media screen and (min-width:768px){.triple-grid[data-v-7b5dda41]{grid-template-columns:1fr 1fr}}@media screen and (min-width:1024px){.triple-grid[data-v-7b5dda41]{grid-template-columns:1fr 1fr 1fr}}