.variants[data-v-b9dddb6d]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;position:relative}.variants[data-v-b9dddb6d],.variants h2[data-v-b9dddb6d]{font-family:Figtree,sans-serif}.variants h2[data-v-b9dddb6d]{font-weight:700;margin-bottom:.5rem}.variants .variant-wrapper[data-v-b9dddb6d]{display:flex;flex-wrap:wrap;gap:.5rem}.variants .variant[data-v-b9dddb6d]{align-items:center;background-color:transparent;border:1px solid rgba(77,77,77,.502);border-radius:.75rem;cursor:pointer;display:flex;justify-content:center;line-height:1;min-height:50px;min-width:50px;overflow:hidden;padding:.5rem;transition:background-color .8s cubic-bezier(.18,.89,.32,1)}.variants .variant.--selected[data-v-b9dddb6d]{border:3px solid #007f95}.variants .variant.--unavailable[data-v-b9dddb6d]{align-items:center;display:flex;justify-content:center;opacity:.5;position:relative}.variants .variant.--unavailable[data-v-b9dddb6d]:after{background-color:#4d4d4d80;content:"";height:1px;position:absolute;transform:rotate(-45deg) scale(1.3);width:100%}.variants .variant[data-v-b9dddb6d]:hover{background-color:#e4f3fc}