/* Trendyfy v0.5.24.4.4 | Transparent before/after toggle.
   Artwork is visible through the entire button: no background fill or blur.
   Only a hairline outline and the high-contrast symbol remain. */
#modalRoot .product-detail-hero .product-detail-hero__toggle,
#modalRoot .product-detail-hero__toggle[data-detail-before-toggle] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1.5px solid rgba(255,255,255,.84) !important;
  outline: none !important;
  box-shadow: inset 0 0 0 .75px rgba(19,18,34,.37),
              0 0 0 .75px rgba(18,17,36,.23),
              0 1px 3px rgba(18,17,36,.20) !important;
  color: #fff !important;
  opacity: 1 !important;
}
#modalRoot .product-detail-hero__toggle[data-detail-before-toggle] svg {
  color: #fff !important;
  stroke: currentColor !important;
  filter: drop-shadow(0 1px 1.3px rgba(14,13,31,.95));
}
#modalRoot .product-detail-hero__toggle[data-detail-before-toggle]:focus-visible {
  outline: 2px solid #8155ff !important;
  outline-offset: 3px !important;
}