.custom-product-options{width:100%}.custom-option-group{margin-block-end:20px}.custom-option-group:last-child{margin-block-end:0}.custom-option-group__label{display:block;font-weight:600;font-size:1rem;margin-block-end:8px;color:var(--color-foreground, #333)}.custom-option-group__required{color:#c00;text-decoration:none;margin-inline-start:2px}.custom-option-swatches{display:flex;flex-wrap:wrap;gap:8px}.custom-swatch{position:relative;cursor:pointer;border:2px solid transparent;border-radius:4px;padding:0;background:none;transition:border-color .15s ease,opacity .15s ease,box-shadow .15s ease;line-height:0}.custom-swatch:hover{opacity:.8}.custom-swatch:focus-visible{outline:2px solid var(--color-foreground, #333);outline-offset:2px}.custom-swatch--image{width:60px;height:60px;min-width:60px;max-width:60px;overflow:hidden;border-radius:4px;border-color:var(--color-input-border, #ccc)}.custom-swatch--image img{width:100%;height:100%;object-fit:fill;display:block;border-radius:2px}.custom-swatch--image.is-selected{border-color:var(--color-foreground, #333);box-shadow:0 0 0 1px var(--color-foreground, #333)}.custom-swatch--color{width:36px;height:36px;border-radius:50%;border-color:var(--color-input-border, #ccc)}.custom-swatch__color{display:block;width:100%;height:100%;border-radius:inherit}.custom-swatch--color.is-selected{border-color:var(--color-foreground, #333);box-shadow:0 0 0 1px var(--color-foreground, #333)}.custom-swatch__text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.625rem;line-height:1.2;text-align:center;padding:4px;word-break:break-word;color:var(--color-foreground, #333)}.custom-option-buttons{display:flex;flex-wrap:wrap;gap:8px}.custom-swatch--button{padding:8px 16px;font-size:1rem;line-height:1;border:1px solid var(--color-input-border, #ccc);border-radius:var(--style-border-radius-inputs, 4px);background:var(--color-background, #fff);color:var(--color-foreground, #333);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.custom-swatch--button:hover{border-color:var(--color-foreground, #333)}.custom-swatch--button.is-selected{background:var(--color-foreground, #333);color:var(--color-background, #fff);border-color:var(--color-foreground, #333)}.custom-option-group__selected{margin-block:6px 0;font-size:1rem;color:rgb(var(--color-foreground-rgb, 51 51 51) / .7);min-height:1.2em}.custom-option-group__selected:empty{display:none}.custom-option-dropdown-wrap{position:relative;max-width:320px}.custom-option-dropdown{width:100%;-webkit-appearance:none;appearance:none;padding:10px 36px 10px 12px;font-size:1rem;line-height:1.4;border:var(--style-border-width-inputs, 1px) solid var(--color-input-border, #ccc);border-radius:var(--style-border-radius-inputs, 4px);background:var(--color-input-background, #fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--color-input-text, #333);cursor:pointer}.custom-option-dropdown:focus{outline:2px solid var(--color-foreground, #333);outline-offset:1px}.custom-option-display-value{margin:0;font-size:1rem;color:rgb(var(--color-foreground-rgb, 51 51 51) / .7)}.custom-option-group__error{margin-block:6px 0;font-size:1rem;color:#c00}.custom-option-group__error[hidden]{display:none}.custom-swatch__price-badge{font-size:.75rem;font-weight:600;color:rgb(var(--color-foreground-rgb, 51 51 51) / .65);margin-inline-start:4px}.custom-option-checkboxes{display:flex;flex-direction:column;gap:8px}.custom-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1rem}.custom-checkbox__input{width:18px;height:18px;flex-shrink:0;accent-color:var(--color-foreground, #333);cursor:pointer}.custom-checkbox__label{line-height:1.3}.custom-options__price-summary{margin-block:12px 0;font-size:.9375rem;font-weight:600;color:var(--color-foreground, #333)}.custom-options__price-summary[hidden]{display:none}@media screen and (max-width:749px){.custom-swatch--image{width:50px;height:50px;min-width:50px;max-width:50px}.custom-option-dropdown-wrap{max-width:100%}}variant-picker[data-product-url="/products/rubber-mulch"] .variant-option--buttons{display:flex;flex-direction:column;gap:0;border:none!important;padding:0!important;margin:0 0 20px;background:none!important;box-shadow:none!important}variant-picker[data-product-url="/products/rubber-mulch"] .variant-option--buttons legend{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-foreground, #333);margin-bottom:6px;padding:0;float:none;width:100%;display:block}variant-picker[data-product-url="/products/rubber-mulch"] .variant-option__button-label{display:flex!important;align-items:center!important;gap:10px!important;padding:6px 8px!important;margin:1px 0!important;border:1px solid transparent!important;border-radius:5px!important;cursor:pointer!important;font-size:.93rem!important;font-weight:400!important;color:var(--color-foreground, #333)!important;background:transparent!important;transition:background .12s ease,border-color .12s ease!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;line-height:1.4!important}variant-picker[data-product-url="/products/rubber-mulch"] .variant-option__button-label:before,variant-picker[data-product-url="/products/rubber-mulch"] .variant-option__button-label:after{display:none!important;content:none!important;border:none!important;background:none!important}variant-picker[data-product-url="/products/rubber-mulch"] .variant-option__button-label input[type=radio]{position:static!important;opacity:1!important;width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;margin:0!important;padding:0!important;cursor:pointer!important;accent-color:#333!important;flex-shrink:0!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important}variant-picker[data-product-url="/products/rubber-mulch"] .variant-option__button-label__pill{display:none!important}variant-picker[data-product-url="/products/rubber-mulch"] .variant-option__button-label__text{font-size:.93rem!important;line-height:1.3!important;color:var(--color-foreground, #333)!important;font-weight:inherit!important}variant-picker[data-product-url="/products/rubber-mulch"] .variant-option__button-label:hover{background:#0000000a!important;border-color:#00000026!important}variant-picker[data-product-url="/products/rubber-mulch"] .variant-option__button-label:has(:checked){background:#0000000f!important;border-color:#0006!important;font-weight:600!important}variant-picker[data-product-url="/products/rubber-mulch"] .variant-option__button-label:has(:checked) .variant-option__button-label__text{font-weight:600!important}variant-picker[data-product-url="/products/rubber-mulch"] .variant-option__button-label:has([data-option-available=false]){opacity:.38!important;cursor:not-allowed!important}variant-picker[data-product-url="/products/rubber-mulch"] .variant-option__button-label svg{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-options.css.map */