.variant-input-wrap--cards,.variant-input-wrap--sizes{--vc-ink: #1c1d1d;--vc-muted: #6e6e6e;--vc-orange: #a55e25;--vc-tile-border: #dcd9d2;--vc-tile-bg: #f6f6f5;--vc-leading: 1.4;--vc-gap: 8px;display:grid;gap:var(--vc-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;max-width:calc(3 * 180px + 2 * var(--vc-gap))}@media only screen and (min-width:769px){.variant-input-wrap--cards,.variant-input-wrap--sizes{grid-template-columns:repeat(6,minmax(0,1fr));max-width:calc(6 * 112px + 5 * var(--vc-gap))}}@media only screen and (max-width:768px){.variant-input-wrap--cards,.variant-input-wrap--sizes{margin-left:auto;margin-right:auto}}.variant-input-wrap--cards>.variant-input,.variant-input-wrap--sizes>.variant-input{display:block;min-width:0}.variant-input-wrap--cards>.variant-input[hidden],.variant-input-wrap--sizes>.variant-input[hidden]{display:none}.variant-input-wrap--cards .variant-input>.variant__button-label,.variant-input-wrap--sizes .variant-input>.variant__button-label{color:var(--vc-ink);cursor:pointer;display:flex;flex-direction:column;font-size:13px;height:100%;line-height:var(--vc-leading);margin:0;overflow:hidden;width:100%}.variant-input-wrap--cards .variant-input>.variant__button-label.disabled:after,.variant-input-wrap--sizes .variant-input>.variant__button-label.disabled:after{content:none}.variant-input-wrap--cards .variant-input>input[type=radio]:focus+.variant__button-label{border-color:transparent;box-shadow:none}.variant-input-wrap--sizes .variant-input>input[type=radio]:focus+.variant__button-label{border-color:var(--vc-tile-border);box-shadow:none}.variant-input-wrap--cards .variant-input>.variant__button-label{background-color:#fff;border:1px solid transparent;border-radius:4px;box-shadow:none;padding:4px 4px 6px;text-align:left}.variant-input-wrap--cards .variant-input>input[type=radio]:checked+.variant__button-label{border-color:var(--vc-orange);box-shadow:0 0 0 1px var(--vc-orange)}.variant-input-wrap--cards .variant-card__img{aspect-ratio:1 / 1;display:block;height:auto;margin-bottom:4px;object-fit:contain;width:100%}.variant-input-wrap--cards .variant-card__img--empty{background:var(--vc-tile-bg)}.variant-input-wrap--cards .variant-card__name,.variant-input-wrap--cards .variant-card__colour,.variant-input-wrap--cards .variant-card__price{color:var(--vc-muted);display:block;font-size:12px;line-height:var(--vc-leading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-input-wrap--cards .variant-card__name,.variant-input-wrap--cards .variant-card__price{font-weight:var(--typeBaseWeight, 700)}.variant-input-wrap--cards .variant-card__name{display:-webkit-box;min-height:calc(var(--vc-leading) * 2em);overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.variant-input-wrap--cards .variant-card__colour{font-weight:400;min-height:calc(var(--vc-leading) * 1em)}.variant-input-wrap--cards .variant-card__price{margin-top:auto;overflow:visible;text-overflow:clip;white-space:normal}.variant-card__fit{color:#6e6e6e;font-size:13px;font-weight:400;line-height:1.4;margin:0 0 10px;max-width:556px}.variant-card__fit[hidden]{display:none}@media only screen and (max-width:768px){.variant-card__fit{margin-left:auto;margin-right:auto}}@media only screen and (min-width:769px){.variant-card__fit{max-width:712px}}.variant-input-wrap--sizes .variant-input>.variant__button-label{align-items:center;background-color:#fff;border:1px solid var(--vc-tile-border);border-radius:4px;box-shadow:none;column-gap:4px;flex-direction:row;flex-wrap:wrap;justify-content:center;min-height:44px;padding:4px 6px;text-align:center}@media only screen and (min-width:769px){.variant-input-wrap--sizes .variant-input>.variant__button-label{min-height:36px}}.variant-input-wrap--sizes .variant-input>input[type=radio]:checked+.variant__button-label{border-color:var(--vc-ink);box-shadow:0 0 0 1px var(--vc-ink)}.variant-input-wrap--sizes[data-size-unconfirmed] .variant-input>input[type=radio]:checked+.variant__button-label{border-color:var(--vc-tile-border);box-shadow:none}.variant-input-wrap--sizes .variant-size__label{font-weight:var(--typeBaseWeight, 700)}.variant-input-wrap--sizes .variant-size__price{color:var(--vc-muted);font-size:12px;font-weight:400;line-height:var(--vc-leading)}.variant-input-wrap--sizes .variant-size__price:empty{display:none}.variant__size-guide{align-items:center;background:none;border:0;color:#1c1d1d;cursor:pointer;display:flex;font:inherit;font-size:13px;gap:4px;letter-spacing:inherit;line-height:1.4;margin:0 0 8px;min-height:24px;padding:2px 0;text-decoration:underline;text-underline-offset:2px;width:fit-content}.variant__size-guide .icon{flex:none;height:1.2em;width:1.2em}.variant__size-guide:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media only screen and (max-width:768px){.variant__size-guide{margin-left:auto;margin-right:auto}}@media only screen and (min-width:769px){.variant-wrapper:has(>.variant__size-guide){align-items:center;column-gap:16px;display:flex;flex-wrap:wrap}.variant-wrapper:has(>.variant__size-guide)>*{flex-basis:100%}.variant-wrapper:has(>.variant__size-guide)>.variant__label,.variant-wrapper:has(>.variant__size-guide)>.variant__size-guide{flex-basis:auto;margin-bottom:10px}}.variant-size__prompt{color:#a55e25;font-size:13px;font-weight:700;line-height:1.4;margin:0 0 8px}.variant-size__prompt:empty{margin:0}.variant-input-wrap--sizes.is-attention{border-radius:4px;outline:2px solid #a55e25;outline-offset:6px}@media(prefers-reduced-motion:no-preference){.variant-input-wrap--sizes.is-attention{animation:vc-attention-fade 1.2s ease-in .8s forwards}}@keyframes vc-attention-fade{to{outline-color:transparent}}html.js .btn.btn--secondary.add-to-cart[data-size-gate]:not([data-gate-decided]){background-color:#1c1d1d!important;border-color:#1c1d1d!important;color:#fff!important;transition:none!important}.btn.add-to-cart[data-add-to-cart]:focus-visible{outline-color:#1c1d1d}@media(forced-colors:active){.variant-input-wrap--cards .variant-input>input[type=radio]:checked+.variant__button-label,.variant-input-wrap--sizes .variant-input>input[type=radio]:checked+.variant__button-label{outline:3px solid Highlight;outline-offset:-3px}.variant-input-wrap--sizes[data-size-unconfirmed] .variant-input>input[type=radio]:checked+.variant__button-label{outline:none}.variant-input-wrap--cards .variant-input>input[type=radio]:focus-visible+.variant__button-label,.variant-input-wrap--sizes .variant-input>input[type=radio]:focus-visible+.variant__button-label,.variant-input-wrap--sizes[data-size-unconfirmed] .variant-input>input[type=radio]:focus-visible+.variant__button-label{outline:2px solid CanvasText;outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/variant-cards.css.map */