/* co-flip: illustration/photo swap. Scoped to .co-flip; trial on the T-bone steak page only. */
.rx-photo.co-flip{margin:0;position:relative}
.co-flip-stage{
  position:relative;
  display:block;
  width:100%;
  line-height:0;
  border:4px solid var(--rx-ink,#111);
  border-radius:var(--rx-radius,0);
  box-shadow:8px 8px 0 var(--rx-ink,#111);
  background:#3d2a1a;
  overflow:hidden;
}
.rx-photo.co-flip img.co-flip-illus,
.rx-photo.co-flip img.co-flip-photo,
.rx--card .rx-photo.co-flip img.co-flip-illus,
.rx--card .rx-photo.co-flip img.co-flip-photo{
  display:block;
  width:100%;
  height:auto;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  max-height:440px;
  object-fit:cover;
}
.rx-photo.co-flip img.co-flip-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s ease;
}
.rx-photo.co-flip.is-photo img.co-flip-photo,
.rx-photo.co-flip.is-photo-loaded.co-flip--can-hover:hover:not(.is-held-illus) img.co-flip-photo{
  opacity:1;
}
.co-flip-ui{
  margin:8px 0 0;
  font-size:.82rem;
  line-height:1.3;
}
.rx button.co-flip-toggle,
.rx .co-flip-toggle{
  font:inherit;
  font-size:.82rem;
  line-height:1.3;
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:0;
  padding:2px 0;
  color:var(--rx-muted,#555);
  text-decoration:underline;
  text-underline-offset:2px;
  cursor:pointer;
  display:inline;
}
.rx button.co-flip-toggle:hover,
.rx .co-flip-toggle:hover{
  background:transparent;
  color:var(--rx-ink,#111);
}
.rx button.co-flip-toggle:focus-visible{
  outline:3px solid var(--rx-blue,#2563eb);
  outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
  .rx-photo.co-flip img.co-flip-photo{transition:none}
}
@media print{
  .co-flip-ui{display:none!important}
  .rx-photo.co-flip img.co-flip-photo{display:none!important;opacity:0}
  .rx .rx-photo.co-flip .co-flip-stage{
    box-shadow:none!important;
    border-width:1px;
  }
}