/** Shopify CDN: Minification failed

Line 92:37 Expected "]" to go with "["
Line 92:63 Unexpected "]"

**/
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/snippets/component-cart-item-new.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.cart-item-new {
  position: relative;
  display: block;
}

.cart-item-new:not(:last-of-type) {
  margin-bottom: 32px;
}

.cart-item-new--loading-state {
  filter: blur(2px);
  pointer-events: none;
}

.cart-item-new__container {
  padding: 16px 12px;
  border-radius: 8px;
  border: 1px solid rgba(175, 187, 235, 0.5);
}

@media screen and (min-width: 750px) {
  .cart-item-new__container {
    display: grid;
    grid-template-columns: 186px 1fr;
    grid-column-gap: 28px;
    padding: 24px;
  }
}

.cart-item-new__header {
  margin-bottom: 10px;
}

@media screen and (max-width: 749px) {
  .cart-item-new__header {
    display: grid;
    grid-template-columns: 70px 1fr;
    grid-column-gap: 16px;
  }
}

.cart-item-new__main {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

@media screen and (min-width: 750px) {
  .cart-item-new__main {
    padding-top: 24px;
  }
}

.cart-item-new__main-vendor {
  margin-bottom: 2px;
  font-family: "Garet Bold", sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
  text-transform: uppercase;
}

.cart-item-new__main-title {
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.cart-item-new__main-price {
  padding-left: 8px;
}

.cart-item-new__main-price p {
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.cart-item-new__discounts {
  padding: 16px 0;
  border-top: 1px solid rgba(175, 187, 235, 0.3);
}

.cart-item-new__discounts[\:not-has\(.cart-item-new__discount\)] {
  display: none;
}

.cart-item-new__discounts:not(:has(.cart-item-new__discount)) {
  display: none;
}

.cart-item-new__discounts-list {
  display: flex;
  flex-direction: column;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.cart-item-new__discounts-title {
  font-family: "Garet Bold", sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
}

.cart-item-new__discount {
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
  line-height: 2.1rem;
}

.cart-item-new__discount-name {
  font-family: "Garet Bold", sans-serif;
  opacity: 0.6;
}

.cart-item-new__discounts-total {
  font-family: "Garet Bold", sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
}

.cart-item-new__body {
  margin-bottom: 12px;
}

.cart-item-new__option-values {
  padding: 0;
  margin: 0;
  list-style: none;
}

.cart-item-new__option-values li {
  font-size: 1.4rem;
  line-height: 2.1rem;
}

.cart-item-new__option-values li:not(:last-child) {
  margin-bottom: 1px;
}

.cart-item-new__option-values li span {
  display: inline-block;
  min-width: 78px;
  margin-right: 8px;
  opacity: 0.6;
}

.cart-item-new__contact {
  display: grid;
  grid-template-columns: minmax(auto, 78px) 118px 1fr;
  grid-column-gap: 8px;
  align-items: center;
}

.cart-item-new__contact:not(:last-of-type) {
  margin-bottom: 8px;
}

.cart-item-new__contact-eye {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.cart-item-new__contact-eye span {
  font-size: 1.4rem;
  line-height: 2.1rem;
  opacity: 0.6;
}

.cart-item-new__contact-quantity {
  display: flex;
  align-items: center;
  min-width: 118px;
  border-radius: 50px;
  border: 1px solid #6B6B6B;
}

.cart-item-new__contact-quantity span {
  font-size: 1.4rem;
  line-height: 2.1rem;
}

.cart-item-new__contact-quantity button {
  height: 33px;
  width: 100%;
}

.cart-item-new__contact-minus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 9px;
}

.cart-item-new__contact-plus {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 9px;
}

.cart-item-new__contact-price {
  margin: 0;
  text-align: right;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.cart-item-new__prescription {
  margin: 12px 0;
  border-radius: 3px 3px 0px 0px;
  background: #F7F8FD;
}

@media screen and (min-width: 750px) {
  .cart-item-new__prescription {
    margin: 16px 0;
  }
}

.cart-item-new__prescription[open] svg:first-of-type {
  display: none;
}

.cart-item-new__prescription:not([open]) svg:last-of-type {
  display: none;
}

.cart-item-new__prescription summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px 8px 16px;
  font-size: 1.4rem;
  line-height: 2.1rem;
}

.cart-item-new__prescription summary svg {
  width: 16px;
  height: auto;
}

.cart-item-new__prescription-details {
  padding: 8px 16px 16px;
}

.cart-item-new__prescription-details table {
  width: 100%;
  box-shadow: 0 0 0 1px #181E2B;
  text-align: center;
}

.cart-item-new__prescription-details caption {
  margin-bottom: 16px;
  text-align: left;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.cart-item-new__prescription-details thead {
  background: rgba(175, 187, 235, 0.2);
}

.cart-item-new__prescription-details th {
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.cart-item-new__prescription-details td {
  font-size: 1.4rem;
  line-height: 2.1rem;
}

.cart-item-new__prescription-details th, .cart-item-new__prescription-details td {
  border-color: #181E2B !important;
}

.cart-item-new__prescription-details tr th:first-child {
  position: relative;
}

.cart-item-new__prescription-details tr th:first-child::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  background-color: #F7F8FD;
}

.cart-item-new__prescription-details tr td:first-child {
  background: rgba(175, 187, 235, 0.2);
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.cart-item-new__prescription-error {
  margin: 0;
  font-size: 1.4rem;
  line-height: 2.1rem;
}

.cart-item-new__total {
  padding-top: 16px;
  border-top: 1px solid rgba(175, 187, 235, 0.3);
}

.cart-item-new__total p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  font-family: "Garet Bold", sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
}

.cart-item-new__total span {
  padding-left: 8px;
  font-family: inherit;
}

.cart-item-new__lenses {
  padding-top: 12px;
  border-top: 1px solid rgba(175, 187, 235, 0.3);
}

.cart-item-new__lenses[open] .cart-item-new__lenses-title-subtotal {
  display: none;
}

.cart-item-new__lenses[open] svg:first-of-type {
  display: none;
}

.cart-item-new__lenses:not([open]) svg:last-of-type {
  display: none;
}

.cart-item-new__lenses summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.cart-item-new__lenses summary svg {
  width: 24px;
  height: auto;
  margin-right: 8px;
}

.cart-item-new__lenses-title {
  display: flex;
  align-items: center;
}

.cart-item-new__lenses-title-subtotal {
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.cart-item-new__lenses-details {
  padding-top: 12px;
}

.cart-item-new__lenses-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 4px 0;
  font-family: "Garet Bold", sans-serif;
  font-size: 1.4rem;
  line-height: 2.1rem;
}

.cart-item-new__lenses-heading span {
  font-family: "Garet Regular", sans-serif;
  color: #4063E7;
}

.cart-item-new__lenses-subtotal {
  margin: 16px 0 0;
  text-align: right;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.cart-item-new__subscription {
  padding-top: 12px;
  border-top: 1px solid rgba(175, 187, 235, 0.3);
}

.cart-item-new__subscription[open] .cart-item-new__subscription-title-discount {
  display: none;
}

.cart-item-new__subscription:not([open]) .cart-item-new__subscription-edit {
  display: none;
}

.cart-item-new__subscription[open] svg:first-of-type {
  display: none;
}

.cart-item-new__subscription:not([open]) svg:last-of-type {
  display: none;
}

.cart-item-new__subscription summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.cart-item-new__subscription summary svg {
  width: 24px;
  height: auto;
  margin-right: 8px;
}

.cart-item-new__subscription-title {
  display: flex;
  align-items: center;
}

.cart-item-new__subscription-title-discount {
  color: #4063E7;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.cart-item-new__subscription-edit {
  border-bottom: 0.15rem solid currentColor;
  text-align: right;
  font-family: "Garet Bold", sans-serif;
  font-size: 1.4rem;
  letter-spacing: -0.015rem;
  line-height: 1;
}

.cart-item-new__subscription-details {
  padding-top: 12px;
}

.cart-item-new__subscription-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 4px 0;
  font-family: "Garet Bold", sans-serif;
  font-size: 1.4rem;
  line-height: 2.1rem;
}

.cart-item-new__subscription-heading span {
  font-family: "Garet Regular", sans-serif;
  color: #4063E7;
}

.cart-item-new__subscription-discount {
  margin: 16px 0 0;
  color: #4063E7;
  text-align: right;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.cart-item-new__subscription-frequency {
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 2.1rem;
}

.cart-item-new__subscription-frequency-title {
  opacity: 0.6;
}

.cart-item-new__subscription-frequency-value {
  padding-left: 4px;
}

.cart-item-new__subscription-options .dropdown-select {
  max-width: 220px;
}

.cart-item-new__subscription-options .dropdown-select[open] .cart-item-new__subscription-select {
  border-radius: 20px 20px 0 0;
  background-image: url("select-flipped.svg");
}

.cart-item-new__subscription-options .dropdown-select:not([open]) ul {
  display: none;
}

.cart-item-new__subscription-options ul {
  width: 100%;
  max-width: 220px;
  border: 1px solid #000000;
  border-top: none;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.cart-item-new__subscription-options li {
  padding: 6px 16px;
  font-size: 1.4rem;
  line-height: 2.1rem;
}

.cart-item-new__subscription-options li[aria-selected=true] {
  background-color: rgba(175, 187, 235, 0.1254901961);
}

.cart-item-new__subscription-group {
  display: flex;
  flex-direction: column;
}

.cart-item-new__subscription-group label {
  display: block;
  margin-bottom: 4px;
  font-size: 1.4rem;
  line-height: 2.1rem;
  opacity: 0.6;
}

.cart-item-new__subscription-select {
  width: 100%;
  max-width: 220px;
  padding: 8px 16px;
  border-radius: 40px;
  border: 1px solid #000000;
  background-image: url("select.svg");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  appearance: none;
  font-size: 1.4rem;
  line-height: 2.1rem;
}

.cart-item-new__remove {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 750px) {
  .cart-item-new__remove {
    top: 24px;
    right: 24px;
  }
}

.cart-item-new__remove svg {
  width: 100%;
  height: 100%;
}

.cart-item-new__image-desktop {
  width: 186px;
  height: 186px;
  background-color: #F2F2F2;
}

@media screen and (max-width: 749px) {
  .cart-item-new__image-desktop {
    display: none;
  }
}

.cart-item-new__image-desktop img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.cart-item-new__image-mobile {
  width: 70px;
  height: 70px;
  background-color: #F2F2F2;
}

@media screen and (min-width: 750px) {
  .cart-item-new__image-mobile {
    display: none;
  }
}

.cart-item-new__image-mobile img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}