.product-form__input.product-form__input--tf-color{min-width:0;max-width:100%;width:100%}.tf-color-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 4px;width:min(100%,332px);margin-top:6px}.product-form__input.product-form__input--tf-color input[type=radio]+label{min-width:0;margin:0}.product-form__input--tf-color input[type=radio]+label.tf-color-image-option{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;padding:0;border:0;border-radius:5px;background:rgb(var(--color-background));color:#016141;box-shadow:0 0 0 1px #01614159;letter-spacing:0;line-height:1.25;text-decoration:none}.product-form__input--tf-color input[type=radio]+label.tf-color-image-option:before{content:none}.tf-color-image-option__image{display:block;width:100%;max-width:80px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:5px 5px 0 0;background:rgb(var(--color-background))}.tf-color-image-option__name{width:100%;min-height:26px;padding:5px 2px;overflow-wrap:anywhere;font-size:12px;line-height:16px}.product-form__input--tf-color input[type=radio]:checked+label.tf-color-image-option{background:#016141;color:#c2e76b;box-shadow:0 0 0 2px #016141}.product-form__input--tf-color input[type=radio]:focus-visible+label.tf-color-image-option{outline:2px solid #016141;outline-offset:3px;box-shadow:0 0 0 2px #c2e76b}.product-form__input--tf-color input[type=radio].disabled+.tf-color-image-option .tf-color-image-option__image{opacity:.5}.product-form__input--tf-color input[type=radio].disabled+.tf-color-image-option .tf-color-image-option__name{text-decoration:line-through}@media(hover:hover){.product-form__input--tf-color input[type=radio]+label.tf-color-image-option:hover{box-shadow:0 0 0 2px #016141}}@media screen and (max-width:749px){.product-form__input--tf-color .tf-color-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px;width:min(100%,372px);margin-inline:auto}.product-form__input--tf-color .tf-color-image-option__image{max-width:120px}}@media screen and (min-width:750px)and (max-width:989px){.tf-color-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:6px;width:min(100%,252px)}}@media screen and (min-width:990px){.tf-color-image-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:min(100%,432px)}}
/*# sourceMappingURL=/cdn/shop/t/47/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAE */