.cart-wrapper {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 40px;
  background-color: #FFF;
  border-radius: 40px; }
  .cart-wrapper .cart-items {
    border-right: .5px solid #e0e0e0;
    width: calc(100% - 350px);
    height: auto;
    padding: 20px 40px 20px 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; }
    .cart-wrapper .cart-items .cart-item {
      margin-top: 25px;
      width: 100%;
      height: 160px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      border-bottom: 0.5px solid #e0e0e0; }
    .cart-wrapper .cart-items .product-image {
      transition: all ease-in .2s;
      width: 150px;
      height: 150px;
      padding: 10px; }
      .cart-wrapper .cart-items .product-image:hover {
        transform: scale(1.2); }
      .cart-wrapper .cart-items .product-image img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    .cart-wrapper .cart-items .product-name {
      width: calc(100% - 160px - 220px - 40px);
      height: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 0px 40px 0px 40px; }
      .cart-wrapper .cart-items .product-name a {
        text-decoration: none;
        font-size: 20px;
        font-weight: 600;
        color: var(--dark-font); }
    .cart-wrapper .cart-items .product-quantity {
      width: 220px;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: center; }
      .cart-wrapper .cart-items .product-quantity .product-price {
        width: 100%;
        margin-top: 20px;
        text-align: center;
        font-size: 18px;
        font-weight: 800;
        color: var(--dark-font);
        padding: 10px 20px;
        background-color: #F0EFFF;
        border-radius: 20px; }
      .cart-wrapper .cart-items .product-quantity .cart-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 5px;
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none; }
        .cart-wrapper .cart-items .product-quantity .cart-container .product-card {
          width: 100%; }
        .cart-wrapper .cart-items .product-quantity .cart-container .add-to-cart-container {
          width: 100%; }
        .cart-wrapper .cart-items .product-quantity .cart-container .add-to-cart, .cart-wrapper .cart-items .product-quantity .cart-container .cart-counter-container, .cart-wrapper .cart-items .product-quantity .cart-container .remove-from-cart {
          user-select: none;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          width: 100%;
          height: 50px;
          border-radius: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          background-size: 400%;
          background-image: linear-gradient(90deg, #0065ff, #6942ef, #6554c0, #008cff, #0065ff, #C200FF); }
          .cart-wrapper .cart-items .product-quantity .cart-container .add-to-cart::before, .cart-wrapper .cart-items .product-quantity .cart-container .cart-counter-container::before, .cart-wrapper .cart-items .product-quantity .cart-container .remove-from-cart::before {
            content: '';
            position: absolute;
            border-radius: 7px;
            background-image: linear-gradient(90deg, #0065ff, #6942ef, #6554c0, #008cff, #0065ff, #C200FF);
            background-size: 500%;
            background-position: 0% 0%;
            z-index: -1;
            transition: opacity 0.2s; }
          .cart-wrapper .cart-items .product-quantity .cart-container .add-to-cart:hover, .cart-wrapper .cart-items .product-quantity .cart-container .cart-counter-container:hover, .cart-wrapper .cart-items .product-quantity .cart-container .remove-from-cart:hover {
            animation: gradientRotate 5s infinite; }
            .cart-wrapper .cart-items .product-quantity .cart-container .add-to-cart:hover::before, .cart-wrapper .cart-items .product-quantity .cart-container .cart-counter-container:hover::before, .cart-wrapper .cart-items .product-quantity .cart-container .remove-from-cart:hover::before {
              opacity: 1;
              animation: gradientRotate 5s infinite; }

@keyframes gradientRotate {
  0% {
    background-position: 0% 0%; }
  50% {
    background-position: 100% 100%; }
  0% {
    background-position: 0% 0%; } }
          .cart-wrapper .cart-items .product-quantity .cart-container .add-to-cart p, .cart-wrapper .cart-items .product-quantity .cart-container .cart-counter-container p, .cart-wrapper .cart-items .product-quantity .cart-container .remove-from-cart p {
            font-size: 18px;
            font-weight: 600;
            color: #fff;
            letter-spacing: .5px; }
          .cart-wrapper .cart-items .product-quantity .cart-container .add-to-cart.mini, .cart-wrapper .cart-items .product-quantity .cart-container .cart-counter-container.mini, .cart-wrapper .cart-items .product-quantity .cart-container .remove-from-cart.mini {
            width: 100%;
            height: 40px;
            color: #FFF;
            font-weight: 700;
            font-size: 24px;
            background: none;
            user-select: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none; }
          .cart-wrapper .cart-items .product-quantity .cart-container .add-to-cart.full, .cart-wrapper .cart-items .product-quantity .cart-container .cart-counter-container.full, .cart-wrapper .cart-items .product-quantity .cart-container .remove-from-cart.full {
            width: 100%; }
        .cart-wrapper .cart-items .product-quantity .cart-container .cart-counter-container {
          display: flex;
          justify-content: space-around;
          align-items: center; }
          .cart-wrapper .cart-items .product-quantity .cart-container .cart-counter-container .cart-counter {
            width: 75px;
            height: 100%;
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            border: none;
            outline: none;
            text-align: center;
            font-weight: 800;
            font-size: 18px; }
            .cart-wrapper .cart-items .product-quantity .cart-container .cart-counter-container .cart-counter:focus {
              outline: none; }
    .cart-wrapper .cart-items.success {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%; }
      .cart-wrapper .cart-items.success h1 {
        margin-top: 50px;
        width: 100%;
        font-size: 36px;
        color: var(--dark-font);
        text-align: center; }
      .cart-wrapper .cart-items.success .success-image {
        width: 200px;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 50px; }
        .cart-wrapper .cart-items.success .success-image svg {
          width: 100%;
          height: 100%;
          object-fit: contain; }
      .cart-wrapper .cart-items.success .order-details {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center; }
        .cart-wrapper .cart-items.success .order-details .message {
          width: 100%;
          padding: 20px 20%;
          display: flex;
          justify-content: center;
          align-items: center; }
          .cart-wrapper .cart-items.success .order-details .message p {
            font-size: 18px;
            font-weight: 400;
            color: var(--dark-font);
            text-align: center; }
        .cart-wrapper .cart-items.success .order-details .order-information {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;
          width: 100%;
          padding: 20px; }
          .cart-wrapper .cart-items.success .order-details .order-information p {
            font-size: 18px;
            font-weight: 400;
            color: var(--dark-font);
            text-align: center; }
            .cart-wrapper .cart-items.success .order-details .order-information p strong {
              font-weight: 800;
              color: var(--dark-font);
              font-size: 20px; }
        .cart-wrapper .cart-items.success .order-details .order-items h3 {
          width: 100%;
          font-size: 24px;
          font-weight: 600;
          color: var(--dark-font);
          text-align: center; }
        .cart-wrapper .cart-items.success .order-details .order-items ul {
          margin-top: 25px;
          width: 100%;
          padding: 0px 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          .cart-wrapper .cart-items.success .order-details .order-items ul li {
            width: 100%;
            font-size: 18px;
            font-weight: 400;
            color: var(--dark-font);
            text-align: center;
            list-style-type: none;
            margin-top: 10px; }
            .cart-wrapper .cart-items.success .order-details .order-items ul li strong {
              font-weight: 800;
              color: var(--dark-font);
              font-size: 20px; }
  .cart-wrapper .checkout-container {
    width: 350px;
    height: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 0px 20px 40px; }
    .cart-wrapper .checkout-container .commerce-container {
      width: 100%;
      height: 50%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; }
    .cart-wrapper .checkout-container .products-total {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; }
      .cart-wrapper .checkout-container .products-total .title {
        color: #FFF;
        background-color: var(--dark-font);
        padding: 10px 20px;
        border-radius: 20px;
        font-size: 32px;
        font-weight: 700; }
      .cart-wrapper .checkout-container .products-total .product-count {
        margin-top: 20px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        color: var(--dark-font); }
        .cart-wrapper .checkout-container .products-total .product-count .subtitle {
          font-size: 16px;
          font-weight: 400; }
        .cart-wrapper .checkout-container .products-total .product-count .quantity {
          font-size: 16px;
          font-weight: 800; }
      .cart-wrapper .checkout-container .products-total .total {
        margin-top: 20px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
        .cart-wrapper .checkout-container .products-total .total .subtitle {
          font-size: 16px;
          font-weight: 400; }
        .cart-wrapper .checkout-container .products-total .total .quantity {
          font-size: 16px;
          font-weight: 800; }
    .cart-wrapper .checkout-container .checkout {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start; }
      .cart-wrapper .checkout-container .checkout .cart-total {
        margin-top: 100px;
        font-size: 36px;
        font-weight: 600;
        color: var(--dark-font);
        width: 100%;
        padding: 20px;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #F0EFFF; }
      .cart-wrapper .checkout-container .checkout .checkout-button {
        margin-top: 20px;
        width: 100%;
        height: 50px;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        width: 100%;
        height: 50px;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-size: 400%;
        background-image: linear-gradient(90deg, #0065ff, #6942ef, #6554c0, #008cff, #0065ff, #C200FF); }
        .cart-wrapper .checkout-container .checkout .checkout-button::before {
          content: '';
          position: absolute;
          border-radius: 7px;
          background-image: linear-gradient(90deg, #0065ff, #6942ef, #6554c0, #008cff, #0065ff, #C200FF);
          background-size: 500%;
          background-position: 0% 0%;
          z-index: -1;
          transition: opacity 0.2s; }
        .cart-wrapper .checkout-container .checkout .checkout-button:hover {
          animation: gradientRotate 5s infinite; }
          .cart-wrapper .checkout-container .checkout .checkout-button:hover::before {
            opacity: 1;
            animation: gradientRotate 5s infinite; }

@keyframes gradientRotate {
  0% {
    background-position: 0% 0%; }
  50% {
    background-position: 100% 100%; }
  0% {
    background-position: 0% 0%; } }
        .cart-wrapper .checkout-container .checkout .checkout-button a {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #FFF;
          font-size: 18px;
          font-weight: 500;
          text-decoration: none;
          letter-spacing: .5px; }
      .cart-wrapper .checkout-container .checkout .additional-information {
        width: 100%;
        padding: 0px 10px; }
        .cart-wrapper .checkout-container .checkout .additional-information p {
          width: 100%;
          padding: 10px;
          color: var(--dark-font); }

@media (max-width: 576px) {
  .cart-wrapper {
    flex-direction: column-reverse;
    margin-top: 20px;
    padding: 20px; }
    .cart-wrapper .checkout-container {
      width: 100%;
      height: 400px;
      padding: 0; }
      .cart-wrapper .checkout-container .title {
        width: 100%;
        text-align: center; }
    .cart-wrapper .cart-items {
      width: 100%;
      padding: 0;
      border: none; }
      .cart-wrapper .cart-items .nothing-to-display {
        height: auto;
        margin-top: 80px; }
      .cart-wrapper .cart-items .cart-item:first-of-type {
        margin-top: 100px; }
      .cart-wrapper .cart-items .cart-item {
        margin-top: 60px;
        height: auto;
        display: flex;
        flex-wrap: wrap; }
        .cart-wrapper .cart-items .cart-item > :nth-child(1),
        .cart-wrapper .cart-items .cart-item > :nth-child(2) {
          width: 50%; }
        .cart-wrapper .cart-items .cart-item > :nth-child(3) {
          width: 100%; }
        .cart-wrapper .cart-items .cart-item .product-quantity {
          margin-top: 25px; }
        .cart-wrapper .cart-items .cart-item .cart-container .product-card .add-to-cart-container .cart-counter-container input {
          width: 100%; } }

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