.comparison-reload-button{
  min-height:44px;
  padding:0 20px;
  border:1px solid #cbd8e8;
  border-radius:999px;
  background:#fff;
  color:#17243a;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.comparison-guide{
  max-width:680px;
  margin:10px 0 0;
  color:#69778b;
  font-size:13px;
  line-height:1.8;
}
.comparison-change-actions{
  align-self:end;
  display:flex;
  gap:10px;
}
.comparison-back-button{
  min-height:44px;
  padding:0 20px;
  border:1px solid #cbd8e8;
  border-radius:999px;
  background:#fff;
  color:#17243a;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.comparison-back-button:disabled{
  cursor:default;
  opacity:.4;
}
.compare-card button{
  position:relative;
  cursor:pointer;
}
.compare-change-status{
  color:#2767b7;
  font-size:11px;
  font-weight:700;
}
.compare-card button:disabled{cursor:default;opacity:.75}
.compare-card.is-photo-changing img{
  animation:compare-photo-arrive .48s cubic-bezier(.2,.75,.25,1) both;
}
@keyframes compare-photo-arrive{
  from{opacity:.45;transform:scale(1.025);filter:blur(3px)}
  to{opacity:1;transform:scale(1);filter:blur(0)}
}
@media (prefers-reduced-motion:reduce){
  .compare-card.is-photo-changing img{animation:none}
}
@media (max-width:700px){
  .comparison-change-actions{width:100%}
  .comparison-reload-button,.comparison-back-button{flex:1}
}