.patch-selector{margin:0 0 25px;font-family:var(--font-body-family),"Assistant",sans-serif}.patch-selector__fieldset{border:0;padding:0;margin:0;min-width:0}.patch-selector__legend{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%;padding:0;margin:0 0 10px}.patch-selector__title{font-size:15px;font-weight:700;color:var(--rich-black, #1a1a1a)}.patch-selector__free{font-size:12px;font-weight:700;color:var(--success-green, #10b981)}.patch-selector__options{display:flex;flex-wrap:wrap;gap:10px}.patch-option{flex:1 1 0;min-width:0;max-width:160px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 8px 9px;background:#fff;border:1.5px solid var(--border-color, #e5e7eb);border-radius:var(--radius-sm, 8px);cursor:pointer;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.patch-option:hover{border-color:var(--primary-blue, #334fb4)}.patch-option.is-selected{border-color:var(--primary-blue, #334fb4);box-shadow:0 0 0 3px #334fb424}.patch-option:has(input:checked){border-color:var(--primary-blue, #334fb4);box-shadow:0 0 0 3px #334fb424}.patch-option:focus-within{outline:2px solid var(--primary-blue, #334fb4);outline-offset:2px}.patch-option__media{width:64px;height:64px;display:grid;place-items:center}.patch-option__media img{width:100%;height:100%;object-fit:contain;display:block}.patch-option__media--none{border:1.5px dashed #cbd2e0;border-radius:var(--radius-sm, 8px);color:#9aa2b4;font-size:11px;font-weight:700}.patch-option__label{font-size:12px;font-weight:700;line-height:1.3;color:var(--rich-black, #1a1a1a);overflow-wrap:break-word}@media screen and (max-width:400px){.patch-option{padding:8px 5px}.patch-option__media{width:54px;height:54px}}@media screen and (max-width:430px){.patch-selector__options:has(.patch-option:nth-child(4)) .patch-option__media{width:54px;height:54px}}@media screen and (max-width:360px){.patch-selector__options:has(.patch-option:nth-child(4)){gap:6px}.patch-selector__options:has(.patch-option:nth-child(4)) .patch-option{padding:8px 4px}.patch-selector__options:has(.patch-option:nth-child(4)) .patch-option__media{width:44px;height:44px}}@media screen and (max-width:520px){.patch-selector__options:has(.patch-option:nth-child(5)) .patch-option__media{width:54px;height:54px}}@media screen and (max-width:470px){.patch-selector__options:has(.patch-option:nth-child(5)){gap:6px}.patch-selector__options:has(.patch-option:nth-child(5)) .patch-option{padding:8px 4px}.patch-selector__options:has(.patch-option:nth-child(5)) .patch-option__media{width:44px;height:44px}}@media screen and (max-width:390px){.patch-selector__options:has(.patch-option:nth-child(5)){gap:5px}.patch-selector__options:has(.patch-option:nth-child(5)) .patch-option{padding:8px 3px}.patch-selector__options:has(.patch-option:nth-child(5)) .patch-option__media{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.patch-option{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/patch-selector.css.map */