.gp-frame-colours{--gp-colour-ink: #22231f;--gp-colour-border: #d3d9cb;--gp-colour-paper: #ffffff;--gp-colour-hover: #f6f4f3;--gp-colour-blue: #24a8d4;--gp-colour-green: #a4b795;--gp-colour-gap: .625rem;--gp-colour-radius: .5rem;display:flex;flex-wrap:wrap;align-items:center;gap:var(--gp-colour-gap) 1rem;margin:1.125rem 0 1.25rem;color:var(--gp-colour-ink);font-size:1rem;line-height:1.25}html.gp-frame-pdp .gp-frame-colours .gp-frame-colours__heading{font-weight:700}.gp-frame-colours__options{display:flex;flex-wrap:wrap;gap:var(--gp-colour-gap)}.gp-frame-colours__option{display:inline-flex;align-items:center;justify-content:center;gap:var(--gp-colour-gap);min-height:44px;padding:.5rem .75rem;box-sizing:border-box;border:2px solid var(--gp-colour-border);border-radius:var(--gp-colour-radius);background:var(--gp-colour-paper);text-decoration:none}.gp-frame-colours__option[aria-current=page]{border-color:var(--gp-colour-ink)}.gp-frame-colours__option:hover{border-color:var(--gp-colour-ink);background:var(--gp-colour-hover);text-decoration:none}.gp-frame-colours__option:focus-visible{outline:2px solid var(--gp-colour-ink);outline-offset:3px}.gp-frame-colours__label{color:var(--gp-colour-ink);font-size:1rem;line-height:1.25}.gp-frame-colours__option[aria-current=page] .gp-frame-colours__label{font-weight:700}.gp-frame-colours__swatch{display:block;flex:0 0 20px;width:20px;height:20px;border:1px solid var(--gp-colour-border);border-radius:50%}.gp-frame-colours__swatch--blue{background:var(--gp-colour-blue)}.gp-frame-colours__swatch--green{background:var(--gp-colour-green)}
/*# sourceMappingURL=/cdn/shop/t/164/assets/gp-frame-colours.css.map */