/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./app_ita_volare_custom/cartridge/client/default/scss/product/detail.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.pull-left-xs {
  float: left; }

.pull-right-xs {
  float: right; }

@media (min-width: 544px) and (max-width: 768.98px) {
  .pull-left-sm {
    float: left; }
  .pull-right-sm {
    float: right; } }

@media (min-width: 769px) and (max-width: 991.98px) {
  .pull-left-md {
    float: left; }
  .pull-right-md {
    float: right; } }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .pull-left-lg {
    float: left; }
  .pull-right-lg {
    float: right; } }

@media (min-width: 1200px) and (max-width: 1439.98px) {
  .pull-left-xl {
    float: left; }
  .pull-right-xl {
    float: right; } }

@media (min-width: 1440px) {
  .pull-left-tv {
    float: left; }
  .pull-right-tv {
    float: right; } }

@media (max-width: 543.98px) {
  .hidden-xs-down {
    display: none !important; } }

@media (max-width: 768.98px) {
  .hidden-sm-down {
    display: none !important; } }

@media (max-width: 991.98px) {
  .hidden-md-down {
    display: none !important; } }

@media (max-width: 1199.98px) {
  .hidden-lg-down {
    display: none !important; } }

@media (max-width: 1439.98px) {
  .hidden-xl-down {
    display: none !important; } }

.hidden-tv-down {
  display: none !important; }

.row.equal-height > [class^="col"] {
  display: flex; }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2;
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827;
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.summary-modal .modal-content {
  border-radius: 16px;
  background-color: #fff;
  padding: 1rem; }
  @media (min-width: 769px) {
    .summary-modal .modal-content {
      padding: 2rem;
      min-width: 640px;
      border-radius: 24px; } }
  .summary-modal .modal-content > form {
    display: flex;
    flex-direction: column;
    gap: 1rem; }

.summary-modal .summary-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .summary-modal .summary-header .logo-area img {
    height: 32px;
    width: auto; }
  .summary-modal .summary-header .close-button {
    display: flex;
    width: 16px;
    height: 16px;
    cursor: pointer; }
    .summary-modal .summary-header .close-button img {
      width: 100%;
      height: 100%; }

.summary-modal .summary-content {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  .summary-modal .summary-content .confirm-message {
    color: #2E2E38;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px; }
    @media (min-width: 769px) {
      .summary-modal .summary-content .confirm-message {
        font-size: 20px;
        line-height: 28px; } }
  .summary-modal .summary-content .summary-message {
    color: #555555;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 20px; }
    @media (min-width: 769px) {
      .summary-modal .summary-content .summary-message {
        font-size: 16px; } }

.summary-modal .consent-confirmation {
  flex-direction: row;
  /* border radius for checkbox */
  /* checkbox checked */
  /* disabled input */ }
  .summary-modal .consent-confirmation input[type="checkbox"] {
    height: 15px;
    width: 15px;
    vertical-align: middle;
    margin: 0 0.4em 0.4em 0;
    border: 1px solid #007dc6;
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms; }
  .summary-modal .consent-confirmation input[type="checkbox"] {
    border-radius: 2px; }
  .summary-modal .consent-confirmation input[type="checkbox"]:not(:disabled):hover {
    border-color: #007dc6; }
  .summary-modal .consent-confirmation input[type="checkbox"]:active:not(:disabled) {
    border-color: #007dc6; }
  .summary-modal .consent-confirmation input[type="checkbox"]:focus {
    outline: none; }
  .summary-modal .consent-confirmation input[type="checkbox"]:checked {
    border-color: #007dc6;
    background-color: #007dc6; }
  .summary-modal .consent-confirmation input[type="checkbox"]:checked:before {
    content: '';
    display: block;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-left: 4px;
    margin-top: 1px; }
  .summary-modal .consent-confirmation input:disabled {
    opacity: .6;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: none; }
  .summary-modal .consent-confirmation input:disabled + label {
    opacity: .6;
    cursor: default;
    -webkit-user-select: none; }
  .summary-modal .consent-confirmation.error .consent-checkbox-container {
    display: inline-block;
    padding: 5px;
    border: 2px solid red;
    border-radius: 4px; }
  .summary-modal .consent-confirmation.error #consent-confirmation-check {
    border-color: red; }
  .summary-modal .consent-confirmation.error .summary-message {
    color: red; }

.summary-modal .actions {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  .summary-modal .actions button,
  .summary-modal .actions a {
    border-radius: 24px;
    background-color: #0171CF;
    border: none;
    width: 100%;
    min-width: 143px;
    padding: 0.75rem;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer; }
    @media (min-width: 769px) {
      .summary-modal .actions button,
      .summary-modal .actions a {
        width: auto;
        border-radius: 28px;
        padding: 1rem 2rem; } }
    .summary-modal .actions button:disabled,
    .summary-modal .actions a:disabled {
      opacity: 0.32;
      cursor: default; }

.error-modal .modal-content {
  border-radius: 16px;
  background-color: #fff;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  @media (min-width: 769px) {
    .error-modal .modal-content {
      padding: 2rem;
      min-width: 640px;
      border-radius: 24px;
      gap: 2rem; } }
  .error-modal .modal-content .error-content {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    .error-modal .modal-content .error-content .error-message {
      color: #2E2E38;
      font-family: "Lato", sans-serif;
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 24px;
      margin: 0; }
      @media (min-width: 769px) {
        .error-modal .modal-content .error-content .error-message {
          font-size: 20px;
          line-height: 28px; } }
    .error-modal .modal-content .error-content .error-details {
      color: #555555;
      font-family: "Lato", sans-serif;
      font-size: 14px;
      letter-spacing: 0.4px;
      line-height: 20px; }
      @media (min-width: 769px) {
        .error-modal .modal-content .error-content .error-details {
          font-size: 16px; } }
  .error-modal .modal-content .actions {
    display: flex;
    justify-content: flex-end; }
    .error-modal .modal-content .actions button {
      border-radius: 24px;
      background-color: #0171CF;
      width: 100%;
      border: none;
      padding: 14px;
      color: #fff;
      font-family: "Lato", sans-serif;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.5px;
      line-height: 20px;
      text-align: center; }
      @media (min-width: 769px) {
        .error-modal .modal-content .actions button {
          width: auto;
          padding: 1.25rem 3rem;
          border-radius: 100px; } }

.confirmation-modal .modal-content {
  border-radius: 16px;
  background-color: #fff;
  padding: 1rem;
  gap: 1rem; }
  @media (min-width: 769px) {
    .confirmation-modal .modal-content {
      padding: 2rem;
      min-width: 640px;
      border-radius: 24px; } }

.confirmation-modal .confirmation-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .confirmation-modal .confirmation-header .logo-area img {
    height: 32px; }
  .confirmation-modal .confirmation-header .close-button img {
    height: 16px;
    width: 16px;
    cursor: pointer; }

.confirmation-modal .confirmation-content {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  .confirmation-modal .confirmation-content .confirmation-title {
    color: #2E2E38;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px; }
    @media (min-width: 769px) {
      .confirmation-modal .confirmation-content .confirmation-title {
        font-size: 20px;
        line-height: 28px; } }
  .confirmation-modal .confirmation-content .confirmation-details {
    color: #555555;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 20px; }
    @media (min-width: 769px) {
      .confirmation-modal .confirmation-content .confirmation-details {
        font-size: 16px; } }

.confirmation-modal .vouchers-and-actions {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  @media (min-width: 769px) {
    .confirmation-modal .vouchers-and-actions {
      flex-direction: row;
      justify-content: space-between; }
      .confirmation-modal .vouchers-and-actions.multiple-codes {
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 1.5rem; }
        .confirmation-modal .vouchers-and-actions.multiple-codes .vouchers-container {
          width: 100%;
          gap: 1.5rem;
          display: flex;
          flex-direction: column; } }

@media (min-width: 769px) {
  .confirmation-modal .vouchers-container {
    width: -moz-fit-content;
    width: fit-content; } }

.confirmation-modal .vouchers-container .voucher-code {
  border-radius: 8px;
  background-color: #F4F4F4;
  border: thin solid #DEDEDE;
  display: flex;
  justify-content: space-between;
  padding: 0.25rem; }

.confirmation-modal .vouchers-container .left-area {
  display: flex;
  flex-direction: column;
  padding: 0.25rem 0.75rem; }
  .confirmation-modal .vouchers-container .left-area .code-label {
    color: #0171CF;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 16px; }
  .confirmation-modal .vouchers-container .left-area .code-value {
    color: #2E2E38;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 20px; }

.confirmation-modal .vouchers-container .right-area {
  display: flex; }
  .confirmation-modal .vouchers-container .right-area .copy-button {
    border-radius: 24px;
    background-color: #0171CF;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 20px;
    text-align: center;
    padding: 0.75rem 2rem;
    text-transform: uppercase;
    cursor: pointer; }

.confirmation-modal .actions a {
  border: 2px solid #0171CF;
  border-radius: 24px;
  display: flex;
  color: #0171CF;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 20px;
  text-align: center;
  width: 100%;
  justify-content: center;
  padding: 0.75rem 0;
  text-transform: uppercase;
  text-decoration: none; }
  @media (min-width: 769px) {
    .confirmation-modal .actions a {
      padding-left: 2rem;
      padding-right: 2rem; } }

.donation .modal-content,
.accor .modal-content {
  align-items: center; }
  @media (min-width: 769px) {
    .donation .modal-content,
    .accor .modal-content {
      min-width: 444px; } }
  .donation .modal-content > form,
  .accor .modal-content > form {
    width: 100%; }
  .donation .modal-content .confirmation-header,
  .donation .modal-content .error-header,
  .accor .modal-content .confirmation-header,
  .accor .modal-content .error-header {
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .donation .modal-content .confirmation-header .logo-area,
    .donation .modal-content .error-header .logo-area,
    .accor .modal-content .confirmation-header .logo-area,
    .accor .modal-content .error-header .logo-area {
      flex: 0 1 50%; }
      .donation .modal-content .confirmation-header .logo-area .icon-container,
      .donation .modal-content .error-header .logo-area .icon-container,
      .accor .modal-content .confirmation-header .logo-area .icon-container,
      .accor .modal-content .error-header .logo-area .icon-container {
        display: flex;
        height: 48px;
        width: 48px;
        background: #0171CF;
        border-radius: 50%; }
        .donation .modal-content .confirmation-header .logo-area .icon-container.error,
        .donation .modal-content .error-header .logo-area .icon-container.error,
        .accor .modal-content .confirmation-header .logo-area .icon-container.error,
        .accor .modal-content .error-header .logo-area .icon-container.error {
          background: #BE210C; }
        .donation .modal-content .confirmation-header .logo-area .icon-container img,
        .donation .modal-content .error-header .logo-area .icon-container img,
        .accor .modal-content .confirmation-header .logo-area .icon-container img,
        .accor .modal-content .error-header .logo-area .icon-container img {
          height: 24px;
          width: 24px;
          padding: 2px;
          margin: auto; }
    .donation .modal-content .confirmation-header .close-button img,
    .donation .modal-content .error-header .close-button img,
    .accor .modal-content .confirmation-header .close-button img,
    .accor .modal-content .error-header .close-button img {
      height: 16px;
      width: 16px;
      cursor: pointer; }
  .donation .modal-content .error-content,
  .donation .modal-content .confirmation-content,
  .accor .modal-content .error-content,
  .accor .modal-content .confirmation-content {
    text-align: center;
    color: #555555;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 20px;
    text-align: center; }
    .donation .modal-content .error-content .more-details,
    .donation .modal-content .confirmation-content .more-details,
    .accor .modal-content .error-content .more-details,
    .accor .modal-content .confirmation-content .more-details {
      margin: 1rem 0; }

.donation .summary-header,
.accor .summary-header {
  color: #2E2E38;
  font-family: "Lato", sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  justify-content: center; }

.donation .summary-content,
.accor .summary-content {
  gap: 0; }
  .donation .summary-content p,
  .accor .summary-content p {
    color: #000000;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 20px;
    margin: 0; }
  .donation .summary-content .points-used,
  .accor .summary-content .points-used {
    font-weight: 600; }
  .donation .summary-content .points-new,
  .accor .summary-content .points-new {
    font-weight: 300;
    border-bottom: 1px #d8d8d8 solid; }
  .donation .summary-content .points-accor,
  .accor .summary-content .points-accor {
    font-weight: 400; }
  .donation .summary-content > div,
  .accor .summary-content > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px 16px; }
  .donation .summary-content .points-used,
  .accor .summary-content .points-used {
    border-radius: 8px;
    background-color: #F3F8FF; }

.donation .actions,
.accor .actions {
  flex-direction: column;
  gap: 1rem;
  width: 100%; }
  @media (min-width: 769px) {
    .donation .actions,
    .accor .actions {
      flex-direction: row;
      justify-content: center !important;
      gap: 22px; } }
  .donation .actions button,
  .donation .actions a,
  .accor .actions button,
  .accor .actions a {
    width: 100%; }
  .donation .actions #secondary,
  .accor .actions #secondary {
    background-color: #FFFFFF;
    border: 2px #0171CF solid;
    color: #0171CF; }

.custom-select-container .s-hidden {
  visibility: hidden; }

.custom-select-container .select {
  cursor: pointer;
  display: inline-block;
  position: relative; }

.custom-select-container.sorting-select .styledSelect {
  display: flex;
  align-items: center;
  padding-left: 10px;
  height: 40px;
  width: auto;
  border: 2px solid #0C2340;
  border-radius: 24px;
  color: #0C2340;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.4px;
  line-height: 20px; }

.custom-select-container.sorting-select .options {
  transform: translate(-0.75rem, 0rem); }

.custom-select-container .styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  color: #2E2E38;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  letter-spacing: 0.4px;
  line-height: 20px; }

.custom-select-container .styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #72727F transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 10px; }

.custom-select-container .options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 99;
  margin: 0;
  padding: 4px 0;
  width: calc(100% + 1rem);
  transform: translate(-1rem, 0.75rem);
  border-radius: 8px;
  list-style: none;
  background-color: #FFFFFF;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.06); }
  .custom-select-container .options li {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 20px;
    padding: 14px 1rem;
    margin: 0 0; }
    .custom-select-container .options li.activeItem::after {
      content: "";
      width: 0;
      height: 0;
      font-size: 20px;
      color: #72727F;
      font-weight: 500;
      position: absolute;
      top: 18px;
      right: 1rem;
      transform: scaleX(-1) rotate(-42deg);
      content: "L"; }
    .custom-select-container .options li.activeItem, .custom-select-container .options li:hover {
      position: relative;
      background-color: rgba(63, 175, 255, 0.08);
      color: #2E2E38; }

.card-select .select {
  transform: translateY(1rem);
  width: 100%; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

body {
  background-color: #FAFAFA !important; }

.product-detail .attributes .swatch-circle {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin-right: 0.313em;
  position: relative; }
  .product-detail .attributes .swatch-circle.color-value[data-selected=true]::after {
    color: #000;
    content: '\f058';
    display: table-caption;
    font-family: 'FontAwesome';
    font-size: 1.625em;
    left: 0.295em;
    position: absolute; }
  .product-detail .attributes .swatch-circle.color-value.selected::after {
    background: #fff;
    border-radius: 50%;
    color: #000;
    content: '\f058';
    display: table-caption;
    font-family: 'FontAwesome';
    font-size: 1.625em;
    height: 0.75em;
    left: 0.31em;
    line-height: 0.8em;
    position: absolute;
    top: 0.35em;
    width: 0.8em; }
  .product-detail .attributes .swatch-circle i.fa-times-circle {
    background: #fff;
    border-radius: 50%;
    height: 0.75em;
    line-height: 0.8em;
    width: 0.8em; }

.product-detail [disabled] .swatch-circle,
.product-detail .swatch-circle.unselectable {
  cursor: not-allowed; }
  .product-detail [disabled] .swatch-circle.color-value.selected::after,
  .product-detail .swatch-circle.unselectable.color-value.selected::after {
    background-color: rgba(0, 0, 0, 0.32); }

label.color ~ a:hover {
  text-decoration: none; }

.description-and-detail {
  margin-top: 2em; }
  @media (max-width: 543.98px) {
    .description-and-detail {
      margin-top: 0; }
      .description-and-detail .title {
        font-size: 1.5rem;
        margin-bottom: 0;
        font-family: "Dosis", sans-serif; }
      .description-and-detail > div:last-child {
        margin-bottom: 1em; } }
  @media (min-width: 544px) {
    .description-and-detail .description {
      margin-bottom: 2em; } }
  @media (max-width: 543.98px) {
    .description-and-detail .content {
      margin-top: 1em; } }

.social-container {
  padding-top: 0.9375em;
  text-align: center; }
  .social-container .social-icons {
    text-decoration: none;
    font-size: 1.875em;
    list-style-type: none;
    padding: 0;
    color: #444; }
    @media (max-width: 991.98px) {
      .social-container .social-icons {
        font-size: 1.5625em; } }
    .social-container .social-icons i,
    .social-container .social-icons a {
      color: #444;
      padding-right: 0.2em; }

label.availability {
  padding-right: 0.3125em; }

@media (min-width: 544px) {
  .product-number-rating {
    border-bottom: 1px solid #ccc; } }

@media (min-width: 769px) {
  .product-number-rating {
    border-top: 1px solid #ccc; } }

@media (min-width: 544px) and (max-width: 768.98px) {
  .product-name {
    border-bottom: 1px solid #ccc; } }

@media (min-width: 544px) {
  .product-number-rating .ratings {
    margin-top: 0.625em; } }

@media (max-width: 543.98px) {
  .product-number-rating .ratings {
    background-color: #fff;
    margin-top: -1.875em;
    /* 30/16 */
    margin-right: -0.9375em;
    /* 15/16 */
    padding: 0.1875em;
    /* 3/16 */ } }

.product-number {
  color: #ccc;
  font-size: 0.875em;
  padding-bottom: 0.938em;
  padding-top: 0.938em; }

.promotions {
  font-weight: normal;
  text-align: center;
  height: 85%; }
  .promotions div.collapsible-xl button.callout {
    font-size: 1.25em;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    color: #c00; }
    @media (min-width: 544px) {
      .promotions div.collapsible-xl button.callout {
        font-size: 1.375em; } }
    .promotions div.collapsible-xl button.callout::after {
      color: #000; }

.breadcrumb {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  padding: 1rem 0;
  border: none !important;
  color: #333333 !important;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 18px; }
  @media (min-width: 992px) {
    .breadcrumb {
      font-size: 18px;
      line-height: 24px; } }

.breadcrumb-arrow {
  height: 14px; }
  @media (min-width: 992px) {
    .breadcrumb-arrow {
      height: 1rem; } }

.price {
  font-size: 1.5rem; }

.product-options {
  margin-top: 1.25em; }

.size-chart .size-chart-collapsible {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0, 1); }
  .size-chart .size-chart-collapsible.active {
    max-height: 100%;
    transition-timing-function: ease-in-out; }

.color-attribute {
  border: none;
  padding: 0;
  background: none; }

.non-input-label {
  display: block;
  margin-bottom: 0.5rem; }

@media (min-width: 769px) {
  .attributes {
    padding-left: 2.5rem;
    padding-right: 2.5rem; } }

.product-brand {
  height: 1.5rem;
  margin-bottom: 1rem; }
  @media (min-width: 992px) {
    .product-brand {
      height: 3.5rem;
      margin-bottom: 2rem; } }

.ita-cta {
  border-radius: 28px;
  background-color: #0171CF;
  padding: 14px 24px;
  display: inline-block;
  color: #FFFFFF !important;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer; }
  @media (min-width: 992px) {
    .ita-cta {
      padding: 18px 42px; } }
  .ita-cta:hover {
    text-decoration: none; }

.main-content {
  flex-direction: column-reverse; }
  @media (min-width: 992px) {
    .main-content {
      flex-direction: row; } }
  .main-content .product-name {
    color: #2E2E38;
    font-family: "Lato", sans-serif;
    font-size: 1.25rem;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    border: none; }
    @media (min-width: 992px) {
      .main-content .product-name {
        font-size: 2rem;
        line-height: 1.3;
        margin-bottom: 1rem; } }
  .main-content .product-short-description {
    color: #2E2E38;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    margin-bottom: 1rem;
    font-size: 14px;
    letter-spacing: 0.35px;
    line-height: 20px; }
    @media (min-width: 992px) {
      .main-content .product-short-description {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.4px;
        margin-bottom: 1.5rem; } }
  .main-content .ita-bullet-list img {
    width: 20px; }
  .main-content .ita-bullet-list ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0; }
  .main-content .ita-bullet-list li {
    display: block;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eC84FA550-99E5-40AC-97FD-57A1FAAE165D%3c/title%3e%3cg id='Page-1' stroke='none' stroke-width='1' fill='%2303683e' fill-rule='evenodd'%3e%3cg id='Icons' transform='translate(-342.000000, -832.000000)' fill='%2303683e'%3e%3cg id='Assets/Icons/Ic-20/Confirm' transform='translate(342.000000, 832.000000)'%3e%3cpath d='M8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 Z M12,3.58578644 L6,9.585 L4,7.58578644 L2.58578644,9 L6,12.4142136 L13.4142136,5 L12,3.58578644 Z' id='Combined-Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 10px;
    color: #2E2E38;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    letter-spacing: 0.35px;
    line-height: 20px;
    font-weight: 400;
    padding-left: 1.5rem; }
    @media (min-width: 992px) {
      .main-content .ita-bullet-list li {
        background-position: left;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.4px;
        margin-bottom: 1rem;
        padding-left: 2rem; } }
  .main-content .primary-images {
    position: relative; }
    .main-content .primary-images .image {
      height: 240px;
      background-position: center center;
      background-image: var(--medium);
      background-repeat: no-repeat;
      background-size: cover;
      margin-bottom: 1rem; }
      .main-content .primary-images .image.left {
        background-position-x: left; }
      .main-content .primary-images .image.right {
        background-position-x: right; }
      @media (min-width: 992px) {
        .main-content .primary-images .image {
          height: 608px;
          margin: 0;
          width: 50vw;
          overflow-x: hidden; } }
      @media (min-width: 1440px) {
        .main-content .primary-images .image {
          background-image: var(--large); } }

.description-and-detail h2 {
  color: #2E2E38;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 24px;
  margin-bottom: 0.5rem; }
  @media (min-width: 992px) {
    .description-and-detail h2 {
      font-size: 28px;
      letter-spacing: 0;
      line-height: 36px;
      margin-bottom: 1rem; } }

.description-and-detail p,
.description-and-detail li {
  color: #2E2E38;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 20px;
  font-weight: 400; }
  @media (min-width: 992px) {
    .description-and-detail p,
    .description-and-detail li {
      font-size: 18px;
      line-height: 24px;
      letter-spacing: 0.4px; } }

.description-and-detail .long-description {
  margin-bottom: 1rem; }
  @media (min-width: 992px) {
    .description-and-detail .long-description {
      margin-bottom: 2rem; } }

.description-and-detail .how-to-accrue {
  margin-bottom: 1rem; }
  .description-and-detail .how-to-accrue ol {
    margin: 0;
    padding: 0 20px; }
    .description-and-detail .how-to-accrue ol li {
      padding-left: 1.5rem;
      margin-bottom: 1rem; }
      @media (min-width: 992px) {
        .description-and-detail .how-to-accrue ol li {
          padding-left: 1rem; } }
      .description-and-detail .how-to-accrue ol li::marker {
        font-weight: 400; }
  @media (min-width: 992px) {
    .description-and-detail .how-to-accrue {
      margin-bottom: 2rem; } }

.description-and-detail .accordion {
  border-top: 1px #d8d8d8 solid;
  border-bottom: 1px #d8d8d8 solid;
  margin-bottom: 2rem; }
  .description-and-detail .accordion a {
    font-weight: 400;
    color: #0171CF !important; }
  .description-and-detail .accordion .card-header {
    padding: 15px 0;
    border: none;
    position: relative;
    cursor: pointer;
    color: #2E2E38;
    font-family: "Lato", sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px; }
    .description-and-detail .accordion .card-header::after {
      content: "";
      position: absolute;
      right: 15px;
      top: 29px;
      width: 20px;
      border-top: 2px solid;
      color: #0c2340; }
    .description-and-detail .accordion .card-header a {
      position: relative;
      color: #2E2E38 !important;
      font-family: "Lato", sans-serif;
      font-size: 24px;
      letter-spacing: 0;
      line-height: 32px; }

.description-and-detail .accordion .card-header.collapsed::before {
  content: "";
  position: absolute;
  right: 0;
  top: 20px;
  height: 20px;
  border-right: 2px solid;
  margin-right: 1.5rem; }

.description-and-detail .additional-long-description .row {
  margin-bottom: 2rem; }
  .description-and-detail .additional-long-description .row:nth-child(even) {
    display: flex;
    flex-direction: row-reverse; }

.description-and-detail .additional-long-description img {
  width: 100%;
  margin-bottom: 1rem; }

.description-and-detail .additional-long-description h2 {
  margin-bottom: 1rem; }

@media (min-width: 992px) {
  .description-and-detail .additional-long-description img {
    margin-bottom: 0; }
  .description-and-detail .additional-long-description h2 {
    margin-bottom: 0.5rem; } }

.description-and-detail .additional-long-description .cta {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  border: 2px #0171CF solid; }
  @media (min-width: 992px) {
    .description-and-detail .additional-long-description .cta {
      margin-bottom: 2rem;
      flex-direction: row;
      width: auto; } }
  .description-and-detail .additional-long-description .cta .secondary {
    background: #FFFFFF;
    color: #0171CF !important; }

.description-and-detail .additional-long-description .table-wrap {
  width: 100%;
  overflow: auto;
  overscroll-behavior-x: none; }

.description-and-detail .additional-long-description .table-scroll {
  position: relative;
  max-width: 600px;
  margin: auto;
  overflow: hidden;
  margin-bottom: 2rem; }
  @media (min-width: 769px) {
    .description-and-detail .additional-long-description .table-scroll {
      max-width: unset;
      margin-bottom: 3rem; } }
  .description-and-detail .additional-long-description .table-scroll table {
    width: 100%;
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    border-spacing: 0; }
    @media (min-width: 769px) {
      .description-and-detail .additional-long-description .table-scroll table {
        table-layout: fixed;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 0 0 1px #d1d1d6; } }
  .description-and-detail .additional-long-description .table-scroll thead {
    background: #efeff0;
    font-weight: 400;
    color: #000000;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    height: 41px; }
    .description-and-detail .additional-long-description .table-scroll thead th {
      height: 40px; }
      .description-and-detail .additional-long-description .table-scroll thead th div {
        word-wrap: break-word;
        overflow-wrap: break-word;
        max-width: 300px;
        min-width: 140px; }
  .description-and-detail .additional-long-description .table-scroll tbody tr:nth-of-type(odd) {
    background: #FFFFFF; }
  .description-and-detail .additional-long-description .table-scroll th,
  .description-and-detail .additional-long-description .table-scroll td {
    white-space: nowrap;
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #d1d1d6;
    text-align: left;
    font-size: 18px;
    text-align: center;
    font-weight: 600; }

.description-and-detail .additional-long-description .clone {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none; }
  .description-and-detail .additional-long-description .clone th,
  .description-and-detail .additional-long-description .clone td {
    visibility: hidden;
    border-color: transparent; }
  .description-and-detail .additional-long-description .clone tr:not(:first-child) {
    background: #FFFFFF; }
  .description-and-detail .additional-long-description .clone tbody th {
    visibility: visible; }
  .description-and-detail .additional-long-description .clone .fixed-side {
    box-sizing: border-box;
    border: 1px solid #d1d1d6;
    visibility: visible;
    box-shadow: 8px 0 12px 0 rgba(0, 0, 0, 0.04); }
    @media (min-width: 769px) {
      .description-and-detail .additional-long-description .clone .fixed-side {
        box-shadow: none; } }

.recommendations h2 {
  color: #2E2E38;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 24px;
  margin-bottom: 0.5rem; }
  @media (min-width: 992px) {
    .recommendations h2 {
      font-size: 28px;
      letter-spacing: 0;
      line-height: 36px;
      margin-bottom: 1rem; } }

.offer-code-request {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background-color: #fff; }
  .offer-code-request.accor, .offer-code-request.donation {
    gap: 1.5rem; }
  .offer-code-request.prize .actions-area button.primary {
    width: 100%; }
  .offer-code-request.prize .price-and-quantity .points {
    margin-left: 0; }
  .offer-code-request.prize .prize-receiver-info-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
    .offer-code-request.prize .prize-receiver-info-container .form-input-group {
      margin-top: 1rem;
      margin-bottom: 0px;
      width: 100%; }
      .offer-code-request.prize .prize-receiver-info-container .form-input-group .error-message-card {
        margin-top: 3px; }
      @media (min-width: 1200px) {
        .offer-code-request.prize .prize-receiver-info-container .form-input-group.firstName, .offer-code-request.prize .prize-receiver-info-container .form-input-group.lastName {
          width: calc(50% - 1rem); } }
  @media (min-width: 769px) {
    .offer-code-request {
      gap: 0; } }
  .offer-code-request .title {
    color: #2E2E38;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px; }
    @media (min-width: 769px) {
      .offer-code-request .title {
        font-size: 24px;
        line-height: 32px; } }
  .offer-code-request .subtitle {
    color: #555555;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 20px; }
    @media (min-width: 769px) {
      .offer-code-request .subtitle {
        margin-bottom: 0.5rem; } }
  .offer-code-request .volare-point {
    color: #555555;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
    padding-bottom: 8px;
    border-bottom: 1px #D8D8D8 solid; }
    .offer-code-request .volare-point span {
      float: right; }
    @media (min-width: 769px) {
      .offer-code-request .volare-point {
        padding-bottom: 0;
        border-bottom: none; }
        .offer-code-request .volare-point span {
          float: none; } }
    .offer-code-request .volare-point span {
      color: #000000;
      font-weight: 600;
      font-family: "Lato", sans-serif;
      font-size: 20px;
      letter-spacing: 0;
      line-height: 28px;
      padding-left: 2px; }
  .offer-code-request .form-input-group {
    display: grid;
    box-sizing: border-box;
    height: 56px;
    border: 1px solid rgba(114, 114, 127, 0.16);
    border-radius: 8px;
    background-color: rgba(114, 114, 127, 0.08);
    padding: 0.5rem 1rem;
    position: relative;
    cursor: text;
    margin-bottom: 20px; }
    @media (min-width: 769px) {
      .offer-code-request .form-input-group {
        margin-bottom: 0px; } }
    .offer-code-request .form-input-group.active label, .offer-code-request .form-input-group.activated label {
      transform: translateY(0);
      font-size: 12px;
      letter-spacing: 0.4px;
      line-height: 16px; }
    .offer-code-request .form-input-group.active:not(.error) label.primary, .offer-code-request .form-input-group.activated:not(.error) label.primary {
      color: #0171CF; }
    .offer-code-request .form-input-group.error {
      border: 1px solid #BE210C; }
      @media (min-width: 769px) {
        .offer-code-request .form-input-group.error {
          margin-bottom: 4px; } }
      .offer-code-request .form-input-group.error label {
        color: #BE210C; }
    .offer-code-request .form-input-group label {
      position: absolute;
      left: 16px;
      top: 8px;
      color: #000000;
      font-family: "Lato", sans-serif;
      font-size: 14px;
      letter-spacing: 0.4px;
      line-height: 20px;
      transform: translateY(9px);
      transition: transform 0.2s ease;
      cursor: text; }
      .offer-code-request .form-input-group label.bold {
        font-weight: 600; }
    .offer-code-request .form-input-group span.changed-points {
      background: transparent;
      border: none;
      box-shadow: none;
      outline: none;
      margin-top: 18px;
      height: 26px; }
    .offer-code-request .form-input-group input {
      background: transparent;
      border: none;
      box-shadow: none;
      outline: none;
      margin-top: 18px;
      height: 26px;
      -moz-appearance: textfield; }
      .offer-code-request .form-input-group input[name="card-number"] {
        text-transform: uppercase; }
      .offer-code-request .form-input-group input::-moz-placeholder {
        color: #000000;
        opacity: 0.5; }
      .offer-code-request .form-input-group input::placeholder {
        color: #000000;
        opacity: 0.5; }
        .offer-code-request .form-input-group input::-moz-placeholder ~ label {
          color: #0171CF;
          transform: translateY(0);
          font-size: 12px;
          letter-spacing: 0.4px;
          line-height: 16px; }
        .offer-code-request .form-input-group input::placeholder ~ label {
          color: #0171CF;
          transform: translateY(0);
          font-size: 12px;
          letter-spacing: 0.4px;
          line-height: 16px; }
      .offer-code-request .form-input-group input::-webkit-outer-spin-button, .offer-code-request .form-input-group input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
    .offer-code-request .form-input-group .error-icon {
      display: none;
      position: absolute;
      right: 1rem;
      top: 50%;
      transform: translateY(-50%); }
    .offer-code-request .form-input-group .error-message-card {
      display: none;
      margin-top: 5px;
      color: #BE210C;
      font-family: "Lato", sans-serif;
      font-size: 12px;
      letter-spacing: 0.4px;
      line-height: 16px;
      height: 32px;
      overflow-y: hidden; }
      @media (min-width: 769px) {
        .offer-code-request .form-input-group .error-message-card {
          height: initial;
          overflow-y: initial; } }
  .offer-code-request .price-and-quantity {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    @media (min-width: 769px) {
      .offer-code-request .price-and-quantity {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        min-height: 80px; } }
    .offer-code-request .price-and-quantity .offer-code-section {
      display: flex;
      flex-direction: column; }
      @media (min-width: 769px) {
        .offer-code-request .price-and-quantity .offer-code-section {
          justify-content: center; }
          .offer-code-request .price-and-quantity .offer-code-section .space-h-1 {
            height: 1rem; } }
      .offer-code-request .price-and-quantity .offer-code-section .label {
        color: #0C2340;
        font-family: "Lato", sans-serif;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.4px;
        line-height: 16px; }
      .offer-code-request .price-and-quantity .offer-code-section .value {
        color: #0171CF;
        font-family: "Lato", sans-serif;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 24px; }
    .offer-code-request .price-and-quantity .gift-value {
      padding-bottom: 0.75rem;
      border-bottom: thin solid #ccc;
      margin-bottom: 0.75rem;
      gap: 4px; }
      @media (min-width: 769px) {
        .offer-code-request .price-and-quantity .gift-value {
          margin-bottom: 0;
          padding-bottom: 0;
          border-bottom: none; } }
    .offer-code-request .price-and-quantity .points {
      margin-bottom: 1rem;
      gap: 4px; }
      @media (min-width: 769px) {
        .offer-code-request .price-and-quantity .points {
          margin: auto; }
          .offer-code-request .price-and-quantity .points.points-value {
            margin-left: 3rem;
            margin-right: 2rem; } }
    .offer-code-request .price-and-quantity .variation-selector {
      flex-basis: 100%;
      margin-top: 0.5rem; }
      @media (min-width: 769px) {
        .offer-code-request .price-and-quantity .variation-selector {
          margin-top: 0; } }
    @media (min-width: 769px) {
      .offer-code-request .price-and-quantity .custom-selector {
        min-width: 12rem;
        margin-top: 1rem;
        width: calc(50% - 1rem); } }
    .offer-code-request .price-and-quantity .custom-selector > .custom-select-container {
      display: flex;
      flex-direction: column;
      border: 1px solid #ccc;
      border-radius: 8px;
      padding: 0.5rem 1rem;
      background-color: #eee;
      gap: 4px; }
      .offer-code-request .price-and-quantity .custom-selector > .custom-select-container > label {
        color: #0171CF;
        font-family: "Lato", sans-serif;
        font-size: 12px;
        letter-spacing: 0.4px;
        line-height: 16px;
        margin: 0; }
      .offer-code-request .price-and-quantity .custom-selector > .custom-select-container > select {
        border: none;
        background-color: transparent;
        color: #2E2E38;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        letter-spacing: 0.4px;
        line-height: 20px;
        cursor: pointer; }
        .offer-code-request .price-and-quantity .custom-selector > .custom-select-container > select:focus {
          outline: none; }
  .offer-code-request .actions-area {
    display: flex; }
    .offer-code-request .actions-area .accor,
    .offer-code-request .actions-area .donation {
      display: flex;
      justify-content: flex-end;
      gap: 1rem;
      width: 100%;
      flex-direction: column; }
    @media (min-width: 769px) {
      .offer-code-request .actions-area {
        margin-top: 1rem; }
        .offer-code-request .actions-area .accor
.offer-code-request .actions-area .donation {
          flex-direction: row; } }
    .offer-code-request .actions-area a,
    .offer-code-request .actions-area button {
      width: 100%;
      min-width: 143px;
      border-radius: 32px;
      background-color: #0171CF;
      border: none;
      padding: 13px;
      color: #fff !important;
      font-family: "Lato", sans-serif;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.5px;
      line-height: 20px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      border: 2px #0171CF solid; }
      .offer-code-request .actions-area a.secondary,
      .offer-code-request .actions-area button.secondary {
        background: #FFFFFF;
        color: #0171CF !important; }
      .offer-code-request .actions-area a:disabled,
      .offer-code-request .actions-area button:disabled {
        opacity: 0.32; }
      @media (min-width: 769px) {
        .offer-code-request .actions-area a,
        .offer-code-request .actions-area button {
          width: auto;
          min-width: 33.34%;
          padding: 1rem 2.75rem; } }
      .offer-code-request .actions-area a:focus,
      .offer-code-request .actions-area button:focus {
        outline: none; }

#pdp-loading {
  width: 1.25rem;
  height: 1.25rem;
  margin: auto;
  border: solid 2px #FFFFFF;
  border-radius: 50%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transition: all 0.5s ease-in;
  animation-name: rotate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }
  #pdp-loading.secondary {
    border: solid 2px #0171CF;
    border-right-color: transparent;
    border-bottom-color: transparent; }

#exchangeInput,
#donationSelect {
  background-color: rgba(0, 0, 0, 0.009);
  color: #2E2E38;
  border: none;
  margin-top: 12px; }
  #exchangeInput:focus,
  #donationSelect:focus {
    outline: none; }


/*# sourceMappingURL=detail.css.map*/