.rbg-dropzone.is-active{border-color:var(--color-brand-blue);background-color:var(--color-brand-blue-tint)}.rbg-dropzone.is-compact{padding-top:1.5rem;padding-bottom:1.5rem}.rbg-dropzone.is-compact [data-examples]{display:none}.rbg-kbd{display:inline-block;padding:1px 6px;border:1px solid var(--color-line-strong);border-bottom-width:2px;border-radius:6px;background-color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;color:var(--color-ink-800)}.rbg-stage[data-background-color]{background-image:none}.rbg-card.is-done .rbg-stage{cursor:ew-resize;touch-action:pan-y}.rbg-before{clip-path:inset(0 var(--rbg-inset, 50%) 0 0)}.rbg-stage img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.rbg-card.is-error .rbg-stage{background-image:none;background-color:#fff7ed}.rbg-swatch{position:relative;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--color-line-strong);border-radius:9999px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}@media(min-width:640px){.rbg-swatch{width:2rem;height:2rem}}.rbg-swatch:hover{transform:translateY(-1px)}.rbg-swatch.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-brand-blue)}.rbg-swatch-custom{background-image:conic-gradient(#ff5f6d,#ffc371,#47e5bc,#2f8aff,#a855f7,#ff5f6d)}.rbg-spinner{animation:rbg-spin .7s linear infinite}@keyframes rbg-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.rbg-spinner{animation-duration:2s}}