#comparison{display:inline-flex;overflow-x:auto;padding-bottom:50px}#comparison.active{position:relative;z-index:1000}#comparison .titles{border:1px solid rgba(var(--bs-body-color-rgb),0.15);font-size:.9rem;letter-spacing:normal;position:sticky;left:0;background:var(--bs-input-bg-color);display:none;font-weight:600}#comparison .titles div{text-align:right;border-bottom:1px solid rgba(var(--bs-body-color-rgb),0.1);color:var(--bs-body-color);height:36px;line-height:36px;white-space:nowrap;padding:0 12px}#comparison .titles div.image{height:calc(120px + 0.625rem);line-height:calc(120px + 0.625rem)}.compareDiamond{border:1px solid rgba(var(--bs-body-color-rgb),0.15);text-align:center;width:100%}.compareDiamond.selected{border:2px solid var(--bs-body-color)}.compareDiamond .spec{height:36px;white-space:nowrap;padding:.3125rem .625rem;border-bottom:1px solid rgba(var(--bs-body-color-rgb),0.1);font-size:.9rem}.compareDiamond .spec:nth-child(even){background:rgba(var(--bs-body-color-rgb),0.03)}.compareDiamond .spec:last-child{border-bottom:0}.compareDiamond .spec.image{height:calc(120px + 0.625rem);padding:.3125rem;line-height:normal;display:flex;justify-content:center;align-items:center;overflow:hidden}.compareDiamond .spec.image .compare-diamond-media{max-width:120px;max-height:120px;width:auto;height:auto;object-fit:contain;border:0}.compareDiamond .spec.image i{font-size:3rem;opacity:.4}.compareDiamond .spec.labGrown{background:rgba(100,160,60,0.1);color:#5a8a30;text-transform:uppercase}.compareDiamond .spec.natural{text-transform:uppercase}.compareDiamond .spec.addToCart{background:rgba(var(--bs-body-color-rgb),0.08);color:var(--bs-body-color);text-transform:uppercase;line-height:1.5rem;font-weight:600;cursor:pointer}.compareDiamond .spec.addToCart:hover{background:rgba(var(--bs-body-color-rgb),0.15)}.compareDiamond .spec.deleteCompare{color:rgba(var(--bs-body-color-rgb),0.5);cursor:pointer}.compareDiamond .spec.deleteCompare:hover{color:var(--bs-danger,#dc3545)}.compareDiamond .spec.price{cursor:pointer}.compareDiamond .spec.price .number{font-weight:600}.compareDiamond .spec.price.positive .priceDifference i{color:var(--bs-danger,#dc3545)}.compareDiamond .spec.price.negative .priceDifference i{color:var(--bs-success,#198754)}.compareDiamond .spec.price .priceDifference{color:rgba(var(--bs-body-color-rgb),0.5);margin-left:5px;font-size:.6875rem;display:inline-block}.compareDiamond .spec.price .priceDifference i{font-size:.5625rem;font-weight:bold}