/* The only visual authority for favorites, including the saved state. */
:root body button.widais-favorite-button{
  --favorite-size:38px;
  position:relative !important;
  display:inline-grid !important;
  place-items:center !important;
  flex:0 0 var(--favorite-size) !important;
  width:var(--favorite-size) !important;
  height:var(--favorite-size) !important;
  min-width:var(--favorite-size) !important;
  min-height:var(--favorite-size) !important;
  max-width:var(--favorite-size) !important;
  max-height:var(--favorite-size) !important;
  box-sizing:border-box !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(255,255,255,.24) !important;
  border-radius:12px !important;
  background:#050505 !important;
  color:#fff !important;
  box-shadow:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  opacity:1 !important;
  overflow:hidden !important;
  cursor:pointer !important;
  touch-action:manipulation;
  transform:none !important;
  transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease !important;
}

:root body button.widais-favorite-button::before,
:root body button.widais-favorite-button::after{
  content:none !important;
}

:root body button.widais-favorite-button .widais-favorite-button__plus{
  position:relative !important;
  display:block !important;
  width:14px !important;
  height:14px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  pointer-events:none;
}

:root body button.widais-favorite-button .widais-favorite-button__plus::before,
:root body button.widais-favorite-button .widais-favorite-button__plus::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:12px !important;
  height:1.5px !important;
  border:0 !important;
  border-radius:2px !important;
  background:#fff !important;
  box-shadow:none !important;
  transform:translate(-50%,-50%) !important;
}

:root body button.widais-favorite-button .widais-favorite-button__plus::after{
  transform:translate(-50%,-50%) rotate(90deg) !important;
}

:root body button.widais-favorite-button[aria-pressed="true"] .widais-favorite-button__plus::after{
  display:none !important;
}

:root body button.widais-favorite-button:hover:not(:disabled){
  border-color:rgba(255,255,255,.48) !important;
  box-shadow:0 0 0 3px rgba(255,255,255,.035) !important;
}

:root body button.widais-favorite-button:focus-visible{
  outline:2px solid rgba(255,255,255,.8) !important;
  outline-offset:3px !important;
}

:root body button.widais-favorite-button:active:not(:disabled){
  border-color:rgba(255,255,255,.72) !important;
}

:root body button.widais-favorite-button:disabled{
  opacity:.6 !important;
  cursor:wait !important;
}

:root body button.widais-favorite-button.widais-favorite-button--card{
  position:absolute !important;
  inset:19px 19px auto auto !important;
  z-index:5 !important;
}

:root body button.widais-favorite-button.widais-favorite-button--profile{
  order:2 !important;
}

:root body button.widais-favorite-button .widais-favorite-button__label{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

@media(max-width:760px){
  :root body button.widais-favorite-button{
    border-radius:11px !important;
  }
}

@media(max-width:640px){
  :root body button.widais-favorite-button.widais-favorite-button--card{
    inset:15px 15px auto auto !important;
  }
}

@media(prefers-reduced-motion:reduce){
  :root body button.widais-favorite-button{
    transition:none !important;
  }
}
