rxk-pro-colours{display:block}html:has(.rxk-pro-colours__dialog[open]){overflow:hidden}.rxk-pro-colours__trigger{padding:8px 0;min-height:44px;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;letter-spacing:0}.rxk-pro-colours__dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:20px;width:min(760px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:auto;background:#fff;color:#111;border:1px solid #d5d5d5;border-radius:0;font-family:var(--font-body--family);letter-spacing:0}.rxk-pro-colours__dialog::backdrop{background:#0006}.rxk-pro-colours__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.rxk-pro-colours__header h2{margin:0;font-size:20px;letter-spacing:0}.rxk-pro-colours__close{display:grid;place-items:center;width:44px;height:44px;flex:none;background:none;border:0;cursor:pointer;color:inherit}.rxk-pro-colours__close svg{width:20px;height:20px}.rxk-pro-colours__tabs{display:flex;gap:20px;border-bottom:1px solid #ddd;margin:8px 0 12px}.rxk-pro-colours__tabs button{padding:10px 0;min-height:44px;font:inherit;font-size:14px;color:#555;background:none;border:0;border-bottom:2px solid transparent;cursor:pointer}.rxk-pro-colours__tabs button[aria-selected=true]{color:#111;border-bottom-color:#111}.rxk-pro-colours__dialog [hidden]{display:none!important}.rxk-pro-colours__dialog [role=tabpanel] img{display:block;width:100%;height:min(52dvh,580px);object-fit:contain}.rxk-pro-colours__legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 0 0;margin:0;list-style:none;justify-content:center}.rxk-pro-colours__legend li{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.5}.rxk-pro-colours__legend li[aria-current]{font-weight:600;text-decoration:underline;text-underline-offset:3px}.rxk-pro-colours__legend span{width:12px;height:12px;flex:none;border-radius:50%;border:1px solid #777;background:var(--colour)}.rxk-pro-colours__note{font-size:12px;line-height:1.5;color:#555;margin:16px 0 0}.rxk-pro-colours__dialog :focus-visible{outline:2px solid #111;outline-offset:3px}@media(max-width:420px){.rxk-pro-colours__dialog{padding:12px}.rxk-pro-colours__header h2{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/rxk-pro-colours.css.map */