.to-jacket-colorways{width:100%}.to-jacket-colorways__heading{margin:0 0 8px;color:var(--color-foreground);font:inherit}.to-jacket-colorways__choices{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.to-jacket-colorways__choice{display:inline-flex;min-width:44px;color:var(--color-foreground);flex-direction:column;align-items:center;gap:5px;text-decoration:none}.to-jacket-colorways__swatch{display:block;width:36px;height:36px;border:1px solid rgb(var(--color-foreground-rgb) / .28);border-radius:50%;background:var(--to-jacket-print-color);box-shadow:0 0 0 2px var(--color-background),0 0 0 3px transparent;transition:box-shadow .16s ease,transform .16s ease}.to-jacket-colorways__choice:hover .to-jacket-colorways__swatch{transform:translateY(-1px);box-shadow:0 0 0 2px var(--color-background),0 0 0 3px rgb(var(--color-foreground-rgb) / .45)}.to-jacket-colorways__choice:focus-visible{outline:var(--focus-outline-width) solid currentColor;outline-offset:var(--focus-outline-offset)}.to-jacket-colorways__choice.is-selected .to-jacket-colorways__swatch{box-shadow:0 0 0 2px var(--color-background),0 0 0 4px currentColor}.to-jacket-colorways__label{font-size:.68rem;line-height:1.1}.to-jacket-colorways--gallery{margin-top:14px}.to-jacket-colorways--gallery .to-jacket-colorways__choices{flex-wrap:nowrap;overflow-x:auto;padding:3px}.to-jacket-colorways--gallery .to-jacket-colorways__choice{flex:0 0 72px;width:72px}.to-jacket-colorways--gallery img{width:72px;height:72px;object-fit:contain;border:1px solid transparent}.to-jacket-colorways--gallery .is-selected img{border-color:currentColor}.to-jacket-colorways--card{box-sizing:border-box;padding:4px 6px 1px;overflow:visible}.to-jacket-colorways--card .to-jacket-colorways__choices{gap:7px;overflow:visible}.to-jacket-colorways--card .to-jacket-colorways__choice{min-width:24px;outline-offset:2px}.to-jacket-colorways--card .to-jacket-colorways__swatch{width:22px;height:22px}.to-jacket-colorways--card .to-jacket-colorways__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:749px){.to-jacket-colorways__choices{gap:9px}.to-jacket-colorways__swatch{width:34px;height:34px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/to-jacket-colorways.css.map */