.rbg-colour-tile{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border:1px solid var(--color-line-strong);border-radius:.85rem;cursor:pointer;background-size:10px 10px;transition:transform .15s ease,box-shadow .15s ease}.rbg-colour-tile:hover{transform:translateY(-1px)}.rbg-colour-tile.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-brand-blue)}.rbg-colour-tile-custom{background-image:conic-gradient(#ff5f6d,#ffc371,#47e5bc,#2f8aff,#a855f7,#ff5f6d)}