.birthstone-picker{width:100%;margin:1.5rem 0 2rem}.birthstone-picker .form__label{margin-bottom:1.2rem}.birthstone-picker__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem .65rem;width:100%}.birthstone-picker__grid>input[type=radio]{position:absolute;opacity:0;pointer-events:none}.birthstone-native-option{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;padding:.7rem .25rem;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer;text-align:center;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,opacity .18s ease}.birthstone-native-option__gem{display:block;width:42px;height:42px;margin:0 auto .45rem}.birthstone-native-option__gem img{display:block;width:100%;height:100%;object-fit:contain}.birthstone-native-option__month{display:block;margin:0;font-size:1.05rem;line-height:1.15;font-weight:600;letter-spacing:.04em;color:rgb(var(--color-foreground))}.birthstone-native-option__stone{display:block;margin-top:.15rem;min-height:2.2em;font-size:.88rem;line-height:1.15;font-weight:400;color:rgba(var(--color-foreground),.62);text-align:center;overflow-wrap:anywhere}@media(hover:hover){.birthstone-native-option:hover{border-color:rgba(var(--color-foreground),.22);background:rgba(var(--color-foreground),.025)}}.birthstone-picker__grid>input[type=radio]:checked+.birthstone-native-option{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground));background:rgba(var(--color-foreground),.03)}.birthstone-picker__grid>input[type=radio]:focus-visible+.birthstone-native-option{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.birthstone-picker__grid>input[type=radio].disabled+.birthstone-native-option{opacity:.35;cursor:not-allowed}@media screen and (max-width:989px){.birthstone-picker__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem .5rem}.birthstone-native-option__gem{width:40px;height:40px}}@media screen and (max-width:749px){.birthstone-picker__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem .35rem}.birthstone-native-option{padding:.55rem .1rem}.birthstone-native-option__gem{width:36px;height:36px;margin-bottom:.35rem}.birthstone-native-option__month{font-size:.95rem}.birthstone-native-option__stone{font-size:.78rem;min-height:2.2em}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/birthstone-picker.css.map */