.swatch-button-component[data-v-5fcdf77c]{display:flex;flex-shrink:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;background-color:var(--ld-default-white);border:solid var(--ld-border-light) 1px;border-radius:10px;width:76px;height:90px;padding:12px 10px;font-size:13px;line-height:1em;color:var(--ld-text-main);font-weight:600}.swatch-button-component[data-v-5fcdf77c]:hover{border-color:var(--ld-neutralGray-500)}.swatch-button-component.selected[data-v-5fcdf77c]{border-color:var(--ld-border-active);box-shadow:0 0 0 1px var(--ld-border-active)}.swatch-button-component .swatch-container[data-v-5fcdf77c]{width:44px;height:44px;flex-shrink:0;border-radius:100px}.swatch-button-component .swatch-image-container img[data-v-5fcdf77c]{max-height:42px;max-width:40px}@media(max-width:1060px){.swatch-button-component[data-v-5fcdf77c]{width:auto!important;height:auto!important;padding:6px 4px;border-radius:4px;border:solid var(--ld-border-default) 1px}.swatch-button-component.selected[data-v-5fcdf77c]{border:solid var(--ld-border-active) 2px;box-shadow:none}.swatch-button-component .name-container[data-v-5fcdf77c]{display:none}.swatch-button-component .swatch-container[data-v-5fcdf77c]{width:33px;height:33px}.swatch-button-component .swatch-image-container img[data-v-5fcdf77c]{max-height:40px}}