/* Requested category strip, notifications and upgrade result button. */
.reveal--upgrade > .btn--block { max-width:420px; }
.th2 .catnav button {
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  height: auto;
  min-height: 36px;
  line-height: 1.25;
  background: #1c1c24;
  border: 1px solid #30303b;
  box-shadow: none;
}
.th2 .catnav button.on {
  background: #3679f5;
  border-color: #3679f5;
  box-shadow: none;
}
.th2 .catnav button span {
  font-family: inherit;
  font-size: 1em;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-variant-numeric: lining-nums;
}
.toasts { gap: 7px; z-index: 400; }
.toast {
  position: relative;
  gap: 10px;
  min-height: 60px;
  padding: 12px;
  border: 1px solid #3b3b48;
  border-radius: 18px;
  background: #24242d;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  animation: ugToastEnter .46s cubic-bezier(.2,.85,.25,1.15) both;
  transform-origin: top center;
  cursor: pointer;
}
.toast.is-leaving { animation: ugToastExit .22s ease-in both; pointer-events: none; }
.toast__ico, .toast--rich .toast__ico {
  width: 34px; height: 34px; border-radius: 11px; box-shadow: none;
  animation: ugToastIcon .48s cubic-bezier(.2,.8,.2,1.2) both;
}
.toast__ico--ok { background: #21bf69; }
.toast__ico--error { background: #f25360; }
.toast__ico--info { background: #3b82f6; }
.toast__ico--ton, .toast--rich .toast__ico--ton { border-radius: 50%; background: #168fe6; }
.toast__ico--stars { background: #edab24; }
.toast__title { font-size: 15px; font-weight: 700; line-height: 1.35; letter-spacing: -.025em; font-variant-numeric: lining-nums; overflow-wrap: anywhere; }
.toast__text { font-size: 12px; line-height: 1.4; color: #b8b8c5; }
.toast__amount { font-size: 15px; line-height: 1.35; font-weight: 800; letter-spacing: -.035em; }
.toast__dismiss { width: 20px; height: 24px; flex: none; padding: 0; background: none; border: 0; color: #a7a7b6; font: 22px/24px sans-serif; box-shadow: none; }
.toast__dismiss:focus-visible { outline: 2px solid #9bbdff; outline-offset: 2px; border-radius: 4px; }
@keyframes ugToastEnter { 0% { opacity: 0; transform: translateY(-20px) scale(.96); } 72% { opacity: 1; transform: translateY(2px) scale(1); } 100% { transform: translateY(0) scale(1); } }
@keyframes ugToastExit { to { opacity: 0; transform: translateY(-8px) scale(.98); } }
@keyframes ugToastIcon { 0% { transform: scale(.72) rotate(-8deg); } 65% { transform: scale(1.07) rotate(2deg); } 100% { transform: scale(1) rotate(0); } }
@media (prefers-reduced-motion: reduce) { .toast, .toast.is-leaving, .toast__ico { animation: none; } }
@media (max-width: 360px) { .toast { gap: 8px; padding: 10px; } .toast__amount { font-size: 13px; } }