.token-variant-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin:20px 0}.token-variant-row{border:1px solid #ddd;border-radius:8px;padding:10px;text-align:center;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.token-variant-row:hover,.token-variant-row:focus-within{border-color:#a46e5073;box-shadow:0 0 0 1px #a46e5014}.token-variant-title{display:block;font-weight:600;margin-bottom:8px}.token-qty-box{display:flex;align-items:center;justify-content:center}.token-qty-minus,.token-qty-plus{width:30px;height:40px;border:1px solid #c8c8c8;background:#f4f4f4;color:#a46e5080;padding:0;margin:0;cursor:pointer;font-size:18px;font-weight:600;line-height:1;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.token-qty-minus{border-radius:6px 0 0 6px}.token-qty-plus{border-radius:0 6px 6px 0}.token-variant-row:hover .token-qty-minus,.token-variant-row:hover .token-qty-plus,.token-variant-row:focus-within .token-qty-minus,.token-variant-row:focus-within .token-qty-plus{background:#eeeae7;color:#a46e50;border-color:#a46e5080}.token-qty-minus:hover,.token-qty-plus:hover,.token-qty-minus:focus,.token-qty-plus:focus{background:#a46e50;color:#fff;border-color:#a46e50;outline:none;box-shadow:0 1px 3px #00000014}.token-variant-qty{width:56px;height:40px;text-align:center;border:1px solid #c8c8c8;border-left:0;border-right:0;margin:0;padding:0;font-size:16px;background:#fff;color:#222;-webkit-appearance:textfield;appearance:textfield;transition:border-color .2s ease,box-shadow .2s ease}.token-variant-qty:focus{outline:none;border-top-color:#a46e50;border-bottom-color:#a46e50;box-shadow:inset 0 1px #a46e501f,inset 0 -1px #a46e501f}.token-variant-qty::-webkit-inner-spin-button,.token-variant-qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.token-variant-row--unavailable{background:#f7f7f7;opacity:.55;cursor:not-allowed}.token-variant-row--unavailable:hover{border-color:#ddd;box-shadow:none}.token-variant-unavailable{height:40px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#777;text-transform:uppercase;letter-spacing:.04em}.token-add-selected{border-radius:8px}@media screen and (max-width:989px){.token-variant-grid{grid-template-columns:repeat(3,minmax(100px,1fr))}}@media screen and (max-width:749px){.token-variant-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/token-variant-grid.css.map */