.variant-option.variant-option--buttons{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding-block-start:4px!important}.variant-option__button-label:has(input[value=Black]),.variant-option__button-label:has(input[value=White]),.variant-option__button-label:has(input[value=Red]),.variant-option__button-label:has(input[value=Blue]),.variant-option__button-label:has(input[value=Green]),.variant-option__button-label:has(input[value="Dark Green"]),.variant-option__button-label:has(input[value="Light Green"]),.variant-option__button-label:has(input[value=Pink]),.variant-option__button-label:has(input[value=Orange]),.variant-option__button-label:has(input[value=Yellow]),.variant-option__button-label:has(input[value=Grey]),.variant-option__button-label:has(input[value=Gray]),.variant-option__button-label:has(input[value=Purple]),.variant-option__button-label:has(input[value=Brown]),.variant-option__button-label:has(input[value=Silver]),.variant-option__button-label:has(input[value=Gold]),.variant-option__button-label:has(input[value=Burgundy]),.variant-option__button-label:has(input[value=Rose]),.variant-option__button-label:has(input[value="Royal Blue"]),.variant-option__button-label:has(input[value="Sky Blue"]),.variant-option__button-label:has(input[value="Watermelon Red"]),.variant-option__button-label:has(input[value=Yellow-Green]),.variant-option__button-label:has(input[value="Dark Khaki"]),.variant-option__button-label:has(input[value="Black Khaki"]),.variant-option__button-label:has(input[value="Dark Khaki Cloth Color"]),.variant-option__button-label:has(input[value="Grey & Black"]),.variant-option__button-label:has(input[value="Red & White"]),.variant-option__button-label:has(input[value="Black & Khaki"]),.variant-option__button-label:has(input[value="Black & Orange"]),.variant-option__button-label:has(input[value="Purple & White"]),.variant-option__button-label:has(input[value="White Red Yellow Hook"]),.variant-option__button-label:has(input[value="White Purple Yellow Hook"]){width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important;aspect-ratio:1 / 1!important;border-radius:50%!important;border:2px solid #DDD8CE!important;box-sizing:border-box!important;padding:0!important;margin:0!important;line-height:0!important;font-size:0!important;flex:none!important;flex-grow:0!important;flex-shrink:0!important;align-self:center!important;overflow:visible!important;display:block!important;position:relative!important;cursor:pointer!important;z-index:1!important}.variant-option__button-label:has(input[value=Black]) input[type=radio],.variant-option__button-label:has(input[value=White]) input[type=radio],.variant-option__button-label:has(input[value=Red]) input[type=radio],.variant-option__button-label:has(input[value=Blue]) input[type=radio],.variant-option__button-label:has(input[value=Green]) input[type=radio],.variant-option__button-label:has(input[value="Dark Green"]) input[type=radio],.variant-option__button-label:has(input[value="Light Green"]) input[type=radio],.variant-option__button-label:has(input[value=Pink]) input[type=radio],.variant-option__button-label:has(input[value=Orange]) input[type=radio],.variant-option__button-label:has(input[value=Yellow]) input[type=radio],.variant-option__button-label:has(input[value=Grey]) input[type=radio],.variant-option__button-label:has(input[value=Gray]) input[type=radio],.variant-option__button-label:has(input[value=Purple]) input[type=radio],.variant-option__button-label:has(input[value=Brown]) input[type=radio],.variant-option__button-label:has(input[value=Silver]) input[type=radio],.variant-option__button-label:has(input[value=Gold]) input[type=radio],.variant-option__button-label:has(input[value=Burgundy]) input[type=radio],.variant-option__button-label:has(input[value=Rose]) input[type=radio],.variant-option__button-label:has(input[value="Royal Blue"]) input[type=radio],.variant-option__button-label:has(input[value="Sky Blue"]) input[type=radio],.variant-option__button-label:has(input[value="Watermelon Red"]) input[type=radio],.variant-option__button-label:has(input[value=Yellow-Green]) input[type=radio],.variant-option__button-label:has(input[value="Dark Khaki"]) input[type=radio],.variant-option__button-label:has(input[value="Black Khaki"]) input[type=radio],.variant-option__button-label:has(input[value="Dark Khaki Cloth Color"]) input[type=radio],.variant-option__button-label:has(input[value="Grey & Black"]) input[type=radio],.variant-option__button-label:has(input[value="Red & White"]) input[type=radio],.variant-option__button-label:has(input[value="Black & Khaki"]) input[type=radio],.variant-option__button-label:has(input[value="Black & Orange"]) input[type=radio],.variant-option__button-label:has(input[value="Purple & White"]) input[type=radio],.variant-option__button-label:has(input[value="White Red Yellow Hook"]) input[type=radio],.variant-option__button-label:has(input[value="White Purple Yellow Hook"]) input[type=radio]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.variant-option__button-label:has(input[value=Black]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=White]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Red]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Blue]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Green]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="Dark Green"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="Light Green"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Pink]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Orange]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Yellow]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Grey]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Gray]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Purple]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Brown]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Silver]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Gold]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Burgundy]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Rose]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="Royal Blue"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="Sky Blue"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="Watermelon Red"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Yellow-Green]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="Dark Khaki"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="Black Khaki"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="Dark Khaki Cloth Color"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="Grey & Black"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="Red & White"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="Black & Khaki"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="Black & Orange"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="Purple & White"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="White Red Yellow Hook"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value="White Purple Yellow Hook"]) .variant-option__button-label__text,.variant-option__button-label:has(input[value=Black]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=White]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Red]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Blue]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Green]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="Dark Green"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="Light Green"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Pink]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Orange]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Yellow]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Grey]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Gray]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Purple]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Brown]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Silver]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Gold]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Burgundy]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Rose]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="Royal Blue"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="Sky Blue"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="Watermelon Red"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value=Yellow-Green]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="Dark Khaki"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="Black Khaki"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="Dark Khaki Cloth Color"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="Grey & Black"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="Red & White"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="Black & Khaki"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="Black & Orange"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="Purple & White"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="White Red Yellow Hook"]) .variant-option__button-label__pill,.variant-option__button-label:has(input[value="White Purple Yellow Hook"]) .variant-option__button-label__pill{display:none!important}.variant-option__button-label:has(input[value=Black]:checked),.variant-option__button-label:has(input[value=White]:checked),.variant-option__button-label:has(input[value=Red]:checked),.variant-option__button-label:has(input[value=Blue]:checked),.variant-option__button-label:has(input[value=Green]:checked),.variant-option__button-label:has(input[value="Dark Green"]:checked),.variant-option__button-label:has(input[value="Light Green"]:checked),.variant-option__button-label:has(input[value=Pink]:checked),.variant-option__button-label:has(input[value=Orange]:checked),.variant-option__button-label:has(input[value=Yellow]:checked),.variant-option__button-label:has(input[value=Grey]:checked),.variant-option__button-label:has(input[value=Gray]:checked),.variant-option__button-label:has(input[value=Purple]:checked),.variant-option__button-label:has(input[value=Brown]:checked),.variant-option__button-label:has(input[value=Silver]:checked),.variant-option__button-label:has(input[value=Gold]:checked),.variant-option__button-label:has(input[value=Burgundy]:checked),.variant-option__button-label:has(input[value=Rose]:checked),.variant-option__button-label:has(input[value="Royal Blue"]:checked),.variant-option__button-label:has(input[value="Sky Blue"]:checked),.variant-option__button-label:has(input[value="Watermelon Red"]:checked),.variant-option__button-label:has(input[value=Yellow-Green]:checked),.variant-option__button-label:has(input[value="Dark Khaki"]:checked),.variant-option__button-label:has(input[value="Black Khaki"]:checked),.variant-option__button-label:has(input[value="Dark Khaki Cloth Color"]:checked),.variant-option__button-label:has(input[value="Grey & Black"]:checked),.variant-option__button-label:has(input[value="Red & White"]:checked),.variant-option__button-label:has(input[value="Black & Khaki"]:checked),.variant-option__button-label:has(input[value="Black & Orange"]:checked),.variant-option__button-label:has(input[value="Purple & White"]:checked),.variant-option__button-label:has(input[value="White Red Yellow Hook"]:checked),.variant-option__button-label:has(input[value="White Purple Yellow Hook"]:checked){outline:3px solid #2B2620!important;outline-offset:2px!important;border-color:transparent!important}.variant-option__button-label:has(input[value=Black]){background-color:#1a1a1a!important}.variant-option__button-label:has(input[value=White]){background-color:#f5f5f5!important;border-color:#bbb!important}.variant-option__button-label:has(input[value=Red]){background-color:#d32f2f!important}.variant-option__button-label:has(input[value=Blue]){background-color:#1565c0!important}.variant-option__button-label:has(input[value=Green]){background-color:#2e7d32!important}.variant-option__button-label:has(input[value="Dark Green"]){background-color:#1b5e20!important}.variant-option__button-label:has(input[value="Light Green"]){background-color:#66bb6a!important}.variant-option__button-label:has(input[value=Pink]){background-color:#e91e8c!important}.variant-option__button-label:has(input[value=Orange]){background-color:#e65100!important}.variant-option__button-label:has(input[value=Yellow]){background-color:#f9a825!important}.variant-option__button-label:has(input[value=Grey]),.variant-option__button-label:has(input[value=Gray]){background-color:#757575!important}.variant-option__button-label:has(input[value=Purple]){background-color:#6a1b9a!important}.variant-option__button-label:has(input[value=Brown]){background-color:#5d4037!important}.variant-option__button-label:has(input[value=Silver]){background-color:#9e9e9e!important}.variant-option__button-label:has(input[value=Gold]){background-color:#c9a84c!important}.variant-option__button-label:has(input[value=Burgundy]){background-color:#7b1f31!important}.variant-option__button-label:has(input[value=Rose]){background-color:#f48fb1!important}.variant-option__button-label:has(input[value="Royal Blue"]){background-color:#003087!important}.variant-option__button-label:has(input[value="Sky Blue"]){background-color:#0288d1!important}.variant-option__button-label:has(input[value="Watermelon Red"]){background-color:#c62828!important}.variant-option__button-label:has(input[value=Yellow-Green]){background-color:#9ccc65!important}.variant-option__button-label:has(input[value="Dark Khaki"]),.variant-option__button-label:has(input[value="Dark Khaki Cloth Color"]){background-color:#6b5e3e!important}.variant-option__button-label:has(input[value="Black Khaki"]){background:linear-gradient(135deg,#1a1a1a 50%,#8d7c4b 50%)!important}.variant-option__button-label:has(input[value="Grey & Black"]){background:linear-gradient(135deg,#757575 50%,#1a1a1a 50%)!important}.variant-option__button-label:has(input[value="Red & White"]){background:linear-gradient(135deg,#d32f2f 50%,#f5f5f5 50%)!important}.variant-option__button-label:has(input[value="Black & Khaki"]){background:linear-gradient(135deg,#1a1a1a 50%,#8d7c4b 50%)!important}.variant-option__button-label:has(input[value="Black & Orange"]){background:linear-gradient(135deg,#1a1a1a 50%,#e65100 50%)!important}.variant-option__button-label:has(input[value="Purple & White"]){background:linear-gradient(135deg,#6a1b9a 50%,#f5f5f5 50%)!important}.variant-option__button-label:has(input[value="White Red Yellow Hook"]){background:conic-gradient(#f5f5f5 0deg 120deg,#d32f2f 120deg 240deg,#f9a825 240deg 360deg)!important}.variant-option__button-label:has(input[value="White Purple Yellow Hook"]){background:conic-gradient(#f5f5f5 0deg 120deg,#6a1b9a 120deg 240deg,#f9a825 240deg 360deg)!important}.variant-option__button-label[data-color-name]{z-index:1!important}.variant-option__button-label[data-color-name]:hover{z-index:10!important}@media(hover:hover)and (pointer:fine){.variant-option__button-label[data-color-name]:hover:after{content:attr(data-color-name);position:absolute;bottom:calc(100% + 15px);left:50%;transform:translate(-50%);background-color:#2b2620;color:#faf7f2;padding:4px 10px;border-radius:4px;font-size:.6875rem;font-family:var(--font-body--family, sans-serif);font-weight:500;letter-spacing:.02em;line-height:1.4;white-space:nowrap;pointer-events:none;z-index:100;animation:pettlys-tip-in .12s ease}.variant-option__button-label[data-color-name]:hover:before{content:"";position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#2b2620;pointer-events:none;z-index:100}}@keyframes pettlys-tip-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pettlys-swatches.css.map */