.colour-preset-picker{margin-bottom:1.5rem}.colour-preset-picker__presets{display:flex;flex-wrap:wrap;gap:1rem}.colour-preset-card{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.8rem;background:rgb(var(--color-background));cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;min-width:9rem}.colour-preset-card:hover{border-color:rgba(var(--color-foreground),.4)}.colour-preset-card.is-selected{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.colour-preset-card__swatches{display:flex}.colour-preset-dot{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--dot-color, #cccccc);border:.2rem solid rgb(var(--color-background));box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.15);margin-left:-.8rem}.colour-preset-dot:first-child{margin-left:0}.colour-preset-card__name{font-size:1.3rem;text-align:center}.colour-preset-card--custom .colour-preset-card__custom-icon{width:2.6rem;height:2.6rem;border-radius:50%;border:.2rem dashed rgba(var(--color-foreground),.5);display:block}.colour-preset-picker__custom{margin-top:1.5rem}.colour-preset-picker__back{background:none;border:none;padding:0;margin-bottom:1rem;font-size:1.3rem;text-decoration:underline;cursor:pointer;color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-colour-preset-picker.css.map */