product-recommendations .resource-list__item:has(product-card[data-placeholder=true]),product-recommendations product-card[data-placeholder=true]{display:none!important}body #MainContent[data-template^=product] variant-picker :is(.variant-option--buttons,.variant-option--swatches):has(input[data-option-name=Colour i]),body #MainContent[data-template^=product] variant-picker :is(.variant-option--buttons,.variant-option--swatches):has(input[data-option-name=Color i]){display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;column-gap:1rem!important;row-gap:.75rem!important;width:100%!important;min-width:0!important}body #MainContent[data-template^=product] variant-picker :is(.variant-option--buttons,.variant-option--swatches):has(input[data-option-name=Colour i])>legend,body #MainContent[data-template^=product] variant-picker :is(.variant-option--buttons,.variant-option--swatches):has(input[data-option-name=Color i])>legend{flex:0 0 100%!important;width:100%!important;margin:0 0 .1rem!important}body #MainContent[data-template^=product] variant-picker :is(.variant-option--buttons,.variant-option--swatches):has(input[data-option-name=Colour i])>legend .variant-option__swatch-value,body #MainContent[data-template^=product] variant-picker :is(.variant-option--buttons,.variant-option--swatches):has(input[data-option-name=Color i])>legend .variant-option__swatch-value{display:none!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[data-option-name=Colour i]),body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[data-option-name=Color i]){--hof-colour-value: #d9d6cc;position:relative!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:2.8rem auto!important;justify-items:center!important;align-items:start!important;row-gap:.45rem!important;flex:0 0 4.4rem!important;width:4.4rem!important;min-width:4.4rem!important;max-width:4.4rem!important;min-height:4.65rem!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#343325!important;box-shadow:none!important;outline:none!important;overflow:visible!important;cursor:pointer!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[data-option-name=Colour i])>input,body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[data-option-name=Color i])>input{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:4!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;-webkit-appearance:none!important;appearance:none!important;cursor:pointer!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[data-option-name=Colour i]):before,body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[data-option-name=Color i]):before{content:none!important;display:none!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[data-option-name=Colour i]):after,body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[data-option-name=Color i]):after{grid-row:2!important;position:static!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#343325!important;font-size:.78rem!important;font-weight:600!important;line-height:1.15!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;transform:none!important;pointer-events:none!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[data-option-name=Colour i]) .swatch,body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[data-option-name=Color i]) .swatch{grid-row:1!important;position:static!important;display:block!important;width:2.8rem!important;height:2.8rem!important;margin:0!important;border:2px solid #fffdf9!important;border-radius:999px!important;background:var(--hof-colour-value)!important;box-shadow:0 0 0 1px #5f614759!important;transform:none!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input:checked) .swatch{box-shadow:0 0 0 2px #fffdf9,0 0 0 4px #5f6147!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input:focus-visible) .swatch{outline:2px solid #343325!important;outline-offset:4px!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[value=Pink i]):after{content:"Pink"!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[value=Blue i]):after{content:"Blue"!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[value=Red i]):after{content:"Red"!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[value=Yellow i]):after{content:"Yellow"!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[value="Dark Blue" i]):after{content:"Dark Blue"!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[value=Purple i]):after{content:"Purple"!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[value=Green i]):after{content:"Green"!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[value=White i]):after{content:"White"!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[value=Black i]):after{content:"Black"!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[value=Grey i]):after{content:"Grey"!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[value=Gray i]):after{content:"Gray"!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[value=Orange i]):after{content:"Orange"!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[value=Beige i]):after{content:"Beige"!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(>input[data-option-name=Colour i]):before,body #MainContent[data-template^=product] variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(>input[data-option-name=Color i]):before{content:""!important;grid-row:1!important;position:static!important;display:block!important;width:2.8rem!important;height:2.8rem!important;margin:0!important;border:2px solid #fffdf9!important;border-radius:999px!important;background:var(--hof-colour-value)!important;box-shadow:0 0 0 1px #5f614759!important;transform:none!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(>input:checked):before{box-shadow:0 0 0 2px #fffdf9,0 0 0 4px #5f6147!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(>input:focus-visible):before{outline:2px solid #343325!important;outline-offset:4px!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[data-option-name=Colour i]) .variant-option__button-label__pill,body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[data-option-name=Color i]) .variant-option__button-label__pill{display:none!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[data-option-name=Colour i]) .variant-option__button-label__text,body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[data-option-name=Color i]) .variant-option__button-label__text{grid-row:2!important;position:static!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#343325!important;font-size:.78rem!important;font-weight:600!important;line-height:1.15!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;transform:none!important;pointer-events:none!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[data-option-name=Colour i])>svg,body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[data-option-name=Color i])>svg{display:none!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[value=Pink i]){--hof-colour-value: #e7a6b8}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[value=Blue i]){--hof-colour-value: #83a9cf}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[value=Red i]){--hof-colour-value: #d95c5c}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[value=Yellow i]){--hof-colour-value: #e8c94f}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[value="Dark Blue" i]){--hof-colour-value: #355f8a}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[value=Purple i]){--hof-colour-value: #9a78b8}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[value=Green i]){--hof-colour-value: #81a878}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[value=White i]){--hof-colour-value: #f7f6f0}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[value=Black i]){--hof-colour-value: #292929}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[value=Grey i]),body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[value=Gray i]){--hof-colour-value: #a9a9a9}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[value=Orange i]){--hof-colour-value: #df9252}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[value=Beige i]){--hof-colour-value: #d9c7a5}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[aria-disabled=true]){opacity:.42!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input:not([aria-disabled=true])):hover :is(.swatch),body #MainContent[data-template^=product] variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(>input:not([aria-disabled=true])):hover:before{transform:translateY(-1px)!important}@media screen and (max-width:749px){body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[data-option-name=Colour i]),body #MainContent[data-template^=product] variant-picker .variant-option__button-label:has(>input[data-option-name=Color i]){grid-template-rows:2.65rem auto!important;flex-basis:4rem!important;width:4rem!important;min-width:4rem!important;max-width:4rem!important}body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[data-option-name=Colour i]) .swatch,body #MainContent[data-template^=product] variant-picker .variant-option__button-label--has-swatch:has(>input[data-option-name=Color i]) .swatch,body #MainContent[data-template^=product] variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(>input[data-option-name=Colour i]):before,body #MainContent[data-template^=product] variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(>input[data-option-name=Color i]):before{width:2.65rem!important;height:2.65rem!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hof-alpha-beta-fixes.css.map */