/** Shopify CDN: Minification failed

Line 274:12 Comments in CSS use "/* ... */" instead of "//"
Line 284:14 Comments in CSS use "/* ... */" instead of "//"
Line 302:13 Comments in CSS use "/* ... */" instead of "//"
Line 303:13 Comments in CSS use "/* ... */" instead of "//"
Line 420:10 Comments in CSS use "/* ... */" instead of "//"
Line 764:2 Expected identifier but found whitespace
Line 970:0 Comments in CSS use "/* ... */" instead of "//"
Line 971:0 Comments in CSS use "/* ... */" instead of "//"
Line 972:0 Comments in CSS use "/* ... */" instead of "//"
Line 974:0 Comments in CSS use "/* ... */" instead of "//"
... and 34 more hidden warnings

**/
/* additional css  */
   .product__row {
    display: flex;
}
   .custom-size {
    display: flex;
    gap: 20px;
    margin-bottom:20px;
}

.custom-size  label {
    width: 40px;
  
    height: 40px;
    border: 2px solid #ddd;
    border-radius: 4px;
    background: white;
    cursor: pointer;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 16px;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.custom-size .activeSize {
    border-color: #333;
}

.big-image img {
    /* width: 378px; */
    height: 378px;
    object-fit: contain;
    padding: 20px;
    background: #ffffff;
}
.big-image   {
  margin: 0 auto 5px;
    border: 2px solid #ddd;
    border-radius: 8px;
    padding: 10px;
}

    
.product-list-img.selected-product {
    border-color: #E15631;
}
section.f-width-container {
    background: rgba(251, 248, 237, 1);
}
 

.dynamic_product img {
       flex: 0 0 auto;
   width: 60px;
   height: 60px;
   border: 2px solid #ddd;
   border-radius: 4px;
   cursor: pointer;
   background: white;
   overflow: hidden;
   padding: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.product__row{
    display: flex;
    gap: 8px;
    margin-top: 4px;
    overflow-x: auto;
    padding-bottom: 10px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.small-cust-head {
        line-height: 17px;
        font-family: 'IBM Plex Mono', monospace;
        font-size: 14px;
        color: #333;
        margin-bottom: 4px;
        display: block;
        font-weight: 400;
        margin-bottom: 10px;
        margin-top: 20px;
}
.landing-page .side-data-of-feature-product, .landing-page .featurebackground.section-spacing {
    width: 61%;
    padding-right: 5%;
}

.all-inputs-sizes {
    display: flex;
    gap: 8px;
}

.subscription-section {
    flex: 1;
    margin: 0;
}
.selection-section label {
    font-family: 'IBM Plex Mono', monospace;
    font-size: 14px;
    color: #333;
    margin-bottom: 4px;
    display: block;
}
.subscription-options {
    display: flex ;
    flex-direction: column;
    gap: 6px;
    margin-top: 4px;
}
.subscription-option.selected {
    border-color: #333;
    background-color: #f9f9f9;
}
.subscription-option {
    height: 32px;
    border: 2px solid #ddd;
    border-radius: 4px;
    background: white;
    cursor: pointer;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 13px;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex ;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    text-align: center;
}

input#qty-input {
    max-width: 30px;
    text-align: center;
}

.size-subscription-container {
    display: flex;
    gap: 15px;
}


.size-subscription-container  .size-label.small-cust-head {
    margin: 0;
}

.size-subscription-container  .custom-size {
    margin-top: 8px;
}

.size-subscription-container {
    margin-top: 20px;
}


a#cart-url-output  {
 padding: 15px 25px;
 border: solid black 2px;
 border-radius: 30px;
 font-weight: 500;
 font-family: IBM Plex Mono;
 text-transform: uppercase;
 font-size: 20px;
}
a#cart-url-output:hover  {
  background-color:black;
 color:white;
 
}
  #checkout-url-output {
   margin-left:10px;
 padding: 15px 45px;
 border: solid black 2px;
 border-radius: 30px;
 font-weight: 500;
 font-family: IBM Plex Mono;
 text-transform: uppercase;
 font-size: 20px;
   color:white;
   background-color:black;
}

 
.quantity-selector {
    margin-bottom: 20px;
}

.custome-popup-section {
    margin-top: 20px !important;
}

@media(max-width:1024px){
 #checkout-url-output,a#cart-url-output  {
    margin-left: 0px;
     text-align:center
}
.cart-btn {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

 
.product__row  .product-list:not(.product-list--carousel) {
        margin-inline: unset;
    }
.big-image img {
    width: 340px;
    height: 340px;
}
}
@media (max-width: 770px) {
    .landing-page .side-data-of-feature-product, .landing-page .featurebackground.section-spacing {
        width: 100%;
    }
}
 section#product-gallery-cust {
    width: 39%;
}

.dynamic_product.product-list {
    flex: 0 0 auto;
}

@media(max-width:1024px){
 section#product-gallery-cust {
    width: 100%;
}

.dynamic_product.product-list {
    flex: 0 0 auto;
}
.big-image { 
        width: 340px;
   
}
    
}



/* Subscription app code */
     #appstle_subscription_widget0{
            width: 100%;
            text-align: left;
            margin-top: 17px;
            clear: both;
            // max-width: 400px;
            
        }

        #appstle_subscription_widget0{
          
        }

          #appstle_subscription_widget0 .appstle_subscription_wrapper {
               border: 1.5px solid #cccccc;
              // box-shadow: 0 0 0 1px #c4cdd5;
              border-radius: 5px;
              margin-bottom: 5px;
              overflow: hidden;
              
          }

          #appstle_subscription_widget0 .appstle_subscription_wrapper_option {
              display: flex;
              position: relative;
              padding: 16px 16px;
              flex-direction: column;
          }
          #appstle_subscription_widget0 .appstle_selected_background {
            background:transparent
          }

          #appstle_subscription_widget0 .appstle_subscription_wrapper_option:first-child {
             // box-shadow: 0 1px 0 0 #c4cdd5;
             // border-bottom: inherit;
          }

          #appstle_subscription_widget0 .appstle_subscription_wrapper_option:not(.appstle_include_dropdown) {
            justify-content: center;
          }

          #appstle_subscription_widget0 .appstle_subscription_wrapper_option.appstle_include_dropdown {
            flex-direction: column;
            justify-content: center;
          }

          .appstle_circle {
            position: relative;
          }



        [name="selling_plan"] {
          position: absolute;
          opacity: 0;
      }


          #appstle_subscription_widget0 .appstle_subscribe_option {
              margin-left: 29px;
              margin-top: 5px;
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              text-align: left;
          }

          #appstle_subscription_widget0 .appstle_subscription_amount {
              margin-left: auto;
          }

          #appstle_subscription_widget0 .appstle_circle {
              display: flex;
              height: 18px;
              width: 18px;
              border: 2px solid #3a3a3a;
              border-radius: 50%;
              margin-right: 10px;
              justify-content: center;
              align-items: center;
              flex-shrink: 0;
              
            }


            span.appstle_dot {
              height: 10px;
              width: 10px;
              transform: scale(0);
              background-color: #3a3a3a;
              border-radius: 50%;
              flex-shrink: 0;
              transition: transform 0.2s;
            }

          #appstle_subscription_widget0 .appstle_subscription_wrapper_option input[type=radio]:checked + label .appstle_circle .appstle_dot {
            transform: scale(1);
              
            }


        #appstle_subscription_widget0 .appstle_radio_label {
          display: flex !important;
          align-items: center;
          margin: 0;
          padding: 0;
          background: none;
        }

        #appstle_subscription_widget0 .appstle_select_label {
          display: flex !important;
          align-items: center;
          margin: 0;
          padding: 0;
          background: none;
          font-size: 13px;

        }
        .appstle_bundle_discount_amount {
          font-size: 10px;
          color:rgb(0, 0, 0);
          font-style: oblique;
          margin-left:26px;
        }

        #appstle_subscription_widget0 .appstle_form_field_input, #appstle_subscription_widget0 .appstle_form_field_datepicker, #appstle_subscription_widget0 .appstle_form_field_text_input {
          width: 100%;
          padding-left: 20px;
          padding-right: 20px;
          height: 43px !important;
          border-radius: 12px;
          border: 1px solid #0000003d!important;
          font-size: 1.5rem;
          color: #495057;
        }

        #appstle_subscription_widget0 .appstle_tooltip {
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
          background-color: #3a3a3a;
          border-radius: 5px;
          left: 0;
          color: #fff;
          transition: transform .2s cubic-bezier(.215,.61,.355,1);
          -ms-transform: translateY(0);
          transform: translateY(100%) scaleY(0);
          transform-origin: center top;
          opacity: 0;
          position: absolute;
          bottom: 1px;
          // border-bottom-left-radius: 0;
          min-width: 250px;
          
        }



        #appstle_subscription_widget0 [data-appstle-icon] {
            -ms-flex-item-align: end;
            backface-visibility: hidden;
        }

        #appstle_subscription_widget0 [data-appstle-icon]:after {
              border: solid transparent;
              border-top-color: #3a3a3a;
              border-width: 9px;
              content: '';
              position: absolute;
              pointer-events: none;
              opacity: 0;
              left: 2px;
              bottom: 0;
              -ms-transform: translateX(-50%) translateY(10px) rotate(180deg);
              transform: translateY(10px) rotate(180deg);
              transition-delay: 0;
              visibility: hidden;
              transition: transform .2s cubic-bezier(.215,.61,.355,1);
              z-index: 99999999;
              background: none;
              padding: 0;
              
        }
		@media screen and (max-width: 1024px) {

			#appstle_subscription_widget0 [data-appstle-icon].appstle-tooltip-show+.appstle_tooltip {
				  opacity: 1;
				  visibility: visible;
				  transform: translateY(100%) scaleY(1);
				  bottom: 1px;
				  z-index: 99999999;
			}

			#appstle_subscription_widget0 [data-appstle-icon].appstle-tooltip-show:after {
			  opacity: 1;
			  visibility: visible;
			  -ms-transform: translateX(-50%) translateY(0) rotate(180deg);
			  transform: translateY(0) rotate(180deg);
			}
		}
        @media screen and (min-width: 1025px) {
			#appstle_subscription_widget0 [data-appstle-icon]:hover .appstle_tooltip {
				  opacity: 1;
				  visibility: visible;
				  transform: translateY(100%) scaleY(1);
				  bottom: 1px;
				  z-index: 99999999;
			}

      #appstle_subscription_widget0 [data-appstle-icon]:hover+.appstle_tooltip {
				  opacity: 1;
				  visibility: visible;
				  transform: translateY(100%) scaleY(1);
				  bottom: 1px;
				  z-index: 99999999;
			}

			#appstle_subscription_widget0 [data-appstle-icon]:hover:after {
			  opacity: 1;
			  visibility: visible;
			  -ms-transform: translateX(-50%) translateY(0) rotate(180deg);
			  transform: translateY(0) rotate(180deg);
			}
		}

        #appstle_subscription_widget0 .appstle_tooltip_wrapper {

          display: flex !important;
          align-items: center;
          position: unset;
          box-sizing: border-box
          position: relative;


        }

        .appstle-tootltip-parent {
          position: relative;
          margin-top: 8px;
          margin-bottom: 16px;
          margin-left: 0px;
        }

        #appstle_subscription_widget0 .appstle_tooltip_wrapper_static {
          font-size: 13px;
          background-color: beige;
          border-radius: 6px;
          padding: 23px;
          margin-bottom: 10px;
          
        }

        #appstle_subscription_widget0 .tooltip_subscription_svg {
             height: 22px;
            width: 22px;
            margin-right: 10px;
            fill: rgb(var(--color-foreground));
            
        }

        #appstle_subscription_widget0 .appstle_subscription_radio_wrapper {
            display: flex;
            align-items: flex-start;
        }

        #appstle_subscription_widget0 .appstle_subscription_amount_wrapper {
          margin-left: auto;
          text-align: right;
        }

        #appstle_subscription_widget0 .appstle_subscription_amount_wrapper .appstle_prepaid_description, #appstle_subscription_widget0 .appstle_subscription_amount_wrapper .appstle_selling_plan_unit_price, .appstle_one_time_unit_price {
          font-size: 13px;
          opacity: 0.8;
        }

        .appstle_prepaid_description {
          word-wrap: break-word;
        }

        .appstle_subscription_final_price {
            margin-right: 10px !important;
            text-decoration: none;
            color: #ff0000;
            
        }

        .appstle_subscription_save {
            margin-left: 10px;
              padding: 2px 6px;
              border: 1px solid #ff0000;
              border-radius: 3px;
              font-size: 10px;
              color: #ff0000;
              font-weight: bold;
              display: inline;
              position: relative;
              top: 0px;
              letter-spacing: 1px;
        }

        #appstle_subscription_widget0 .appstle_subscription_wrapper .appstle_select {
            width: 100%;
            margin: 0;
            
        }

        #appstle_subscription_widget0 .appstle_hide_subsOption {
          opacity: 0;
          margin-top: 0;
        }

        #appstle_subscription_widget0 .appstle_tooltip_content {
          padding: 16px;
        }

        body #appstle_subscription_widget0 .appstle_tooltip .appstle_tooltip_appstle {
          padding: 12px !important;
          font-size: 8px !important;
          letter-spacing: 2px !important;
          text-align: right !important;
          background: #13b5ea !important;
          border-bottom-left-radius: 4px !important;
          border-bottom-right-radius: 4px !important;
          display: block !important;
        }

        .appstle_link {
          color: inherit !important;
          text-decoration: none !important;
          cursor: pointer !important;
        }

        .appstleRadioSellingPlanWrapper {
          display: flex;
          flex-direction: column;
        }

        .appstle-radio-input-wrapper{
          display: flex;
          align-items: center;
        }
        .appstleLoyaltyTable {
          margin-top: 20px;
          margin-bottom: 10px;
        }

        .appstle_loyalty_title {
          margin-bottom: 10px;
        }

        .appstle-loyalty-billing-cycle-count, .appstle-loyalty-discount-amount, .appstle-loyalty-free-trial-discount {
          color: #198946;
        }

        .appstle_fields_wrapper {
          margin-bottom: 20px;
        }

        .as-date-input-wrapper {
          position: relative;
        }

        .as-date-input-wrapper .ui-datepicker-trigger {
          position: absolute;
          height: 100%;
          width: 40px;
          right: 0;
          top: 0;
        }

        .as-date-input-wrapper .ui-datepicker-trigger img {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 28px;
          transform: translate(-50%, -50%);
        }

        .appstle_subscription_compare_amount  {
          text-decoration: line-through;
        }

        #ui-datepicker-div {
          z-index: 1000000 !important;
        }

        .appstle_one_time_details_wrapper {
          display: flex;
          flex-grow: 1;
          align-items: flex-start;
      }

      .appstle_one_time_description_text {
        margin-left: 28px;
        font-size: 13px;
        word-wrap: break-word;
      }

      .appstle_one_time_price_wrapper {
        margin-left: auto;
        text-align: right;
      }

      .appstle_one_time_unit_price {
        text-align: right;
      }

      .appstle_sub_widget input[name=selling_plan_radio], .appstle_sub_widget input[name=selling_plan_radio_prepaid] {
        appearance: auto;
        height: auto;
        overflow: unset;
        position: relative;
        width: unset;
        margin: 0 !important;
    }
    .appstle_sub_widget *:empty {
      display: block !important;
  }
  .prepaidPlansDropdownWrapper, .appstle_subscription_wrapper_option+.payAsYouGoPlansDropdownWrapper {
    border-top: 1.5px solid #cccccc;
}
.appstleSelectedSellingPlanOptionDescription {
    font-size: 13px;
    margin-top: 4px;
    word-wrap: break-word;
}

.appstleSellingPlanDescription {
        font-size: 13px;
        word-wrap: break-word;
}

.appstleRadioSellingPlanWrapper label {
margin-left: 10px;
line-height: 1;
}

.appstleRadioSellingPlanWrapper input {
min-height: auto !important;
}

.appstle-radio-wrapper {
margin-top: 10px;
}

.appstle_subscribe_option {
    display: grid !important;
    grid-template-rows: 1fr;
    transition: grid-template-rows 500ms, opacity 300ms 300ms;
}

.appstle_onetime_option {
  display: grid !important;
  transition: grid-template-rows 500ms, opacity 300ms 300ms;
  grid-template-rows: 0fr;
}

.appstle-active-option .appstle_onetime_option {
  grid-template-rows: 1fr;
}


.appstle_subscribe_option.appstle_hide_subsOption > div {
    overflow: hidden;
}

.appstle_subscribe_option.appstle_hide_subsOption {
    grid-template-rows: 0fr;
}

.appstle_subscribe_option.appstle_hide_subsOption {
    height: auto !important;
    visibility: unset !important;
    overflow: hidden;
}

.appstle_subscribe_option_grid {
    overflow: hidden;
}
.appstle_onetime_option_grid {
  overflow: hidden;
}

.appstle-atc-button {
    display: block;
    width: 100%;
    background: #3a3a3a;
    color: #fff;
    border: none;
    padding: 15px 30px;
    margin-top: 20px;
}

span.appstle_dot {
    transition: all 0.2s;
}.

span.appstle_dot {
    height: 10px;
    width: 10px;
    transform: scale(0);
    background-color: #3a3a3a;
    border-radius: 50%;
    flex-shrink: 0;
}

.appstle-atc-button-hide {
    display: none;
}
.appstle-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: currentColor;
}

.appstle_sub_widget input[name=selling_plan] {
  display: block !important;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  top: 0;
  left: 0;
}

.appstle_subscription_radio_wrapper {
  position: relative;
}
.appstle_subscription_amount_compare_at_price {
  text-decoration: line-through;
  font-size: 14px;
}

.appstle-icon-spinner {
  width: 20px;
  -moz-animation: appstle-spin 500ms infinite linear;
  -o-animation: appstle-spin 500ms infinite linear;
  -webkit-animation: appstle-spin 500ms infinite linear;
  animation: appstle-spin 500ms infinite linear; }

@-webkit-keyframes appstle-spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes appstle-spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes appstle-spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes appstle-spin {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

    .appstle_subscribe_option.appstle_hide_subsOption .appstleSellingPlanDescription {
      display: none !important;
      }

      .appstle_shipment_tooltip_wrapper {
        position: relative;
        margin-bottom: 6px;
        display: inline-flex;
        align-items: center;
        padding-top: 11px;
        box-sizing: border-box;
        margin-left: 0px;
        padding-bottom: 11px;
      }
      .appstle_shipment_tooltip_wrapper .appstle_shipment_tooltip {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
        background-color: #3a3a3a;
        border-radius: 5px;
        left: 0;
        color: #fff;
        transition: transform .2s cubic-bezier(.215,.61,.355,1);
        -ms-transform: translateY(0);
        transform: translateY(100%) scaleY(0);
        transform-origin: center top;
        opacity: 0;
        position: absolute;
        bottom: 1px;
        min-width: 215px;
      }
      .appstle_shipment_tooltip_wrapper:hover .appstle_shipment_tooltip {
        opacity: 1;
        visibility: visible;
        transform: translateY(105%) scaleY(1);
        bottom: 1px;
        z-index: 99999999;
      }
      .appstle-add-to-shipment-loader, .appstle-add-to-shipment-success, .appstle-add-to-shipment-error {
        display: none;
      }
      .appstle_shipment_tooltip .appstle_shipment_tooltip_content {
        padding: 16px;
      }
      button.appstle-add-to-shipment {
        margin-top: 5px;
        width: 100%;
        padding: 15px 40px;
        border-radius: 100rem;
        background: #000;
        color: white;
        border: none;
        cursor: pointer;
    }
    button.appstle-add-to-shipment-disabled {
      width: 100%;
      padding: 15px 40px;
      border-radius: 100rem;
      background: #000;
      color: white;
      border: none;
      cursor: pointer;
      opacity: 0.8;
      cursor: not-allowed;
  }
    .as-hidden {
      display: none;
    }

    .appstle-save-badge {
      background-color: #fed83f;
      color: #3b3b3b;
      width: auto;
      border-radius: 2px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      text-transform: uppercase;
      font-size: .5em;
      letter-spacing: 1px;
      line-height: 2;
      padding: 0 0.5em;
      margin-left: 1em;
      position: relative;
      display: inline-block;
      transform: rotate(5deg) translate(0, 2px);
      font-weight: bold;
  }
  .appstle-save-badge::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 2em;
    left: calc(-2em + 1px);
    background: linear-gradient(to bottom right, transparent 49.4%, rgb(254, 216, 63) 50%) top, linear-gradient(to top right, transparent 49.4%, rgb(254, 216, 63) 50%) bottom;
    background: conic-gradient(transparent 45deg, rgb(254, 216, 63) 45deg 135deg, transparent 125deg 360deg);
    background: linear-gradient(to bottom right, transparent 50%, rgb(254, 216, 63) 50%) top, linear-gradient(to top right, transparent 50%, rgb(254, 216, 63) 50%) bottom;
    background: conic-gradient(transparent 45deg, rgb(254, 216, 63) 45deg 135deg, transparent 125deg 360deg);
    background-size: 100% 51%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

  .appstle-save-badge:empty {
    display: none;
  }

  product-info .appstle_stand_alone_price_display_selector {
    display: none !important;
}

.appstle_select {
  padding: 12px 20px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
}

// .appstle_one_time_text, .appstle_subscribe_save_text {
//   font-weight: bold !important;
// }

// .appstle_one_time_text, .appstle_subscribe_save_text {
//   font-weight: var(--font-body-weight-bold) !important;
// }

.appstle_widget_title {
  margin-bottom: 6px;
}

.as-customCheckboxField-wrapper { display: flex; align-items: center;}

span.appstle_stand_alone_price_display_selector:empty {display:none !important;}

.appstle_tooltip_wrapper {
  position: relative;
  z-index: 2;
}

.appstle_select:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

.appstle_sub_widget{
position:relative
}

.appstle_subscription_wrapper_option.appstle_include_dropdown {
     border: 1.5px solid #cccccc;

}

.appstle_subscription_wrapper_option {
     border: 1.5px solid #cccccc;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.appstle_custom_select {
  position: relative;
}
.appstle_custom_select:before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background-repeat: no-repeat;
  z-index: 1;
  border-right: 1.5px solid #666;
  border-bottom: 1.5px solid #666;
  right:10px;
  top: calc(50% - 3px);
  transform: translateY(-50%) rotate(45deg);
  pointer-events:none;
}

.errorBanner {
    background: lightgoldenrodyellow;
    padding: 10px;
    font-size: 14px;
    margin: 10px 0;
    border-radius: 9px;
    border: 2px solid orange;
}

.errorBanner * {
margin: 0;
}

.WIDGET_TYPE_7 .appstle_one_time_text {
  font-size: 16px;
}
.WIDGET_TYPE_7 span.appstle-save-badge {
  background-color: rgba(var(--color-foreground, 0, 0, 0));
  padding: 0em 0.75em;
  border-radius: 12px;
  font-size: 0.67em;
  font-weight: bold;
  transform:none;
  vertical-align:middle;
  color:rgba(var(--color-background, 255, 255, 255));
}
// .WIDGET_TYPE_7 .appstle-active-option span.appstle-save-badge {
// background-color: rgba(var(--color-background, 255, 255, 255));
// color:rgba(var(--color-foreground, 0, 0, 0));
// }
.WIDGET_TYPE_7 .appstle-save-badge::before{
  display:none;
}

.WIDGET_TYPE_7 .appstle_widget_title {
  color:rgb(var(--color-foreground, 0, 0, 0)) !important;
  margin-bottom:10px;
}
.WIDGET_TYPE_7 .appstle_custom_select {
  max-width:250px;
  border-width:2px;
  border-radius:10px;
}
.WIDGET_TYPE_7 .appstle_custom_select:before{
  border-right:2px solid rgb(var(--color-foreground, 0, 0, 0));
  border-bottom: 2px solid rgb(var(--color-foreground, 0, 0, 0));
}
.WIDGET_TYPE_7 .appstle_select{
  color:rgb(var(--color-foreground, 0, 0, 0));
  background:none;
  border: 2px solid rgb(var(--color-background, 255, 255, 255)) !important;
  font-family: inherit;
}
.WIDGET_TYPE_7 .appstle_select option {
    background:rgb(var(--color-background, 255, 255, 255));
}
.WIDGET_TYPE_7 .appstle_subscription_wrapper {
  border: none !important;
  color: rgb(var(--color-foreground, 0, 0, 0));
}
.WIDGET_TYPE_7 .appstle_subscription_wrapper_option:not(.appstle_include_dropdown) {
  border: 1px solid;
  border-radius: 15px;
}

.WIDGET_TYPE_7 .appstle_subscription_wrapper_option.appstle_include_dropdown {
  border: 1px solid;
  margin-top: 15px;
  border-radius: 15px;

}
// .WIDGET_TYPE_7 .appstle-active-option {
//   background: rgb(var(--color-foreground, 0, 0, 0)) !important;
//   color: rgb(var(--color-background, 255, 255, 255));
// }
.WIDGET_TYPE_7 .appstle-active-option  span.appstle_dot{
  background:rgb(var(--color-foreground, 0, 0, 0));
}
// .WIDGET_TYPE_7 .appstle-active-option .appstle_circle {
//   border: 2px solid rgb(var(--color-background, 255, 255, 255)) !important;
// }
// .WIDGET_TYPE_7 .appstle-active-option .appstle_select option{
//   color:rgb(var(--color-background, 255, 255, 255)) !important;
//   background:transparent;
// }
}
// .WIDGET_TYPE_7 .appstle-active-option .appstle_one_time_text{
//   color:rgb(var(--color-background, 255, 255, 255));
// }
.appstle_sub_widget.WIDGET_TYPE_7{
  max-width:100%;
}
  .WIDGET_TYPE_7 .appstle_select{
  background: none;
  border: 1px solid !important;
  }

.WIDGET_TYPE_7 .appstle_custom_select:before{
  border-right:2px solid;
  border-bottom: 2px solid;
}

.WIDGET_TYPE_7 span.appstle_subscription_amount.transcy-money {
  color: rgb(var(--color-foreground, 0, 0, 0));
}
// .WIDGET_TYPE_7 .appstle-active-option span.appstle_subscription_amount.transcy-money {
//   color: rgba(var(--color-background, 255, 255, 255)) !important;
// }
.WIDGET_TYPE_7 span.appstle_subscription_compare_amount.transcy-money {
    color: rgba(var(--color-foreground, 0, 0, 0), 0.75);
}
// .WIDGET_TYPE_7 .appstle-active-option span.appstle_subscription_compare_amount.transcy-money {
//     color: rgba(var(--color-background, 255, 255, 255));
// }
// .WIDGET_TYPE_7 .appstle-active-option .appstle_select option{
//   color:rgba(var(--color-background, 255, 255, 255));
//   background:rgba(var(--color-foreground, 0, 0, 0));
// }
.WIDGET_TYPE_7 .appstle-save-badge {
margin-left: 0;
flex-shrink: 0;
}
.WIDGET_TYPE_7 .appstle-text-and-badge-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 10px;
}

.WIDGET_TYPE_7 .appstle_circle {
border-color: rgba(var(--color-foreground, 0, 0, 0)) !important;
}
.WIDGET_TYPE_7 .appstle_select_label{
font-family: inherit;
}
.WIDGET_TYPE_7 .appstle-tootltip-parent {
    margin-top:0px;
}
.WIDGET_TYPE_7 .appstle_subscription_wrapper_option.appstle_include_dropdown {
    margin-bottom: 12px;
}
// .WIDGET_TYPE_1 .appstle_widget_title {
//     font-weight: var(--font-heading-weight);
// }
.WIDGET_TYPE_1 .appstle_prepaid_description.transcy-money {
    color:rgba(var(--color-foreground));
}
.WIDGET_TYPE_1 .appstle_subscription_wrapper {
    border: 1px solid rgba(var(--color-foreground)) !important;
    border-radius: 16px !important;
}
.WIDGET_TYPE_1 .appstle_subscription_wrapper {
  border:none !important;
  color: rgb(var(--color-foreground));
 }
.WIDGET_TYPE_1 .appstle_subscription_wrapper_option:not(.appstle_include_dropdown) {
    border: 1.5px solid;
    border-radius: 15px;
}
.WIDGET_TYPE_1 .appstle_subscription_wrapper_option.appstle_include_dropdown {
    border: 1.5px solid;
    border-radius: 15px;
}
.WIDGET_TYPE_1 .appstle-radio-input-wrapper input {
  accent-color: rgba(var(--color-foreground)) !important;
}

.WIDGET_TYPE_1.appstle-save-badge {
  margin-left: 0;
  flex-shrink: 0;
}
.WIDGET_TYPE_1 .appstle-text-and-badge-wrapper {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 column-gap: 10px;
}
.WIDGET_TYPE_1 .appstle_one_time_text{
    color:rgba(var(--color-foreground));
}
.WIDGET_TYPE_1 .appstle_radio_label{
    color:rgba(var(--color-foreground));
}
.WIDGET_TYPE_1 .appstle_subscription_wrapper {
    display: grid;
    row-gap: 10px;
}
.WIDGET_TYPE_1 .appstle_widget_title{
color:rgba(var(--color-foreground));
}
.appstle_tooltip_wrapper_static br:first-child {
  display: none !important;
}
span.appstle-prepaid-original-price {
  text-decoration:line-through !important;
  margin-left:10px;
  color:black;
}
.appstle-prepaid-price + [data-appstle-price-modified="true"]{
  display:none !important
}
.appstle-prepaid-total-price ~ .appstle_subscription_element{
    display:none !important;
}
.appstle-prepaid-price ~ .appstle_subscription_save {
    margin-left: 0px !important;
}
.ecom-block:has(.ecom-extension-product-appstle-subscriptions) { z-index: 1; }
.appstle_fields_wrapper:empty{
    display: none !important;
}

          [class*=appstle-sr-only].sr-only {
    display: none !important;
}