.divija-card-swatches{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;margin-top:10px}.divija-card-swatches__row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.divija-card-swatches__swatch{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--divija-divider, rgba(11, 31, 58, .1));background:var(--divija-card-swatch-fill, var(--divija-card-swatch-tone, #f1f2f4));cursor:pointer;overflow:visible;transition:border-color var(--divija-duration, .3s) var(--divija-ease, ease),box-shadow var(--divija-duration, .3s) var(--divija-ease, ease)}.divija-card-swatches__swatch--stone{width:30px;height:30px;border-radius:var(--divija-radius, 4px);color:#0b1f3a66}.divija-card-swatches__swatch--metal{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 -2px 4px #00000014}.divija-card-swatches__swatch--gem{width:30px;height:30px;border-radius:var(--divija-radius, 4px);color:#0b1f3a66}.divija-card-swatches__img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.divija-card-swatches__gem{width:20px;height:20px}.divija-card-swatches__karat{font-family:var(--divija-font-body, inherit);font-size:9px;font-weight:700;line-height:1;letter-spacing:.02em;color:var(--divija-card-swatch-ink, var(--divija-navy, #0b1f3a));text-shadow:0 1px 0 rgb(255 255 255 / .35)}.divija-card-swatches__swatch--yellow{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #f9e6b2 0%, #e2bd6b 46%, #c39a45 100%);--divija-card-swatch-ink: #4a3607}.divija-card-swatches__swatch--rose{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #f8ded3 0%, #e6b6a1 46%, #c9866b 100%);--divija-card-swatch-ink: #5d3325}.divija-card-swatches__swatch--white{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #ffffff 0%, #e7eaee 46%, #c3c8cf 100%);--divija-card-swatch-ink: #3f4650}.divija-card-swatches__swatch--neutral{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #ffffff 0%, #eef1f5 55%, #dce1e8 100%);--divija-card-swatch-ink: #3f4650}.divija-card-swatches__swatch--emerald{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #7fd9a6 0%, #128a4e 55%, #0a6338 100%)}.divija-card-swatches__swatch--sapphire{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #7fb0e8 0%, #14458f 55%, #0c2c63 100%)}.divija-card-swatches__swatch--ruby{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #e8879a 0%, #a4132e 55%, #6f0a1e 100%)}.divija-card-swatches__swatch--amethyst{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #c9a6e8 0%, #6d3aa0 55%, #47236c 100%)}.divija-card-swatches__swatch--citrine{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #ffe6a0 0%, #e0a71f 55%, #a97710 100%)}.divija-card-swatches__swatch--pearl{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #ffffff 0%, #f3eee7 55%, #ded5c8 100%)}.divija-card-swatches__swatch--diamond,.divija-card-swatches__swatch--grade-df{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #ffffff 0%, #f2f7fc 55%, #dbe6f1 100%);--divija-card-swatch-ink: rgba(11, 31, 58, .45)}.divija-card-swatches__swatch--grade-gh{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #ffffff 0%, #f8f7f2 55%, #e6e3d8 100%);--divija-card-swatch-ink: rgba(11, 31, 58, .4)}.divija-card-swatches__swatch--grade-ij{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #fffdf6 0%, #f7f0dd 55%, #e6d9b8 100%);--divija-card-swatch-ink: rgba(74, 54, 7, .4)}.divija-card-swatches__swatch--grade-klm{--divija-card-swatch-tone: radial-gradient(circle at 32% 28%, #fffaea 0%, #f4e7c3 55%, #ddc894 100%);--divija-card-swatch-ink: rgba(74, 54, 7, .5)}.divija-card-swatches__swatch--stone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--divija-card-swatch-wash, transparent);pointer-events:none}.divija-card-swatches__swatch--grade-df{--divija-card-swatch-wash: rgb(214 232 248 / .18)}.divija-card-swatches__swatch--grade-gh{--divija-card-swatch-wash: rgb(245 240 222 / .2)}.divija-card-swatches__swatch--grade-ij{--divija-card-swatch-wash: rgb(240 224 178 / .28)}.divija-card-swatches__swatch--grade-klm{--divija-card-swatch-wash: rgb(232 206 140 / .4)}.divija-card-swatches__swatch--stone .divija-card-swatches__gem{color:var(--divija-card-swatch-ink, rgba(11, 31, 58, .4))}.divija-card-swatches__swatch--stone:has(.divija-card-swatches__img),.divija-card-swatches__swatch--gem:has(.divija-card-swatches__img){background:var(--divija-surface-image, #f8fafc)}.divija-card-swatches__swatch:hover{border-color:var(--divija-navy, #0b1f3a)}.divija-card-swatches__swatch[aria-pressed=true]{border-color:var(--divija-blue, #004394)}.divija-card-swatches__swatch:focus-visible{outline:2px solid var(--divija-blue, #004394);outline-offset:2px}.divija-card-swatches__swatch--unavailable{opacity:.45}.divija-card-swatches__swatch--unavailable:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,transparent calc(50% - .5px),rgb(11 31 58 / .5) calc(50% - .5px),rgb(11 31 58 / .5) calc(50% + .5px),transparent calc(50% + .5px));border-radius:inherit;pointer-events:none}.divija-card-swatches__tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);z-index:5;padding:5px 8px;border-radius:var(--divija-radius, 4px);background:var(--divija-navy, #0b1f3a);color:#fff;font-family:var(--divija-font-body, inherit);font-size:11px;line-height:14px;font-weight:400;letter-spacing:.01em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s var(--divija-ease, ease),transform .15s var(--divija-ease, ease),visibility .15s}.divija-card-swatches__tip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border:4px solid transparent;border-top-color:var(--divija-navy, #0b1f3a)}.divija-card-swatches__swatch:hover .divija-card-swatches__tip,.divija-card-swatches__swatch:focus-visible .divija-card-swatches__tip,.divija-card-swatches__swatch[data-tip-open] .divija-card-swatches__tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.divija-card-swatches__row>.divija-card-swatches__swatch:first-child .divija-card-swatches__tip{left:0;transform:translate(0) translateY(4px)}.divija-card-swatches__row>.divija-card-swatches__swatch:first-child:hover .divija-card-swatches__tip,.divija-card-swatches__row>.divija-card-swatches__swatch:first-child:focus-visible .divija-card-swatches__tip,.divija-card-swatches__row>.divija-card-swatches__swatch:first-child[data-tip-open] .divija-card-swatches__tip{transform:translate(0) translateY(0)}.divija-card-swatches__row>.divija-card-swatches__swatch:first-child .divija-card-swatches__tip:after{left:14px}.divija-card-swatches__more{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 5px;border:1px solid var(--divija-divider, rgba(11, 31, 58, .1));border-radius:var(--divija-radius, 4px);background:var(--divija-surface-alt, #f7f8fa);font-family:var(--divija-font-body, inherit);font-size:11px;line-height:1;font-weight:500;color:var(--divija-muted, #6b7280);text-decoration:none;transition:color var(--divija-duration, .3s) var(--divija-ease, ease),border-color var(--divija-duration, .3s) var(--divija-ease, ease)}.divija-card-swatches__row--stone .divija-card-swatches__more,.divija-card-swatches__row--gem .divija-card-swatches__more{min-width:30px;height:30px}.divija-card-swatches__more:hover{color:var(--divija-navy, #0b1f3a);border-color:var(--divija-navy, #0b1f3a)}.divija-card-swatches__more:after{display:none}@media(prefers-reduced-motion:reduce){.divija-card-swatches__swatch,.divija-card-swatches__tip,.divija-card-swatches__more{transition:none}.divija-card-swatches__tip{transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/divija-card-swatches.css.map */