.tik-colour-selector{width:100%;max-width:900px}
.tik-product-colour-intro{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.tik-product-colour-intro strong{font-size:15px;line-height:1.35}
.tik-product-colour-intro span{font-size:12px;line-height:1.5;opacity:.76}
.tik-colour-search-label{display:block;margin-bottom:8px;font-weight:700}
.tik-colour-search-wrap{position:relative}
.tik-colour-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:15px;line-height:1}
.tik-colour-search{width:100%;min-height:50px;padding:10px 14px 10px 42px;border:1px solid rgba(0,0,0,.22);border-radius:3px;background:#fff;color:inherit;font:inherit}
.tik-colour-search:focus{outline:2px solid currentColor;outline-offset:2px}
.tik-colour-status{margin:10px 0 0;font-size:12px;line-height:1.45}
.tik-colour-status--error{font-weight:700}
.tik-colour-selected{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;border:1px solid rgba(0,0,0,.16);border-radius:3px;background:#fff}
.tik-colour-selected[hidden],.tik-colour-results[hidden]{display:none}
.tik-colour-selected-swatch,.tik-colour-result-swatch{flex:0 0 auto;border:1px solid rgba(0,0,0,.16);border-radius:2px}
.tik-colour-selected-swatch{width:52px;height:52px}.tik-colour-result-swatch{width:44px;height:44px}
.tik-colour-selected-copy,.tik-colour-result-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.tik-colour-selected-copy{flex:1 1 auto}
.tik-colour-selected-copy span,.tik-colour-result-copy span{font-size:11px;line-height:1.35;opacity:.72}
.tik-colour-change{margin-left:auto;padding:7px 10px;border:1px solid rgba(0,0,0,.22);background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:12px}
.tik-colour-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:330px;margin-top:12px;padding-right:4px;overflow:auto}
.tik-colour-result{display:flex;align-items:center;gap:10px;min-width:0;padding:9px;border:1px solid rgba(0,0,0,.14);border-radius:3px;background:#fff;color:inherit;text-align:left;cursor:pointer;font:inherit}
.tik-colour-result:hover,.tik-colour-result:focus{border-color:currentColor}
.tik-colour-result-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.tik-product-colour-field--error .tik-colour-search{outline:2px solid currentColor;outline-offset:2px}
.tik-manual-colour{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}
.tik-manual-colour .form__field{min-height:44px}
@media(min-width:1000px){.tik-colour-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.tik-colour-results{grid-template-columns:1fr;max-height:330px}.tik-colour-selected{align-items:flex-start;flex-wrap:wrap}.tik-colour-change{margin-left:0}}