/*=================================================
  *  BREAKPOINTS
  =================================================== */
/*=======================================
* MEDIA MAX
*=======================================*/
/*=======================================
* MEDIA MIN
*=======================================*/
/*=======================================
* MEDIA ONLY
*=======================================*/
/*=======================================
* MEDIA RANGE
*=======================================*/
.wc-block-components-notice-snackbar-list {
  z-index: 99;
}

.wp-block-woocommerce-product-filters .wc-block-product-filter-price-slider .text input[type=text] {
  max-width: 100px;
}
.wp-block-woocommerce-product-filters .wc-block-product-filter-price-slider .text input[type=text] {
  border-color: var(--wp--preset--color--outline);
}

.wc-block-components-notice-banner:not(ul) {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
}

.wc-block-components-notice-banner {
  color: var(--wp--custom--color--info);
  background-color: var(--wp--custom--color--info-light);
  border: none;
  border-radius: var(--wp--custom--border-radius--medium);
  margin-top: 0;
}
.wc-block-components-notice-banner .button {
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  line-height: inherit !important;
  text-align: left !important;
  text-decoration: underline !important;
}
@media screen and (max-width: 576px) {
  .wc-block-components-notice-banner .button {
    margin-top: 0.9375rem;
  }
}
.wc-block-components-notice-banner .button:hover {
  box-shadow: unset !important;
  text-decoration: none;
}
.wc-block-components-notice-banner .button.wc-forward {
  order: 2;
}
@media screen and (min-width: 781px) {
  .wc-block-components-notice-banner .button.wc-forward {
    margin-left: auto;
  }
}
.wc-block-components-notice-banner a:not(button) {
  color: inherit;
  text-decoration: underline;
}
.wc-block-components-notice-banner::before {
  color: currentColor;
}
.wc-block-components-notice-banner::after {
  display: none;
}

.wc-block-components-notice-banner {
  position: relative;
  background-color: transparent;
}
.wc-block-components-notice-banner::before {
  z-index: -1;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-info > .wc-block-components-notice-banner__content .wc-forward {
  color: var(--wp--custom--color--info) !important;
}

.wc-block-components-notice-banner.is-info::before {
  background-color: var(--wp--custom--color--info-light);
}

.wc-block-components-notice-banner.is-info > svg {
  background-color: var(--wp--custom--color--info);
}

.wc-block-components-notice-banner.is-success,
.wc-block-components-notice-banner.is-success > .wc-block-components-notice-banner__content .wc-forward {
  color: var(--wp--custom--color--success) !important;
}

.wc-block-components-notice-banner.is-success::before {
  background-color: var(--wp--custom--color--success-light);
}

.wc-block-components-notice-banner.is-success > svg {
  background-color: var(--wp--custom--color--success);
}

.wc-block-components-notice-banner.is-warning,
.wc-block-components-notice-banner.is-warning > .wc-block-components-notice-banner__content .wc-forward {
  color: var(--wp--custom--color--warning) !important;
}

.wc-block-components-notice-banner.is-warning::before {
  background-color: var(--wp--custom--color--warning-light);
}

.wc-block-components-notice-banner.is-warning > svg {
  background-color: var(--wp--custom--color--warning);
}

.wc-block-components-notice-banner.is-error,
.wc-block-components-notice-banner.is-error > .wc-block-components-notice-banner__content .wc-forward {
  color: var(--wp--custom--color--danger) !important;
}

.wc-block-components-notice-banner.is-error::before {
  background-color: var(--wp--custom--color--danger-light);
}

.wc-block-components-notice-banner.is-error > svg {
  background-color: var(--wp--custom--color--danger);
}

.wp-block-woocommerce-product-details ul.wc-tabs {
  display: flex;
  flex-flow: row nowrap;
  text-wrap: nowrap;
  overflow-x: auto;
  padding: 0;
  font-size: var(--wp--preset--font-size--medium);
  border-bottom: 1px solid var(--wp--preset--color--outline);
  overflow-x: auto;
}
.wp-block-woocommerce-product-details ul.wc-tabs li {
  background-color: unset;
  border: none;
  padding: 0;
  padding-right: var(--wp--style--block-gap);
  margin: 0;
}
.wp-block-woocommerce-product-details ul.wc-tabs li:before {
  border-radius: 0 !important;
  border: none !important;
  box-shadow: unset !important;
}
.wp-block-woocommerce-product-details ul.wc-tabs li a {
  position: relative;
  padding: 0.625rem 0;
  color: var(--wp--preset--color--meta);
  font-weight: var(--wp--custom--font-weight--semibold);
}
.wp-block-woocommerce-product-details ul.wc-tabs li a:hover {
  color: var(--wp--preset--color--body);
}
.wp-block-woocommerce-product-details ul.wc-tabs li a:before {
  content: "";
  position: absolute;
  z-index: 2;
  background-color: var(--wp--preset--color--primary);
  height: 2px;
  width: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.3s;
}
.wp-block-woocommerce-product-details ul.wc-tabs li:after {
  display: none;
}
.wp-block-woocommerce-product-details ul.wc-tabs li.active a {
  color: var(--wp--preset--color--heading);
}
.wp-block-woocommerce-product-details ul.wc-tabs li.active a:before {
  width: 100%;
}
.wp-block-woocommerce-product-details ul.wc-tabs li:last-child {
  padding-right: 0;
}
.wp-block-woocommerce-product-details ul.wc-tabs::before {
  display: none;
}

.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list,
.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container::after,
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox],
.is-large .wc-block-checkout__actions::after,
.wc-block-components-address-card {
  border-color: var(--wp--preset--color--outline) !important;
  opacity: 1 !important;
}

.wc-block-components-text-input input:focus {
  box-shadow: 0 0 0 2px var(--wp--custom--color--info) inset !important;
}