@-webkit-keyframes hide-blue-light {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    transition: all 0.2s;
    transform: translateY(-10px); }
  100% {
    opacity: 0;
    margin: 0;
    padding: 0;
    height: 0;
    border: 0;
    width: 0; } }

@keyframes hide-blue-light {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    transition: all 0.2s;
    transform: translateY(-10px); }
  100% {
    opacity: 0;
    margin: 0;
    padding: 0;
    height: 0;
    border: 0;
    width: 0; } }

@-webkit-keyframes show-blue-light {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes show-blue-light {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

#rxcApp {
  width: 100%;
  height: 100%;
  color: #1f1f24;
  /* Accordion */ }
  #rxcApp * {
    box-sizing: border-box;
    font: 16px "Lato", sans-serif; }
  #rxcApp .hidden {
    display: none !important; }
  #rxcApp .step-disabled {
    opacity: 0.6 !important;
    cursor: progress !important;
    border: none !important; }
  @media only screen and (min-width: 1200px) {
    #rxcApp .focus-visible {
      border: 1.5px solid #1f1f24 !important; } }
  #rxcApp .lc-control {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    cursor: pointer;
    font-weight: 300; }
    #rxcApp .lc-control:hover input:not([disabled]) ~ .lc-control__indicator {
      border-color: #666666;
      outline: none; }
    #rxcApp .lc-control input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
      #rxcApp .lc-control input:focus ~ .lc-control__indicator {
        outline: none;
        border: solid 1px #666666;
        border-radius: 2px; }
      #rxcApp .lc-control input:checked ~ .lc-control__indicator {
        background: #ffffff; }
        #rxcApp .lc-control input:checked ~ .lc-control__indicator:after {
          display: block; }
      #rxcApp .lc-control input:disabled ~ .lc-control__indicator {
        background: #e6e6e6;
        opacity: 0.6;
        pointer-events: none; }
    #rxcApp .lc-control .lc-control__indicator {
      position: absolute;
      top: 0px;
      left: 0;
      height: 15px;
      width: 15px;
      background: #ffffff;
      border: 1px solid #333333; }
      #rxcApp .lc-control .lc-control__indicator:after {
        content: '';
        position: absolute;
        display: none; }
    #rxcApp .lc-control.lc-control--checkbox .lc-control__indicator:after {
      left: 4px;
      top: 0px;
      width: 4px;
      height: 10px;
      border: solid #e80c00;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg); }
    #rxcApp .lc-control.lc-control--checkbox .lc-control__indicator input:disabled ~ .lc-control__indicator:after {
      border-color: #7b7b7b; }
    #rxcApp .lc-control.lc-control--radio .lc-control__indicator {
      border-radius: 50%; }
      #rxcApp .lc-control.lc-control--radio .lc-control__indicator:after {
        left: 4px;
        top: 4px;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background: #e80c00; }
  #rxcApp label.lc-accordion {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #e80c00;
    text-decoration: underline;
    cursor: pointer;
    display: flex;
    flex-direction: row; }
    #rxcApp label.lc-accordion:hover {
      text-decoration: underline; }
    #rxcApp label.lc-accordion:after {
      content: '';
      width: 4px;
      height: 4px;
      border-left: 1px solid #333333;
      border-top: 1px solid #333333;
      transform: rotate(-135deg);
      margin-left: 10px;
      margin-top: 5px; }
  #rxcApp div.lc-accordion {
    max-height: 0;
    overflow-y: hidden;
    transition: max-height 0.75s ease-in-out;
    display: flex;
    flex-direction: row; }
  #rxcApp input.lc-accordion {
    display: none; }
    #rxcApp input.lc-accordion:checked ~ label.lc-accordion:after {
      transform: rotate(45deg);
      margin-left: 10px;
      margin-top: 7px;
      display: flex; }
    #rxcApp input.lc-accordion:checked ~ div.lc-accordion {
      max-height: 140px; }
  @media only screen and (max-width: 1199px) {
    #rxcApp button {
      background-color: unset;
      text-transform: unset;
      letter-spacing: unset;
      padding: unset;
      margin: unset;
      color: unset; }
      #rxcApp button .included-box {
        width: 100%; }
      #rxcApp button .step-button-fork {
        width: 100% !important; }
      #rxcApp button .image-color {
        justify-items: end; }
        #rxcApp button .image-color .color-button {
          width: 90%; } }
  #rxcApp .hide-chat {
    z-index: 100002 !important; }
  #rxcApp .main-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100001;
    display: flex;
    flex-flow: column nowrap;
    width: inherit;
    height: inherit;
    background-color: #ffffff; }
    #rxcApp .main-modal .main-header {
      height: auto; }
      #rxcApp .main-modal .main-header .main-header-content {
        height: 56px;
        justify-content: space-between; }
        #rxcApp .main-modal .main-header .main-header-content .product-brand-container {
          width: 8%;
          margin-left: 10px; }
          #rxcApp .main-modal .main-header .main-header-content .product-brand-container .product-brand {
            align-self: flex-start;
            max-width: 70px;
            max-height: 38px; }
        #rxcApp .main-modal .main-header .main-header-content .header-back.invisible {
          display: none; }
        #rxcApp .main-modal .main-header .main-header-content .header-back:focus {
          outline: none; }
        #rxcApp .main-modal .main-header .main-header-content .header-left-content {
          flex: 0 0 auto;
          margin-left: 10px; }
          #rxcApp .main-modal .main-header .main-header-content .header-left-content.invisible {
            display: none; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-header .main-header-content .header-left-content {
              display: block; }
              #rxcApp .main-modal .main-header .main-header-content .header-left-content .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-header .main-header-content .header-left-content .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-header .main-header-content .header-left-content .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-header .main-header-content .header-left-content .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .main-header .main-header-content .header-left-content .header-logo {
            min-width: 40px;
            min-height: 40px;
            color: transparent;
            object-fit: contain;
            background-size: contain;
            background-image: url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/Ray-Ban_Logo.png);
            /* background-image: image-set(
                            url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/Ray-Ban_Logo.png) 1x,
                            url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/Ray-Ban_Logo@2x.png) 2x,
                            url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/Ray-Ban_Logo@3x.png) 3x
                        );
                        background-image: -webkit-image-set(
                            url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/Ray-Ban_Logo.png) 1x,
                            url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/Ray-Ban_Logo@2x.png) 2x,
                            url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/Ray-Ban_Logo@3x.png) 3x
                        ); */
            background-repeat: no-repeat; }
        #rxcApp .main-modal .main-header .main-header-content .header-right-content {
          flex: none; }
          #rxcApp .main-modal .main-header .main-header-content .header-right-content .header-price {
            align-items: baseline; }
            #rxcApp .main-modal .main-header .main-header-content .header-right-content .header-price .price-container {
              padding-bottom: 3px;
              display: flex;
              align-items: baseline; }
              #rxcApp .main-modal .main-header .main-header-content .header-right-content .header-price .price-container .price-inner-content {
                display: flex;
                align-items: flex-end; }
              #rxcApp .main-modal .main-header .main-header-content .header-right-content .header-price .price-container .price {
                margin-left: 5px;
                font-family: "Lato", sans-serif;
                font-weight: 400;
                font-size: 16px; }
                @media only screen and (max-width: 760px) {
                  #rxcApp .main-modal .main-header .main-header-content .header-right-content .header-price .price-container .price {
                    font-family: "Lato", sans-serif;
                    font-weight: 400;
                    font-size: 14px; } }
                #rxcApp .main-modal .main-header .main-header-content .header-right-content .header-price .price-container .price.insurance-price {
                  color: #1c8846 !important; }
              #rxcApp .main-modal .main-header .main-header-content .header-right-content .header-price .price-container .strike-price {
                margin-left: 10px !important;
                text-decoration: line-through; }
                @media only screen and (max-width: 760px) {
                  #rxcApp .main-modal .main-header .main-header-content .header-right-content .header-price .price-container .strike-price {
                    display: block !important; } }
              #rxcApp .main-modal .main-header .main-header-content .header-right-content .header-price .price-container .label {
                margin-top: 0px;
                font-family: "Lato", sans-serif;
                font-weight: 400;
                font-size: 16px; }
                @media only screen and (max-width: 760px) {
                  #rxcApp .main-modal .main-header .main-header-content .header-right-content .header-price .price-container .label {
                    font-family: "Lato", sans-serif;
                    font-weight: 400;
                    font-size: 14px; } }
      #rxcApp .main-modal .main-header .header-review-title {
        font-family: "Oswald", sans-serif;
        font-weight: 500;
        font-size: 14px;
        text-transform: uppercase; }
      #rxcApp .main-modal .main-header .header-insurance-banner {
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100%;
        background-color: #1c884626;
        color: #1c8846;
        font-family: "Lato", sans-serif;
        font-weight: 900;
        font-size: 16px;
        align-items: center;
        height: 27px; }
      #rxcApp .main-modal .main-header .header-insurance-banner-thick-img {
        padding-left: 0.5rem;
        width: auto;
        height: 8px; }
      #rxcApp .main-modal .main-header .header-progressbar-container {
        background-color: #f2f2f2; }
        #rxcApp .main-modal .main-header .header-progressbar-container .header-progressbar {
          background-color: #e80c00; }
    #rxcApp .main-modal .bottom-bar {
      display: flex;
      flex-flow: column nowrap;
      width: 100%;
      position: absolute;
      bottom: 0;
      height: 80px;
      background-color: #ffffff;
      z-index: 1; }
      @media only screen and (max-width: 1199px) {
        #rxcApp .main-modal .bottom-bar {
          position: fixed;
          height: 55px; }
          #rxcApp .main-modal .bottom-bar .included-box {
            width: 100%; }
          #rxcApp .main-modal .bottom-bar .step-button-fork {
            width: 100% !important; }
          #rxcApp .main-modal .bottom-bar .image-color {
            justify-items: end; }
            #rxcApp .main-modal .bottom-bar .image-color .color-button {
              width: 90%; } }
      #rxcApp .main-modal .bottom-bar #rxc-wcag-start {
        display: none; }
      #rxcApp .main-modal .bottom-bar .bottom-bar-content {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        border-bottom: 0px;
        border-top: solid 1px #e5e5e5;
        justify-content: space-between; }
        #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content,
        #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content {
          display: inherit;
          flex-flow: inherit;
          align-items: inherit;
          justify-content: flex-end; }
        #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content {
          margin-left: 10px;
          display: flex;
          align-items: flex-start;
          flex-direction: row;
          align-items: center; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content {
              display: none; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content .included-box {
                width: 100%; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content .image-color {
                justify-items: end; }
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content .bottom-bar-product-name {
            text-transform: uppercase;
            margin-right: 150px;
            font-family: "Oswald", sans-serif;
            font-weight: 500;
            font-size: 16px; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content .bottom-bar-product-name {
                display: none !important; }
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content .bottom-bar-product-name .included-box {
                  width: 100%; }
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content .bottom-bar-product-name .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content .bottom-bar-product-name .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content .bottom-bar-product-name .image-color .color-button {
                    width: 90%; } }
          #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content .bottom-bar-product-model {
            text-transform: uppercase;
            font-family: "Oswald", sans-serif;
            font-weight: 400;
            font-size: 13px; }
          #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-left-content .bottom-bar-label-container {
            display: flex;
            flex-direction: column;
            width: max-content; }
        #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-product-image {
          width: 117px;
          height: 60px;
          margin-right: 5px; }
        #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content {
          margin-right: 0px;
          height: 100%;
          width: 70%; }
          #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-info-prescription {
            font-size: 14px;
            line-height: 1.57;
            margin-right: 40px;
            color: #1f1f24;
            display: flex; }
            @media only screen and (min-width: 1200px) {
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-info-prescription {
                align-items: center; } }
            #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-info-prescription .icon-prescription-info {
              background-image: url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@3x.png);
              background-image: image-set(url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@3x.png) 3x);
              background-repeat: no-repeat;
              background-size: 18px 18px;
              width: 25px;
              height: 24px;
              margin-left: 16px;
              margin-top: 2px; }
              @media only screen and (min-width: 1200px) {
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-info-prescription .icon-prescription-info {
                  padding-right: 25px; } }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content {
              flex: 1 1 auto;
              justify-content: center;
              margin-right: 0; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .included-box {
                width: 100%; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .image-color {
                justify-items: end; }
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price {
            display: flex;
            height: 100%; }
            #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container {
              display: flex;
              justify-content: center;
              flex-direction: column;
              margin-top: 10px;
              margin-right: 30px;
              margin-bottom: 10px;
              margin-left: 20px;
              width: max-content; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .price {
                font-size: 18px !important; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .price-no-discount {
                margin-left: 10px;
                color: #1f1f24;
                font-family: "Oswald", sans-serif;
                font-weight: 500;
                font-size: 14px; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .price-no-discount {
                    font-family: "Oswald", sans-serif;
                    font-weight: 500;
                    font-size: 12px;
                    color: #1f1f24; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .price-no-discount .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .price-no-discount .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .price-no-discount .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .price-no-discount .image-color .color-button {
                        width: 90%; } }
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .price-no-discount.insurance-price {
                  color: #1c8846 !important; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .taxes-on-total {
                font-family: Oswald;
                font-size: 10px;
                color: #1f1f24;
                text-align: right; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .price-container {
                justify-content: flex-end; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .link-container {
                display: none;
                flex-direction: row;
                align-items: flex-end;
                justify-content: flex-end;
                margin-top: 5px; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .link-container {
                    display: none;
                    justify-content: flex-end; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .link-container .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .link-container .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .link-container .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .link-container .image-color .color-button {
                        width: 90%; } }
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .link-container .afterpay-container {
                  display: flex;
                  height: 22px;
                  justify-content: flex-end;
                  cursor: pointer; }
                  #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .link-container .afterpay-container .afterpay-inner-content {
                    display: flex; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .link-container .afterpay-container .afterpay-inner-content .afterpay-label {
                      font-family: "Lato", sans-serif;
                      font-weight: 400;
                      font-size: 14px; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-installment-container .link-container .afterpay-container .afterpay-inner-content .afterpay-logo {
                      margin-left: 5px;
                      width: 80px;
                      height: 16px;
                      background-size: 80px 15px;
                      background-repeat: no-repeat;
                      background-image: url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo.png);
                      background-image: image-set(url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo@3x.png) 3x);
                      background-image: -webkit-image-set(url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo@3x.png) 3x); }
            #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .summary-details {
              align-items: flex-end;
              display: flex;
              justify-content: center;
              flex-direction: column;
              padding: 0px 25px;
              margin: 10px 0px;
              border-left: 1px solid #f2f2f2;
              border-right: 1px solid #f2f2f2; }
              @media only screen and (min-width: 1200px) {
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .summary-details {
                  width: max-content; } }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .summary-details .summary-frame-price,
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .summary-details .summary-lenses-price {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                text-align: center;
                width: max-content; }
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .summary-details .summary-frame-price div,
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .summary-details .summary-lenses-price div {
                  font-family: "Oswald", sans-serif;
                  font-weight: 500;
                  font-size: 14px; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .summary-details span {
                color: #e80c00;
                font-family: "Oswald", sans-serif;
                font-weight: 500;
                font-size: 14px;
                margin-left: 5px; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .summary-details label {
                font-family: Oswald;
                font-size: 14px;
                color: #666666;
                margin-left: 5px; }
            #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .total-label-bottom-bar {
              font-family: Oswald;
              font-size: 14px;
              font-weight: 500;
              text-align: right;
              color: #1f1f24;
              padding-top: 3px; }
            #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container {
              display: flex;
              align-items: center; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price-inner-content {
                display: flex;
                align-items: baseline; }
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price-inner-content .strike-price-container span {
                  color: #666666;
                  font-family: "Oswald", sans-serif;
                  font-weight: 500;
                  font-size: 16px; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price {
                margin-left: 10px;
                color: #e80c00;
                font-family: "Oswald", sans-serif;
                font-weight: 500;
                font-size: 14px; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price {
                    font-family: "Oswald", sans-serif;
                    font-weight: 500;
                    font-size: 12px;
                    color: #e80c00; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price .image-color .color-button {
                        width: 90%; } }
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price.insurance-price {
                  color: #1c8846 !important; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price-no-discount {
                margin-left: 10px;
                color: #1f1f24;
                font-family: "Oswald", sans-serif;
                font-weight: 500;
                font-size: 14px; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price-no-discount {
                    font-family: "Oswald", sans-serif;
                    font-weight: 500;
                    font-size: 12px;
                    color: #1f1f24; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price-no-discount .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price-no-discount .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price-no-discount .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price-no-discount .image-color .color-button {
                        width: 90%; } }
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .price-no-discount.insurance-price {
                  color: #1c8846 !important; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .strike-price {
                font-family: "Oswald", sans-serif;
                font-weight: 500;
                font-size: 14px;
                color: #666666;
                margin-left: 10px !important;
                text-decoration: line-through; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .strike-price {
                    display: none !important; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .strike-price .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .strike-price .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .strike-price .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .strike-price .image-color .color-button {
                        width: 90%; } }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .label {
                font-family: "Lato", sans-serif;
                font-weight: 400;
                font-size: 16px; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .label {
                    font-family: "Lato", sans-serif;
                    font-weight: 400;
                    font-size: 12px; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .label .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .label .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .label .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .price-container .label .image-color .color-button {
                        width: 90%; } }
            #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .loader-container {
              position: relative;
              height: 26px;
              margin-left: 50px;
              margin-right: 50px; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-price .loader-container .loader-icon {
                content: '';
                position: absolute;
                margin-top: -5px;
                width: 26px;
                height: 26px;
                object-fit: contain;
                animation: lds-dual-ring 1.2s linear infinite;
                background-size: contain;
                background-image: url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png);
                background-image: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@3x.png) 3x);
                background-image: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@3x.png) 3x); }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
          #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-button {
            height: 100%;
            width: 160px;
            border: none;
            color: #ffffff;
            text-transform: uppercase;
            font-family: "Oswald", sans-serif;
            font-weight: 400;
            font-size: 14px; }
            #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-button.continue-button {
              padding: 15px;
              width: 160px;
              background-color: #1f1f24;
              cursor: pointer; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-button.continue-button:focus {
                outline: none;
                box-shadow: 0px 0px 0px 3px #1f1f2445; }
            #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-button.add-button {
              width: 144px;
              background-color: #e80c00;
              cursor: pointer; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .bottom-bar-right-content .bottom-bar-button.add-button:focus {
                outline: none;
                box-shadow: 0px 0px 0px 3px #e80c0045; }
        #rxcApp .main-modal .bottom-bar .bottom-bar-content .header-back {
          display: none; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .bottom-bar .bottom-bar-content .header-back {
              display: block;
              content: '';
              background: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/arrow-right-ico.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/arrow-right-ico@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/arrow-right-ico@3x.png) 3x);
              background: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/arrow-right-ico.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/arrow-right-ico@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/arrow-right-ico@3x.png) 3x);
              background-repeat: no-repeat;
              color: transparent;
              align-content: flex-start;
              width: 25px;
              height: 25px;
              background-size: 100%;
              margin-left: 10px; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .header-back.invisible {
                visibility: hidden; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .header-back .included-box {
                width: 100%; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .header-back .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .header-back .image-color {
                justify-items: end; }
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .header-back .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .bottom-bar .bottom-bar-content .header-exit {
          display: none; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .bottom-bar .bottom-bar-content .header-exit {
              display: block !important;
              content: '';
              background: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@3x.png) 3x);
              background: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@3x.png) 3x);
              background-repeat: no-repeat;
              color: transparent;
              width: 25px;
              height: 25px;
              background-size: 100%;
              margin-right: 10px; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .header-exit .included-box {
                width: 100%; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .header-exit .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .bottom-bar .bottom-bar-content .header-exit .image-color {
                justify-items: end; }
                #rxcApp .main-modal .bottom-bar .bottom-bar-content .header-exit .image-color .color-button {
                  width: 90%; } }
    #rxcApp .main-modal .main-content {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      flex: 1 1 auto;
      height: calc(100% - 55px); }
      @media only screen and (max-width: 1199px) {
        #rxcApp .main-modal .main-content {
          display: block;
          position: absolute;
          height: calc(100% - 44px);
          flex: 1 0 auto;
          flex-flow: column nowrap;
          overflow-y: auto;
          -ms-overflow-style: none;
          background-color: #f2f2f2;
          height: calc(100% - 60px) !important; }
          #rxcApp .main-modal .main-content .included-box {
            width: 100%; }
          #rxcApp .main-modal .main-content .step-button-fork {
            width: 100% !important; }
          #rxcApp .main-modal .main-content .image-color {
            justify-items: end; }
            #rxcApp .main-modal .main-content .image-color .color-button {
              width: 90%; } }
      @media only screen and (max-width: 1199px) {
        #rxcApp .main-modal .main-content > div:not(.product-container) {
          overflow: unset !important; }
          #rxcApp .main-modal .main-content > div:not(.product-container) .included-box {
            width: 100%; }
          #rxcApp .main-modal .main-content > div:not(.product-container) .step-button-fork {
            width: 100% !important; }
          #rxcApp .main-modal .main-content > div:not(.product-container) .image-color {
            justify-items: end; }
            #rxcApp .main-modal .main-content > div:not(.product-container) .image-color .color-button {
              width: 90%; } }
      #rxcApp .main-modal .main-content .product-container {
        position: relative;
        flex: 1 1 896px;
        padding: 60px 0 33px 33px;
        background-color: #f2f2f2; }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .main-content .product-container {
            flex: 0 0 150px;
            margin-top: 10px;
            padding: 0; }
            #rxcApp .main-modal .main-content .product-container .included-box {
              width: 100%; }
            #rxcApp .main-modal .main-content .product-container .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .main-content .product-container .image-color {
              justify-items: end; }
              #rxcApp .main-modal .main-content .product-container .image-color .color-button {
                width: 90%; } }
        #rxcApp .main-modal .main-content .product-container a.back-to-pdp {
          position: absolute;
          top: 60px;
          left: 33px;
          font-size: 14px;
          letter-spacing: 0.5px;
          color: #333333; }
          #rxcApp .main-modal .main-content .product-container a.back-to-pdp::before {
            content: '<';
            margin-right: 6px; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .product-container a.back-to-pdp {
              display: none; }
              #rxcApp .main-modal .main-content .product-container a.back-to-pdp .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .product-container a.back-to-pdp .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .product-container a.back-to-pdp .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .product-container a.back-to-pdp .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .main-content .product-container .brand-disclaimer {
          position: absolute;
          top: 60px;
          right: 33px;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-size: 12px; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .product-container .brand-disclaimer {
              top: auto;
              bottom: 5px;
              right: 10px; }
              #rxcApp .main-modal .main-content .product-container .brand-disclaimer .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .product-container .brand-disclaimer .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .product-container .brand-disclaimer .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .product-container .brand-disclaimer .image-color .color-button {
                  width: 90%; } }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .main-content .product-container .brand-disclaimer-lensgaming {
            top: 150px; }
            #rxcApp .main-modal .main-content .product-container .brand-disclaimer-lensgaming .included-box {
              width: 100%; }
            #rxcApp .main-modal .main-content .product-container .brand-disclaimer-lensgaming .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .main-content .product-container .brand-disclaimer-lensgaming .image-color {
              justify-items: end; }
              #rxcApp .main-modal .main-content .product-container .brand-disclaimer-lensgaming .image-color .color-button {
                width: 90%; } }
        #rxcApp .main-modal .main-content .product-container .product-name {
          display: none; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .product-container .product-name {
              display: block;
              position: absolute;
              font-family: "Lato", sans-serif;
              font-weight: 400;
              font-size: 12px;
              top: 0;
              left: 50%;
              transform: translateX(-50%);
              white-space: nowrap; }
              #rxcApp .main-modal .main-content .product-container .product-name .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .product-container .product-name .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .product-container .product-name .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .product-container .product-name .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .main-content .product-container .product-image-container {
          display: flex;
          flex-flow: row nowrap;
          align-items: center;
          justify-content: center;
          height: 100%; }
          #rxcApp .main-modal .main-content .product-container .product-image-container img.product-image {
            width: 100%;
            max-width: 680px; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .main-content .product-container .product-image-container img.product-image {
                width: auto;
                max-width: 100%;
                max-height: 150px;
                z-index: 2; }
                #rxcApp .main-modal .main-content .product-container .product-image-container img.product-image .included-box {
                  width: 100%; }
                #rxcApp .main-modal .main-content .product-container .product-image-container img.product-image .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .main-content .product-container .product-image-container img.product-image .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .main-content .product-container .product-image-container img.product-image .image-color .color-button {
                    width: 90%; } }
          #rxcApp .main-modal .main-content .product-container .product-image-container img.product-image-mobile {
            display: none; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .main-content .product-container .product-image-container img.product-image-mobile {
                display: block;
                max-width: 100%;
                max-height: 150px; }
                #rxcApp .main-modal .main-content .product-container .product-image-container img.product-image-mobile .included-box {
                  width: 100%; }
                #rxcApp .main-modal .main-content .product-container .product-image-container img.product-image-mobile .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .main-content .product-container .product-image-container img.product-image-mobile .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .main-content .product-container .product-image-container img.product-image-mobile .image-color .color-button {
                    width: 90%; } }
          #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider,
          #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming {
            display: flex;
            flex-flow: column nowrap;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider,
              #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming {
                display: none; }
                #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .range-container,
                #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .range-container {
                  display: none; }
                #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .included-box,
                #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .included-box {
                  width: 100%; }
                #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .step-button-fork,
                #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .image-color,
                #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .image-color .color-button,
                  #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .image-color .color-button {
                    width: 90%; } }
            #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .slider-image-container,
            #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .slider-image-container {
              position: relative;
              flex: 1 0 auto;
              width: 100%;
              max-height: 298px; }
              @media only screen and (max-width: 760px) {
                #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .slider-image-container,
                #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .slider-image-container {
                  display: flex;
                  justify-content: center; } }
              #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .slider-image-container .frame-image-container,
              #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .slider-image-container .frame-image-container {
                float: right;
                width: 170px;
                padding-top: 241px;
                position: relative;
                right: 86px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .slider-image-container .slider-image,
              #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .slider-image-container .slider-image {
                position: absolute;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                padding-right: 20px; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .slider-image-container .slider-image,
                  #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .slider-image-container .slider-image {
                    height: 100%; }
                    #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .slider-image-container .slider-image.lens-image,
                    #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .slider-image-container .slider-image.lens-image {
                      display: none; }
                    #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .slider-image-container .slider-image .included-box,
                    #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .slider-image-container .slider-image .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .slider-image-container .slider-image .step-button-fork,
                    #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .slider-image-container .slider-image .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .slider-image-container .slider-image .image-color,
                    #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .slider-image-container .slider-image .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .slider-image-container .slider-image .image-color .color-button,
                      #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .slider-image-container .slider-image .image-color .color-button {
                        width: 90%; } }
                @media only screen and (max-width: 760px) {
                  #rxcApp .main-modal .main-content .product-container .product-image-container .image-slider .slider-image-container .slider-image,
                  #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .slider-image-container .slider-image {
                    position: relative;
                    left: 0;
                    transform: translateX(0px);
                    max-width: 100%;
                    max-height: 150px; } }
          #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .range-container {
            display: none; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .slider-image-container .slider-image.lens-image {
              display: block; }
            #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .included-box {
              width: 100%; }
            #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .image-color {
              justify-items: end; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .image-gaming .image-color .color-button {
                width: 90%; } }
          #rxcApp .main-modal .main-content .product-container .product-image-container .range-container {
            flex: 0 0 auto;
            z-index: 15;
            margin-top: 30px;
            display: flex;
            flex-direction: row; }
            #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .icons-container-left {
              position: relative;
              bottom: -24px;
              height: 23px;
              width: auto; }
            #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .icons-container-right {
              position: relative;
              bottom: -23px;
              width: auto;
              height: 23px; }
            #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider {
              -webkit-appearance: none;
              -moz-appearance: none;
              width: 270px;
              background-color: transparent;
              margin-bottom: -45px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider::-webkit-slider-runnable-track {
                -webkit-appearance: none;
                background: #dddddd;
                background-color: #1e1f24;
                height: 1px;
                border-radius: 5px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider::-webkit-slider-thumb {
                -ms-appearance: none;
                width: 54px;
                height: 54px;
                border-radius: 50%;
                max-width: 80px;
                margin-top: 0px;
                position: relative;
                bottom: 22.5px;
                background: black;
                width: 200px;
                height: 200px;
                border-radius: 50%;
                border-color: transparent;
                transform: rotate(20deg);
                background-position: center;
                cursor: -webkit-grab; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider::-ms-track {
                -ms-appearance: none;
                background: #dddddd;
                background: -ms-linear-gradient(169deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, black 5%, #bdbdbd 70%, #dddddd 95%, rgba(221, 221, 221, 0) 95%, rgba(221, 221, 221, 0) 100%);
                height: 2px;
                border-radius: 5px;
                border-color: transparent;
                color: transparent;
                margin: 15px 0px 15px 0px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider::-ms-fill-lower, #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider::-ms-fill-upper {
                background: transparent;
                border-radius: 2.6px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider::-ms-thumb {
                -ms-appearance: none;
                width: 54px;
                height: 54px;
                background-color: transparent;
                border-radius: 50%;
                border-color: transparent;
                max-width: 80px;
                margin-top: 0px;
                position: relative;
                bottom: 22.5px;
                transform: rotate(20deg);
                background-position: center; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider:focus::-ms-fill-lower, #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider:focus::-ms-fill-upper {
                background: transparent; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider::-moz-range-track {
                -moz-appearance: none;
                background: #dddddd;
                background: -moz-linear-gradient(169deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, black 5%, #bdbdbd 70%, #dddddd 95%, rgba(221, 221, 221, 0) 95%, rgba(221, 221, 221, 0) 100%);
                height: 3px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider::-moz-range-thumb {
                -moz-appearance: none;
                width: 54px;
                height: 54px;
                background-color: transparent;
                border-radius: 50%;
                border-color: transparent;
                max-width: 80px;
                margin-top: 0px;
                position: relative;
                bottom: 22.5px;
                transform: rotate(20deg);
                background-position: center;
                cursor: -moz-grab; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider::-webkit-slider-thumb:active {
                cursor: -webkit-grabbing; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider::-moz-range-thumb:active {
                cursor: -moz-grabbing; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity1::-webkit-slider-thumb {
                width: 15px;
                height: 15px;
                margin-top: 16px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity2::-webkit-slider-thumb {
                width: 17.5px;
                height: 17.5px;
                margin-top: 15px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity3::-webkit-slider-thumb {
                width: 19px;
                height: 19px;
                margin-top: 14px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity4::-webkit-slider-thumb {
                width: 21px;
                height: 21px;
                margin-top: 14px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity5::-webkit-slider-thumb {
                width: 23px;
                height: 23px;
                margin-top: 13px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity6::-webkit-slider-thumb {
                width: 25px;
                height: 25px;
                margin-top: 12px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity7::-webkit-slider-thumb {
                width: 27px;
                height: 27px;
                margin-top: 10px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity8::-webkit-slider-thumb {
                width: 29px;
                height: 29px;
                margin-top: 9.7px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity9::-webkit-slider-thumb {
                width: 31px;
                height: 31px;
                margin-top: 8px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity10::-webkit-slider-thumb {
                width: 34px;
                height: 34px;
                margin-top: 6.5px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity1::-ms-thumb {
                width: 15px;
                height: 15px;
                margin-top: 2.5px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity2::-ms-thumb {
                width: 17.5px;
                height: 17.5px;
                margin-top: 2px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity3::-ms-thumb {
                width: 19px;
                height: 19px;
                margin-top: 1.5px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity4::-ms-thumb {
                width: 21px;
                height: 21px;
                margin-top: 1.5px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity5::-ms-thumb {
                width: 23px;
                height: 23px;
                margin-top: 1px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity6::-ms-thumb {
                width: 25px;
                height: 25px;
                margin-top: 1px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity7::-ms-thumb {
                width: 27px;
                height: 27px;
                margin-top: 0.5px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity8::-ms-thumb {
                width: 29px;
                height: 29px;
                margin-top: 0.5px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity9::-ms-thumb {
                width: 31px;
                height: 31px;
                margin-top: 0.5px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity10::-ms-thumb {
                width: 34px;
                height: 34px;
                margin-top: 0px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity1::-moz-range-thumb {
                width: 15px;
                height: 15px;
                margin-top: 16px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity2::-moz-range-thumb {
                width: 17.5px;
                height: 17.5px;
                margin-top: 15px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity3::-moz-range-thumb {
                width: 19px;
                height: 19px;
                margin-top: 14px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity4::-moz-range-thumb {
                width: 21px;
                height: 21px;
                margin-top: 14px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity5::-moz-range-thumb {
                width: 23px;
                height: 23px;
                margin-top: 13px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity6::-moz-range-thumb {
                width: 25px;
                height: 25px;
                margin-top: 12px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity7::-moz-range-thumb {
                width: 27px;
                height: 27px;
                margin-top: 10px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity8::-moz-range-thumb {
                width: 29px;
                height: 29px;
                margin-top: 9.7px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity9::-moz-range-thumb {
                width: 31px;
                height: 31px;
                margin-top: 8px; }
              #rxcApp .main-modal .main-content .product-container .product-image-container .range-container .lens-slider.range.opacity10::-moz-range-thumb {
                width: 34px;
                height: 34px;
                margin-top: 6.5px; }
          #rxcApp .main-modal .main-content .product-container .product-image-container .color-image {
            z-index: 10; }
        #rxcApp .main-modal .main-content .product-container .product-brand-container {
          position: absolute;
          left: 40px;
          top: 0; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .product-container .product-brand-container {
              left: 0;
              bottom: 0; }
              #rxcApp .main-modal .main-content .product-container .product-brand-container .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .product-container .product-brand-container .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .product-container .product-brand-container .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .product-container .product-brand-container .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .main-content .product-container .product-brand-container img.product-brand {
            max-width: 150px; }
      @media only screen and (max-width: 760px) {
        #rxcApp .main-modal .main-content .scrollbar {
          height: calc(100% - 160px); } }
      @media only screen and (min-width: 1200px) {
        #rxcApp .main-modal .main-content .scrollbar {
          flex: 0 0 596px; } }
      #rxcApp .main-modal .main-content .scroll-view-steps {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        height: calc(100% - 68px);
        -ms-overflow-style: none;
        scrollbar-width: none; }
        @media only screen and (min-width: 1200px) {
          #rxcApp .main-modal .main-content .scroll-view-steps {
            overflow-y: auto;
            overflow-x: hidden; } }
        #rxcApp .main-modal .main-content .scroll-view-steps::-webkit-scrollbar {
          width: 0; }
      #rxcApp .main-modal .main-content .scroll-track-vertical-steps {
        display: none;
        position: absolute;
        width: 5px !important;
        top: 50%;
        transform: translate(0, -50%);
        height: 95%;
        max-height: 300px;
        right: 31px;
        border-radius: 5px;
        background-color: #d3d3d3; }
        @media only screen and (min-width: 1200px) {
          #rxcApp .main-modal .main-content .scroll-track-vertical-steps.scrollbar-visible {
            display: block !important; } }
        #rxcApp .main-modal .main-content .scroll-track-vertical-steps .scroll-thumb-vertical-steps {
          position: absolute;
          border-radius: 5px;
          background-color: #1f1f24;
          box-shadow: 0 0 8px 0 #d7d7d7;
          height: 66% !important;
          transform: unset !important; }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .main-content .scroll-track-vertical-steps {
            width: 0px; }
            #rxcApp .main-modal .main-content .scroll-track-vertical-steps .included-box {
              width: 100%; }
            #rxcApp .main-modal .main-content .scroll-track-vertical-steps .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .main-content .scroll-track-vertical-steps .image-color {
              justify-items: end; }
              #rxcApp .main-modal .main-content .scroll-track-vertical-steps .image-color .color-button {
                width: 90%; } }
      #rxcApp .main-modal .main-content .step-container {
        display: flex;
        flex: 0 0 544px;
        padding-right: 33px;
        overflow-y: auto;
        scroll-behavior: smooth;
        flex-direction: column;
        justify-content: space-between;
        height: calc(100% - 68px);
        -ms-overflow-style: none;
        scrollbar-width: none; }
        @media only screen and (min-width: 1200px) {
          #rxcApp .main-modal .main-content .step-container {
            overflow-y: auto;
            overflow-x: hidden;
            margin-right: 32px;
            -webkit-margin-end: 32px; } }
        #rxcApp .main-modal .main-content .step-container::-webkit-scrollbar {
          width: 0; }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .main-content .step-container {
            height: auto;
            padding-right: 0;
            flex: 0 0 360px; }
            #rxcApp .main-modal .main-content .step-container .included-box {
              width: 100%; }
            #rxcApp .main-modal .main-content .step-container .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .main-content .step-container .image-color {
              justify-items: end; }
              #rxcApp .main-modal .main-content .step-container .image-color .color-button {
                width: 90%; } }
        #rxcApp .main-modal .main-content .step-container.white-bg {
          background-color: #ffffff; }
          @media only screen and (min-width: 1200px) {
            #rxcApp .main-modal .main-content .step-container.white-bg {
              height: calc(100% - 108px); } }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .step-container.white-bg {
              min-height: 100%; }
              #rxcApp .main-modal .main-content .step-container.white-bg .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .step-container.white-bg .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .step-container.white-bg .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .step-container.white-bg .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .main-content .step-container.white-bg .info-prescription-div {
            display: flex;
            justify-content: space-between;
            font-size: 16px;
            line-height: 1.54;
            font-family: Lato;
            color: #1f1f24;
            padding: 21px;
            align-items: center; }
            #rxcApp .main-modal .main-content .step-container.white-bg .info-prescription-div .icon-prescription-info {
              background-image: url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@3x.png);
              background-image: image-set(url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@3x.png) 3x);
              background-repeat: no-repeat;
              background-size: 24px 24px;
              width: 25px;
              height: 25px; }
              @media only screen and (max-width: 360px) {
                #rxcApp .main-modal .main-content .step-container.white-bg .info-prescription-div .icon-prescription-info {
                  background-image: url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@3x.png);
                  background-image: image-set(url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@3x.png) 3x);
                  background-repeat: no-repeat;
                  background-size: 24px 24px;
                  width: 30px;
                  height: 25px; } }
        #rxcApp .main-modal .main-content .step-container .back-to-pdp-container {
          display: flex;
          position: absolute;
          z-index: 2;
          right: 0px;
          top: 0px;
          width: 100%;
          height: 98px;
          justify-content: flex-end;
          align-items: center;
          background-color: white; }
          #rxcApp .main-modal .main-content .step-container .back-to-pdp-container:after {
            content: '';
            position: absolute;
            width: 100%;
            bottom: 1px;
            z-index: -1;
            transition: 0.1s ease-out;
            box-shadow: 0px 0px 8px 2px transparent; }
          #rxcApp .main-modal .main-content .step-container .back-to-pdp-container.shadow-visible:after {
            box-shadow: 0px 0px 8px 2px #93939345;
            transition: 0.5s ease-in;
            top: 0; }
          #rxcApp .main-modal .main-content .step-container .back-to-pdp-container .back-to-pdp-tooltip {
            position: absolute;
            top: 32px;
            right: 65px; }
          #rxcApp .main-modal .main-content .step-container .back-to-pdp-container .back-to-pdp {
            position: absolute;
            right: 32px;
            top: 32px;
            width: 20px;
            height: 20px;
            margin-right: 10px;
            cursor: pointer; }
            #rxcApp .main-modal .main-content .step-container .back-to-pdp-container .back-to-pdp:before, #rxcApp .main-modal .main-content .step-container .back-to-pdp-container .back-to-pdp:after {
              position: absolute;
              left: 15px;
              content: ' ';
              height: 21px;
              width: 2px;
              background: #1f1f24; }
            #rxcApp .main-modal .main-content .step-container .back-to-pdp-container .back-to-pdp:before {
              transform: rotate(45deg); }
            #rxcApp .main-modal .main-content .step-container .back-to-pdp-container .back-to-pdp:after {
              transform: rotate(-45deg); }
        #rxcApp .main-modal .main-content .step-container .title-last-step {
          font-family: Oswald;
          font-size: 24px;
          font-weight: 500;
          color: #1f1f24;
          margin-left: 33px;
          margin-top: 108px; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .step-container .title-last-step {
              display: none; }
              #rxcApp .main-modal .main-content .step-container .title-last-step .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .step-container .title-last-step .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .step-container .title-last-step .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .step-container .title-last-step .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .main-content .step-container .step-inner-container {
          height: 100%;
          margin-top: 0px; }
          @media only screen and (min-width: 1200px) {
            #rxcApp .main-modal .main-content .step-container .step-inner-container {
              height: fit-content;
              top: 100px;
              position: relative; } }
          #rxcApp .main-modal .main-content .step-container .step-inner-container.no-margin-container {
            height: 100%;
            margin-top: 0px; }
            @media only screen and (min-width: 1200px) {
              #rxcApp .main-modal .main-content .step-container .step-inner-container.no-margin-container {
                margin-top: 0px !important;
                position: unset !important; } }
          #rxcApp .main-modal .main-content .step-container .step-inner-container .info-prescription-div {
            display: flex;
            justify-content: space-between;
            font-size: 13px;
            line-height: 1.54;
            color: #666666;
            margin-top: 70px;
            margin-bottom: 10px; }
            #rxcApp .main-modal .main-content .step-container .step-inner-container .info-prescription-div .icon-prescription-info {
              background-image: url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@3x.png);
              background-image: image-set(url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@3x.png) 3x);
              background-repeat: no-repeat;
              background-size: 24px 24px;
              width: 24px;
              height: 24px; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .step-container .step-inner-container {
              padding: 0 18px; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .main-content .step-container .step-inner-container .rxc-tooltip {
            box-shadow: 0 0 12px 0 #00000014;
            opacity: 1 !important;
            text-align: center;
            justify-content: center;
            height: 106px;
            font-size: 12px;
            -webkit-touch-callout: none;
            /* iOS Safari */
            -webkit-user-select: none;
            /* Safari */
            -khtml-user-select: none;
            /* Konqueror HTML */
            -moz-user-select: none;
            /* Old versions of Firefox */
            -ms-user-select: none;
            /* Internet Explorer/Edge */
            user-select: none;
            /* Non-prefixed version, currently
                        supported by Chrome, Edge, Opera and Firefox */
            padding-top: 14px; }
            #rxcApp .main-modal .main-content .step-container .step-inner-container .rxc-tooltip .learn-more {
              color: #333333;
              text-decoration: underline;
              font-family: "Lato", sans-serif;
              font-weight: 900;
              font-size: 12px; }
            #rxcApp .main-modal .main-content .step-container .step-inner-container .rxc-tooltip span {
              display: block;
              font-size: 12px; }
          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper {
            display: flex;
            justify-content: space-between;
            /*CM style start*/
            position: relative;
            /*CM style end*/ }
            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper:nth-last-child(1) .step-confirmed {
              padding-bottom: 0 !important; }
            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription {
              flex-direction: column; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div {
                display: flex;
                font-size: 13px;
                line-height: 1.54;
                justify-content: space-between;
                color: #666666;
                margin-top: 70px;
                margin-bottom: 10px;
                position: fixed;
                bottom: 0;
                width: 90%;
                align-items: center; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div {
                    height: 48px;
                    width: calc(100vw - 36px) !important;
                    background-color: #f2f2f2;
                    margin-bottom: 0 !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div .image-color .color-button {
                        width: 90%; } }
                @media only screen and (max-width: 360px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div {
                    height: auto;
                    width: calc(100vw - 36px) !important;
                    background-color: #f2f2f2;
                    margin-bottom: 0; } }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div .icon-prescription-info {
                  background-image: url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@3x.png);
                  background-image: image-set(url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@3x.png) 3x);
                  background-repeat: no-repeat;
                  background-size: 24px 24px;
                  width: 24px;
                  height: 24px; }
                  @media only screen and (max-width: 360px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div .icon-prescription-info {
                      background-image: url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@3x.png);
                      background-image: image-set(url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/info@3x.png) 3x);
                      background-repeat: no-repeat;
                      background-size: 24px 24px;
                      width: 30px;
                      height: 24px; } }
                  @media only screen and (max-width: 1199px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div .icon-prescription-info {
                      margin-left: 55px; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div .icon-prescription-info .included-box {
                        width: 100%; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div .icon-prescription-info .step-button-fork {
                        width: 100% !important; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div .icon-prescription-info .image-color {
                        justify-items: end; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.info-prescription .info-prescription-div .icon-prescription-info .image-color .color-button {
                          width: 90%; } }
            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .included-box {
              margin-bottom: 16px;
              border-radius: 6px;
              border: solid 1px #666666;
              text-align: left !important; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .included-box p {
                width: 100%;
                text-align: center;
                margin: 0;
                padding: 6px 0;
                border-radius: 6px 6px 0 0;
                font-weight: bold;
                background: #e2e2e5;
                font-family: 'Lato', sans-serif; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .included-box p img {
                  float: right; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .included-box ul {
                text-indent: 0;
                margin: 0;
                padding: 32px; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .included-box ul li {
                  list-style: none;
                  font-family: 'Lato', sans-serif;
                  font-weight: bold;
                  font-size: 18px;
                  padding: 0 0 18px; }
            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary {
              display: -webkit-flex;
              margin-left: 30px;
              width: 80%;
              border-bottom: 1px solid #66666645; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary:last-child {
                border-bottom: 0; }
              @media only screen and (max-width: 1199px) {
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary {
                  margin-left: 0px;
                  width: 75%;
                  width: 100%; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary .included-box {
                    width: 100%; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary .step-button-fork {
                    width: 100% !important; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary .image-color {
                    justify-items: end; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary .image-color .color-button {
                      width: 90%; } }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary .step.step-confirmed {
                background-color: transparent;
                padding: 22px 5px;
                margin-left: 0px;
                width: 100%;
                order: 2; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary .step.step-confirmed .step-confirmed-container {
                  display: block; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary .step.step-confirmed .step-confirmed-container .step-confirmed-selection {
                    padding-left: 0px; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary .step-edit {
                order: 1;
                margin-right: 41px;
                margin-left: 0px;
                margin-top: 0px;
                align-self: flex-start; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary .step-edit {
                    margin-right: 10px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary .step-edit .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary .step-edit .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary .step-edit .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper.step-in-summary .step-edit .image-color .color-button {
                        width: 90%; } }
            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step-edit {
              font-family: "Lato", sans-serif;
              font-weight: 400;
              font-size: 16px;
              letter-spacing: 0.7px;
              height: fit-content;
              cursor: pointer;
              width: fit-content;
              text-align: right;
              margin-top: 18px;
              order: 3;
              margin-left: 10px;
              text-decoration: underline;
              color: #666666;
              -webkit-box-ordinal-group: 3;
              /*CM style start*/
              right: 60px;
              /*CM style end*/ }
              @media only screen and (max-width: 1199px) {
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step-edit {
                  font-family: "Lato", sans-serif;
                  font-weight: 400;
                  font-size: 12px;
                  width: auto;
                  margin-right: 12%; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step-edit .included-box {
                    width: 100%; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step-edit .step-button-fork {
                    width: 100% !important; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step-edit .image-color {
                    justify-items: end; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step-edit .image-color .color-button {
                      width: 90%; } }
            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step {
              margin: 20px 0px 0px 40px;
              width: 100%;
              /* &#brand {
                            .step-content {
                                .safari {
                                    padding-top: 6px;
                                    padding-bottom: 10px;

                                    @include rxc-mobile-only {
                                        padding-top: 8px !important;
                                    }
                                }
                            }
                        } */
              /*CM added*/
              /*Cm end*/ }
              @media only screen and (max-width: 1199px) {
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step {
                  margin: 0px 0px 25px 0px;
                  text-align: center;
                  width: 100%; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step#treatments {
                    margin-bottom: 25px !important; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .included-box {
                    width: 100%; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-button-fork {
                    width: 100% !important; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .image-color {
                    justify-items: end; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .image-color .color-button {
                      width: 90%; } }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .divider {
                height: 1px;
                width: 100%;
                background-color: #d7d7d7;
                margin: 30px 0px 30px 0px; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step#prescription .step-content {
                margin-top: 5px !important; }
              @media only screen and (min-width: 1200px) {
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step#type:not(.step-confirmed) {
                  margin: 0px 0px 0px 40px; } }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step#designType {
                /*
                                DH begin

                                .step-button-desc {
                                    width: 100%;
                                }
                                
                                DH end   
                                */ }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step#designType .step-button-image-container {
                  display: none; }
              @media only screen and (max-width: 1199px) {
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-title-container {
                  display: flex;
                  justify-content: center; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-title-container .included-box {
                    width: 100%; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-title-container .step-button-fork {
                    width: 100% !important; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-title-container .image-color {
                    justify-items: end; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-title-container .image-color .color-button {
                      width: 90%; } }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-subtitle {
                font-family: 'Lato', sans-serif;
                font-size: 16px;
                color: #333333;
                line-height: 24px;
                margin-top: 25px; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-subtitle strong {
                  font-weight: 900; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-title {
                text-transform: uppercase;
                font-family: Oswald;
                font-size: 24px;
                font-weight: 500;
                text-align: left;
                color: #1f1f24; }
                @media only screen and (max-width: 760px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-title {
                    text-align: center;
                    font-size: 20px;
                    width: 100%; } }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more {
                display: flex;
                flex-flow: row nowrap;
                justify-content: flex-end;
                height: 30px;
                margin-top: 24px; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more .border-button {
                  display: block;
                  height: 24px;
                  padding: 0 10px; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more .border-button.focus-visible {
                    border: 2px solid #000000 !important; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more {
                    justify-content: center; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more .border-button {
                      display: block;
                      width: auto;
                      height: 24px;
                      padding: 0 10px;
                      padding-bottom: 3px; } }
    @media only screen and (max-width: 1199px) and (max-width: 1199px) {
      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more .border-button {
        padding-bottom: 0px; }
        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more .border-button .included-box {
          width: 100%; }
        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more .border-button .step-button-fork {
          width: 100% !important; }
        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more .border-button .image-color {
          justify-items: end; }
          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more .border-button .image-color .color-button {
            width: 90%; } }
                @media only screen and (max-width: 1199px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-learn-more .image-color .color-button {
                        width: 90%; } }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container {
                max-width: 320px; }
                @media only screen and (min-width: 1200px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container {
                    width: max-content; } }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container {
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                    max-width: 270px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container .image-color .color-button {
                        width: 90%; } }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container .treatment-step-not-included-container {
                  margin-top: 6px !important;
                  margin-bottom: 11px !important; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container span {
                  display: block; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container span.step-not-included {
                    font-family: Lato;
                    font-size: 16px;
                    font-weight: 900 !important;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.25;
                    letter-spacing: normal;
                    color: #333333 !important;
                    margin-bottom: 0px !important;
                    margin-top: 0px !important; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container span i.includedBadge {
                    float: right;
                    font-family: Oswald, sans-serif;
                    padding: 0 10px;
                    border-radius: 9px;
                    font-size: 12px;
                    color: #fff;
                    background-color: #979797;
                    width: 70px;
                    height: 19px;
                    text-align: center;
                    text-transform: uppercase;
                    margin-left: 35px;
                    letter-spacing: 0.65px; }
                    @media only screen and (max-width: 1199px) {
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container span i.includedBadge {
                        margin-left: 10px; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container span i.includedBadge .included-box {
                          width: 100%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container span i.includedBadge .step-button-fork {
                          width: 100% !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container span i.includedBadge .image-color {
                          justify-items: end; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-new-container span i.includedBadge .image-color .color-button {
                            width: 90%; } }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .treatment-padding {
                display: flex !important;
                flex-direction: row;
                justify-content: space-between;
                padding-bottom: 5px;
                align-items: center;
                max-width: 309px; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-style {
                font-family: Lato !important;
                font-size: 16px !important;
                color: #828282 !important;
                font-weight: 500 !important; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content {
                display: flex;
                flex-flow: column nowrap;
                margin-top: 30px;
                /*CM added*/
                /*CM end */ }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content {
                    margin-top: 15px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .image-color .color-button {
                        width: 90%; } }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button {
                  position: relative;
                  display: flex;
                  flex-flow: column nowrap;
                  min-height: 100px;
                  border-radius: 8px;
                  border: 0;
                  background-color: rgba(255, 255, 255, 0.8);
                  box-shadow: 0 0 12px 0 #00000014;
                  padding: 0;
                  margin-bottom: 20px;
                  overflow: visible;
                  cursor: pointer;
                  /*CM added*/
                  padding-top: 20px;
                  padding-bottom: 20px;
                  /*CM end*/
                  /* DH begin */ }
                  @media only screen and (min-width: 1200px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button {
                      padding-top: 0px;
                      padding-bottom: 0px;
                      height: fit-content; } }
                  @media only screen and (max-width: 1199px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button {
                      padding-bottom: 27px;
                      padding-top: 24px; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .included-box {
                        width: 100%; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-fork {
                        width: 100% !important; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .image-color {
                        justify-items: end; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .image-color .color-button {
                          width: 90%; } }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button.step-button-active {
                    border: 1.5px solid #1f1f24; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button img {
                    position: absolute;
                    top: 5px;
                    right: 5px; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button:not(.step-disabled):hover {
                    background-color: white;
                    box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.12);
                    outline: none; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button:not(.step-disabled):hover::after {
                      content: ' ';
                      display: block;
                      position: absolute;
                      top: -2px;
                      left: -2px;
                      width: 100%;
                      height: 100%;
                      border: 1.5px solid #1f1f24;
                      border-radius: 8px;
                      pointer-events: none;
                      box-sizing: content-box; }
                      @media only screen and (max-width: 760px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button:not(.step-disabled):hover::after {
                          border: none; } }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button:not(.step-disabled):hover .step-button-content .step-button-title {
                      text-decoration: underline; }
                      @media only screen and (max-width: 760px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button:not(.step-disabled):hover .step-button-content .step-button-title {
                          text-decoration: unset; } }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button:focus:not(.step-disabled) {
                    background-color: white;
                    box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.12);
                    outline: none; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button:focus:not(.step-disabled)::after {
                      content: ' ';
                      display: block;
                      position: absolute;
                      top: -2px;
                      left: -2px;
                      width: 100%;
                      height: 100%;
                      border: 1.5px solid #1f1f24;
                      border-radius: 8px;
                      pointer-events: none;
                      box-sizing: content-box;
                      box-shadow: 0px 0px 0px 3px #1f1f2445; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button:focus:not(.step-disabled) .step-button-content .step-button-title {
                      text-decoration: underline; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button.safari, #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button.chrome-ios {
                    height: auto;
                    align-items: unset; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout {
                    display: flex;
                    flex-flow: row nowrap;
                    flex: 1 0 auto;
                    width: 100%;
                    height: 100%; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-image-container {
                      display: flex;
                      align-items: flex-start;
                      justify-content: center;
                      flex: 0 0 96px;
                      border-radius: 8px 0 0 8px;
                      padding: 18px 0px;
                      padding-right: 0;
                      margin-right: 17px;
                      order: 2;
                      position: absolute;
                      right: 8px;
                      max-width: 65px;
                      max-height: 45px;
                      margin-right: 0px;
                      bottom: 0px;
                      top: 12px;
                      /* DH begin 
                                            img.step-button-image {
                                                
                                            }

                                            /*DH end */ }
                      @media only screen and (min-width: 1200px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-image-container {
                          margin-right: 20px; } }
                      @media only screen and (max-width: 360px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-image-container {
                          margin-right: 8px;
                          flex: 0 0 80px; } }
                      @media only screen and (max-width: 1199px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-image-container {
                          margin-right: 20px; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-image-container .included-box {
                            width: 100%; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-image-container .step-button-fork {
                            width: 100% !important; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-image-container .image-color {
                            justify-items: end; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-image-container .image-color .color-button {
                              width: 90%; } }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-badge-container {
                      display: flex;
                      flex-flow: row nowrap;
                      position: absolute;
                      top: -10px;
                      right: 20px; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-badge-container .step-button-badge {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        min-width: 100px;
                        height: 25px;
                        border-radius: 6px;
                        margin-right: 12px;
                        padding: 0 12px;
                        font-family: "Lato", sans-serif;
                        font-weight: 400;
                        font-size: 11px;
                        overflow: hidden;
                        z-index: 1; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-badge-container .step-button-badge:last-child {
                          margin-right: 0; }
                        @media only screen and (max-width: 1199px) {
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-badge-container .step-button-badge {
                            height: 23px;
                            font-family: "Lato", sans-serif;
                            font-weight: 400;
                            font-size: 9px; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-badge-container .step-button-badge .included-box {
                              width: 100%; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-badge-container .step-button-badge .step-button-fork {
                              width: 100% !important; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-badge-container .step-button-badge .image-color {
                              justify-items: end; }
                              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-badge-container .step-button-badge .image-color .color-button {
                                width: 90%; } }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-badge-container .step-button-badge.most-popular-badge {
                          color: #ffffff;
                          background-color: #e80c00;
                          padding: 4px 12px 5px 10px !important;
                          border-radius: 6px;
                          margin: 0 7px 0 7px;
                          font-family: Lato;
                          font-size: 14px;
                          text-align: center;
                          height: 27px; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-badge-container .step-button-badge.best-prescription-badge {
                          color: #ffffff;
                          background-color: #e80c00; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content {
                      display: flex;
                      flex-flow: column nowrap;
                      flex: 1 1 auto;
                      width: 100%;
                      justify-content: center;
                      padding: 0px 0px 0px 27px;
                      /* DH begin */
                      /* DH end */ }
                      @media only screen and (min-width: 1200px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content {
                          padding-top: 21px;
                          padding-bottom: 30px;
                          padding-left: 27px;
                          padding-right: 28px;
                          border-bottom-width: 30px; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .title-icon-container .step-button-title {
                            width: 207px !important; } }
                      @media only screen and (max-width: 1199px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .title-icon-container .step-button-title {
                          width: 75%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc-container .step-button-desc {
                          margin-right: 54px;
                          width: 75% !important;
                          margin-bottom: 18px; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .included-box {
                          width: 100%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-fork {
                          width: 100% !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .image-color {
                          justify-items: end; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .image-color .color-button {
                            width: 90%; } }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc-container .step-button-desc ul {
                        margin-right: 0px;
                        margin-left: 0;
                        margin-top: 8px;
                        margin-bottom: 16px; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc-container .step-button-desc {
                        margin-right: 54px;
                        width: 80%; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-title,
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-subtitle,
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc {
                        text-align: left;
                        color: #333333;
                        margin-bottom: 0px;
                        /* DH end */ }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-title li,
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-subtitle li,
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc li {
                          list-style-position: unset !important;
                          font-family: Lato;
                          font-size: 16px;
                          font-weight: normal;
                          font-stretch: normal;
                          font-style: normal;
                          line-height: 1.5;
                          letter-spacing: normal;
                          color: #1f1f24;
                          align-items: center;
                          padding-left: 15px; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-title li::marker,
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-subtitle li::marker,
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc li::marker {
                          font-size: 5px;
                          align-items: center; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-title ul,
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-subtitle ul,
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc ul {
                          -webkit-padding-start: 15px !important;
                          padding-inline-start: 15px !important; }
                          @media only screen and (max-width: 1199px) {
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-title ul,
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-subtitle ul,
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc ul {
                              -webkit-padding-start: 15px !important;
                              padding-inline-start: 15px !important; }
                              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-title ul .included-box,
                              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-subtitle ul .included-box,
                              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc ul .included-box {
                                width: 100%; }
                              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-title ul .step-button-fork,
                              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-subtitle ul .step-button-fork,
                              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc ul .step-button-fork {
                                width: 100% !important; }
                              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-title ul .image-color,
                              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-subtitle ul .image-color,
                              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc ul .image-color {
                                justify-items: end; }
                                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-title ul .image-color .color-button,
                                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-subtitle ul .image-color .color-button,
                                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc ul .image-color .color-button {
                                  width: 90%; } }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-title ul li,
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-subtitle ul li,
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc ul li {
                          list-style: initial !important; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-title {
                        font-family: "Lato", sans-serif;
                        font-weight: 900;
                        font-size: 18px;
                        width: 55%;
                        margin-bottom: 10px; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-gvp-container {
                        display: flex;
                        flex-direction: row; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-gvp {
                        text-align: left;
                        color: #3e626f;
                        font-family: "Lato", sans-serif;
                        font-weight: 900;
                        font-size: 12px;
                        margin-left: 5px; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc {
                        line-height: 1.2;
                        width: 80%;
                        font-family: "Lato", sans-serif;
                        font-weight: 400;
                        font-size: 16px; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc ul li strong {
                          font-family: "Lato", sans-serif;
                          font-weight: 900;
                          font-size: 16px; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price {
                        margin-right: 0px; }
                        @media only screen and (max-width: 1199px) {
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price {
                            margin-right: 22px; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .included-box {
                              width: 100%; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .step-button-fork {
                              width: 100% !important; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .image-color {
                              justify-items: end; }
                              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .image-color .color-button {
                                width: 90%; } }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container {
                          display: flex;
                          text-align: left;
                          align-items: baseline;
                          justify-content: flex-end; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container.space-between {
                            justify-content: space-between; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container .price-inner-content {
                            display: flex;
                            align-items: baseline;
                            margin-left: 5px; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container span.label.promo-type, #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container span.price.promo-type, #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container span.strike-price.promo-type {
                            color: #3e626f; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container span.label {
                            color: #1f1f24;
                            font-family: "Lato", sans-serif;
                            font-weight: 400;
                            font-size: 16px; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container span.label.insurance {
                              color: #1c8846; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container span.label.promo-type {
                              font-family: "Lato", sans-serif;
                              font-weight: 900;
                              font-size: 16px; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container span.price {
                            color: #e80c00;
                            font-family: "Lato", sans-serif;
                            font-weight: 900;
                            font-size: 16px; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container span.price.insurance-price {
                              color: #1c8846 !important; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container span.price.treatment {
                              color: #e80c00; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container span.strike-price {
                            margin-right: 6px;
                            text-decoration: line-through;
                            color: #1f1f24;
                            font-family: "Lato", sans-serif;
                            font-weight: 400;
                            font-size: 16px; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container span.strike-price.insurance {
                              color: #1c8846; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container .loader-container .loader-icon {
                            content: '';
                            position: absolute;
                            margin-top: 3px;
                            width: 20px;
                            height: 20px;
                            object-fit: contain;
                            animation: lds-dual-ring 1.2s linear infinite;
                            background-size: contain;
                            background-image: url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png);
                            background-image: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@3x.png) 3x);
                            background-image: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@3x.png) 3x); }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .step-button-price .price-container .loader-container::after {
                            content: 'Applying insurance benefits';
                            margin-left: 25px;
                            font-size: 12px;
                            color: #1c8846; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .add-to-bag-button {
                        height: 24px;
                        width: 100px;
                        border-radius: 18px;
                        border: solid 1.4px #e80c00;
                        margin-top: 5px;
                        z-index: 1; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .add-to-bag-button:focus {
                          box-shadow: 0px 0px 0px 3px #1f1f2445; }
                        @media only screen and (min-width: 1200px) {
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .add-to-bag-button {
                            align-self: flex-end; } }
                        @media only screen and (max-width: 1199px) {
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .add-to-bag-button {
                            margin-top: 15px; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .add-to-bag-button .included-box {
                              width: 100%; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .add-to-bag-button .step-button-fork {
                              width: 100% !important; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .add-to-bag-button .image-color {
                              justify-items: end; }
                              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-content .add-to-bag-button .image-color .color-button {
                                width: 90%; } }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .title-icon-container {
                      display: flex;
                      flex-direction: row;
                      justify-content: space-between; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout img {
                      position: absolute;
                      top: 21px;
                      right: 0; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .icon-title-transition {
                      padding-right: 30px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-add {
                      padding-top: 24px;
                      padding-right: 24px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout .step-button-desc-learn-more {
                      margin-top: 20px;
                      color: #333333;
                      text-align: left;
                      font-size: 14px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout.add-to-cart.add-to-cart-selected {
                      height: 137px; }
                      @media only screen and (max-width: 1199px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout.add-to-cart.add-to-cart-selected {
                          height: 142px; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout.add-to-cart.add-to-cart-selected .included-box {
                            width: 100%; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout.add-to-cart.add-to-cart-selected .step-button-fork {
                            width: 100% !important; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout.add-to-cart.add-to-cart-selected .image-color {
                            justify-items: end; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout.add-to-cart.add-to-cart-selected .image-color .color-button {
                              width: 90%; } }
                  @media only screen and (min-width: 1200px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button {
                      /* DH end */ }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button .step-button-layout.most-popular {
                        margin-top: 19px !important; } }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button-fork {
                  background: white;
                  box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.12);
                  padding: 10px;
                  border: none;
                  width: 90%;
                  font-weight: bold;
                  border-radius: 8px; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-button-fork:hover {
                    text-decoration: underline;
                    outline: inherit;
                    border: 1.5px solid #1f1f24;
                    padding: 8.5px 10px; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-subtitle-fork {
                  font-family: 'Lato', sans-serif;
                  font-size: 16px;
                  color: #333333;
                  line-height: 24px;
                  margin-bottom: 27px; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .default-choice {
                  display: flex;
                  flex-flow: row nowrap;
                  align-items: center;
                  width: 100%;
                  height: 100px;
                  border-radius: 8px;
                  border: 2px solid rgba(255, 255, 255, 0.8);
                  background-color: rgba(255, 255, 255, 0.8);
                  box-shadow: 0 0 12px 0 #00000014;
                  padding: 25px;
                  margin-bottom: 20px; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .default-choice .default-choice-image {
                    width: 34px;
                    height: 33px;
                    margin-right: 16px; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .default-choice .default-choice-content .default-choice-desc {
                    font-weight: bold;
                    color: #e80c00; }
                @media only screen and (min-width: 1200px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group:not(.warranty-radio-group) .step-radio-button.selected .step-radio-button-content .step-radio-button-inner-content .step-radio-button-title {
                    font-family: "Lato", sans-serif;
                    font-weight: 900;
                    font-size: 18px; } }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.warranty-radio-group .step-radio-button {
                  text-decoration: unset;
                  max-height: 100px;
                  height: auto; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.warranty-radio-group .step-radio-button:focus {
                    outline: inherit;
                    border: 1px solid #e80c00;
                    box-shadow: 0px 0px 0px 3px #1f1f2445; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.warranty-radio-group .step-radio-button:hover {
                    border: 1px solid #e80c00; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.warranty-radio-group .step-radio-button.selected .step-radio-button-content .step-radio-button-inner-content .step-radio-button-title {
                    text-decoration: unset; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.warranty-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price {
                    margin-top: 0px; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .contents {
                  display: flex;
                  width: 100%;
                  justify-content: space-between; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button {
                  display: flex;
                  position: initial;
                  flex-flow: column;
                  align-items: center;
                  justify-content: center;
                  height: auto;
                  border-radius: 8px;
                  border: 1.5px solid #e5e5e5;
                  background-color: rgba(255, 255, 255, 0.8);
                  box-shadow: none;
                  padding: 25px 0;
                  margin-bottom: 20px;
                  opacity: 1;
                  cursor: initial;
                  /* DH begin */
                  /* DH end */
                  /* FIX LCDP-5033 */ }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button img {
                    align-self: flex-end; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button:focus {
                    outline: none; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-description-subtitle {
                    margin-top: 16px;
                    padding-bottom: 4px;
                    align-self: center;
                    margin-left: 45px;
                    margin-right: 45px;
                    width: 70%;
                    position: relative;
                    font-family: Lato;
                    font-size: 12px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.5;
                    letter-spacing: normal;
                    text-align: center;
                    color: #666666; }
                    @media only screen and (max-width: 1199px) {
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-description-subtitle {
                        width: 60%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-description-subtitle .included-box {
                          width: 100%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-description-subtitle .step-button-fork {
                          width: 100% !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-description-subtitle .image-color {
                          justify-items: end; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-description-subtitle .image-color .color-button {
                            width: 90%; } }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button:hover:not(.included-selection) {
                    outline: inherit;
                    border: 1.5px solid #e5e5e5;
                    background-color: white; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button:hover:not(.included-selection) .step-radio-button-content .step-radio-button-title {
                      text-decoration: underline; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button:focus:not(.included-selection) {
                    border: 1.5px solid #e5e5e5;
                    box-shadow: none; }
                  @media only screen and (max-width: 1199px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button {
                      overflow: hidden;
                      width: 100%; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .included-box {
                        width: 100%; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-button-fork {
                        width: 100% !important; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .image-color {
                        justify-items: end; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .image-color .color-button {
                          width: 90%; } }
                  @media only screen and (max-width: 360px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button {
                      padding: 25px 0 !important; } }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature {
                    position: relative;
                    padding: 25px 30px !important;
                    align-items: flex-start; }
                    @media only screen and (max-width: 1199px) {
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature {
                        padding: 25px 30px !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature .included-box {
                          width: 100%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature .step-button-fork {
                          width: 100% !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature .image-color {
                          justify-items: end; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature .image-color .color-button {
                            width: 90%; } }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature.selected:not(.included-selection) {
                      border: 1.5px solid #1f1f24;
                      background-color: white;
                      box-shadow: none; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature.selected:not(.included-selection):hover {
                        text-decoration: none; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature.selected:not(.included-selection):focus {
                        box-shadow: 0px 0px 0px 3px #1f1f2445; }
                        @media only screen and (max-width: 760px) {
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature.selected:not(.included-selection):focus {
                            box-shadow: none; } }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature.selected:not(.included-selection) .step-radio-button-content
.step-radio-button-title {
                        text-decoration: unset; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature.selected img {
                      position: absolute;
                      top: 0px;
                      right: 0px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature .add-button,
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature .remove-button {
                      align-self: center; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature .step-radio-button-content {
                      width: 100%; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature .step-radio-button-content .step-radio-button-image {
                        display: none; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature .step-radio-button-content .step-radio-button-inner-content .step-radio-button-title {
                        text-align: left;
                        width: 100%;
                        align-self: flex-start; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature .step-radio-button-content .step-radio-button-inner-content .step-radio-button-desc-learn-more ul {
                        padding-inline-start: 20px;
                        text-align: left; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button#Signature .step-radio-button-content .step-radio-button-inner-content .step-radio-button-desc-learn-more ul li {
                          font-family: "Lato", sans-serif;
                          font-weight: 400;
                          font-size: 16px; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-button-badge-container {
                    display: flex;
                    flex-flow: row nowrap;
                    position: absolute;
                    top: -10px;
                    right: 20px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-button-badge-container .step-button-badge {
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      min-width: 100px;
                      height: 25px;
                      border-radius: 6px;
                      margin-right: 12px;
                      padding: 0 12px;
                      font-family: "Lato", sans-serif;
                      font-weight: 400;
                      font-size: 11px;
                      overflow: hidden;
                      z-index: 1; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-button-badge-container .step-button-badge:last-child {
                        margin-right: 0; }
                      @media only screen and (max-width: 1199px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-button-badge-container .step-button-badge {
                          height: 23px;
                          font-family: "Lato", sans-serif;
                          font-weight: 400;
                          font-size: 9px; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-button-badge-container .step-button-badge .included-box {
                            width: 100%; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-button-badge-container .step-button-badge .step-button-fork {
                            width: 100% !important; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-button-badge-container .step-button-badge .image-color {
                            justify-items: end; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-button-badge-container .step-button-badge .image-color .color-button {
                              width: 90%; } }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-button-badge-container .step-button-badge.most-popular-badge {
                        color: #ffffff;
                        background-color: #e80c00;
                        padding: 4px 12px 5px 10px !important;
                        border-radius: 6px;
                        margin: 0 7px 0 7px;
                        font-family: Lato;
                        font-size: 14px;
                        text-align: center;
                        height: 27px; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-button-badge-container .step-button-badge.best-prescription-badge {
                        color: #ffffff;
                        background-color: #e80c00; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button.selected:not(.included-selection) {
                    border: 1.5px solid #1f1f24;
                    background-color: white; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button.selected:not(.included-selection):hover {
                      text-decoration: none; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button.selected:not(.included-selection) .step-radio-button-content .step-radio-button-title {
                      text-decoration: unset; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .icon-add {
                    margin-left: -8px;
                    margin-top: -8px; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .icon-add-clicked {
                    margin-left: -12px;
                    margin-top: -12px; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button.selected {
                    padding-top: 0 !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button.selected .step-radio-button-icon {
                      display: none; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button.included-selection .step-radio-button-icon {
                    display: none; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button.included-selection {
                    cursor: auto;
                    padding-top: 0; }
                    @media only screen and (max-width: 1199px) {
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button.included-selection {
                        opacity: 1 !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button.included-selection .included-box {
                          width: 100%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button.included-selection .step-button-fork {
                          width: 100% !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button.included-selection .image-color {
                          justify-items: end; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button.included-selection .image-color .color-button {
                            width: 90%; } }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content-mobile {
                    display: none; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content {
                    display: flex;
                    flex-flow: column;
                    width: 80%;
                    align-items: center; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .thick {
                      background: url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black.png);
                      background: image-set(url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black@3x.png) 3x);
                      background: -webkit-image-set(url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black@3x.png) 3x);
                      background-repeat: no-repeat;
                      background-size: 100%;
                      width: 25px;
                      height: 25px;
                      margin-right: 8px;
                      margin-top: 2.5px;
                      cursor: unset; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .thick:focus {
                        outline: none; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-image {
                      max-width: 65px;
                      max-height: 45px;
                      margin-right: 16px;
                      margin-bottom: 25px;
                      align-self: center; }
                      @media only screen and (max-width: 360px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-image {
                          margin-right: 8px; } }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content {
                      display: flex;
                      flex-flow: column nowrap;
                      width: 100%;
                      margin-bottom: 25px;
                      align-items: center; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-title {
                        text-align: center;
                        color: #333333;
                        font-family: "Lato", sans-serif;
                        font-weight: 900;
                        font-size: 18px;
                        order: 1;
                        /* FIX LCDP-5033 */ }
                        @media only screen and (max-width: 760px) {
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-title {
                            width: 50%;
                            align-self: center; } }
                        @media only screen and (max-width: 360px) {
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-title {
                            padding-right: 0 !important;
                            font-size: 13px !important; } }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price {
                        margin-top: 13px;
                        order: 3;
                        align-self: center; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price .price-container .strike-price {
                          font-family: "Lato", sans-serif;
                          font-weight: 400;
                          font-size: 16px;
                          text-decoration: line-through;
                          color: #1f1f24;
                          margin-right: 5px; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price .price-container .price {
                          font-family: "Lato", sans-serif;
                          font-weight: 400;
                          font-size: 16px;
                          color: #e80c00; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price .price-container.insurance-price {
                          color: #1c8846 !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price .included-treatment {
                          color: #e80c00;
                          text-align: left;
                          float: left;
                          font-family: "Lato", sans-serif;
                          font-weight: 400;
                          font-size: 16px; }
                          @media only screen and (max-width: 760px) {
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price .included-treatment {
                              font-family: "Lato", sans-serif;
                              font-weight: 400;
                              font-size: 12px; } }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price {
                        order: 3;
                        align-self: center; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price .price.treatment {
                          font-family: "Lato", sans-serif;
                          font-weight: 400;
                          font-size: 16px;
                          color: #e80c00;
                          float: right; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price .price.insurance-price {
                          color: #1c8846 !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price .treatment-step-label {
                          font-size: 12px !important;
                          font-style: italic;
                          float: left;
                          color: #1c8846; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price .applying-insurance {
                          font-size: 12px;
                          font-weight: 500;
                          font-stretch: normal;
                          font-style: normal;
                          color: #1c8846 !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price .loader-container {
                          float: left; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price .loader-container .loader-icon {
                            content: '';
                            position: absolute;
                            margin-top: 3px;
                            width: 20px;
                            height: 20px;
                            object-fit: contain;
                            animation: lds-dual-ring 1.2s linear infinite;
                            background-size: contain;
                            background-image: url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png);
                            background-image: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@3x.png) 3x);
                            background-image: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@3x.png) 3x); }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-content .step-radio-button-inner-content .step-radio-button-price .loader-container::after {
                            content: 'Applying insurance benefits';
                            margin-left: 25px;
                            font-size: 12px;
                            color: #1c8846; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-desc-learn-more {
                    width: 100%;
                    margin-top: 20px;
                    color: #333333;
                    text-align: center;
                    order: 2; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .step-radio-button-icon {
                    display: none; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .add-button {
                    width: 104px;
                    height: 50px;
                    border-radius: 1px;
                    background-color: #1f1f24;
                    color: #ffffff;
                    border: none;
                    text-transform: uppercase;
                    cursor: pointer;
                    font-family: "Oswald", sans-serif;
                    font-weight: 500;
                    font-size: 16px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .add-button:hover, #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .add-button:focus {
                      box-shadow: 0px 0px 0px 3px #1f1f2445; }
                    @media only screen and (max-width: 1199px) {
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .add-button {
                        width: 104px;
                        height: 50px;
                        font-family: "Oswald", sans-serif;
                        font-weight: 500;
                        font-size: 14px; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .add-button .included-box {
                          width: 100%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .add-button .step-button-fork {
                          width: 100% !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .add-button .image-color {
                          justify-items: end; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .add-button .image-color .color-button {
                            width: 90%; } }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .remove-button {
                    width: 104px;
                    height: 50px;
                    border-radius: 1px;
                    background-color: transparent;
                    color: #1f1f24;
                    border: 1px solid #e5e5e5;
                    text-transform: uppercase;
                    font-family: "Oswald", sans-serif;
                    font-weight: 500;
                    font-size: 16px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .remove-button:hover, #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group .step-radio-button .remove-button:focus {
                      box-shadow: 0px 0px 0px 3px #1f1f2445; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.warranty-radio-group .step-radio-button {
                  border: 1px solid #d7d7d7;
                  background-color: rgba(255, 255, 255, 0.8);
                  box-shadow: none;
                  min-height: 50px;
                  padding: 0 25px; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.warranty-radio-group .step-radio-button:hover:not(.included-selection) {
                    outline: inherit;
                    border: 1px solid #e80c00;
                    background-color: white; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.warranty-radio-group .step-radio-button:hover:not(.included-selection) .step-radio-button-content
.step-radio-button-title {
                      text-decoration: underline; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.warranty-radio-group .step-radio-button:focus:not(.included-selection) {
                    outline: inherit;
                    border: 1px solid #e80c00;
                    box-shadow: 0px 0px 0px 3px #1f1f2445; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.warranty-radio-group .step-radio-button.selected:not(.included-selection) {
                    border: 1px solid #e80c00;
                    background-color: white; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.additional-treatment .step-radio-button:hover:not(.included-selection), #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.additional-treatment .step-radio-button:focus {
                  border: 1.5px solid #e5e5e5;
                  box-shadow: none; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.additional-treatment .step-radio-button:hover:not(.included-selection) .step-radio-button-title, #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.additional-treatment .step-radio-button:focus .step-radio-button-title {
                    text-decoration: none; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.additional-treatment .step-radio-button .step-radio-button-content {
                  width: 100%; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.additional-treatment .step-radio-button {
                    opacity: 1 !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.additional-treatment .step-radio-button .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.additional-treatment .step-radio-button .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.additional-treatment .step-radio-button .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .step-radio-group.additional-treatment .step-radio-button .image-color .color-button {
                        width: 90%; } }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep {
                  margin-top: 0px; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header {
                    display: flex;
                    flex-flow: row nowrap;
                    justify-content: space-between;
                    margin-bottom: 20px;
                    text-transform: uppercase;
                    width: 80%; }
                    @media only screen and (max-width: 1199px) {
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header {
                        margin-top: 0px;
                        justify-content: center;
                        width: 100%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .included-box {
                          width: 100%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .step-button-fork {
                          width: 100% !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .image-color {
                          justify-items: end; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .image-color .color-button {
                            width: 90%; } }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-title {
                      align-self: center;
                      font-family: "Oswald", sans-serif;
                      font-weight: 500;
                      font-size: 24px; }
                      @media only screen and (min-width: 1200px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-title {
                          margin-left: 0px; } }
                      @media only screen and (max-width: 760px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-title {
                          font-family: "Oswald", sans-serif;
                          font-weight: 500;
                          font-size: 16px; } }
                    @media only screen and (max-width: 1199px) {
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-learn-more {
                        float: right; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-learn-more .included-box {
                          width: 100%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-learn-more .step-button-fork {
                          width: 100% !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-learn-more .image-color {
                          justify-items: end; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-learn-more .image-color .color-button {
                            width: 90%; } }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-learn-more .border-button {
                      display: block;
                      height: 24px;
                      padding: 0px 10px; }
                      @media only screen and (max-width: 1199px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-learn-more .border-button {
                          display: block;
                          height: 24px;
                          padding: 0px 10px;
                          padding-bottom: 0px; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-learn-more .border-button .included-box {
                            width: 100%; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-learn-more .border-button .step-button-fork {
                            width: 100% !important; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-learn-more .border-button .image-color {
                            justify-items: end; }
                            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-header .substep-learn-more .border-button .image-color .color-button {
                              width: 90%; } }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-content .blue-light-included {
                    margin: 0 0 20px 16px; }
                    @media only screen and (max-width: 1199px) {
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-content .blue-light-included {
                        text-align: center;
                        margin: 0 0 20px 3px;
                        font-size: 14px; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-content .blue-light-included .included-box {
                          width: 100%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-content .blue-light-included .step-button-fork {
                          width: 100% !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-content .blue-light-included .image-color {
                          justify-items: end; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-content .blue-light-included .image-color .color-button {
                            width: 90%; } }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .substep .substep-content .blue-light-included::before {
                      content: '';
                      display: inline-block;
                      width: 20px;
                      height: 19px;
                      background-image: url(https://images.ray-ban.com/extra/image/rxc/images/blue-light.png);
                      background-image: image-set(url(https://images.ray-ban.com/extra/image/rxc/images/blue-light.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/blue-light@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/blue-light@3x.png) 3x);
                      background-image: -webkit-image-set(url(https://images.ray-ban.com/extra/image/rxc/images/blue-light.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/blue-light@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/blue-light@3x.png) 3x);
                      background-size: 100%;
                      margin-right: 6px;
                      vertical-align: middle; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .apply-treatments-button {
                  width: 50%;
                  height: 50px;
                  font-family: "Oswald", sans-serif;
                  font-weight: 500;
                  font-size: 14px;
                  text-transform: uppercase;
                  border-radius: 0px;
                  align-self: center; }
                  @media only screen and (max-width: 760px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .apply-treatments-button {
                      width: 100%;
                      height: 48px; } }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .apply-treatments-button.focus-visible {
                    border: 2px solid #000000 !important; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .blue-light-treatment {
                  align-items: center;
                  border-radius: 50px;
                  border: 2px solid #192c50;
                  background-color: #192c50;
                  box-shadow: 0 0 12px 0 #00000014;
                  margin-bottom: 20px;
                  cursor: pointer;
                  color: white;
                  text-align: center;
                  height: auto;
                  padding-top: 7px;
                  padding-bottom: 7px;
                  padding-left: 103.5px;
                  padding-right: 103.5px;
                  -webkit-animation: hide-blue-light 0.3s forwards;
                  -webkit-animation-iteration-count: 1;
                  -webkit-animation-delay: 6s;
                  animation: hide-blue-light 0.3s forwards;
                  animation-iteration-count: 1;
                  animation-delay: 6s;
                  font-family: "Lato", sans-serif;
                  font-weight: 400;
                  font-size: 13px; }
                  @media only screen and (max-width: 1199px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .blue-light-treatment {
                      padding-left: 20px;
                      padding-right: 20px;
                      padding-top: 3px;
                      padding-bottom: 3px; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .blue-light-treatment .included-box {
                        width: 100%; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .blue-light-treatment .step-button-fork {
                        width: 100% !important; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .blue-light-treatment .image-color {
                        justify-items: end; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .blue-light-treatment .image-color .color-button {
                          width: 90%; } }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .noTreatments {
                  font-family: "Lato", sans-serif;
                  font-weight: 400;
                  font-size: 13px;
                  margin-bottom: 15px; }
                  @media only screen and (max-width: 1199px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .noTreatments {
                      font-family: "Lato", sans-serif;
                      font-weight: 400;
                      font-size: 13px; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .noTreatments .included-box {
                        width: 100%; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .noTreatments .step-button-fork {
                        width: 100% !important; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .noTreatments .image-color {
                        justify-items: end; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .step-content .noTreatments .image-color .color-button {
                          width: 90%; } }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-closed .step-title {
                text-transform: none;
                font-family: "Lato", sans-serif;
                font-weight: 400;
                font-size: 20px;
                opacity: 0.4;
                font-weight: 200;
                color: #333333; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-closed .step-title {
                    font-family: "Lato", sans-serif;
                    font-weight: 400;
                    font-size: 14px;
                    font-weight: 500;
                    text-align: center; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-closed .step-title .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-closed .step-title .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-closed .step-title .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-closed .step-title .image-color .color-button {
                        width: 90%; } }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed {
                display: flex;
                flex-flow: row nowrap;
                align-items: center;
                border-radius: 6px;
                border: none;
                background-color: #f2f2f2;
                margin: 4px 0 0 40px;
                min-height: 40px;
                padding: 5px;
                width: 73%;
                /* CM new STyle start */
                width: auto;
                padding-right: 20px;
                /*CM new STyle end*/
                /* @include rxc-desktop-only {
                                    &:first-child {
                                        margin-top: 70px;
                                    }
                                } */ }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed {
                    margin: 0 0 0 40px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed.mobile-hide {
                      display: none !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .image-color .color-button {
                        width: 90%; } }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-title {
                  display: none; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container {
                  max-width: 90%;
                  width: 100%;
                  order: 2;
                  -webkit-box-ordinal-group: 2; }
                  @media only screen and (min-width: 1200px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container {
                      display: flex;
                      align-items: center; } }
                  @media only screen and (max-width: 1199px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container {
                      display: grid;
                      margin-left: 25px; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .included-box {
                        width: 100%; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-button-fork {
                        width: 100% !important; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .image-color {
                        justify-items: end; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .image-color .color-button {
                          width: 90%; } }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-title span {
                    font-family: "Lato", sans-serif;
                    font-weight: 400;
                    font-size: 16px; }
                  @media only screen and (max-width: 760px) {
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-title {
                      text-align: initial;
                      font-size: 14px;
                      padding-bottom: 5px; } }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-title-padding {
                    padding-bottom: 5px;
                    padding-right: 5px; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection {
                    display: flex;
                    flex-flow: column nowrap; }
                    @media only screen and (min-width: 1200px) {
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection {
                        padding-left: 10px; } }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection span {
                      font-family: "Lato", sans-serif;
                      font-weight: 900;
                      font-size: 16px;
                      color: #333333; }
                    @media only screen and (max-width: 1199px) {
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection {
                        text-align: initial; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection span {
                          font-family: "Lato", sans-serif;
                          font-weight: 900;
                          font-size: 14px; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection .included-box {
                          width: 100%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection .step-button-fork {
                          width: 100% !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection .image-color {
                          justify-items: end; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection .image-color .color-button {
                            width: 90%; } }
                    @media only screen and (max-width: 1199px) {
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection .image-color-selected {
                        width: 20px;
                        height: auto;
                        margin-right: 5px;
                        margin-left: 5px;
                        margin-top: 5px; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection .image-color-selected .included-box {
                          width: 100%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection .image-color-selected .step-button-fork {
                          width: 100% !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection .image-color-selected .image-color {
                          justify-items: end; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection .image-color-selected .image-color .color-button {
                            width: 90%; } }
                    @media only screen and (min-width: 1200px) {
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection .image-color-selected {
                        display: none; } }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .step-confirmed-container .step-confirmed-selection .image-label-container {
                      display: flex;
                      flex-direction: row;
                      align-items: center;
                      /* DH begin */
                      margin-right: 21px;
                      /*DH end */ }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container {
                  max-width: 40%;
                  text-align: right;
                  align-self: flex-start;
                  margin-left: auto;
                  position: absolute;
                  right: 0;
                  order: 3;
                  -webkit-box-ordinal-group: 3; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container .price-inner-content {
                    display: flex;
                    align-items: baseline; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span {
                    height: 100%;
                    color: #e80c00; }
                    @media only screen and (max-width: 1199px) {
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span {
                        vertical-align: baseline; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span .included-box {
                          width: 100%; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span .step-button-fork {
                          width: 100% !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span .image-color {
                          justify-items: end; }
                          #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span .image-color .color-button {
                            width: 90%; } }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span.price {
                      font-family: "Lato", sans-serif;
                      font-weight: 900;
                      font-size: 14px; }
                      @media only screen and (max-width: 760px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span.price {
                          font-family: "Lato", sans-serif;
                          font-weight: 900;
                          font-size: 12px; } }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span.price.insurance-price {
                        color: #1c8846 !important; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span.price.strike {
                        text-decoration: line-through;
                        font-weight: normal !important; }
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span.price.strike.insurance {
                          color: #000000; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span.strike-price {
                      font-family: "Lato", sans-serif;
                      font-weight: 400;
                      font-size: 14px;
                      margin-right: 10px !important;
                      text-decoration: line-through;
                      color: #1f1f24; }
                      @media only screen and (max-width: 760px) {
                        #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span.strike-price {
                          font-family: "Lato", sans-serif;
                          font-weight: 400;
                          font-size: 12px; } }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .price-container span.strike-price.insurance {
                        color: #000000; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .prescription-edit {
                  text-align: right;
                  margin-left: auto;
                  font-family: "Lato", sans-serif;
                  font-weight: 900;
                  font-size: 14px;
                  color: #e80c00; }
                @media only screen and (min-width: 1200px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .rx-tooltip {
                    letter-spacing: 0.18px;
                    border-radius: 1px;
                    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.16);
                    opacity: 1 !important;
                    text-align: center;
                    justify-content: center;
                    min-height: 90px;
                    width: 215px;
                    -webkit-touch-callout: none;
                    /* iOS Safari */
                    -webkit-user-select: none;
                    /* Safari */
                    -khtml-user-select: none;
                    /* Konqueror HTML */
                    -moz-user-select: none;
                    /* Old versions of Firefox */
                    -ms-user-select: none;
                    /* Internet Explorer/Edge */
                    user-select: none;
                    /* Non-prefixed version, currently
                                supported by Chrome, Edge, Opera and Firefox */
                    padding: 14px 11px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .rx-tooltip * {
                      font-size: 11px !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .rx-tooltip span {
                      display: block; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .rx-tooltip .left {
                      padding-left: 10px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .rx-tooltip .right {
                      padding-left: 5px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .rx-tooltip .bold {
                      font-family: "Lato", sans-serif;
                      font-weight: 900;
                      font-size: 11px; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .rx-tooltip .add-control {
                      margin-top: 10px;
                      margin-left: 5px;
                      padding-left: 0;
                      margin-bottom: 0; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed .rx-tooltip .lc-control__indicator {
                      border: none;
                      background: #ffffff;
                      opacity: 1; } }
                @media only screen and (min-width: 1200px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed#treatments .step-confirmed-container {
                    max-width: 100%; } }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed#treatments .step-confirmed-container {
                    max-width: 65%; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed#treatments .step-confirmed-container .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed#treatments .step-confirmed-container .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed#treatments .step-confirmed-container .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step.step-confirmed#treatments .step-confirmed-container .image-color .color-button {
                        width: 90%; } }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .rxc-tooltip-icon {
                display: inline-block;
                text-align: center;
                width: 15px;
                height: 15px;
                color: #e80c00;
                border-radius: 50%;
                border: 1.3px solid #e80c00;
                margin-left: 6px;
                cursor: pointer;
                -webkit-touch-callout: none;
                /* iOS Safari */
                -webkit-user-select: none;
                /* Safari */
                -khtml-user-select: none;
                /* Konqueror HTML */
                -moz-user-select: none;
                /* Old versions of Firefox */
                -ms-user-select: none;
                /* Internet Explorer/Edge */
                user-select: none;
                /* Non-prefixed version, currently
                            supported by Chrome, Edge, Opera and Firefox */ }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper .step .rxc-tooltip-icon div {
                  font-size: 14px;
                  margin-left: 1px; }
            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #thickness.step .step-button-title {
              font-family: "Lato", sans-serif;
              font-weight: 900;
              font-size: 18px; }
            @media only screen and (min-width: 1200px) {
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step .step-title {
                font-family: "Lato", sans-serif;
                font-weight: 400;
                font-size: 18px;
                text-transform: none; } }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step:not(.step-closed) {
                margin-bottom: 0px; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step:not(.step-closed) .step-title {
                text-align: left; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step .step-title {
                font-family: "Lato", sans-serif;
                font-weight: 400;
                font-size: 14px;
                margin-top: 30px;
                text-transform: none;
                text-align: center; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step .image-color .color-button {
                  width: 90%; } }
            #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step .step-radio-button-inner-content {
              flex-flow: row nowrap; }
              #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step .step-radio-button-inner-content .step-radio-button-title {
                min-width: 180px; }
              @media only screen and (max-width: 1199px) {
                #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step .step-radio-button-inner-content {
                  flex-flow: column nowrap; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step .step-radio-button-inner-content .included-box {
                    width: 100%; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step .step-radio-button-inner-content .step-button-fork {
                    width: 100% !important; }
                  #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step .step-radio-button-inner-content .image-color {
                    justify-items: end; }
                    #rxcApp .main-modal .main-content .step-container .step-inner-container .step-wrapper #warranty.step .step-radio-button-inner-content .image-color .color-button {
                      width: 90%; } }
        #rxcApp .main-modal .main-content .step-container .insurance-container {
          margin: 45px 0px 32px 30px; }
          #rxcApp .main-modal .main-content .step-container .insurance-container .insurance-badge {
            display: flex;
            flex-direction: row;
            align-items: center;
            width: 206px;
            min-height: 27px;
            background-color: #1c884626; }
            #rxcApp .main-modal .main-content .step-container .insurance-container .insurance-badge img {
              padding-left: 25px;
              padding-right: 25px; }
            #rxcApp .main-modal .main-content .step-container .insurance-container .insurance-badge .label {
              color: #1c8846; }
          #rxcApp .main-modal .main-content .step-container .insurance-container .insurance-button {
            height: 40px;
            border: none;
            border-radius: 1px;
            margin-top: 16px;
            background-color: #1f1f24;
            color: white;
            text-transform: uppercase;
            padding: 10px;
            font-family: "Oswald", sans-serif;
            font-weight: 500;
            font-size: 14px;
            cursor: pointer;
            width: 255px; }
            #rxcApp .main-modal .main-content .step-container .insurance-container .insurance-button:focus {
              outline: none;
              box-shadow: 0px 0px 0px 3px #1f1f2445; }
            #rxcApp .main-modal .main-content .step-container .insurance-container .insurance-button.active {
              border: 1px solid #1f1f24;
              background-color: transparent;
              color: #1f1f24;
              width: 206px; }
        #rxcApp .main-modal .main-content .step-container .summary-container {
          display: flex;
          flex-direction: column;
          margin: 40px 48px 3px 10px;
          padding: 0px 18px; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .step-container .summary-container {
              margin-top: 0;
              margin-right: 0;
              margin-left: 0;
              text-align: center; }
              #rxcApp .main-modal .main-content .step-container .summary-container .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .step-container .summary-container .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .step-container .summary-container .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .step-container .summary-container .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .main-content .step-container .summary-container .summary-details {
            display: flex;
            flex-flow: column nowrap;
            border-top: 1px solid #d7d7d7;
            border-bottom: 1px solid #d7d7d7;
            margin-top: 15px;
            margin-bottom: 10px; }
            #rxcApp .main-modal .main-content .step-container .summary-container .summary-details .summary-details-row {
              display: flex;
              flex-flow: row nowrap;
              justify-content: space-between;
              margin-top: 15px;
              margin-bottom: 10px; }
            #rxcApp .main-modal .main-content .step-container .summary-container .summary-details .summary-price-row {
              display: flex;
              flex-direction: row-reverse; }
            #rxcApp .main-modal .main-content .step-container .summary-container .summary-details .summary-details-col {
              font-family: "Lato", sans-serif;
              font-weight: 400;
              font-size: 14px; }
              #rxcApp .main-modal .main-content .step-container .summary-container .summary-details .summary-details-col.price {
                font-family: "Lato", sans-serif;
                font-weight: 900;
                font-size: 14px;
                color: #e80c00; }
              #rxcApp .main-modal .main-content .step-container .summary-container .summary-details .summary-details-col.strike-price {
                text-decoration: line-through;
                margin-right: 10px; }
              @media only screen and (max-width: 760px) {
                #rxcApp .main-modal .main-content .step-container .summary-container .summary-details .summary-details-col.price {
                  color: #e80c00; } }
              #rxcApp .main-modal .main-content .step-container .summary-container .summary-details .summary-details-col.price-no-discount {
                color: #1f1f24; }
          #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price {
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between; }
            #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price .price-inner-content {
              display: flex;
              align-items: baseline;
              width: 56%;
              text-align: end;
              justify-content: flex-end; }
            #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price .gvp-title-summary {
              text-align: left;
              font-family: "Lato", sans-serif;
              font-weight: 400;
              font-size: 16px;
              color: #3e626f; }
            #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span {
              height: 100%; }
              @media only screen and (max-width: 1199px) {
                #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span {
                  vertical-align: initial; }
                  #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span .included-box {
                    width: 100%; }
                  #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span .step-button-fork {
                    width: 100% !important; }
                  #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span .image-color {
                    justify-items: end; }
                    #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span .image-color .color-button {
                      width: 90%; } }
              #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span.label {
                margin-top: 5px;
                text-align: left;
                font-family: "Lato", sans-serif;
                font-weight: 400;
                font-size: 16px; }
                @media only screen and (max-width: 760px) {
                  #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span.label {
                    font-size: 16px !important;
                    margin-top: 0px;
                    width: 55%; } }
                #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span.label.insurance {
                  color: #1c8846; }
              #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span.price {
                font-family: "Lato", sans-serif;
                font-weight: 900;
                font-size: 20px;
                color: #e80c00; }
                #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span.price.insurance-price {
                  color: #1c8846 !important; }
                #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span.price.treatment {
                  color: #1f1f24;
                  font-family: "Lato", sans-serif;
                  font-weight: 900;
                  font-size: 14px; }
                #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span.price.promo-type {
                  color: #3e626f; }
              #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span.strike-price {
                font-family: "Lato", sans-serif;
                font-weight: 400;
                font-size: 20px;
                margin-right: 10px !important;
                margin-left: 90px !important;
                margin-top: 0px !important;
                text-decoration: line-through; }
                @media only screen and (max-width: 760px) {
                  #rxcApp .main-modal .main-content .step-container .summary-container .price-container.summary-price span.strike-price {
                    margin-left: 0 !important; } }
          #rxcApp .main-modal .main-content .step-container .summary-container .link-container {
            display: none;
            flex-direction: row;
            padding-top: 20px;
            align-items: flex-end;
            justify-content: flex-end; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .main-content .step-container .summary-container .link-container {
                display: none;
                justify-content: flex-end; }
                #rxcApp .main-modal .main-content .step-container .summary-container .link-container .included-box {
                  width: 100%; }
                #rxcApp .main-modal .main-content .step-container .summary-container .link-container .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .main-content .step-container .summary-container .link-container .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .main-content .step-container .summary-container .link-container .image-color .color-button {
                    width: 90%; } }
            #rxcApp .main-modal .main-content .step-container .summary-container .link-container #affirm-product-rxc {
              float: right;
              text-align: right;
              color: #326fa8;
              text-decoration: underline;
              max-width: 150px; }
              #rxcApp .main-modal .main-content .step-container .summary-container .link-container #affirm-product-rxc * {
                font-size: 12px !important;
                border: none; }
            #rxcApp .main-modal .main-content .step-container .summary-container .link-container .insurance-container {
              width: 40%;
              max-width: fit-content;
              height: 24px;
              margin-right: 38px; }
              #rxcApp .main-modal .main-content .step-container .summary-container .link-container .insurance-container .insurance-label {
                font-family: "Lato", sans-serif;
                font-weight: 400;
                font-size: 16px;
                vertical-align: super;
                color: #1f1f24; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .step-container .summary-container .link-container .insurance-container .insurance-label {
                    display: none; }
                    #rxcApp .main-modal .main-content .step-container .summary-container .link-container .insurance-container .insurance-label .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .step-container .summary-container .link-container .insurance-container .insurance-label .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .step-container .summary-container .link-container .insurance-container .insurance-label .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .step-container .summary-container .link-container .insurance-container .insurance-label .image-color .color-button {
                        width: 90%; } }
            #rxcApp .main-modal .main-content .step-container .summary-container .link-container .afterpay-container {
              display: flex;
              width: 61%;
              height: 22px;
              max-width: fit-content;
              justify-content: flex-end;
              cursor: pointer; }
              @media only screen and (max-width: 1199px) {
                #rxcApp .main-modal .main-content .step-container .summary-container .link-container .afterpay-container {
                  width: auto; }
                  #rxcApp .main-modal .main-content .step-container .summary-container .link-container .afterpay-container .included-box {
                    width: 100%; }
                  #rxcApp .main-modal .main-content .step-container .summary-container .link-container .afterpay-container .step-button-fork {
                    width: 100% !important; }
                  #rxcApp .main-modal .main-content .step-container .summary-container .link-container .afterpay-container .image-color {
                    justify-items: end; }
                    #rxcApp .main-modal .main-content .step-container .summary-container .link-container .afterpay-container .image-color .color-button {
                      width: 90%; } }
              #rxcApp .main-modal .main-content .step-container .summary-container .link-container .afterpay-container #affirm-product-rxc,
              #rxcApp .main-modal .main-content .step-container .summary-container .link-container .afterpay-container .afterpay-inner-content {
                display: flex; }
              @media only screen and (max-width: 760px) {
                #rxcApp .main-modal .main-content .step-container .summary-container .link-container .afterpay-container .afterpay-label {
                  font-size: 12px; } }
              #rxcApp .main-modal .main-content .step-container .summary-container .link-container .afterpay-container #affirm-product-rxc {
                max-width: 150px; }
              #rxcApp .main-modal .main-content .step-container .summary-container .link-container .afterpay-container .afterpay-logo {
                margin-left: 5px;
                width: 80px;
                height: 22px;
                align-self: flex-end;
                background-size: 80px 15px;
                background-repeat: no-repeat;
                background-image: url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo.png);
                background-image: image-set(url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo@3x.png) 3x);
                background-image: -webkit-image-set(url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/afterpay-logo@3x.png) 3x); }
          #rxcApp .main-modal .main-content .step-container .summary-container .insurance-button {
            width: 50%;
            height: 50px;
            border: none;
            border-radius: 1px;
            margin-top: 20px;
            align-self: center;
            background-color: #1f1f24;
            color: white;
            text-transform: uppercase;
            font-family: "Oswald", sans-serif;
            font-weight: 500;
            font-size: 14px;
            cursor: pointer; }
            #rxcApp .main-modal .main-content .step-container .summary-container .insurance-button:focus {
              outline: none;
              box-shadow: 0px 0px 0px 3px #1f1f2445; }
            #rxcApp .main-modal .main-content .step-container .summary-container .insurance-button.active {
              border: 1px solid #1f1f24;
              background-color: transparent;
              color: #1f1f24;
              width: 206px; }
            @media only screen and (max-width: 760px) {
              #rxcApp .main-modal .main-content .step-container .summary-container .insurance-button {
                width: 100% !important;
                height: 48px; } }
          #rxcApp .main-modal .main-content .step-container .summary-container .summary-total-savings {
            font-family: "Lato", sans-serif;
            font-weight: 400;
            font-size: 14px;
            margin-top: 30px;
            margin-bottom: 20px;
            text-align: center;
            color: #1c8846; }
          #rxcApp .main-modal .main-content .step-container .summary-container .add-to-bag {
            font-family: "Oswald", sans-serif;
            font-weight: 500;
            font-size: 14px;
            text-transform: uppercase;
            align-self: center;
            width: 50%;
            height: 50px;
            border-radius: 0px;
            margin-top: 10px; }
            @media only screen and (max-width: 760px) {
              #rxcApp .main-modal .main-content .step-container .summary-container .add-to-bag {
                width: 100%;
                height: 48px; } }
      #rxcApp .main-modal .main-content .background-blur .background-learn-more-made,
      #rxcApp .main-modal .main-content .background-blur .background-learn-more-treatment {
        filter: blur(10px); }
      #rxcApp .main-modal .main-content .learn-more-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 31;
        background-color: #333333; }
        #rxcApp .main-modal .main-content .learn-more-modal .hide-element {
          display: none; }
        #rxcApp .main-modal .main-content .learn-more-modal .opacity-0 {
          opacity: 0; }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .main-content .learn-more-modal .step-container {
            flex: 0 0 360px; }
            #rxcApp .main-modal .main-content .learn-more-modal .step-container .included-box {
              width: 100%; }
            #rxcApp .main-modal .main-content .learn-more-modal .step-container .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .main-content .learn-more-modal .step-container .image-color {
              justify-items: end; }
              #rxcApp .main-modal .main-content .learn-more-modal .step-container .image-color .color-button {
                width: 90%; } }
        @media screen and (max-device-width: 330px) {
          #rxcApp .main-modal .main-content .learn-more-modal .step-container {
            flex: 0 0 480px; } }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .main-content .learn-more-modal .learn-more-step-container-treatment {
            flex: 0 0 320px; }
            #rxcApp .main-modal .main-content .learn-more-modal .learn-more-step-container-treatment .included-box {
              width: 100%; }
            #rxcApp .main-modal .main-content .learn-more-modal .learn-more-step-container-treatment .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .main-content .learn-more-modal .learn-more-step-container-treatment .image-color {
              justify-items: end; }
              #rxcApp .main-modal .main-content .learn-more-modal .learn-more-step-container-treatment .image-color .color-button {
                width: 90%; } }
        #rxcApp .main-modal .main-content .learn-more-modal .substep-header {
          display: none !important; }
        #rxcApp .main-modal .main-content .learn-more-modal .continue-video {
          border-radius: 50px;
          border: 2px solid white;
          color: white;
          position: absolute;
          top: 45%;
          left: 25%;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-size: 16px;
          padding: 20px 30px 20px 30px; }
          #rxcApp .main-modal .main-content .learn-more-modal .continue-video:hover, #rxcApp .main-modal .main-content .learn-more-modal .continue-video:focus {
            outline: none;
            text-decoration: underline; }
          #rxcApp .main-modal .main-content .learn-more-modal .continue-video .continue-watching {
            font-family: "Lato", sans-serif;
            font-weight: 400;
            font-size: 16px; }
          #rxcApp .main-modal .main-content .learn-more-modal .continue-video .play-icon {
            margin-right: 12px;
            margin-bottom: 2px; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .learn-more-modal .continue-video {
              position: absolute;
              top: 25%;
              left: 25%;
              justify-content: center;
              display: flex;
              padding: 10px 20px 10px 20px; }
              #rxcApp .main-modal .main-content .learn-more-modal .continue-video .continue-watching {
                font-family: "Lato", sans-serif;
                font-weight: 400;
                font-size: 12px;
                margin-top: 2px; } }
  @media only screen and (max-width: 1199px) and (max-height: 600px) {
    #rxcApp .main-modal .main-content .learn-more-modal .continue-video {
      top: 18%; } }
          @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .main-content .learn-more-modal .continue-video .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .learn-more-modal .continue-video .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .learn-more-modal .continue-video .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .learn-more-modal .continue-video .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .main-content .learn-more-modal .blue-disclaimer {
          font-size: 12px;
          color: white; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .learn-more-modal .blue-disclaimer {
              display: none; }
              #rxcApp .main-modal .main-content .learn-more-modal .blue-disclaimer .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .learn-more-modal .blue-disclaimer .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .learn-more-modal .blue-disclaimer .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .learn-more-modal .blue-disclaimer .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .main-content .learn-more-modal .step-radio-button.selected .container-bottom {
          display: flex; }
        #rxcApp .main-modal .main-content .learn-more-modal .container-bottom {
          display: none;
          align-self: flex-start; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .learn-more-modal .container-bottom {
              margin-bottom: -24px;
              align-self: flex-end; }
              #rxcApp .main-modal .main-content .learn-more-modal .container-bottom .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .learn-more-modal .container-bottom .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .learn-more-modal .container-bottom .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .learn-more-modal .container-bottom .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .main-content .learn-more-modal .container-bottom .blue-disclaimer-mobile {
            display: none; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .main-content .learn-more-modal .container-bottom .blue-disclaimer-mobile {
                text-align: left;
                display: block;
                font-family: "Lato", sans-serif;
                font-weight: 400;
                font-size: 9px;
                color: black; }
                #rxcApp .main-modal .main-content .learn-more-modal .container-bottom .blue-disclaimer-mobile .included-box {
                  width: 100%; }
                #rxcApp .main-modal .main-content .learn-more-modal .container-bottom .blue-disclaimer-mobile .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .main-content .learn-more-modal .container-bottom .blue-disclaimer-mobile .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .main-content .learn-more-modal .container-bottom .blue-disclaimer-mobile .image-color .color-button {
                    width: 90%; } }
        #rxcApp .main-modal .main-content .learn-more-modal .margin-bottom-100 {
          margin-bottom: 100px; }
        #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 90%;
          margin-right: 5%;
          margin-left: 5%;
          margin-bottom: 15px; }
          #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .pause-icon-control,
          #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .play-icon-control {
            cursor: pointer;
            margin-right: 30px;
            width: 22px;
            height: 22px; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .pause-icon-control,
              #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .play-icon-control {
                margin-right: 20px; }
                #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .pause-icon-control .included-box,
                #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .play-icon-control .included-box {
                  width: 100%; }
                #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .pause-icon-control .step-button-fork,
                #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .play-icon-control .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .pause-icon-control .image-color,
                #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .play-icon-control .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .pause-icon-control .image-color .color-button,
                  #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .play-icon-control .image-color .color-button {
                    width: 90%; } }
          #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .default-bar {
            width: 100%;
            border-radius: 50px;
            height: 4px;
            background-color: rgba(255, 255, 255, 0.5); }
          #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .progress-bar {
            width: 0%;
            border-radius: 50px;
            height: 4px;
            background-color: white; }
          #rxcApp .main-modal .main-content .learn-more-modal .controls-video-mobile .fullscreen-icon-control {
            margin-left: 16px; }
        #rxcApp .main-modal .main-content .learn-more-modal .controls-video {
          position: absolute;
          top: 80%;
          left: 10%;
          display: flex;
          flex-direction: row;
          align-items: center;
          width: 50%; }
          #rxcApp .main-modal .main-content .learn-more-modal .controls-video .pause-icon-control,
          #rxcApp .main-modal .main-content .learn-more-modal .controls-video .play-icon-control {
            cursor: pointer;
            margin-right: 30px;
            width: 22px;
            height: 22px; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .main-content .learn-more-modal .controls-video .pause-icon-control,
              #rxcApp .main-modal .main-content .learn-more-modal .controls-video .play-icon-control {
                margin-right: 20px; }
                #rxcApp .main-modal .main-content .learn-more-modal .controls-video .pause-icon-control .included-box,
                #rxcApp .main-modal .main-content .learn-more-modal .controls-video .play-icon-control .included-box {
                  width: 100%; }
                #rxcApp .main-modal .main-content .learn-more-modal .controls-video .pause-icon-control .step-button-fork,
                #rxcApp .main-modal .main-content .learn-more-modal .controls-video .play-icon-control .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .main-content .learn-more-modal .controls-video .pause-icon-control .image-color,
                #rxcApp .main-modal .main-content .learn-more-modal .controls-video .play-icon-control .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .main-content .learn-more-modal .controls-video .pause-icon-control .image-color .color-button,
                  #rxcApp .main-modal .main-content .learn-more-modal .controls-video .play-icon-control .image-color .color-button {
                    width: 90%; } }
          #rxcApp .main-modal .main-content .learn-more-modal .controls-video .default-bar {
            width: 100%;
            border-radius: 50px;
            height: 4px;
            background-color: rgba(255, 255, 255, 0.5); }
          #rxcApp .main-modal .main-content .learn-more-modal .controls-video .progress-bar {
            width: 0%;
            border-radius: 50px;
            height: 4px;
            background-color: white; }
          #rxcApp .main-modal .main-content .learn-more-modal .controls-video .fullscreen-icon-control {
            margin-left: 16px; }
        #rxcApp .main-modal .main-content .learn-more-modal .background-learn-more-skeleton {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -2;
          background-repeat: no-repeat;
          background-size: cover; }
        #rxcApp .main-modal .main-content .learn-more-modal .background-learn-more {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          background-repeat: no-repeat;
          background-size: cover; }
          #rxcApp .main-modal .main-content .learn-more-modal .background-learn-more #myVideo {
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto; }
        #rxcApp .main-modal .main-content .learn-more-modal .background-learn-more-made {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          background-repeat: no-repeat;
          background-size: cover; }
          #rxcApp .main-modal .main-content .learn-more-modal .background-learn-more-made video::-webkit-media-controls {
            display: none; }
          #rxcApp .main-modal .main-content .learn-more-modal .background-learn-more-made #myVideo {
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto; }
        #rxcApp .main-modal .main-content .learn-more-modal .background-learn-more-treatment {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          background-repeat: no-repeat;
          background-size: cover; }
          #rxcApp .main-modal .main-content .learn-more-modal .background-learn-more-treatment video::-webkit-media-controls {
            display: none; }
          #rxcApp .main-modal .main-content .learn-more-modal .background-learn-more-treatment #myVideo {
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto; }
        #rxcApp .main-modal .main-content .learn-more-modal .fill-button-made {
          color: #333333;
          border-radius: 12px;
          outline: none;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-size: 12px;
          border: none;
          padding: 0px 20px 3px 20px;
          background-color: white; }
          #rxcApp .main-modal .main-content .learn-more-modal .fill-button-made:hover, #rxcApp .main-modal .main-content .learn-more-modal .fill-button-made:focus {
            outline: none;
            text-decoration: underline; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .learn-more-modal .fill-button-made {
              opacity: 0.8;
              padding: 0px 20px 3px 20px;
              width: auto; }
              #rxcApp .main-modal .main-content .learn-more-modal .fill-button-made .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .learn-more-modal .fill-button-made .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .learn-more-modal .fill-button-made .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .learn-more-modal .fill-button-made .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .main-content .learn-more-modal .fill-button-treatment {
          color: #e80c00;
          border-radius: 12px;
          outline: none;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-size: 12px;
          border: none;
          padding: 0px 20px 3px 20px;
          background-color: white; }
          #rxcApp .main-modal .main-content .learn-more-modal .fill-button-treatment:hover, #rxcApp .main-modal .main-content .learn-more-modal .fill-button-treatment:focus {
            outline: none;
            text-decoration: underline; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .learn-more-modal .fill-button-treatment {
              opacity: 0.8;
              padding: 0px 20px 3px 20px;
              width: auto; }
              #rxcApp .main-modal .main-content .learn-more-modal .fill-button-treatment .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .learn-more-modal .fill-button-treatment .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .learn-more-modal .fill-button-treatment .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .learn-more-modal .fill-button-treatment .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container {
          height: 85%;
          width: 100%;
          max-width: 544px;
          margin-right: 2%;
          float: right; }
          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .learn-more-desktop {
            width: 100%; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container {
              height: auto;
              flex: 0 0 auto; }
              #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .slick-slide > div {
            height: 93%; }
          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .slick-slider {
            width: 115%; }
            #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .slick-slider .slick-arrow {
              display: none !important; }
            #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .slick-slider .slick-list {
              padding: 0px !important;
              height: 100%; }
            #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .slick-slider .slick-track {
              margin-left: 32px;
              width: 200%;
              height: 100%;
              display: flex; }
          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .blue-light-treatment {
            display: none; }
          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container {
            display: flex;
            align-items: center;
            overflow: auto;
            -ms-overflow-style: none;
            /* IE and Edge */
            scrollbar-width: none;
            /* Firefox */ }
            #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container::-webkit-scrollbar {
              display: none; }
            #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .learn-more-desktop {
              width: 100%; }
            #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .learn-more-mobile {
              display: none; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container {
                overflow: hidden;
                display: flex;
                justify-content: flex-start;
                align-items: flex-end;
                height: 90%;
                padding: 0px; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .add-button {
                  display: flex;
                  align-self: flex-end; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .learn-more-mobile {
                  display: block;
                  width: 100%; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .learn-more-desktop {
                  display: none; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .included-box {
                  width: 100%; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .image-color .color-button {
                    width: 90%; } }
            #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .most-popular-badge,
            #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .best-prescription-badge {
              display: none; }
            #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step {
              margin-top: 0; }
              @media only screen and (max-width: 1199px) {
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step {
                  margin-bottom: 0; }
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .included-box {
                    width: 100%; }
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-button-fork {
                    width: 100% !important; }
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .image-color {
                    justify-items: end; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .image-color .color-button {
                      width: 90%; } }
              #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content {
                margin: 0; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button {
                  box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.12);
                  opacity: 0.7; }
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button:hover, #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button:focus {
                    opacity: 1; }
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button:not(.step-disabled):hover::after, #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button:not(.step-disabled):focus::after {
                    content: none; }
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button.step-button-selected {
                    opacity: 1;
                    background-color: #ffffff;
                    max-height: 100%; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content {
                    flex-direction: row;
                    margin-bottom: 15px; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button {
                      align-items: flex-start;
                      width: 95%;
                      height: 100%;
                      background-color: white;
                      margin-right: 10px;
                      animation: learnMoreAnimation 0s 1s forwards;
                      visibility: hidden; }
                  @keyframes learnMoreAnimation {
                    to {
                      visibility: visible; } } }
    @media only screen and (max-width: 1199px) and (max-width: 330px) {
      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button {
        height: 350px; } }
                @media only screen and (max-width: 1199px) {
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button:not(.step-disabled):hover, #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button:not(.step-disabled):focus {
                        background-color: white;
                        box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.12);
                        outline: none; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button:not(.step-disabled):hover::after, #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button:not(.step-disabled):focus::after {
                          content: '';
                          display: none;
                          border: 0; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button:not(.step-disabled):hover .step-button-content .step-button-title, #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button:not(.step-disabled):focus .step-button-content .step-button-title {
                          text-decoration: underline; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-layout .step-button-add {
                        display: flex;
                        flex: 1 0 36px;
                        margin-left: auto; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-layout .step-button-add .add-button {
                          font-family: "Lato", sans-serif;
                          font-weight: 400;
                          font-size: 14px;
                          width: auto;
                          padding: 0px 15px 1px 15px;
                          margin-top: 10px; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-layout .step-button-content {
                        justify-content: flex-start; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-layout .step-button-content .step-button-desc-learn-more {
                          margin-top: 20px;
                          color: #333333;
                          text-align: left;
                          font-size: 14px; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container {
                        text-align: left; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container .price-inner-content {
                          display: flex;
                          align-items: baseline; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container span.label, #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container span.price, #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container span.strike-price {
                          color: #e80c00; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container span.label {
                          font-family: "Lato", sans-serif;
                          font-weight: 400;
                          font-size: 16px; } }
        @media only screen and (max-width: 1199px) and (max-width: 760px) {
          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container span.label {
            font-family: "Lato", sans-serif;
            font-weight: 400;
            font-size: 12px; } }
                @media only screen and (max-width: 1199px) {
                          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container span.label.insurance {
                            color: #1c8846; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container span.price {
                          font-family: "Lato", sans-serif;
                          font-weight: 900;
                          font-size: 16px; } }
        @media only screen and (max-width: 1199px) and (max-width: 360px) {
          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container span.price {
            font-family: "Lato", sans-serif;
            font-weight: 900;
            font-size: 12px; } }
                @media only screen and (max-width: 1199px) {
                          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container span.price.insurance-price {
                            color: #1c8846 !important; }
                          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container span.price.treatment {
                            color: #e80c00; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container span.strike-price {
                          margin-right: 6px;
                          text-decoration: line-through;
                          font-family: "Lato", sans-serif;
                          font-weight: 900;
                          font-size: 16px; } }
        @media only screen and (max-width: 1199px) and (max-width: 760px) {
          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container span.strike-price {
            font-family: "Lato", sans-serif;
            font-weight: 900;
            font-size: 12px; } }
                @media only screen and (max-width: 1199px) {
                          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container span.strike-price.insurance {
                            color: #1c8846; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container .loader-container .loader-icon {
                          content: '';
                          position: absolute;
                          margin-top: 3px;
                          width: 20px;
                          height: 20px;
                          object-fit: contain;
                          animation: lds-dual-ring 1.2s linear infinite;
                          background-size: contain;
                          background-image: url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png);
                          background-image: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@3x.png) 3x);
                          background-image: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@3x.png) 3x); }
                  @keyframes lds-dual-ring {
                    0% {
                      transform: rotate(0deg); }
                    100% {
                      transform: rotate(360deg); } }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button .step-button-price .price-container .loader-container::after {
                          content: 'Applying insurance benefits';
                          margin-left: 25px;
                          font-size: 12px;
                          color: #1c8846; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button:hover, #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button:focus {
                        opacity: 1;
                        border: none; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button.step-button-selected {
                        opacity: 1;
                        background-color: #ffffff;
                        position: relative;
                        align-items: flex-start;
                        max-height: 100%; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .step .step-content .image-color .color-button {
                        width: 90%; } }
            #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep {
              margin-top: 0;
              width: 100%; }
              #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .substep-header {
                color: #ffffff; }
              #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .color-selector-mobile,
              #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .color-selector-desktop {
                display: none; }
              #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button-show-color {
                background: transparent;
                border: none;
                outline-style: none;
                cursor: pointer;
                font-family: "Lato", sans-serif;
                font-weight: 400;
                font-size: 12px;
                color: #e80c00; }
              #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.is-flipped {
                transform: rotateY(180deg); }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.is-flipped .card__face {
                  /* Only for works on IE*/
                  -moz-backface-visibility: visible;
                  -webkit-backface-visibility: visible;
                  backface-visibility: visible; }
              @media only screen and (max-width: 1199px) {
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.padding-bottom-30 {
                  padding-bottom: 30px !important; }
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.padding-bottom-30 .included-box {
                    width: 100%; }
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.padding-bottom-30 .step-button-fork {
                    width: 100% !important; }
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.padding-bottom-30 .image-color {
                    justify-items: end; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.padding-bottom-30 .image-color .color-button {
                      width: 90%; } }
              #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button {
                border: none;
                box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.12);
                opacity: 0.7;
                width: 100%;
                height: auto;
                padding: 24px;
                flex-wrap: wrap;
                transition: transform 1s;
                overflow: visible !important;
                transform-style: preserve-3d;
                -webkit-transform-style: preserve-3d; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .card__face {
                  -moz-backface-visibility: hidden;
                  -webkit-backface-visibility: hidden;
                  backface-visibility: hidden; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .card__face--back {
                  display: none; }
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .card__face--back .container {
                    display: flex;
                    justify-content: center;
                    flex-direction: column;
                    height: 80%; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .card__face--back .container .color-row {
                      display: flex;
                      flex-direction: row;
                      width: 100%;
                      margin-top: 6px; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .card__face--back .container .color-row .title-row {
                        font-family: "Lato", sans-serif;
                        font-weight: 400;
                        font-size: 12px;
                        color: #333333;
                        width: 66px;
                        display: flex;
                        justify-content: flex-start; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .card__face--back .container .color-row .container-row {
                        display: flex;
                        width: 80%; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .card__face--back .container .color-row .container-row .show-color-lens {
                          width: 15px;
                          height: 23px;
                          margin-right: 19px; }
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .card__face--back .step-radio-button-hide-color {
                    background: transparent;
                    border: none;
                    outline-style: none;
                    cursor: pointer;
                    height: 20%;
                    width: auto;
                    display: flex;
                    font-family: "Lato", sans-serif;
                    font-weight: 400;
                    font-size: 12px;
                    color: #e80c00; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-show-color {
                  display: none; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .margin-top-40 {
                  margin-top: 40px; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.selected .step-radio-button-show-color {
                  display: block;
                  margin-top: 40px; }
                  @media only screen and (max-width: 1199px) {
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.selected .step-radio-button-show-color {
                      margin-top: 0px; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.selected .step-radio-button-show-color .included-box {
                        width: 100%; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.selected .step-radio-button-show-color .step-button-fork {
                        width: 100% !important; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.selected .step-radio-button-show-color .image-color {
                        justify-items: end; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.selected .step-radio-button-show-color .image-color .color-button {
                          width: 90%; } }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.selected .container-learn-more-hide {
                  display: flex;
                  flex: 1 1 100%; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.selected .card__face--back {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  display: block;
                  height: 100% !important;
                  width: 100%;
                  transform: rotateY(180deg);
                  background-color: white;
                  border-radius: 7%;
                  padding: 15px 34px 15px 34px; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.selected:not(.included-selection) {
                  border: 0px solid #e80c00; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button {
                    display: flex;
                    flex-direction: column;
                    height: 100%;
                    width: 95%;
                    margin-right: 10px;
                    align-items: flex-start;
                    opacity: 1;
                    background-color: #ffffff;
                    padding: 24px !important;
                    padding-bottom: 40px !important; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button div {
                      height: auto; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-button-add {
                      bottom: 5%;
                      right: 2%; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-button-add {
                      bottom: 5%;
                      right: 2%; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content {
                      display: none; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .add-button {
                      width: auto;
                      padding: 0px 15px 1px 15px;
                      font-family: "Lato", sans-serif;
                      font-weight: 400;
                      font-size: 14px; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile {
                      display: block; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .included-treatment {
                        font-family: "Lato", sans-serif;
                        font-weight: 900;
                        font-size: 14px; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-header {
                        display: flex;
                        flex-direction: row;
                        align-items: center; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-image {
                        max-width: 65px;
                        max-height: 45px;
                        margin-right: 16px; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-inner-content {
                        display: flex;
                        flex-flow: column nowrap;
                        width: 100%; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-inner-content .step-radio-button-title {
                          text-align: left;
                          color: #333333;
                          font-size: 18px;
                          font-weight: 500;
                          padding-right: 19px; } }
        @media only screen and (max-width: 1199px) and (max-width: 760px) {
          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-inner-content .step-radio-button-title {
            font-family: "Lato", sans-serif;
            font-weight: 900;
            font-size: 15px; } }
                @media only screen and (max-width: 1199px) {
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-inner-content .step-radio-button-price .price-container .price {
                          font-family: "Lato", sans-serif;
                          font-weight: 400;
                          font-size: 14px;
                          color: #e80c00; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-inner-content .step-radio-button-price .price-container.insurance-price {
                          color: #1c8846 !important; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-inner-content .step-radio-button-price .included-treatment {
                          color: #e80c00;
                          text-align: left;
                          float: left;
                          font-family: "Lato", sans-serif;
                          font-weight: 900;
                          font-size: 16px; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-inner-content .step-radio-button-price .price.treatment {
                          color: #e80c00;
                          float: left;
                          font-weight: bold; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-inner-content .step-radio-button-price .price.insurance-price {
                          color: #1c8846 !important; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-inner-content .step-radio-button-price .treatment-step-label {
                          font-size: 12px !important;
                          font-style: italic;
                          float: left;
                          color: #1c8846; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-inner-content .step-radio-button-price .applying-insurance {
                          font-size: 12px;
                          font-weight: 500;
                          font-stretch: normal;
                          font-style: normal;
                          color: #1c8846 !important; }
                        #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-inner-content .step-radio-button-price .loader-container {
                          float: left; }
                          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-inner-content .step-radio-button-price .loader-container .loader-icon {
                            content: '';
                            position: absolute;
                            margin-top: 3px;
                            width: 20px;
                            height: 20px;
                            object-fit: contain;
                            animation: lds-dual-ring 1.2s linear infinite;
                            background-size: contain;
                            background-image: url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png);
                            background-image: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@3x.png) 3x);
                            background-image: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/global_loader_icon_green@3x.png) 3x); }
                  @keyframes lds-dual-ring {
                    0% {
                      transform: rotate(0deg); }
                    100% {
                      transform: rotate(360deg); } }
                          #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-content-mobile .step-radio-button-inner-content .step-radio-button-price .loader-container::after {
                            content: 'Applying insurance benefits';
                            margin-left: 25px;
                            font-size: 12px;
                            color: #1c8846; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-radio-button-desc-learn-more {
                      font-size: 12px; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button .image-color .color-button {
                        width: 90%; } }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button:hover, #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button:focus {
                  opacity: 1;
                  border: none;
                  box-shadow: none;
                  background-color: #ffffff; }
                #rxcApp .main-modal .main-content .learn-more-modal .step-container.learn-more-step-container .step-inner-container.learn-more-step-inner-container .substep .step-radio-button.selected {
                  opacity: 1;
                  background-color: #ffffff;
                  align-items: flex-start;
                  max-height: 100%; }
        #rxcApp .main-modal .main-content .learn-more-modal .button-row {
          margin: 33px;
          display: flex;
          flex-direction: row; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .learn-more-modal .button-row {
              margin: 33px 33px 33px -12px; }
              #rxcApp .main-modal .main-content .learn-more-modal .button-row .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .learn-more-modal .button-row .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .learn-more-modal .button-row .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .learn-more-modal .button-row .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-left {
            width: 50%;
            display: flex;
            justify-content: flex-start; }
          #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right {
            width: 50%;
            display: flex;
            justify-content: flex-end; }
            #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close {
              height: 24px;
              color: #ffffff;
              border-color: #ffffff; }
              @media only screen and (max-width: 1199px) {
                #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close {
                  width: 24px;
                  padding: 0;
                  border-radius: 50%; }
                  #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close .included-box {
                    width: 100%; }
                  #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close .step-button-fork {
                    width: 100% !important; }
                  #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close .image-color {
                    justify-items: end; }
                    #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close .image-color .color-button {
                      width: 90%; } }
              #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close .close-label {
                font-family: "Lato", sans-serif;
                font-weight: 900;
                font-size: 12px;
                margin-right: 0.5em;
                width: 38px;
                height: auto; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close .close-label {
                    display: none; }
                    #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close .close-label .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close .close-label .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close .close-label .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close .close-label .image-color .color-button {
                        width: 90%; } }
              #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close .arrow {
                display: none; }
              #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close .icon-image {
                width: 12px;
                height: 12px;
                max-width: 30px;
                max-height: 30px;
                background-repeat: no-repeat;
                background-size: 100%;
                margin-top: 2.5px;
                background-image: url(https://images.ray-ban.com/extra/image/rxc/images/edit.png);
                background-image: image-set(url(https://images.ray-ban.com/extra/image/rxc/images/edit.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/edit@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/edit@3x.png) 3x);
                background-image: -webkit-image-set(url(https://images.ray-ban.com/extra/image/rxc/images/edit.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/edit@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/edit@3x.png) 3x); }
              #rxcApp .main-modal .main-content .learn-more-modal .button-row .button-right .border-button-close .icon-close-image {
                width: 12px;
                height: 12px;
                max-width: 30px;
                max-height: 30px;
                background-repeat: no-repeat;
                background-size: 100% !important;
                filter: invert(1) brightness(2);
                background: url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose.png);
                background: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@3x.png) 3x);
                background: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@3x.png) 3x); }
        #rxcApp .main-modal .main-content .learn-more-modal .is-flipped .container-bottom {
          display: none !important; }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .main-content .learn-more-modal .is-flipped .step-radio-button-show-color {
            margin-top: 40px !important; }
          #rxcApp .main-modal .main-content .learn-more-modal .is-flipped .included-box {
            width: 100%; }
          #rxcApp .main-modal .main-content .learn-more-modal .is-flipped .step-button-fork {
            width: 100% !important; }
          #rxcApp .main-modal .main-content .learn-more-modal .is-flipped .image-color {
            justify-items: end; }
            #rxcApp .main-modal .main-content .learn-more-modal .is-flipped .image-color .color-button {
              width: 90%; } }
        #rxcApp .main-modal .main-content .learn-more-modal .container-learn-more {
          display: flex;
          height: 100%;
          flex-direction: row;
          justify-content: flex-end;
          align-items: flex-end;
          margin-top: -60px; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .main-content .learn-more-modal .container-learn-more {
              flex-direction: column;
              justify-content: flex-end;
              align-items: flex-start;
              bottom: 0;
              height: auto;
              position: fixed;
              width: 100%;
              margin-top: 0px; }
              #rxcApp .main-modal .main-content .learn-more-modal .container-learn-more .included-box {
                width: 100%; }
              #rxcApp .main-modal .main-content .learn-more-modal .container-learn-more .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .main-content .learn-more-modal .container-learn-more .image-color {
                justify-items: end; }
                #rxcApp .main-modal .main-content .learn-more-modal .container-learn-more .image-color .color-button {
                  width: 90%; } }
      #rxcApp .main-modal .main-content .border-button,
      #rxcApp .main-modal .main-content .filling-button {
        display: flex;
        align-items: center;
        justify-content: center;
        outline: none;
        color: #333333;
        font-family: "Lato", sans-serif;
        font-weight: 900;
        font-size: 12px;
        border-radius: 18px; }
        #rxcApp .main-modal .main-content .border-button:hover,
        #rxcApp .main-modal .main-content .filling-button:hover {
          text-decoration: underline; }
        #rxcApp .main-modal .main-content .border-button:focus,
        #rxcApp .main-modal .main-content .filling-button:focus {
          text-decoration: underline;
          box-shadow: 0px 0px 0px 3px #00000045; }
          #rxcApp .main-modal .main-content .border-button:focus.add-button, #rxcApp .main-modal .main-content .border-button:focus.apply-treatments-button, #rxcApp .main-modal .main-content .border-button:focus.add-to-bag, #rxcApp .main-modal .main-content .border-button:focus.apply-button,
          #rxcApp .main-modal .main-content .filling-button:focus.add-button,
          #rxcApp .main-modal .main-content .filling-button:focus.apply-treatments-button,
          #rxcApp .main-modal .main-content .filling-button:focus.add-to-bag,
          #rxcApp .main-modal .main-content .filling-button:focus.apply-button {
            box-shadow: 0px 0px 0px 3px #1f1f2445; }
      #rxcApp .main-modal .main-content .border-button {
        background-color: transparent;
        border: 1px solid #000000; }
        #rxcApp .main-modal .main-content .border-button.add-button {
          width: 50px;
          height: 24px;
          padding-bottom: 2px;
          background-color: #e80c00;
          color: #ffffff;
          border: none; }
          #rxcApp .main-modal .main-content .border-button.add-button:hover {
            box-shadow: 0px 0px 0px 3px #1f1f2445; }
        #rxcApp .main-modal .main-content .border-button.apply-button {
          border: none; }
        #rxcApp .main-modal .main-content .border-button .arrow {
          border: solid;
          border-width: 0.1px;
          border-width: 0 1px 1px 0;
          display: inline-block;
          padding: 1px 2px 2px 1px;
          margin-left: 3px;
          vertical-align: middle; }
        #rxcApp .main-modal .main-content .border-button .arrow-right {
          transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg); }
        #rxcApp .main-modal .main-content .border-button.add-button i {
          display: none; }
      #rxcApp .main-modal .main-content .filling-button {
        background-color: #e80c00;
        color: white;
        border-width: 0px; }
      #rxcApp .main-modal .main-content .color-selector-desktop {
        width: 90%;
        margin: -6px 0 40px 0;
        font-size: 18px; }
        #rxcApp .main-modal .main-content .color-selector-desktop .color-select-title-white {
          color: white; }
        #rxcApp .main-modal .main-content .color-selector-desktop .color-select-title {
          margin-left: 0;
          font-family: "Oswald", sans-serif;
          font-weight: 500;
          font-size: 24px;
          text-transform: uppercase;
          margin-bottom: 20px; }
        #rxcApp .main-modal .main-content .color-selector-desktop .color-button {
          position: relative;
          background-color: white;
          border-radius: 6px;
          box-shadow: 0 1px 2px #d3d3d3, 0 3px 10px #d3d3d3;
          border: 1.5px solid transparent;
          margin-right: 0px;
          margin-top: 10px;
          width: 100%;
          outline: none;
          padding: 0px;
          font-family: Lato;
          font-size: 18px;
          font-weight: bold;
          text-align: center;
          color: #1f1f24; }
          #rxcApp .main-modal .main-content .color-selector-desktop .color-button.color-button-selected {
            border: 1.5px solid #1f1f24 !important; }
          #rxcApp .main-modal .main-content .color-selector-desktop .color-button:focus {
            outline: inherit;
            border: 1.5px solid #1f1f24;
            box-shadow: 0px 0px 0px 3px #1f1f2445; }
            #rxcApp .main-modal .main-content .color-selector-desktop .color-button:focus.color-button-selected {
              border: 1.5px solid #1f1f24 !important; }
            #rxcApp .main-modal .main-content .color-selector-desktop .color-button:focus:hover {
              border: 1.5px solid #1f1f24 !important; }
          #rxcApp .main-modal .main-content .color-selector-desktop .color-button:hover {
            outline: inherit;
            border: 1.5px solid #1f1f24; }
          #rxcApp .main-modal .main-content .color-selector-desktop .color-button .thick-black {
            position: absolute;
            top: 0;
            right: 0; }
          #rxcApp .main-modal .main-content .color-selector-desktop .color-button .color-container {
            display: flex;
            flex-direction: column;
            text-align: center;
            padding: 19px 6px; }
            #rxcApp .main-modal .main-content .color-selector-desktop .color-button .color-container .lens-image {
              width: 45px;
              height: 60px; }
            #rxcApp .main-modal .main-content .color-selector-desktop .color-button .color-container .color-title {
              display: flex;
              align-self: center;
              flex-direction: column;
              margin-bottom: 15px;
              font-weight: bold !important;
              font-family: "Lato", sans-serif;
              font-size: 16px; }
        #rxcApp .main-modal .main-content .color-selector-desktop .image-color {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          column-gap: 25px;
          width: 100%;
          justify-content: space-between; }
        #rxcApp .main-modal .main-content .color-selector-desktop .color-button-add {
          display: flex;
          justify-content: flex-end;
          margin-top: 30px; }
          #rxcApp .main-modal .main-content .color-selector-desktop .color-button-add .border-button-add {
            font-family: "Lato", sans-serif;
            font-weight: 900;
            font-size: 12px;
            background-color: transparent;
            color: #e80c00;
            border: 1px solid #e80c00;
            border-radius: 18px;
            outline: none;
            padding: 1px 17px;
            height: 25px; }
            #rxcApp .main-modal .main-content .color-selector-desktop .color-button-add .border-button-add:focus {
              text-decoration: underline;
              box-shadow: 0px 0px 0px 3px #1f1f2445; }
      #rxcApp .main-modal .main-content .color-selector-mobile {
        margin-bottom: 30px; }
        @media only screen and (min-width: 1200px) {
          #rxcApp .main-modal .main-content .color-selector-mobile {
            display: none; } }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .main-content .color-selector-mobile {
            display: block; }
            #rxcApp .main-modal .main-content .color-selector-mobile .included-box {
              width: 100%; }
            #rxcApp .main-modal .main-content .color-selector-mobile .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .main-content .color-selector-mobile .image-color {
              justify-items: end; }
              #rxcApp .main-modal .main-content .color-selector-mobile .image-color .color-button {
                width: 90%; } }
        #rxcApp .main-modal .main-content .color-selector-mobile .color-select-title {
          font-family: "Oswald", sans-serif;
          font-weight: 500;
          font-size: 18px;
          text-transform: uppercase;
          margin-left: 0;
          margin-bottom: 20px;
          font-weight: bold !important; }
        #rxcApp .main-modal .main-content .color-selector-mobile .color-title {
          display: flex;
          align-self: center;
          flex-direction: column;
          font-weight: bold !important;
          margin-bottom: 15px;
          font-family: Lato !important;
          font-size: 18px !important;
          font-weight: bold;
          letter-spacing: -0.11px;
          text-align: center;
          color: #1f1f24; }
        #rxcApp .main-modal .main-content .color-selector-mobile .color-button-selected {
          border: 1.5px solid #1f1f24 !important; }
        #rxcApp .main-modal .main-content .color-selector-mobile .color-button {
          position: relative;
          background-color: white;
          border-radius: 6px;
          box-shadow: 0 1px 2px #d3d3d3, 0 3px 10px #d3d3d3;
          border: 1.5px solid transparent;
          margin-right: 10px;
          margin-top: 10px;
          width: 100%;
          outline: none;
          margin-bottom: 10px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .color-button .thick-black {
            position: absolute;
            top: 0;
            right: 0; }
        #rxcApp .main-modal .main-content .color-selector-mobile .range-container {
          margin: 25px 0px 25px 0px;
          display: flex;
          justify-content: center;
          z-index: 15; }
          #rxcApp .main-modal .main-content .color-selector-mobile .range-container span {
            display: none; }
        #rxcApp .main-modal .main-content .color-selector-mobile .image-color {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          width: 100%;
          overflow-x: scroll;
          overflow-y: hidden; }
        #rxcApp .main-modal .main-content .color-selector-mobile ::-webkit-scrollbar {
          width: 0px;
          /* Remove scrollbar space */
          background: transparent;
          /* Optional: just make scrollbar invisible */ }
        #rxcApp .main-modal .main-content .color-selector-mobile .name-lens-slider {
          width: 100%;
          display: flex;
          flex-direction: row;
          justify-content: center;
          margin-top: 20px;
          margin-left: 0px;
          margin-right: 0px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .name-lens-slider .left-lens-slider {
            display: flex;
            justify-content: flex-start;
            width: 125px;
            font-size: 10px;
            opacity: 50%; }
          #rxcApp .main-modal .main-content .color-selector-mobile .name-lens-slider .right-lens-slider {
            display: flex;
            justify-content: flex-end;
            width: 125px;
            font-family: "Lato", sans-serif;
            font-weight: 900;
            font-size: 10px;
            font-weight: bold !important; }
        #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider {
          -webkit-appearance: none;
          width: 250px;
          margin-left: 40px;
          margin-right: 40px;
          background-color: transparent; }
          @media only screen and (max-width: 360px) {
            #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider {
              margin-left: 15px;
              margin-right: 15px; } }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider:focus {
            outline: none; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider::-webkit-slider-runnable-track {
            -webkit-appearance: none;
            background: #dddddd;
            background: -webkit-linear-gradient(169deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, black 5%, #bdbdbd 70%, #dddddd 95%, rgba(221, 221, 221, 0) 95%, rgba(221, 221, 221, 0) 100%);
            height: 3px;
            border-radius: 5px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 34px;
            height: 34px;
            border-color: transparent;
            background-color: transparent;
            border-radius: 50%;
            max-width: 80px;
            margin-top: 0px;
            position: relative;
            bottom: 22.5px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='1.5' transform='translate(1 1)'%3E%3Ccircle cx='12.5' cy='12.5' r='5.682' fill='%23F6F6F6' stroke='%23000'/%3E%3Cpath stroke='%231D1D1B' stroke-linecap='round' d='M8.676 3.421L7.259 0M16.106 3.421L17.523 0M21.361 8.675L24.78 7.258M21.361 16.106L24.78 17.523M16.106 21.36L17.523 24.781M8.676 21.36L7.259 24.781M3.421 16.106L0 17.523M3.421 8.675L0 7.258'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
            transform: rotate(20deg);
            background-position: center;
            cursor: -webkit-grab; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider::-ms-track {
            -ms-appearance: none;
            background: #dddddd;
            background: -ms-linear-gradient(169deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, black 5%, #bdbdbd 70%, #dddddd 95%, rgba(221, 221, 221, 0) 95%, rgba(221, 221, 221, 0) 100%);
            height: 2px;
            border-radius: 5px;
            border-color: transparent;
            color: transparent;
            margin: 15px 0px 15px 0px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider::-ms-fill-lower, #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider::-ms-fill-upper {
            background: transparent;
            border-radius: 2.6px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider::-ms-thumb {
            -ms-appearance: none;
            width: 54px;
            height: 54px;
            background-color: transparent;
            border-radius: 50%;
            border-color: transparent;
            max-width: 80px;
            margin-top: 0px;
            position: relative;
            bottom: 22.5px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='1.5' transform='translate(1 1)'%3E%3Ccircle cx='12.5' cy='12.5' r='5.682' fill='%23F6F6F6' stroke='%23000'/%3E%3Cpath stroke='%231D1D1B' stroke-linecap='round' d='M8.676 3.421L7.259 0M16.106 3.421L17.523 0M21.361 8.675L24.78 7.258M21.361 16.106L24.78 17.523M16.106 21.36L17.523 24.781M8.676 21.36L7.259 24.781M3.421 16.106L0 17.523M3.421 8.675L0 7.258'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
            transform: rotate(20deg);
            background-position: center; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider:focus::-ms-fill-lower, #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider:focus::-ms-fill-upper {
            background: transparent; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider::-moz-range-track {
            -moz-appearance: none;
            background: #dddddd;
            background: -moz-linear-gradient(169deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, black 5%, #bdbdbd 70%, #dddddd 95%, rgba(221, 221, 221, 0) 95%, rgba(221, 221, 221, 0) 100%);
            height: 3px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider::-moz-range-thumb {
            -moz-appearance: none;
            width: 54px;
            height: 54px;
            background-color: transparent;
            border-radius: 50%;
            border-color: transparent;
            max-width: 80px;
            margin-top: 0px;
            position: relative;
            bottom: 22.5px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='1.5' transform='translate(1 1)'%3E%3Ccircle cx='12.5' cy='12.5' r='5.682' fill='%23F6F6F6' stroke='%23000'/%3E%3Cpath stroke='%231D1D1B' stroke-linecap='round' d='M8.676 3.421L7.259 0M16.106 3.421L17.523 0M21.361 8.675L24.78 7.258M21.361 16.106L24.78 17.523M16.106 21.36L17.523 24.781M8.676 21.36L7.259 24.781M3.421 16.106L0 17.523M3.421 8.675L0 7.258'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
            transform: rotate(20deg);
            background-position: center; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity1::-webkit-slider-thumb {
            width: 15px;
            height: 15px;
            margin-top: 16px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity2::-webkit-slider-thumb {
            width: 17.5px;
            height: 17.5px;
            margin-top: 15px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity3::-webkit-slider-thumb {
            width: 19px;
            height: 19px;
            margin-top: 14px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity4::-webkit-slider-thumb {
            width: 21px;
            height: 21px;
            margin-top: 14px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity5::-webkit-slider-thumb {
            width: 23px;
            height: 23px;
            margin-top: 13px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity6::-webkit-slider-thumb {
            width: 25px;
            height: 25px;
            margin-top: 12px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity7::-webkit-slider-thumb {
            width: 27px;
            height: 27px;
            margin-top: 10px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity8::-webkit-slider-thumb {
            width: 29px;
            height: 29px;
            margin-top: 9.7px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity9::-webkit-slider-thumb {
            width: 31px;
            height: 31px;
            margin-top: 8px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity10::-webkit-slider-thumb {
            width: 34px;
            height: 34px;
            margin-top: 6.5px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity1::-ms-thumb {
            width: 15px;
            height: 15px;
            margin-top: 2.5px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity2::-ms-thumb {
            width: 17.5px;
            height: 17.5px;
            margin-top: 2px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity3::-ms-thumb {
            width: 19px;
            height: 19px;
            margin-top: 1.5px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity4::-ms-thumb {
            width: 21px;
            height: 21px;
            margin-top: 1.5px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity5::-ms-thumb {
            width: 23px;
            height: 23px;
            margin-top: 1px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity6::-ms-thumb {
            width: 25px;
            height: 25px;
            margin-top: 1px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity7::-ms-thumb {
            width: 27px;
            height: 27px;
            margin-top: 0.5px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity8::-ms-thumb {
            width: 29px;
            height: 29px;
            margin-top: 0.5px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity9::-ms-thumb {
            width: 31px;
            height: 31px;
            margin-top: 0.5px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity10::-ms-thumb {
            width: 34px;
            height: 34px;
            margin-top: 0px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity1::-moz-range-thumb {
            width: 15px;
            height: 15px;
            margin-top: 16px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity2::-moz-range-thumb {
            width: 17.5px;
            height: 17.5px;
            margin-top: 15px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity3::-moz-range-thumb {
            width: 19px;
            height: 19px;
            margin-top: 14px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity4::-moz-range-thumb {
            width: 21px;
            height: 21px;
            margin-top: 14px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity5::-moz-range-thumb {
            width: 23px;
            height: 23px;
            margin-top: 13px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity6::-moz-range-thumb {
            width: 25px;
            height: 25px;
            margin-top: 12px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity7::-moz-range-thumb {
            width: 27px;
            height: 27px;
            margin-top: 10px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity8::-moz-range-thumb {
            width: 29px;
            height: 29px;
            margin-top: 9.7px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity9::-moz-range-thumb {
            width: 31px;
            height: 31px;
            margin-top: 8px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider.range.opacity10::-moz-range-thumb {
            width: 34px;
            height: 34px;
            margin-top: 6.5px; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider::-webkit-slider-thumb:active {
            cursor: -webkit-grabbing; }
          #rxcApp .main-modal .main-content .color-selector-mobile .lens-slider::-moz-range-thumb:active {
            cursor: -moz-grabbing; }
        #rxcApp .main-modal .main-content .color-selector-mobile .color-image {
          z-index: 10; }
    #rxcApp .main-modal #rxc-wcag-end {
      width: 0px;
      height: 0px;
      opacity: 0; }
    @media only screen and (max-width: 1199px) {
      #rxcApp .main-modal .price-container {
        display: block;
        width: auto;
        height: auto;
        background-color: unset;
        padding: 0; }
        #rxcApp .main-modal .price-container .included-box {
          width: 100%; }
        #rxcApp .main-modal .price-container .step-button-fork {
          width: 100% !important; }
        #rxcApp .main-modal .price-container .image-color {
          justify-items: end; }
          #rxcApp .main-modal .price-container .image-color .color-button {
            width: 90%; } }
    #rxcApp .main-modal .icon-button {
      border: none;
      background-color: transparent; }
      #rxcApp .main-modal .icon-button img.icon-image {
        max-width: 30px;
        max-height: 30px; }
      #rxcApp .main-modal .icon-button.chat-button {
        position: absolute;
        right: 23px;
        bottom: 26px;
        border-radius: 50%;
        border: 1.3px solid #e80c00;
        padding: 5px; }
      #rxcApp .main-modal .icon-button.step-edit-button {
        background: url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black.png);
        background: image-set(url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black@3x.png) 3x);
        background: -webkit-image-set(url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/brands/RayBan/thick-black@3x.png) 3x);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 25px;
        height: 25px;
        margin-right: 8px;
        margin-top: 2.5px;
        cursor: unset; }
        #rxcApp .main-modal .icon-button.step-edit-button:focus {
          outline: none; }
    #rxcApp .main-modal .cursor-hand {
      cursor: pointer; }
    #rxcApp .main-modal .prescription-container {
      margin-bottom: 20px; }
      #rxcApp .main-modal .prescription-container * {
        font-size: 14px !important; }
      @media only screen and (max-width: 1199px) {
        #rxcApp .main-modal .prescription-container {
          text-align: center;
          display: grid; }
          #rxcApp .main-modal .prescription-container .included-box {
            width: 100%; }
          #rxcApp .main-modal .prescription-container .step-button-fork {
            width: 100% !important; }
          #rxcApp .main-modal .prescription-container .image-color {
            justify-items: end; }
            #rxcApp .main-modal .prescription-container .image-color .color-button {
              width: 90%; } }
      #rxcApp .main-modal .prescription-container input.lc-accordion:checked ~ div.lc-accordion {
        max-height: 840px; }
      #rxcApp .main-modal .prescription-container div.lc-accordion {
        display: block; }
      #rxcApp .main-modal .prescription-container label.lc-accordion {
        font-family: "Lato", sans-serif;
        font-weight: 900;
        font-size: 16px;
        color: #333333;
        line-height: 1.38;
        max-width: 365px; }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .prescription-container label.lc-accordion {
            text-align: center;
            justify-content: center; }
            #rxcApp .main-modal .prescription-container label.lc-accordion .included-box {
              width: 100%; }
            #rxcApp .main-modal .prescription-container label.lc-accordion .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .prescription-container label.lc-accordion .image-color {
              justify-items: end; }
              #rxcApp .main-modal .prescription-container label.lc-accordion .image-color .color-button {
                width: 90%; } }
        @media only screen and (max-width: 360px) {
          #rxcApp .main-modal .prescription-container label.lc-accordion {
            max-width: 250px; } }
        @media only screen and (max-width: 360px) {
          #rxcApp .main-modal .prescription-container label.lc-accordion:after {
            margin-left: -35px;
            width: 7px;
            height: 6px; } }
      #rxcApp .main-modal .prescription-container .prescription-form-container {
        margin-top: 10px;
        color: #333333;
        overflow-x: hidden; }
        @media only screen and (min-width: 1200px) {
          #rxcApp .main-modal .prescription-container .prescription-form-container {
            margin-bottom: 20px; } }
        #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-title {
          margin-top: 10px;
          font-size: 14px !important;
          margin-bottom: 35px; }
          @media only screen and (min-width: 1200px) {
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-title {
              max-width: 365px; } }
        @media only screen and (min-width: 1200px) {
          #rxcApp .main-modal .prescription-container .prescription-form-container > *:not(form):not(.prescription-title) {
            margin-left: 55px; } }
        @media only screen and (min-width: 1200px) {
          #rxcApp .main-modal .prescription-container .prescription-form-container form > *:not(.prescription-form-table) {
            margin-left: 63px; } }
        #rxcApp .main-modal .prescription-container .prescription-form-container form .add-control {
          margin-top: 20px; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .prescription-container .prescription-form-container form .add-control {
              min-width: 245px;
              margin-left: auto;
              margin-right: auto;
              text-align: left; }
              #rxcApp .main-modal .prescription-container .prescription-form-container form .add-control .included-box {
                width: 100%; }
              #rxcApp .main-modal .prescription-container .prescription-form-container form .add-control .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .prescription-container .prescription-form-container form .add-control .image-color {
                justify-items: end; }
                #rxcApp .main-modal .prescription-container .prescription-form-container form .add-control .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .prescription-container .prescription-form-container form .prescription-read {
          cursor: pointer;
          text-decoration: underline;
          color: #333333; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .prescription-container .prescription-form-container form .prescription-read {
              min-width: 245px;
              margin-right: auto;
              text-align: left; }
              #rxcApp .main-modal .prescription-container .prescription-form-container form .prescription-read .included-box {
                width: 100%; }
              #rxcApp .main-modal .prescription-container .prescription-form-container form .prescription-read .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .prescription-container .prescription-form-container form .prescription-read .image-color {
                justify-items: end; }
                #rxcApp .main-modal .prescription-container .prescription-form-container form .prescription-read .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .prescription-container .prescription-form-container form .prescription-read a {
            margin-left: 10px;
            font-family: "Lato", sans-serif;
            font-weight: 900;
            font-size: 12px; }
          #rxcApp .main-modal .prescription-container .prescription-form-container form .prescription-read img {
            vertical-align: sub; }
          #rxcApp .main-modal .prescription-container .prescription-form-container form .prescription-read.form-error {
            margin-top: 15px; }
        #rxcApp .main-modal .prescription-container .prescription-form-container form .apply-button {
          float: right;
          width: 125px;
          height: 24px;
          border-radius: 18px;
          padding: 0px 10px 0px 12px;
          font-size: 11px !important;
          background-color: #e80c00;
          color: #ffffff; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .prescription-container .prescription-form-container form .apply-button {
              margin: auto;
              margin-right: 20px; }
              #rxcApp .main-modal .prescription-container .prescription-form-container form .apply-button .included-box {
                width: 100%; }
              #rxcApp .main-modal .prescription-container .prescription-form-container form .apply-button .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .prescription-container .prescription-form-container form .apply-button .image-color {
                justify-items: end; }
                #rxcApp .main-modal .prescription-container .prescription-form-container form .apply-button .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .prescription-container .prescription-form-container form .apply-button .arrow {
            border: solid #ffffff;
            border-width: 0.1px;
            border-width: 0 1px 1px 0; }
        #rxcApp .main-modal .prescription-container .prescription-form-container .border-button {
          float: right;
          margin: 0;
          font-size: 12px !important;
          height: 24px;
          padding: 0px 22px;
          color: #333333; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .border-button.clear-button {
            margin-right: 35px;
            margin-top: 20px; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .border-button.clear-button .arrow {
              display: none; }
        #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table {
          font-size: 13px;
          margin-bottom: 30px; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .prescription-form-row,
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .prescription-form-col {
            display: flex;
            justify-content: center;
            flex: 1 1 auto; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .prescription-form-row.prescription-form-heading,
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .prescription-form-col.prescription-form-heading {
              margin-bottom: 10px; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .prescription-form-row {
            flex-flow: row nowrap; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .prescription-form-row.align-left {
              justify-content: flex-start; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .prescription-form-col {
            flex-flow: column nowrap; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .prescription-form-col:first-child {
              flex: 0 0 50px; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .prescription-form-col.align-left {
              align-items: flex-start; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .bold {
            font-family: "Lato", sans-serif;
            font-weight: 900;
            font-size: 13px; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .bold.space-right {
              margin-right: 5px; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .lc-select {
            border: 1px solid #b2b2b2; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .lc-select select {
              width: 100%;
              padding: 0px 10px;
              height: 35px;
              background-color: #ffffff;
              border: none;
              color: #333333; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .lc-select.error {
              border: solid 1px #d0021b !important; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-form-table .lc-select.warning {
              border: solid 1px #f6f6f6; }
        #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-error {
          color: #d0021b;
          padding-top: 10px;
          font-size: 13px !important; }
        #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-warning {
          width: 365px;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-size: 12px;
          line-height: 1.23;
          color: #192c50;
          font-size: 12px !important; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-warning {
              margin-left: auto;
              margin-right: auto;
              text-align: left;
              padding-top: 10px;
              padding-bottom: 10px; }
              #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-warning.no-step {
                padding-left: 55px; }
              #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-warning .included-box {
                width: 100%; }
              #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-warning .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-warning .image-color {
                justify-items: end; }
                #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-warning .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-ask {
          float: left;
          margin-top: 30px; }
        #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content {
          border-radius: 8px;
          border: solid 1px #d0021b;
          background-color: #ffffff; }
          @media only screen and (min-width: 1200px) {
            #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content {
              max-height: 156px;
              margin: 60px 24px 22px 22px;
              padding: 24px 19px; } }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content {
              max-height: 160px;
              margin: 18px;
              padding: 15px 19px; }
              #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .included-box {
                width: 100%; }
              #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .image-color {
                justify-items: end; }
                #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .rx-incompatible-error {
            color: #d0021b;
            line-height: 1.14;
            font-family: "Lato", sans-serif;
            font-weight: 400;
            font-size: 14px;
            text-align: center;
            padding: 0px 20px; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .rx-incompatible-error {
                font-size: 13px !important;
                padding: 0; }
                #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .rx-incompatible-error .included-box {
                  width: 100%; }
                #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .rx-incompatible-error .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .rx-incompatible-error .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .rx-incompatible-error .image-color .color-button {
                    width: 90%; } }
          #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .compatible-frame-content {
            text-align: center;
            align-content: center;
            font-family: "Lato", sans-serif;
            font-weight: 400;
            font-size: 14px; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .compatible-frame-content {
                font-size: 13px !important; }
                #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .compatible-frame-content .included-box {
                  width: 100%; }
                #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .compatible-frame-content .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .compatible-frame-content .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .compatible-frame-content .image-color .color-button {
                    width: 90%; } }
            #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .compatible-frame-content .redirect-button {
              height: 24px;
              border-radius: 18px;
              padding: 0px 10px 0px 12px;
              background-color: #e80c00;
              color: #ffffff;
              float: none;
              display: inline;
              margin-top: 10px;
              font-family: "Lato", sans-serif;
              font-weight: 400;
              font-size: 12px; }
              @media only screen and (max-width: 1199px) {
                #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .compatible-frame-content .redirect-button {
                  margin: auto;
                  margin-top: 10px;
                  display: block; }
                  #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .compatible-frame-content .redirect-button .included-box {
                    width: 100%; }
                  #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .compatible-frame-content .redirect-button .step-button-fork {
                    width: 100% !important; }
                  #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .compatible-frame-content .redirect-button .image-color {
                    justify-items: end; }
                    #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .compatible-frame-content .redirect-button .image-color .color-button {
                      width: 90%; } }
              #rxcApp .main-modal .prescription-container .prescription-form-container .rx-incompatible-content .compatible-frame-content .redirect-button .arrow {
                display: none; }
        #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content,
        #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content,
        #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .input-content {
          display: inline-flex; }
        #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .disabled {
          opacity: 0.7; }
        #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .input-content div label {
          font-family: "Oswald", sans-serif;
          font-weight: 500;
          font-size: 16px; }
        #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .input-content div input,
        #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .input-content div select {
          width: 80px;
          border: solid 1px transparent; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .input-content div input:focus,
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .input-content div select:focus {
            outline: none;
            border: 1px solid #bbbbbb;
            border-radius: 2px; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .input-content div input.error,
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .input-content div select.error {
            border: solid 1px #d0021b; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .input-content div input.warning,
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .input-content div select.warning {
            border: solid 1px #000000; }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content,
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content {
            display: grid;
            margin-top: 15px; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content .title,
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content .title {
              text-align: initial; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content {
            margin-bottom: 15px; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .input-content {
            max-width: 300px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .input-content div {
              min-width: 80px;
              max-width: 100px;
              display: grid;
              margin-right: 10px; }
              #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .input-content div label {
                text-align: initial; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .included-box {
            width: 100%; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .step-button-fork {
            width: 100% !important; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .image-color {
            justify-items: end; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .image-color .color-button {
              width: 90%; } }
        @media only screen and (min-width: 1200px) {
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content,
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content {
            width: 100%;
            align-items: center; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content .title,
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content .title {
              width: 80px;
              min-width: 80px;
              display: grid;
              padding-right: 10px;
              text-align: right; }
              #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content .title span,
              #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content .title span {
                font-family: "Oswald", sans-serif;
                font-weight: 500;
                font-size: 16px; }
                #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content .title span:not(.bold),
                #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content .title span:not(.bold) {
                  font-style: italic;
                  font-family: "Lato", sans-serif;
                  font-weight: 400;
                  font-size: 16px; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content .input-content,
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content .input-content {
              width: 100%; }
              #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content .input-content div,
              #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content .input-content div {
                width: 90px; }
                #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content .input-content div input,
                #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content .input-content div select,
                #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content .input-content div input,
                #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content .input-content div select {
                  margin-top: 10px; }
                #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content .input-content div.axis-content,
                #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content .input-content div.axis-content {
                  width: 90px;
                  margin-left: 20px !important; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content {
            min-height: 50px; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content .rx-label {
              display: none; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .left-content .title {
              margin-top: 10px; }
          #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content {
            min-height: 80px;
            align-content: center; }
            #rxcApp .main-modal .prescription-container .prescription-form-container .prescription-input-content .right-content .title {
              margin-top: 25px; } }
      #rxcApp .main-modal .prescription-container.prescription-step-container * {
        margin-left: 0px !important; }
      #rxcApp .main-modal .prescription-container.prescription-step-container .bold {
        font-weight: bold; }
      #rxcApp .main-modal .prescription-container.prescription-step-container .input-message {
        margin-bottom: 10px; }
      #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-info {
        cursor: pointer;
        text-decoration: underline; }
      @media only screen and (min-width: 1200px) {
        #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container {
          max-width: 600px; } }
      @media only screen and (max-width: 1199px) {
        #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container {
          max-width: 350px; }
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .included-box {
            width: 100%; }
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .step-button-fork {
            width: 100% !important; }
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .image-color {
            justify-items: end; }
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .image-color .color-button {
              width: 90%; } }
      #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container select,
      #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container input {
        max-width: 80px;
        background-color: #ffffff;
        border: none;
        min-height: 35px; }
      #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container #pdCheck {
        min-height: 0px;
        width: 0px; }
      #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content {
        margin-bottom: 10px; }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content {
            width: auto;
            padding: 0px 10px; }
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .input-message {
              width: auto; }
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .included-box {
              width: 100%; }
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .image-color {
              justify-items: end; }
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .image-color .color-button {
                width: 90%; } }
        @media only screen and (min-width: 1200px) {
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container {
            margin-top: 15px; } }
        #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-top {
          display: flex; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-top {
              text-align: initial; }
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-top .included-box {
                width: 100%; }
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-top .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-top .image-color {
                justify-items: end; }
                #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-top .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-top .title {
            margin-right: 10px; }
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-top .title span:first-child {
              margin-right: 10px; }
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-top .find-pd {
            cursor: pointer;
            color: #e80c00;
            text-decoration: underline; }
        #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-values {
          margin-top: 20px;
          display: flex; }
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-values .left {
            position: relative;
            margin-left: 15px !important; }
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-values div label {
            margin-right: 10px; }
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-values div label.right-label-hidden {
              display: none; }
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-values div select {
            border: 1px solid transparent; }
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .pd-values div select:focus {
              outline: none;
              border: 1px solid #bbbbbb;
              border-radius: 2px; }
        #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider {
          margin-top: 20px; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider {
              min-height: 20px;
              margin-bottom: 20px; }
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .included-box {
                width: 100%; }
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .image-color {
                justify-items: end; }
                #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .pd-switch {
            position: relative;
            display: inline-block;
            width: 42px;
            height: 20px;
            margin-right: 10px; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .pd-switch {
                float: left; }
                #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .pd-switch .included-box {
                  width: 100%; }
                #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .pd-switch .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .pd-switch .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .pd-switch .image-color .color-button {
                    width: 90%; } }
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .pd-switch input {
              opacity: 0;
              width: 0;
              height: 0; }
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .pd-switch input:checked + .slider {
                background-color: #e80c00; }
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .pd-switch input:checked + .slider::before {
                -webkit-transform: translateX(18px);
                -ms-transform: translateX(18px);
                transform: translateX(18px); }
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .pd-switch input:focus + .slider {
                box-shadow: 0px 0px 0px 3px #00000045;
                transition: 0s; }
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .pd-switch .slider {
              position: absolute;
              cursor: pointer;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              background-color: #ffffff;
              border: solid 1px #000000;
              -webkit-transition: 0.4s;
              transition: 0.4s;
              border-radius: 34px; }
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .pd-switch .slider::before {
                position: absolute;
                content: '';
                height: 14px;
                width: 14px;
                left: 4px;
                bottom: 1px;
                background-color: #ffffff;
                border: solid 1px #000000;
                -webkit-transition: 0.4s;
                transition: 0.4s;
                border-radius: 50%; }
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .two-pd-label {
            position: absolute; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .two-pd-label {
                position: relative;
                float: left; }
                #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .two-pd-label .included-box {
                  width: 100%; }
                #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .two-pd-label .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .two-pd-label .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .pd-container .two-pd-slider .two-pd-label .image-color .color-button {
                    width: 90%; } }
        #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .prescription-form-inner-content .apply-button {
          float: none;
          margin-left: auto !important;
          margin-right: auto; }
      @media only screen and (max-width: 1199px) {
        #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .skip-button {
          float: none;
          margin-left: auto !important;
          margin-right: auto; }
        #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .included-box {
          width: 100%; }
        #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .step-button-fork {
          width: 100% !important; }
        #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .image-color {
          justify-items: end; }
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .image-color .color-button {
            width: 90%; } }
      #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .external-message {
        max-width: 260px; }
        @media only screen and (min-width: 1200px) {
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .external-message {
            position: absolute; } }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .external-message {
            position: inherit;
            max-width: 100%;
            padding: 0 20px;
            margin-bottom: 15px; }
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .external-message .included-box {
              width: 100%; }
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .external-message .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .external-message .image-color {
              justify-items: end; }
              #rxcApp .main-modal .prescription-container.prescription-step-container .prescription-form-container .external-message .image-color .color-button {
                width: 90%; } }
    #rxcApp .main-modal .prescription-modal {
      top: 0;
      height: calc(100% + 40px);
      z-index: 0;
      display: flex;
      justify-content: flex-end;
      overflow-y: hidden;
      min-height: 1500px; }
      @media only screen and (max-width: 1199px) {
        #rxcApp .main-modal .prescription-modal {
          width: 100%; }
          #rxcApp .main-modal .prescription-modal .included-box {
            width: 100%; }
          #rxcApp .main-modal .prescription-modal .step-button-fork {
            width: 100% !important; }
          #rxcApp .main-modal .prescription-modal .image-color {
            justify-items: end; }
            #rxcApp .main-modal .prescription-modal .image-color .color-button {
              width: 90%; } }
      #rxcApp .main-modal .prescription-modal .prescription-modal-div {
        width: 570px;
        height: 100%;
        z-index: 31;
        background-color: white; }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .prescription-modal .prescription-modal-div {
            max-width: 100%;
            width: 100%;
            min-height: 1600px; }
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .included-box {
              width: 100%; }
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .image-color {
              justify-items: end; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .image-color .color-button {
                width: 90%; } }
        @media only screen and (max-width: 360px) {
          #rxcApp .main-modal .prescription-modal .prescription-modal-div {
            max-width: 100%;
            width: 100%;
            min-height: 1900px; } }
        #rxcApp .main-modal .prescription-modal .prescription-modal-div .close-modal {
          position: fixed;
          top: 0;
          width: 25px;
          height: 25px;
          margin-top: 15px;
          margin-right: 15px;
          cursor: pointer; }
          @media only screen and (min-width: 1200px) {
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .close-modal {
              right: 0;
              background: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@3x.png) 3x);
              background: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@3x.png) 3x); }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .close-modal .close-modal-image {
                display: none; } }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .close-modal {
              left: 0;
              width: 50px;
              margin-left: 20px;
              color: #333333;
              display: flex; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .close-modal .close-modal-image {
                background: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/arrow-right-ico.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/arrow-right-ico@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/arrow-right-ico@3x.png) 3x);
                background: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/arrow-right-ico.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/arrow-right-ico@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/arrow-right-ico@3x.png) 3x);
                width: 15px;
                height: 15px;
                margin-top: 3px;
                margin-right: 5px; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .close-modal .included-box {
                width: 100%; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .close-modal .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .close-modal .image-color {
                justify-items: end; }
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .close-modal .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .image {
          width: 28px;
          height: 32px;
          margin-top: 60px;
          margin-left: 30px;
          background: image-set(url(https://images.ray-ban.com/extra/image/rxc/images/rx.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/rx@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/rx@3x.png) 3x);
          background: -webkit-image-set(url(https://images.ray-ban.com/extra/image/rxc/images/rx.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/rx@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/rx@3x.png) 3x); }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .image {
              float: left;
              margin-top: 70px; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .image .included-box {
                width: 100%; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .image .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .image .image-color {
                justify-items: end; }
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .image .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .title {
          margin-top: 25px;
          margin-left: 30px;
          width: 60%;
          font-family: "Oswald", sans-serif;
          font-weight: 500;
          font-size: 32px; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .title {
              font-family: "Oswald", sans-serif;
              font-weight: 500;
              font-size: 24px;
              display: inline-block;
              margin-top: 55px;
              margin-left: 25px; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .title .included-box {
                width: 100%; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .title .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .title .image-color {
                justify-items: end; }
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .title .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description {
          margin-top: 25px;
          margin-left: 30px;
          width: 85%;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-size: 16px; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description {
              margin-right: 30px;
              font-family: "Lato", sans-serif;
              font-weight: 400;
              font-size: 13px; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description .included-box {
                width: 100%; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description .image-color {
                justify-items: end; }
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description-bold {
          margin-top: 25px;
          margin-left: 30px;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-size: 16px;
          display: flex; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description-bold {
              margin-right: 30px;
              font-family: "Lato", sans-serif;
              font-weight: 400;
              font-size: 13px; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description-bold .included-box {
                width: 100%; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description-bold .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description-bold .image-color {
                justify-items: end; }
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description-bold .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description-bold .icon-mouse {
            width: 20px;
            height: 20px;
            margin-right: 9px;
            margin-top: 7px;
            background: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/mouse-clicker.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/mouse-clicker@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/mouse-clicker@3x.png) 3x);
            background: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/mouse-clicker.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/mouse-clicker@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/mouse-clicker@3x.png) 3x); }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description-bold .icon-mouse {
                margin-right: 15px;
                background: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/mouse-clicker.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/mouse-clicker@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/mouse-clicker@3x.png) 3x);
                background: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/mouse-clicker.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/mouse-clicker@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/mouse-clicker@3x.png) 3x); }
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description-bold .icon-mouse .included-box {
                  width: 100%; }
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description-bold .icon-mouse .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description-bold .icon-mouse .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .description-bold .icon-mouse .image-color .color-button {
                    width: 90%; } }
        #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table {
          margin-top: 40px;
          margin-left: 30px; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table {
              position: relative;
              overflow-x: scroll;
              overflow-y: hidden;
              -webkit-overflow-scrolling: touch;
              width: auto;
              padding-right: 30px; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .included-box {
                width: 100%; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .image-color {
                justify-items: end; }
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container {
            display: inline-block; }
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .title-row {
              display: flex; }
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .prescription-column {
              width: 123px;
              height: 33px;
              display: flex;
              justify-content: center;
              align-items: center;
              background-color: #e5e5e5;
              font-size: 15px; }
              @media only screen and (max-width: 1199px) {
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .prescription-column {
                  font-family: "Lato", sans-serif;
                  font-weight: 400;
                  font-size: 13px; }
                  #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .prescription-column .included-box {
                    width: 100%; }
                  #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .prescription-column .step-button-fork {
                    width: 100% !important; }
                  #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .prescription-column .image-color {
                    justify-items: end; }
                    #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .prescription-column .image-color .color-button {
                      width: 90%; } }
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .hover-tool {
              cursor: pointer; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .hover-tool:hover {
                text-decoration: underline; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .hover-tool .last-element {
                margin-right: 80px; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .hover-tool .margin-bottom-low {
                margin-bottom: 80px !important; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .hover-tool .tooltipText {
                visibility: hidden;
                width: 200px;
                background-color: white;
                color: #333333;
                text-align: center;
                padding: 5px 0;
                border-radius: 6px;
                box-shadow: 0 0 12px 0 #00000014;
                margin-bottom: 100px;
                position: absolute;
                z-index: 1; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .hover-tool:hover .tooltipText {
                visibility: visible; }
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .title-column {
              width: 75px;
              height: 33px;
              background-color: #e80c00;
              display: flex;
              justify-content: center;
              align-items: center;
              color: white;
              font-family: "Lato", sans-serif;
              font-weight: 900;
              font-size: 12px;
              margin-left: 2px; }
              @media only screen and (max-width: 1199px) {
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .title-column {
                  font-family: "Lato", sans-serif;
                  font-weight: 900;
                  font-size: 11px; }
                  #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .title-column .included-box {
                    width: 100%; }
                  #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .title-column .step-button-fork {
                    width: 100% !important; }
                  #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .title-column .image-color {
                    justify-items: end; }
                    #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .title-column .image-color .color-button {
                      width: 90%; } }
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result {
              display: flex; }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .two-row {
                width: 81px;
                height: 69px;
                background-color: #e5e5e5;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 13px;
                margin-top: 2px; }
                @media only screen and (max-width: 1199px) {
                  #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .two-row {
                    font-size: 11px; }
                    #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .two-row .included-box {
                      width: 100%; }
                    #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .two-row .step-button-fork {
                      width: 100% !important; }
                    #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .two-row .image-color {
                      justify-items: end; }
                      #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .two-row .image-color .color-button {
                        width: 90%; } }
              #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row {
                display: flex;
                flex-direction: column; }
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .first-row {
                  display: flex; }
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .second-row {
                  display: flex; }
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .little-column {
                  width: 39px;
                  height: 33px;
                  background-color: #e5e5e5;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin-left: 2px;
                  margin-top: 2px;
                  margin-right: 1px;
                  font-family: "Lato", sans-serif;
                  font-weight: 400;
                  font-size: 13px; }
                  @media only screen and (max-width: 1199px) {
                    #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .little-column {
                      font-family: "Lato", sans-serif;
                      font-weight: 400;
                      font-size: 11px; }
                      #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .little-column .included-box {
                        width: 100%; }
                      #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .little-column .step-button-fork {
                        width: 100% !important; }
                      #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .little-column .image-color {
                        justify-items: end; }
                        #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .little-column .image-color .color-button {
                          width: 90%; } }
                #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .container-column {
                  width: 75px;
                  height: 33px;
                  background-color: #f5f5f5;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin-left: 2px;
                  margin-top: 2px;
                  font-family: "Lato", sans-serif;
                  font-weight: 400;
                  font-size: 13px; }
                  @media only screen and (max-width: 1199px) {
                    #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .container-column {
                      font-family: "Lato", sans-serif;
                      font-weight: 400;
                      font-size: 10px; }
                      #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .container-column .included-box {
                        width: 100%; }
                      #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .container-column .step-button-fork {
                        width: 100% !important; }
                      #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .container-column .image-color {
                        justify-items: end; }
                        #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .table .table-container .result .row .container-column .image-color .color-button {
                          width: 90%; } }
        #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .meanings-list {
          display: grid;
          margin: 30px; }
          #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .meanings-list .meaning {
            line-height: 1.23;
            margin-bottom: 20px;
            font-family: "Lato", sans-serif;
            font-weight: 400;
            font-size: 13px; }
            #rxcApp .main-modal .prescription-modal .prescription-modal-div .prescription-modal-container .meanings-list .meaning .meaning-title {
              font-family: "Lato", sans-serif;
              font-weight: 400;
              font-size: 13px;
              font-weight: 600; }
    #rxcApp .main-modal .pupillary-distance-modal {
      top: 0;
      height: calc(100% + 40px);
      z-index: 30;
      display: flex;
      justify-content: flex-end; }
      #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div {
        width: 570px;
        z-index: 31;
        background-color: white; }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div {
            padding: 0 20px;
            width: 100%;
            min-height: 950px; }
            #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .included-box {
              width: 100%; }
            #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .image-color {
              justify-items: end; }
              #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .image-color .color-button {
                width: 90%; } }
        #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .close-modal {
          position: fixed;
          top: 0;
          right: 0;
          width: 25px;
          height: 25px;
          margin-top: 15px;
          margin-right: 15px;
          cursor: pointer;
          background: image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@3x.png) 3x);
          background: -webkit-image-set(url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose.png) 1x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@2x.png) 2x, url(https://assets.lenscrafters.com/extra/image/LensCrafters/global/xclose@3x.png) 3x); }
        #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header {
          display: flex; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header {
              margin-top: 20px; }
              #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header .included-box {
                width: 100%; }
              #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header .image-color {
                justify-items: end; }
                #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header .image-color .color-button {
                  width: 90%; } }
          #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header .image {
            width: 28px;
            height: 32px;
            margin-top: 60px;
            background: image-set(url(https://images.ray-ban.com/extra/image/rxc/images/rx.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/rx@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/rx@3x.png) 3x);
            background: -webkit-image-set(url(https://images.ray-ban.com/extra/image/rxc/images/rx.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/rx@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/rx@3x.png) 3x); }
            @media only screen and (min-width: 1200px) {
              #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header .image {
                margin-left: 30px; } }
          #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header .title {
            margin-top: 25px;
            margin-left: 30px;
            width: 75%;
            font-family: "Oswald", sans-serif;
            font-weight: 500;
            font-size: 32px; }
            @media only screen and (max-width: 1199px) {
              #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header .title {
                margin-left: 20px; }
                #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header .title .included-box {
                  width: 100%; }
                #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header .title .step-button-fork {
                  width: 100% !important; }
                #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header .title .image-color {
                  justify-items: end; }
                  #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .header .title .image-color .color-button {
                    width: 90%; } }
        #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .main-image {
          width: 28px;
          height: 32px;
          margin-top: 40px;
          background: image-set(url(https://images.ray-ban.com/extra/image/rxc/images/rx.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/rx@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/rx@3x.png) 3x);
          background: -webkit-image-set(url(https://images.ray-ban.com/extra/image/rxc/images/rx.png) 1x, url(https://images.ray-ban.com/extra/image/rxc/images/rx@2x.png) 2x, url(https://images.ray-ban.com/extra/image/rxc/images/rx@3x.png) 3x); }
          @media only screen and (min-width: 1200px) {
            #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .main-image {
              margin-left: 30px; } }
        #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .description {
          margin-top: 25px;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-size: 16px;
          max-width: 80%; }
          @media only screen and (min-width: 1200px) {
            #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .description {
              margin-left: 30px; } }
        #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .subtitle {
          margin-top: 25px;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-size: 16px;
          display: flex; }
          @media only screen and (min-width: 1200px) {
            #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .subtitle {
              margin-left: 30px; } }
        #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .subcontent {
          margin-top: 10px;
          display: grid;
          max-width: 500px; }
          @media only screen and (min-width: 1200px) {
            #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .subcontent {
              margin-left: 60px; } }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .subcontent span {
              margin-top: 15px; }
              #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .subcontent span .included-box {
                width: 100%; }
              #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .subcontent span .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .subcontent span .image-color {
                justify-items: end; }
                #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .subcontent span .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .asterisk {
          margin-top: 10px;
          font-style: italic;
          font-weight: 600; }
          @media only screen and (min-width: 1200px) {
            #rxcApp .main-modal .pupillary-distance-modal .pupillary-distance-div .asterisk {
              margin-left: 60px; } }
    #rxcApp .main-modal .exit-modal-container {
      position: fixed;
      background-color: rgba(51, 51, 51, 0.6);
      width: 100%;
      top: 0;
      height: calc(100% + 40px);
      z-index: 30; }
      #rxcApp .main-modal .exit-modal-container .exit-modal {
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: white;
        z-index: 31;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        box-orient: vertical;
        box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        overflow: hidden;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        text-align: center;
        border-radius: 0px;
        width: 50%;
        min-width: 270px;
        max-width: 500px;
        padding: 20px;
        z-index: 1000; }
        @media only screen and (max-width: 360px) {
          #rxcApp .main-modal .exit-modal-container .exit-modal {
            min-width: 240px; } }
        #rxcApp .main-modal .exit-modal-container .exit-modal .exit-title {
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-size: 16px;
          margin-top: 40px; }
          @media only screen and (max-width: 760px) {
            #rxcApp .main-modal .exit-modal-container .exit-modal .exit-title {
              margin-top: 10px; } }
        #rxcApp .main-modal .exit-modal-container .exit-modal .exit-sub-title {
          font-family: "Lato", sans-serif;
          font-weight: 400;
          font-size: 16px;
          color: #333333;
          margin-top: 24px; }
        #rxcApp .main-modal .exit-modal-container .exit-modal .border-button,
        #rxcApp .main-modal .exit-modal-container .exit-modal .filling-button {
          outline: none;
          border-radius: 12px;
          order: 3; }
        #rxcApp .main-modal .exit-modal-container .exit-modal .back-buttons-container {
          display: flex;
          width: 100%;
          justify-content: space-evenly;
          padding-top: 30px; }
          @media only screen and (max-width: 760px) {
            #rxcApp .main-modal .exit-modal-container .exit-modal .back-buttons-container {
              flex-direction: column;
              width: 100%;
              align-items: center; } }
        #rxcApp .main-modal .exit-modal-container .exit-modal .exit-continue-button.filling-button,
        #rxcApp .main-modal .exit-modal-container .exit-modal .exit-save-button.border-button,
        #rxcApp .main-modal .exit-modal-container .exit-modal .exit-discard {
          font-family: "Oswald", sans-serif;
          font-weight: 500;
          font-size: 14px;
          background-color: transparent;
          color: #1f1f24;
          border: 1px solid #1f1f24;
          height: 50px;
          margin-top: 0px;
          width: 40%;
          border-radius: 0px;
          text-transform: uppercase;
          margin-bottom: 30px; }
          @media only screen and (max-width: 760px) {
            #rxcApp .main-modal .exit-modal-container .exit-modal .exit-continue-button.filling-button,
            #rxcApp .main-modal .exit-modal-container .exit-modal .exit-save-button.border-button,
            #rxcApp .main-modal .exit-modal-container .exit-modal .exit-discard {
              width: 80%;
              font-family: "Oswald", sans-serif;
              font-weight: 500;
              font-size: 12px;
              margin-bottom: 10px; } }
          @media only screen and (max-width: 360px) {
            #rxcApp .main-modal .exit-modal-container .exit-modal .exit-continue-button.filling-button,
            #rxcApp .main-modal .exit-modal-container .exit-modal .exit-save-button.border-button,
            #rxcApp .main-modal .exit-modal-container .exit-modal .exit-discard {
              width: 100%; } }
          #rxcApp .main-modal .exit-modal-container .exit-modal .exit-continue-button.filling-button:focus,
          #rxcApp .main-modal .exit-modal-container .exit-modal .exit-save-button.border-button:focus,
          #rxcApp .main-modal .exit-modal-container .exit-modal .exit-discard:focus {
            outline: none;
            box-shadow: 0 0 12px 0 #00000014; }
        #rxcApp .main-modal .exit-modal-container .exit-modal .exit-save-button.border-button {
          width: 80%; }
          @media only screen and (max-width: 360px) {
            #rxcApp .main-modal .exit-modal-container .exit-modal .exit-save-button.border-button {
              width: 100%; } }
        #rxcApp .main-modal .exit-modal-container .exit-modal .exit-discard {
          margin-bottom: 0px;
          text-decoration: none;
          background-color: #1f1f24;
          color: #ffffff;
          padding: 14px 0px; }
          @media only screen and (max-width: 760px) {
            #rxcApp .main-modal .exit-modal-container .exit-modal .exit-discard {
              margin-bottom: 10px; } }
    #rxcApp .main-modal .insurance-popup-container {
      display: block; }
      #rxcApp .main-modal .insurance-popup-container .overlay {
        position: absolute;
        background-color: rgba(51, 51, 51, 0.6);
        top: 0;
        z-index: 100;
        width: 100%;
        height: 100%; }
      #rxcApp .main-modal .insurance-popup-container .insurance-popup {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40%;
        background-color: white;
        text-align: center;
        overflow: hidden;
        transform: translateX(-50%) translateY(-50%);
        border: 0;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.07);
        padding: 60px 20px 40px 20px;
        z-index: 1000; }
        @media only screen and (max-width: 1199px) {
          #rxcApp .main-modal .insurance-popup-container .insurance-popup {
            width: 90%; }
            #rxcApp .main-modal .insurance-popup-container .insurance-popup .included-box {
              width: 100%; }
            #rxcApp .main-modal .insurance-popup-container .insurance-popup .step-button-fork {
              width: 100% !important; }
            #rxcApp .main-modal .insurance-popup-container .insurance-popup .image-color {
              justify-items: end; }
              #rxcApp .main-modal .insurance-popup-container .insurance-popup .image-color .color-button {
                width: 90%; } }
        #rxcApp .main-modal .insurance-popup-container .insurance-popup .insurance-title {
          font-size: 20px;
          margin-bottom: 25px; }
          @media only screen and (max-width: 1199px) {
            #rxcApp .main-modal .insurance-popup-container .insurance-popup .insurance-title {
              font-family: "Lato", sans-serif;
              font-weight: 400;
              font-size: 16px; }
              #rxcApp .main-modal .insurance-popup-container .insurance-popup .insurance-title .included-box {
                width: 100%; }
              #rxcApp .main-modal .insurance-popup-container .insurance-popup .insurance-title .step-button-fork {
                width: 100% !important; }
              #rxcApp .main-modal .insurance-popup-container .insurance-popup .insurance-title .image-color {
                justify-items: end; }
                #rxcApp .main-modal .insurance-popup-container .insurance-popup .insurance-title .image-color .color-button {
                  width: 90%; } }
        #rxcApp .main-modal .insurance-popup-container .insurance-popup .insurance-sub-title {
          width: 75%; }
        #rxcApp .main-modal .insurance-popup-container .insurance-popup .button {
          font-family: "Oswald", sans-serif;
          font-weight: 500;
          font-size: 13px;
          background-color: #1f1f24;
          margin-top: 25px;
          border: none;
          padding: 10px 15px;
          color: #ffffff;
          text-transform: uppercase;
          cursor: pointer; }
          @media only screen and (max-width: 760px) {
            #rxcApp .main-modal .insurance-popup-container .insurance-popup .button {
              width: 100%; } }
          #rxcApp .main-modal .insurance-popup-container .insurance-popup .button:focus {
            box-shadow: 0px 0px 0px 3px #1f1f2445;
            outline: none; }
      #rxcApp .main-modal .insurance-popup-container.collapsed .overlay {
        opacity: 0;
        width: 0%; }
      #rxcApp .main-modal .insurance-popup-container.collapsed .insurance-modal-animation {
        animation: hide-insurance-modal 0.4s linear forwards; }
      #rxcApp .main-modal .insurance-popup-container.collapsed .insurance-modal-chat {
        top: calc(100% - 90px);
        left: calc(100% - 43px);
        width: 45px;
        height: 45px;
        padding: 0;
        border: 2px solid #1c8846;
        border-radius: 50%;
        animation: none; }

.__react_component_tooltip {
  pointer-events: auto !important; }

.rox-prescription-tooltip .tooltip-body {
  z-index: 9999;
  position: absolute;
  bottom: 0;
  max-width: 320px;
  height: max-content;
  padding: 8px 21px;
  border-radius: 2px;
  background-color: #666666; }
  @media only screen and (max-width: 1199px) {
    .rox-prescription-tooltip .tooltip-body {
      z-index: 999999;
      position: fixed;
      left: 0px;
      margin-bottom: 50px;
      margin-left: 18px;
      margin-right: 18px;
      padding: 22px;
      max-width: unset; }
      .rox-prescription-tooltip .tooltip-body .included-box {
        width: 100%; }
      .rox-prescription-tooltip .tooltip-body .step-button-fork {
        width: 100% !important; }
      .rox-prescription-tooltip .tooltip-body .image-color {
        justify-items: end; }
        .rox-prescription-tooltip .tooltip-body .image-color .color-button {
          width: 90%; } }

.rox-prescription-tooltip .arrow {
  z-index: 9999;
  position: absolute;
  width: 16px;
  height: 8px;
  margin-top: 8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #666666; }

.rox-prescription-tooltip .tooltip-text,
.rox-prescription-tooltip .tooltip-header,
.rox-prescription-tooltip .tooltip-options-head,
.rox-prescription-tooltip .tooltip-options li {
  font-family: Lato !important;
  font-size: 11px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.45 !important;
  letter-spacing: normal !important;
  color: #ffffff !important; }
  @media only screen and (max-width: 1199px) {
    .rox-prescription-tooltip .tooltip-text,
    .rox-prescription-tooltip .tooltip-header,
    .rox-prescription-tooltip .tooltip-options-head,
    .rox-prescription-tooltip .tooltip-options li {
      font-family: Lato !important;
      font-size: 16px !important;
      font-weight: normal !important;
      font-stretch: normal !important;
      font-style: normal !important;
      line-height: 1.19 !important;
      letter-spacing: normal !important;
      color: #ffffff !important; }
      .rox-prescription-tooltip .tooltip-text .included-box,
      .rox-prescription-tooltip .tooltip-header .included-box,
      .rox-prescription-tooltip .tooltip-options-head .included-box,
      .rox-prescription-tooltip .tooltip-options li .included-box {
        width: 100%; }
      .rox-prescription-tooltip .tooltip-text .step-button-fork,
      .rox-prescription-tooltip .tooltip-header .step-button-fork,
      .rox-prescription-tooltip .tooltip-options-head .step-button-fork,
      .rox-prescription-tooltip .tooltip-options li .step-button-fork {
        width: 100% !important; }
      .rox-prescription-tooltip .tooltip-text .image-color,
      .rox-prescription-tooltip .tooltip-header .image-color,
      .rox-prescription-tooltip .tooltip-options-head .image-color,
      .rox-prescription-tooltip .tooltip-options li .image-color {
        justify-items: end; }
        .rox-prescription-tooltip .tooltip-text .image-color .color-button,
        .rox-prescription-tooltip .tooltip-header .image-color .color-button,
        .rox-prescription-tooltip .tooltip-options-head .image-color .color-button,
        .rox-prescription-tooltip .tooltip-options li .image-color .color-button {
          width: 90%; } }

.rox-prescription-tooltip .tooltip-header {
  font-weight: bold !important;
  margin-bottom: 12px; }
  @media only screen and (max-width: 1199px) {
    .rox-prescription-tooltip .tooltip-header {
      font-weight: normal !important; }
      .rox-prescription-tooltip .tooltip-header .included-box {
        width: 100%; }
      .rox-prescription-tooltip .tooltip-header .step-button-fork {
        width: 100% !important; }
      .rox-prescription-tooltip .tooltip-header .image-color {
        justify-items: end; }
        .rox-prescription-tooltip .tooltip-header .image-color .color-button {
          width: 90%; } }

.rox-prescription-tooltip .tooltip-options-head {
  margin-top: 12px;
  margin-bottom: 12px; }

/*# sourceMappingURL=rxc-rayban.css.map */