.colour-group-picker{scroll-margin-top:calc(var(--header-height, 0px) + 1.6rem)}.colour-group-picker__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.colour-group-picker__title{margin:0;font-weight:700}.colour-group-picker__count{color:rgba(var(--color-foreground),.55);white-space:nowrap}.colour-group-picker__group{margin:0}.colour-group-picker__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}@media screen and (min-width:990px){.colour-group-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.colour-group-picker__card{display:flex;align-items:center;gap:1rem;padding:.8rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.2rem;background-color:rgb(var(--color-background));cursor:pointer;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease,background-color var(--duration-short) ease;height:100%}.colour-group-picker__card:hover{border-color:rgba(var(--color-foreground),.5)}.colour-group-picker__radio:checked+.colour-group-picker__card{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground));background-color:#f7f8f5}.colour-group-picker__radio:focus-visible+.colour-group-picker__card{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.colour-group-picker__image{width:3.6rem;height:3.6rem;object-fit:contain;border-radius:.8rem;flex-shrink:0}.colour-group-picker__image--placeholder{background-color:rgba(var(--color-foreground),.08);display:inline-block}.colour-group-picker__name{font-size:1.2rem;font-weight:600;line-height:1.3;color:rgb(var(--color-foreground));word-break:break-word}.colour-group-picker__show-more{display:block;margin-top:1.2rem}.colour-group-picker__show-more-button{width:100%;min-height:4.4rem;background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.65);border:.1rem dashed rgba(var(--color-foreground),.2);border-radius:1.2rem;box-shadow:none;font-size:1.3rem;font-weight:600;transition:border-color var(--duration-short) ease,color var(--duration-short) ease}.colour-group-picker__show-more-button:after,.colour-group-picker__show-more-button:hover:after{box-shadow:none}.colour-group-picker__show-more-button:hover{border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground))}.colour-group-picker__show-more-icon{display:inline-flex;width:1rem;height:1rem;margin-left:.6rem;transition:transform var(--duration-short) ease}.colour-group-picker__show-more-button .label-show-more.hidden~.colour-group-picker__show-more-icon{transform:rotate(180deg)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-colour-group-picker.css.map */