.toff-grid-colours{display:flex;flex-direction:column;gap:7px;padding:10px 0 2px}.toff-grid-colour-row{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px}.toff-grid-colour-label{color:#5d5d5d;font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}.toff-grid-colour-swatches{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.toff-grid-colour-swatch,.toff-choice-colour-dot{background:var(--toff-swatch-fallback, #d9d9d9);border:1px solid rgba(15,15,15,.25);border-radius:50%;display:inline-block;flex:0 0 auto}.toff-grid-colour-swatch{height:25px;position:relative;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;width:25px}.toff-grid-colour-swatch:hover,.toff-grid-colour-swatch:focus-visible{border-color:#0f0f0f;box-shadow:0 0 0 2px #fff,0 0 0 3px #0f0f0f;transform:scale(1.06)}.toff-grid-colour-swatch.is-selected{box-shadow:0 0 0 2px #fff,0 0 0 3px #0f0f0f}.toff-grid-colour-swatch.is-unavailable{opacity:.38}.toff-grid-colour-more{color:#5d5d5d;font-size:11px;font-weight:700}.toff-choice-wrapper{border-top:1px solid var(--colorBorder, #e6e6e6);margin:0;padding:18px 0 4px}.toff-choice-wrapper:first-child{border-top:0;padding-top:4px}.toff-choice-wrapper>.variant__label{align-items:center;display:flex;gap:9px;margin-bottom:12px;width:100%}.toff-choice-step-number{align-items:center;background:#0f0f0f;border-radius:50%;color:#fff;display:inline-flex!important;flex:0 0 28px;min-width:28px;padding:0!important;width:28px;font-size:12px;font-weight:700;height:28px;justify-content:center}.toff-choice-heading{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.toff-choice-current{background:#f2f2f2;border-radius:999px;color:#0f0f0f;font-size:12px;font-weight:700;margin-left:auto;max-width:45%;overflow:hidden;padding:5px 9px;text-overflow:ellipsis;white-space:nowrap}.toff-choice-wrapper .variant-input-wrap{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));margin:0}.toff-choice-wrapper .variant-input{margin:0;min-width:0}.toff-choice-wrapper .variant__button-label.toff-choice-tile{align-items:center;background:#fff;border:1px solid #cfcfcf;border-radius:7px;display:flex;font-size:13px;font-weight:600;gap:9px;justify-content:flex-start;letter-spacing:0;line-height:1.2;margin:0;min-height:54px;padding:10px 12px;position:relative;text-transform:none;width:100%}.toff-choice-colour-dot{height:24px;width:24px}.toff-choice-check{align-items:center;background:#0f0f0f;border-radius:50%;color:#fff;display:none;font-size:10px;height:19px;justify-content:center;margin-left:auto;width:19px}.toff-choice-wrapper input:checked+.toff-choice-tile{background:#f7f7f7;border-color:#0f0f0f;box-shadow:0 0 0 1px #0f0f0f}.toff-choice-wrapper input:checked+.toff-choice-tile .toff-choice-check{display:inline-flex}.toff-choice-wrapper input:focus-visible+.toff-choice-tile{outline:3px solid rgba(15,15,15,.3);outline-offset:2px}.toff-colour--black{background:#171717!important}.toff-colour--brown{background:#70452f!important}.toff-colour--dark-green{background:#264c3b!important}.toff-colour--gold{background:#d2ad57!important}.toff-colour--grey,.toff-colour--gray{background:#8a8d91!important}.toff-colour--navy{background:#20344e!important}.toff-colour--orange{background:#e47a2e!important}.toff-colour--pink{background:#db8fa6!important}.toff-colour--red{background:#bd333c!important}.toff-colour--rose-gold{background:#bd8b7a!important}.toff-colour--silver{background:#c5c7c9!important}.toff-colour--white{background:#fff!important}@media only screen and (max-width:769px){.toff-grid-colours{gap:8px;padding-top:9px}.toff-grid-colour-row{grid-template-columns:34px minmax(0,1fr);gap:6px}.toff-grid-colour-label{font-size:9px;letter-spacing:.05em}.toff-grid-colour-swatches{gap:6px}.toff-grid-colour-swatch{height:27px;width:27px}.toff-choice-wrapper{padding-top:16px}.toff-choice-wrapper .variant-input-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.toff-choice-wrapper .variant__button-label.toff-choice-tile{min-height:58px;padding:10px}.toff-choice-current{max-width:40%}}
/*# sourceMappingURL=/cdn/shop/t/162/assets/toff-product-choice-flow-v1.css.map */