.variant-picker--spinpadel-images,.spinpadel-variant-single{font-family:SpinPadel Poppins,sans-serif;--color-variant-background: #fff;--color-variant-text: #101828;--color-variant-hover-background: #fff;--color-variant-hover-text: #101828;--color-selected-variant-background: #fff;--color-selected-variant-text: #101828;--color-selected-variant-hover-background: #fff;--color-selected-variant-hover-text: #101828}.variant-picker.variant-picker--spinpadel-images .variant-option--buttons,.spinpadel-variant-single{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0;padding-block:16px}.variant-picker--spinpadel-images .variant-option--buttons legend{margin-block-end:0}.spinpadel-variant-single .spinpadel-variant-card,.variant-picker.variant-picker--spinpadel-images .variant-option--buttons .spinpadel-variant-card{display:grid;grid-template-rows:minmax(0,1fr) auto;aspect-ratio:1;width:100%;min-width:0;min-height:0;padding:0;overflow:hidden;border:1px solid rgb(0 0 0 / .1);border-radius:12px;background:#fff;color:#101828;box-shadow:0 1px 3px #0000001a;white-space:normal;transition:border-color .15s,box-shadow .15s,transform .15s}.variant-picker.variant-picker--spinpadel-images .variant-option--buttons .spinpadel-variant-card:before,.variant-picker.variant-picker--spinpadel-images .variant-option--buttons .spinpadel-variant-card:after{content:none}.spinpadel-variant-single .spinpadel-variant-card,.variant-picker.variant-picker--spinpadel-images .variant-option--buttons .spinpadel-variant-card:has(:checked),.variant-picker.variant-picker--spinpadel-images .variant-option--buttons .spinpadel-variant-card:hover{border-color:#101828;box-shadow:0 .35rem 1.2rem #00000024}.variant-picker--spinpadel-images .spinpadel-variant-card:hover{transform:translateY(-1px)}.variant-picker--spinpadel-images .spinpadel-variant-card:has([data-option-available=false]){opacity:.4}.variant-picker--spinpadel-images .spinpadel-variant-card:has(:focus-visible){outline:2px solid #101828;outline-offset:2px}.spinpadel-variant-picker-card__media{display:flex;align-items:center;justify-content:center;min-height:0;width:100%;overflow:hidden;padding:4px;pointer-events:none}.spinpadel-variant-picker-card__image{width:100%;height:100%;max-height:58px;object-fit:contain;pointer-events:none}.spinpadel-variant-picker-card__name{padding:0 4px 8px;text-align:center;font-size:10px;font-weight:700;line-height:1.5;overflow-wrap:anywhere;pointer-events:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}:is(.variant-picker--spinpadel-images,.spinpadel-variant-single) .spinpadel-variant-picker-card__name-wrap{display:block;width:100%;min-width:0;padding:0 4px 8px}:is(.variant-picker--spinpadel-images,.spinpadel-variant-single) .spinpadel-variant-picker-card__name{display:block;width:100%;padding:0;-webkit-line-clamp:unset;overflow:visible}@media(min-width:640px){.variant-picker.variant-picker--spinpadel-images .variant-option--buttons,.spinpadel-variant-single{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:16px}.spinpadel-variant-single .spinpadel-variant-card,.variant-picker.variant-picker--spinpadel-images .variant-option--buttons .spinpadel-variant-card{flex:0 0 150px;width:150px;border-width:2px;border-radius:16px}.spinpadel-variant-picker-card__media{padding:0}.spinpadel-variant-picker-card__image{width:120px;height:112px;max-height:none}.spinpadel-variant-picker-card__name{max-width:128px;margin-inline:auto;font-size:20px}:is(.variant-picker--spinpadel-images,.spinpadel-variant-single) .spinpadel-variant-picker-card__name{max-width:120px;line-height:1.4}}@media(prefers-reduced-motion:reduce){.variant-picker.variant-picker--spinpadel-images .variant-option--buttons .spinpadel-variant-card{transition:none}}.spinpadel-variant-step{display:flex;align-items:center;gap:.6rem;margin:0 0 .85rem;font-size:clamp(1rem,1.65vw,1.25rem);font-weight:500;line-height:1.25;letter-spacing:normal;color:#101828}.spinpadel-variant-step>span{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;min-height:1.4rem;flex:none;border-radius:50%;background:#0a9d48;color:#fff;font-size:.8rem;font-weight:900;line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/15/assets/spinpadel-variant-picker.css.map */