@import url(/assets/custom/messages-8f6d4d815877d67d327f14bfdd183070e11725a51f6da97d71c575b36d84483d.css);
@import url(/assets/custom/breadcrumb-49520ecc55e2acfbc90192010625c026cf4a2dff47704b0c6108002f3590529d.css);
@import url(/assets/custom/specificationPage-0899f30ebea4c4da273d6aca1edc4e6d9e4c813877c75712f9cae436d08cffe4.css);
@import url(/assets/custom/button-73ea72c9ac350b795e2c8fa5063e997d853f52d3564303f74925a826ae8d98e1.css);
@import url(/assets/custom/account-bf7eb36edd6f3c7db1d50f526098556f3b12a5722380db82587deb7d73ef71df.css);
@import url(/assets/custom/products-f3e5235752718aa03695762cb8037ffe26d2c7c3258a4f4fe2eb51da4d136e69.css);
@import url(/assets/custom/replacement_lenses-8ea6c0931acaf30f7a80668f3327f9c547794b3c28b3b0b0ca22080a706448f0.css);
@import url(/assets/custom/static_pages-45c986bb1bd234f595a57f88c0c92b28681d2ea32047324c7c3d8c100e6f0815.css);
@import url(/assets/custom/checkoutPage-f91cc1cabe0d5a88c117cebe8c6db5999b75a80dbdfb9a86d97eff330a010a54.css);
@import url(/assets/custom/global-b679744c243a7163653352d1aca4f26619bf39df5d635b68b45c5be373f90b6c.css);
@import url(/assets/custom/reviewRating-ee1a6f41803398c2d5904b451e6ce17f74dd0bf87ce6a6f576b64be60234759f.css);
@import url(/assets/custom/progress_bar-5b6f8debede58007a788aa350d3a85b673596b4650820c2302e4ba9c599bfdbd.css);

@tailwind base;
@tailwind components;
@tailwind utilities;
.prescriptions [type='checkbox'],
[type='radio'] {
  color: #0fb100 !important;
}

.form-group.sign-up .form-control {
  margin-top: 0px;
}

.form-control {
  height: calc(1.5em + 1.4rem + 2px);
  width: 100%;
  display: block;
}

.wishlist-overflow-x-auto {
  overflow-x: auto;
  scrollbar-width: none;
}

.wishlist-overflow-x-auto::-webkit-scrollbar {
  display: none;
}
.breadcrumb {
  background: none;
  padding: 0.5rem 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  border-radius: 0.5rem;
  font-size: 14px;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: '>';
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.btn-primary:disabled {
  background-color: #757575;
  border-color: #757575;
  color: #fff;
  cursor: not-allowed;
}

.btn:disabled {
  opacity: 0.65;
}

.btn {
  text-align: center;
  padding: 12px;
  border-radius: 8px;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
}

.btn-primary {
  background-color: #132776;
  color: white;
}

.btn-outline-primary {
  background-color: white;
  border: 2px solid #132776;
  color: #132776;
}

.btn-outline-primary:hover {
  background-color: #132776;
  color: white;
}

.change-password [type=checkbox]:focus, [type=radio]:focus {
  box-shadow: none !important;
}

.group-radio:checked + .label-child {
  border: 1px solid #132776;
}
.spree-radio-label input {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

button,
input {
  overflow: visible;
}

input:checked ~ .spree-radio-label-custom-input {
  background-image: url(/assets/icons/active_checkbox-74b2b37b098373f8f47b72c32c96eca72af32ccbcb46db5265d7c362133ede56.webp);
  background-size: contain;
}

.payment-sources-list-item-image {
  height: 22px;
  margin-right: 10px;
  display: inline;
}

.spree-radio-label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

[type='checkbox'],
[type='radio'] {
  color: #132776 !important;
}

[type='checkbox']:focus {
  box-shadow: none !important;
}

.form-control,
.spree-flat-input {
  display: block;
  width: 100%;
  height: calc(1.5em + 1.4rem + 2px);
  padding: 0.7rem 0.75rem;
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 1.5;
  border-color: #ced4da !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 8px !important;
  margin-top: 20px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (min-width: 992px) {
  .spree-radio-label-custom-input {
    width: 27px;
    height: 27px;
  }

  .payment-sources-list-item-image {
    height: auto;
    margin-right: 17px;
    width: 50px;
  }
}

@media (min-width: 576px) {
  .spree-radio-label-custom-input {
    width: 32px;
    height: 32px;
  }

  .payment-sources-list-item-image {
    height: auto;
    width: 50px;
  }
}

.spree-radio-label-custom-input {
  background-image: url(/assets/icons/unactive_checkbox-672ccf9cc8cc3fb6b2df646adbd686c5a003856dd06c1dce21a26d40119785a3.svg);
  position: absolute;
  top: 2px;
  left: 0;
  width: 18px;
  height: 18px;
  background-size: contain;
}


.delivery input[type=radio]:focus {
  --tw-ring-offset-width: 0px !important;
}

.delivery input[type=radio]{
  color: #132776 !important;
}
.text-muted {
  color: #777777;
}

.disabled-class:disabled {
  background-color: #a0a0a0 !important;
  color: #f2eded !important;
  cursor: not-allowed;
}

.alert-error {
  display: flex;
  gap: 0.75rem;
  margin-top: 0.5rem;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.min-max-slider {
  position: relative;
  width: 200px;
  text-align: center;
  margin-bottom: 50px;
}

.min-max-slider>label {
  display: none;
}

span.value {
  height: 1.7em;
  font-weight: bold;
  display: inline-block;
}

span.value.lower::before {
  content: "$";
  display: inline-block;
}

span.value.upper::before {
  content: "- $";
  display: inline-block;
  margin-left: 0.4em;
}

.min-max-slider>.legend {
  display: flex;
  justify-content: space-between;
}

.min-max-slider>.legend>* {
  font-size: small;
  opacity: 0.25;
}

.min-max-slider>input {
  cursor: pointer;
  position: absolute;
}

/* webkit specific styling */
.min-max-slider>input {
  -webkit-appearance: none;
  outline: none !important;
  background: transparent;
  background-image: linear-gradient(to bottom, transparent 0%, transparent 30%, silver 30%, silver 60%, transparent 60%, transparent 100%);
}

.min-max-slider>input::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  width: 14px;
  /* Set a specific slider handle width */
  height: 14px;
  /* Slider handle height */
  background: #eee;
  /* Green background */
  cursor: pointer;
  /* Cursor on hover */
  border: 1px solid gray;
  border-radius: 100%;
}

.min-max-slider>input::-webkit-slider-runnable-track {
  cursor: pointer;
}

.contact-lense-table {
  width: 260%;
  border-collapse: collapse;
  table-layout: fixed;
}

.contact-lense-table th,
.contact-lense-table td {
  padding: 10px;
  text-align: left;
  word-wrap: break-word;
}

.contact-lense-table th {
  font-weight: bold;
}

.contact-lense-table-wrapper {
  max-height: 300px;
  overflow-y: auto;
  display: block;
}

.contact-lense-table tbody {
  display: block;
  width: 100%;
}

.contact-lense-table tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.contact-lense-table td {
  white-space: break-spaces;
}

.product-indicator[aria-current="false"] {
  border: 1px solid #132776 ;
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.checkout-progress {
  position: relative;
  width: 100%;
  margin-bottom: 42px;
}

.checkout-progress-steps {
  font-size: 0.60975rem;
  line-height: 16.8px;
  letter-spacing: 0.3px;
}

.checkout-progress-steps .nav-item.active,
.checkout-progress-steps .nav-item.completed {
  color: #132776;
  font-size: 16px;
  font-weight: 400;
}

.checkout-progress-steps .nav-item {
  color: #999999;
  font-weight: 600;
  max-width: 70px;
  text-align: center;
}

.checkout-progress-steps .nav-item a {
  color: inherit;
}

.checkout-progress-steps-image {
  z-index: 1;
  width: 23px;
  height: 23px;
  margin-bottom: 6px;
  color: #ffffff;
}

.checkout-progress-steps-image--full {
  /* background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2223.583%22%20viewBox%3D%220%200%2023.583%2023.583%22%20width%3D%2223.583%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22m11.792%2023.084a11.218%2011.218%200%200%201%20-7.985-3.308%2011.218%2011.218%200%200%201%20-3.307-7.984c0-3.016%201.175-5.852%203.307-7.985a11.218%2011.218%200%200%201%207.985-3.307c3.016%200%205.852%201.175%207.984%203.307a11.218%2011.218%200%200%201%203.308%207.985c0%203.016-1.175%205.852-3.308%207.984a11.218%2011.218%200%200%201%20-7.984%203.308z%22%2F%3E%3Cpath%20d%3D%22m11.792%201a10.721%2010.721%200%200%200%20-7.632%203.16%2010.721%2010.721%200%200%200%20-3.16%207.633c0%202.882%201.123%205.592%203.16%207.63a10.721%2010.721%200%200%200%207.632%203.162c2.882%200%205.592-1.123%207.63-3.161a10.721%2010.721%200%200%200%203.162-7.631c0-2.883-1.123-5.593-3.161-7.631a10.721%2010.721%200%200%200%20-7.631-3.162m0-1c6.512%200%2011.792%205.28%2011.792%2011.792s-5.28%2011.792-11.792%2011.792c-6.513%200-11.792-5.28-11.792-11.792%200-6.513%205.28-11.792%2011.792-11.792z%22%20fill%3D%22%234c4c4c%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2211.792%22%20cy%3D%2211.792%22%20fill%3D%22%234c4c4c%22%20r%3D%226.398%22%2F%3E%3C%2Fsvg%3E); */
  background-image: url(/assets/icons/active_checkbox-74b2b37b098373f8f47b72c32c96eca72af32ccbcb46db5265d7c362133ede56.webp);
  background-size: contain;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

.checkout-progress-steps-line {
  display: flex;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  margin: 0 25px;
}

.checkout-progress-steps-line hr {
  margin: 0;
  flex: 1;
  border: 1px solid #999999;
}

.checkout-progress-steps-line.state-delivery hr:first-child {
  border-color: #132776;
}

.checkout-progress-steps-line.state-payment hr:first-child,
.checkout-progress-steps-line.state-payment hr:nth-child(2) {
  border-color: #132776 !important;
}

.checkout-progress-steps-line.state-confirm hr:first-child,
.checkout-progress-steps-line.state-confirm hr:nth-child(2),
.checkout-progress-steps-line.state-confirm hr:nth-child(3) {
  border-color: #132776 !important;
}


@media (min-width: 576px) {
  .checkout-progress-steps {
    font-size: 1.01625rem;
    line-height: 17px;
    letter-spacing: 0.5px;
  }

  .checkout-progress-steps .nav-item {
    font-weight: 500;
    max-width: 100px;
  }

  .checkout-progress {
    margin-top: 33px;
    margin-bottom: 113px;
  }

  .checkout-progress-steps-image {
    width: 46px;
    height: 46px;
    margin-bottom: 16px;
  }

  .checkout-progress-steps-line {
    top: 22px;
    margin: 0 50px;
  }
}

@media (min-width: 992px) {
  .checkout-progress {
    margin-top: 0;
    margin-bottom: 80px;
  }

  .checkout-progress-steps {
    font-size: 0.914625rem;
    line-height: 0.94;
    letter-spacing: 0.45px;
  }

  .checkout-progress-steps-image {
    width: 29px;
    height: 29px;
    margin-bottom: 13px;
  }

  .checkout-progress-steps-line {
    top: 14px;
    margin: 0 29px;
    margin-right: 40px;
  }
}

.progress-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.progress-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 715px;
  margin-bottom: 20px;
}

.circle {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 3px solid #132776;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #132776;
}

.bar {
  height: 5px;
  background-color: #e0e0e0;
  flex: 1;
}

.labels {
  display: flex;
  justify-content: space-between;
  width: 740px;
}

button {
  padding: 10px 20px;
  font-size: 16px;
  background-color: #132776;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

button:disabled {
  background-color: #a6a6a6;
}

.bar.active {
  background-color: #132776;
}

.replacelens-progress-bar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1080px;
  margin-bottom: 20px;
}

.replacelens-labels{
  display: flex;
  justify-content: space-between;
  width: 1140px;
}

@media (min-width: 1140px) {
  .replacelens-labels {
    width: 1058px;
  }
}

@media (max-width: 1260px){
  .progress-bar {
   width: 600px;
  }
  .labels{
    width: 650px;
  }
}
.replacement-lense-bg {
  background-image: url(/assets/replace_lense_bg-d58c711b0be2a38f05fb76f9e94d70eba936924ce769dcb7697bf8e59bd0a109.webp);
  background-position: center;
  background-size: cover;
}

@media (max-width: 767px) {
   .replacement-lense-bg {
    background-image: none;
  }
}
.review {
  .yotpo-label-container,
  .write-question-review-buttons-container,
  .yotpo-first-review,
  .yotpo-nav-content,
  .yotpo-nav,
  .bottom-line-items-container .avg-score {
    display: none !important;
  }

  .yotpo {
    .yotpo-icon-default-star:before,
    .yotpo-icon-star:before {
      content: "\e60e";
      color: #132776;
    }

    .yotpo-icon-default-empty-star:before,
    .yotpo-icon-empty-star:before {
      content: "\e61b";
      color: #132776;
      background-color: transparent;
    }

    .yotpo-regular-box {
      padding: 0;
      margin: 0;
    }

    .new-yotpo-small-box {
      margin: 0;
      border-bottom: none;
    }
  }

  .main-widget .bottom-line-items {
    text-align: left;
    padding-bottom: 0;
  }
}
/* product description detail  */
.product-variants-variant {
  transition: opacity 200ms;
}

.product-variants-variant-values-radio {
  opacity: 0;
  position: fixed;
}

.color-select-label input:checked + .color-select .color-select-border {
  stroke: #4c4c4c;
}

.color-select-border {
  stroke: #e2e2e2;
}

.select-label {
  cursor: pointer;
  padding: 3px 12px !important;
  min-width: 32px;
  max-height: 32px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #e4e4e4;
  border-radius: 60px;
  color: #6d6d6d;
}

input:checked + .select-label {
  border: 1px solid #132776;
  background-color: #132776 !important;
  border-radius: 60px !important;
  color: white !important;
  padding: 3px 12px !important;
  font-weight: 700;
}

.product-variants-variant-values-radio:disabled + label {
  color: #e4e5e6;
  cursor: not-allowed;
  opacity: 0.5;
}

@media (prefers-color-scheme: dark) {
  .carousal-images .dark\:bg-gray-800 {
    background-color: transparent !important;
    border: 1px solid black !important;
  }
}

.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  opacity: 1;
  transform: translateY(-50%);
}

.background-poster {
  background-image: url(/assets/poster-2eed6b45b134f6268319382df655c131ee543b78fd4c1c2116c218d80014a8fe.webp);
  background-position: center;
  background-size: cover;
}

.yotpo-label-container {
  border-top: none !important;
  border-bottom: 1px solid #e3e3e3 !important;
}

.mirrored {
  transform: scaleX(-1);
}
.contact-us-bg {
  background-image: url(/assets/contact_us-55fb9d35ecfb820b937f5509b260e1a3325fbdf0c4d76d8b8254734684819451.webp);
}

.hsa-cover {
  background-image: url(/assets/hsa_bg-4fefc5fd0b9d88a2c4c3b981defcb157d5daf6d17a9b829cabf12b0e9b22395c.webp);
  background-position: center;
  background-size: cover;
}

.contact-shadow {
  box-shadow: 10px 10px 50px rgba(0, 98, 255, 0.03);
}

.homepage-code-bg {
  background-position: center;
  background-size: cover;
}
.homepage-buy-bg {
  background-position: center;
  background-size: cover;
}
.indicator[aria-current="true"] {
  background-color: #132776;
  width: 58px;
  height: 8px;
}
.indicator[aria-current="false"] {
  background-color: #757575;
  width: 22px;
  height: 8px;
}
/* line 60, app/assets/stylesheets/spree/frontend/variables/variables.scss */
.font-weight-medium {
  font-weight: 500;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */