@import url("https://fonts.googleapis.com/css2?family=Assistant:wght@100;200;300;400;500;600;700;800;900&display=swap");

/* Button color utilities */
.kirb-primary-button {
  border-color: transparent;
  transition: background-color 0.2s ease, transform 0.15s ease;
  background-color: #351d50;
  color: #FFF8DD;
}
.\!kirb-primary-button {
  border-color: transparent !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
  background-color: #351d50 !important;
  color: #FFF8DD !important;
}
.kirb-primarybutton {
  border-color: transparent;
  transition: background-color 0.2s ease, transform 0.15s ease;
  background-color: #351d50;
  color: #FFF8DD;
}
.\!kirb-primarybutton {
  border-color: transparent !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
  background-color: #351d50 !important;
  color: #FFF8DD !important;
}
.kirb-primarybutton:hover {
  background-color: #fff8dd;
  color: #000000;
}
.\!kirb-primarybutton:hover {
  background-color: #fff8dd !important;
  color: #000000 !important;
}
.kirb-primary-button:hover {
  background-color: #fff8dd;
  color: #000000;
}
.\!kirb-primary-button:hover {
  background-color: #fff8dd !important;
  color: #000000 !important;
}
.kirb-secondary-button {
  border-color: transparent;
  transition: background-color 0.2s ease, transform 0.15s ease;
  background-color: #f1f1f1;
  color: #101010;
}
.\!kirb-secondary-button {
  border-color: transparent !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
  background-color: #f1f1f1 !important;
  color: #101010 !important;
}
.kirb-secondary-button:hover {
  background-color: #fff8dd;
  color: #000000;
}
.\!kirb-secondary-button:hover {
  background-color: #fff8dd !important;
  color: #000000 !important;
}
.kirb-primarytext-color {
  color: #FFF8DD;
}
.\!kirb-primarytext-color {
  color: #FFF8DD !important;
}
.kirb-secondarytext-color {
  color: #101010;
}
.\!kirb-secondarytext-color {
  color: #101010 !important;
}
.kirb-primarybackground-color {
  background-color: #351d50;
}
.\!kirb-primarybackground-color {
  background-color: #351d50 !important;
}
.kirb-primarybgtext-color {
  color: #351d50;
}
.\!kirb-primarybgtext-color {
  color: #351d50 !important;
}
.kirb-secondarybackground-color {
  background-color: #f1f1f1;
}
.\!kirb-secondarybackground-color {
  background-color: #f1f1f1 !important;
}
.kirb-background-color {
  background-color: #ffffff;
}
.\!kirb-background-color {
  background-color: #ffffff !important;
}
.kirb-backgroundColor {
  background-color: #ffffff;
}
.\!kirb-backgroundColor {
  background-color: #ffffff !important;
}
.kirb-background-typography {
  background-color: #ffffff;
}
.\!kirb-background-typography {
  background-color: #ffffff !important;
}
.kirb-accent {
  color: #f1f1f1;
}
.\!kirb-accent {
  color: #f1f1f1 !important;
}
.kirb-accent-color {
  color: #f1f1f1;
}
.\!kirb-accent-color {
  color: #f1f1f1 !important;
}
.kirb-accentbackground-color {
  background-color: #f1f1f1;
}
.\!kirb-accentbackground-color {
  background-color: #f1f1f1 !important;
}
.kirb-accent-typography {
  background-color: #f1f1f1;
}
.\!kirb-accent-typography {
  background-color: #f1f1f1 !important;
}
.kirb-accenttext-color {
  color: #000000;
}
.\!kirb-accenttext-color {
  color: #000000 !important;
}
.kirb-filterbg-view {
  background-color: #f1f1f1;
}
.\!kirb-filterbg-view {
  background-color: #f1f1f1 !important;
}
.kirb-primaryhighlight-color {
  background-color: #F1F1F1;
}
.\!kirb-primaryhighlight-color {
  background-color: #F1F1F1 !important;
}
.kirb-secondaryhighlight-color {
  background-color: #FFF8DD;
}
.\!kirb-secondaryhighlight-color {
  background-color: #FFF8DD !important;
}
.kirb-borderPrimary-typography {
  border: 1px solid #351d50;
}
.\!kirb-borderPrimary-typography {
  border: 1px solid #351d50 !important;
}
.kirb-borderSecondary-typography {
  border: 1px solid #f1f1f1;
}
.\!kirb-borderSecondary-typography {
  border: 1px solid #f1f1f1 !important;
}
.kirb-borderAccent-typography {
  border: 1px solid #f1f1f1;
}
.\!kirb-borderAccent-typography {
  border: 1px solid #f1f1f1 !important;
}
.diamond-viewer-inline-module__kbrLrW__toneSlider {
  background: linear-gradient(to right, #351d50 var(--dv-tone-progress),#ececec var(--dv-tone-progress));
}
.diamond-viewer-inline-module__kbrLrW__toneSlider {
  background: linear-gradient(to right, #351d50 var(--dv-tone-progress),#ececec var(--dv-tone-progress)) !important;
}
.diamond-viewer-inline-module__kbrLrW__tooltipWrapper:before {
  background: linear-gradient(to right, #351d50 var(--dv-carat-progress), #ececec var(--dv-carat-progress));
}
.diamond-viewer-inline-module__kbrLrW__tooltipWrapper:before {
  background: linear-gradient(to right, #351d50 var(--dv-carat-progress), #ececec var(--dv-carat-progress)) !important;
}

.kirb-pagewidth-typography {
  padding: 0 0rem;
  margin: 0 auto;
  width: 1300px;
}

.\!kirb-pagewidth-typography {
  padding: 0 0rem !important;
  margin: 0 auto !important;
  width: 1300px !important;
}

@media (min-width: 768px) and (max-width: 1280px) {
.kirb-pagewidth-typography {
  width: 100%;
  padding: 0 1rem;
}

.\!kirb-pagewidth-typography {
  width: 100% !important;
  padding: 0 1rem !important;
}
}

@media (max-width: 768px) {
.kirb-pagewidth-typography {
  width: 100%;
  padding: 0 8px;
}

.\!kirb-pagewidth-typography {
  width: 100% !important;
  padding: 0 8px !important;
}
}

.kirb-heading-typography {
  font-family: "Helvetica", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0px;
  text-transform: none;
  color: #101010;
}

.\!kirb-heading-typography {
  font-family: "Helvetica", sans-serif !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  color: #101010 !important;
}

@media (max-width: 430px) {
.kirb-heading-typography {
  font-size: 32px;
}
.\!kirb-heading-typography {
  font-size: 32px !important;
}
}

.kirb-subheading-typography {
  font-family: "Helvetica", sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0px;
  text-transform: none;
  color: #101010;
}

.\!kirb-subheading-typography {
  font-family: "Helvetica", sans-serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  color: #101010 !important;
}

@media (max-width: 430px) {
.kirb-subheading-typography {
  font-size: 26px;
}
.\!kirb-subheading-typography {
  font-size: 26px !important;
}
}

.kirb-bodytext-typography, .kirb-textbody-typography {
  font-family: "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0px;
  color: #101010;
}

.\!kirb-bodytext-typography, .\!kirb-textbody-typography {
  font-family: "Helvetica", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0px !important;
  color: #101010 !important;
}

@media (max-width: 430px) {
.kirb-bodytext-typography, .kirb-textbody-typography {
  font-size: 11px;
}
.\!kirb-bodytext-typography, .\!kirb-textbody-typography {
  font-size: 11px !important;
}
}

.kirb-sub-bodytext-typography {
  font-family: "Helvetica", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0px;
  color: #101010;
}

.\!kirb-sub-bodytext-typography {
  font-family: "Helvetica", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  letter-spacing: 0px !important;
  color: #101010 !important;
}

@media (max-width: 430px) {
.kirb-sub-bodytext-typography {
  font-size: 9px;
}
.\!kirb-sub-bodytext-typography {
  font-size: 9px !important;
}
}

.kirb-accent-text-typography {
  font-family: "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #101010;
  accent-color: #101010;
}

.\!kirb-accent-text-typography {
  font-family: "Helvetica", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #101010 !important;
  accent-color: #101010 !important;
}

@media (max-width: 430px) {
.kirb-accent-text-typography {
  font-size: 11px;
}
.\!kirb-accent-text-typography {
  font-size: 11px !important;
}
}

.kirb-bodytext-typography-font {
  font-family: "Helvetica", sans-serif;
}

.\!kirb-bodytext-typography-font {
  font-family: "Helvetica", sans-serif !important;
}

.kirb-button-typography {
  font-family: "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0px;
  text-transform: none;
  color: #FFF8DD;
}

.\!kirb-button-typography {
  font-family: "Helvetica", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  color: #FFF8DD !important;
}

@media (max-width: 430px) {
.kirb-button-typography {
  font-size: 12px;
}
.\!kirb-button-typography {
  font-size: 12px !important;
}
}

.kirb-button-typography--secondary {
  font-family: "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0px;
  text-transform: none;
  color: #101010;
}

.\!kirb-button-typography--secondary {
  font-family: "Helvetica", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  color: #101010 !important;
}

@media (max-width: 430px) {
.kirb-button-typography--secondary {
  font-size: 12px;
}
.\!kirb-button-typography--secondary {
  font-size: 12px !important;
}
}

.kirb-link-typography {
  font-family: "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0px;
  text-transform: none;
  color: #101010;
  text-decoration: none;
}

.\!kirb-link-typography {
  font-family: "Helvetica", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  color: #101010 !important;
  text-decoration: none !important;
}

@media (max-width: 430px) {
.kirb-link-typography {
  font-size: 12px;
}
.\!kirb-link-typography {
  font-size: 12px !important;
}
}

.kirb-link-typography:hover {
  color: #101010;
}

.\!kirb-link-typography:hover {
  color: #101010 !important;
}

.kirb-accent-text-color {
  color: #101010;
}

.\!kirb-accent-text-color {
  color: #101010 !important;
}

.kirb-gridcard-card {
  font-size: 14px;
  color: #101010;
}

.\!kirb-gridcard-card {
  font-size: 14px !important;
  color: #101010 !important;
}

@media (max-width: 430px) {
.kirb-gridcard-card {
  font-size: 11px;
}
.\!kirb-gridcard-card {
  font-size: 11px !important;
}
}

.kirb-reviewCardSummary-subheading {
  font-size: 16px;
  font-weight: 600;
}

.\!kirb-reviewCardSummary-subheading {
  font-size: 16px !important;
  font-weight: 600 !important;
}

@media (max-width: 430px) {
.kirb-reviewCardSummary-subheading {
  font-size: 14px;
}
.\!kirb-reviewCardSummary-subheading {
  font-size: 14px !important;
}
}

.kirb-reviewCardSummary-content {
  font-size: 16px;
  font-weight: 600;
}

.\!kirb-reviewCardSummary-content {
  font-size: 16px !important;
  font-weight: 600 !important;
}

@media (max-width: 430px) {
.kirb-reviewCardSummary-content {
  font-size: 14px;
}
.\!kirb-reviewCardSummary-content {
  font-size: 14px !important;
}
}

.kirb-heading-font-size {
  font-size: 40px;
}

.\!kirb-heading-font-size {
  font-size: 40px !important;
}

@media (max-width: 430px) {
.kirb-heading-font-size {
  font-size: 32px;
}
.\!kirb-heading-font-size {
  font-size: 32px !important;
}
}

.kirb-subheading-font-size {
  font-size: 30px;
}

.\!kirb-subheading-font-size {
  font-size: 30px !important;
}

@media (max-width: 430px) {
.kirb-subheading-font-size {
  font-size: 26px;
}
.\!kirb-subheading-font-size {
  font-size: 26px !important;
}
}

.kirb-subheading-companion-typography {
  font-family: "Helvetica", sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0px;
  text-transform: none;
  color: #101010;
}

.\!kirb-subheading-companion-typography {
  font-family: "Helvetica", sans-serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  color: #101010 !important;
}

@media (max-width: 430px) {
.kirb-subheading-companion-typography {
  font-size: 23px;
}
.\!kirb-subheading-companion-typography {
  font-size: 23px !important;
}
}

.kirb-subheading-companion-font-size {
  font-size: 26px;
}

.\!kirb-subheading-companion-font-size {
  font-size: 26px !important;
}

@media (max-width: 430px) {
.kirb-subheading-companion-font-size {
  font-size: 23px;
}
.\!kirb-subheading-companion-font-size {
  font-size: 23px !important;
}
}

.kirb-price-typography {
  font-family: "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #101010;
}

.\!kirb-price-typography {
  font-family: "Helvetica", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0px !important;
  color: #101010 !important;
}

@media (max-width: 430px) {
.kirb-price-typography {
  font-size: 14px;
}
.\!kirb-price-typography {
  font-size: 14px !important;
}
}

.kirb-price-font-color {
  font-family: "Helvetica", sans-serif;
  color: #101010;
}

.\!kirb-price-font-color {
  font-family: "Helvetica", sans-serif !important;
  color: #101010 !important;
}

div.absolute.top-\[40px\] > div.kirb-sub-bodytext-typography,
.kirb-listing-filter-clear-btn,
.min-w-\[118px\].kirb-button-typography,
.kirb-listing-filter-more-btn {
    border-radius: 50px !important;
}

.kirb-back-to-collection, .kirb-reset-button{
  text-decoration: underline !important;
  }

.kirb-review-summary-card {
  border-radius: 10px;
  }

.kirb-bodytext-typography.kirb-price-typography.kirb-review-price {
  font-weight: 700;
}

.kirb-ringsize-selector{
  padding: 10px;
  }

.mt-6.flex.flex-wrap.items-center.gap-x-7.gap-y-3 {
    display: none !important;
}

.kirb-addtocart{
    min-height: 0px;
    background-color: #FFF8DD;
    color: black;
    width: 100% !important;
    height: 40.9983px;
    margin: 0px;
    padding: 9px 14px;
    font-size: 12px;
  }

.kirb-classic-filters-chip-label{
  text-transform: none;
  }

.kirb-classic-filters-root .kirb-classic-filters-apply button {
    font-size: 12px !important;
}

.kirb-classic-filters-root button.kirb-classic-filters-close , .kirb-engraving-classic-close ,.kirb-diamond-zoom-popup__close ,.kirb-diamond-popup__close ,.kirb-setting-popup__close {
    font-size: 26px !important;
}

.kirb-diamond-popup__actions button.kirb-diamond-popup__choice, .kirb-engraving-classic-save {
    font-size: 14px !important;
}

:root {
  --kirb-page-theme-token: default;
  --kirb-byor-strip-token: byor-style-1;
  --kirb-natural-listing-token: natural-listing-style-1;
  --kirb-diamond-filter-icon-token: diamond-filter-icon-1;
  --kirb-review-page-token: review-page-style-1;
  --kirb-review-sidebar-token: review-sidebar-style-1;
  --kirb-review-gallery-token: review-gallery-style-1;
  --kirb-review-ring-details-token: review-ring-details-style-1;
}

.kirb-byor-strip-byor-style-1 {
  --kirb-byor-strip-token: byor-style-1;
}

.kirb-natural-listing-natural-listing-style-1 {
  --kirb-natural-listing-token: natural-listing-style-1;
}

.kirb-diamond-filter-icon-diamond-filter-icon-1 {
  --kirb-diamond-filter-icon-token: diamond-filter-icon-1;
}

.kirb-review-page-review-page-style-1 {
  --kirb-review-page-token: review-page-style-1;
}

.kirb-review-sidebar-review-sidebar-style-1 {
  --kirb-review-sidebar-token: review-sidebar-style-1;
}

.kirb-review-gallery-review-gallery-style-1 {
  --kirb-review-gallery-token: review-gallery-style-1;
}

.kirb-review-ring-details-review-ring-details-style-1 {
  --kirb-review-ring-details-token: review-ring-details-style-1;
}