.notAToastglassmorphism {
  background: #ffffff1a;
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px #0003;
  color: #fff;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.notAToastneumorphic {
  background: #e0e0e0;
  color: #333;
  box-shadow:
    5px 5px 10px #bebebe,
    -5px -5px 10px #fff;
  border-radius: 12px;
}
.notAToastneumorphicDark {
  background: #1e1e1e;
  color: #e0e0e0;
  box-shadow:
    inset 4px 4px 8px #141414,
    inset -4px -4px 8px #2a2a2a,
    4px 4px 12px #00000080;
  border-radius: 12px;
}
.notAToastliquidGlass {
  background: transparent;
  backdrop-filter: saturate(120%) blur(1px) brightness(1.2)
    url(#glass-distortion);
  -webkit-backdrop-filter: saturate(120%) blur(2px) brightness(1.2)
    url(#glass-distortion);
  border: 2px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    inset 0 0 8px #ffffff1a,
    0 0 20px #ffffff0d;
  color: #fff;
  border-radius: 8px;
}
.notAToastbrutal {
  background: #fff000;
  border: 4px solid #000;
  color: #000;
  font-weight: 700;
  box-shadow: 6px 6px #000;
}
.notAToastmaterialDark {
  background: #2a2a2a;
  color: #fff;
  box-shadow: 0 4px 20px #0006;
  border-radius: 8px;
}
.notAToastclay {
  background: #e6eef9;
  color: #2a2a2a;
  box-shadow:
    inset 4px 4px 8px #c8d3e0,
    inset -4px -4px 8px #fff,
    0 6px 12px #0000001a;
  border-radius: 18px;
}
.notAToastcyberpunk {
  background: linear-gradient(135deg, #f0c, #33f);
  color: #fff;
  border: 2px solid #00f0ff;
  text-shadow: 0 0 5px #0ff;
  box-shadow:
    0 0 15px #f0c,
    0 0 20px #00f0ff;
  font-weight: 700;
}
.notAToastsonoma {
  background: #f0f0f033;
  color: #1c1c1c;
  -webkit-backdrop-filter: blur(18px) saturate(200%);
  backdrop-filter: blur(18px) saturate(200%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 6px 24px #0003;
}
.notAToastminimal {
  background: transparent;
  color: #333;
  border: 2px solid #333;
  font-family: monospace;
  border-radius: 6px;
}
.notAToastskewed {
  background: #fff;
  color: #111;
  transform: skew(-5deg);
  box-shadow: 4px 4px #000;
  border: 2px solid #000;
}
.notAToastsolarizedDark {
  background: #002b36;
  color: #93a1a1;
  border: 1px solid #586e75;
  box-shadow: 0 0 10px #002b36b3;
}
.notAToastterminal {
  background: #000;
  color: #0f0;
  font-family:
    Courier New,
    monospace;
  border: 1px solid #00ff00;
  text-shadow: 0 0 2px #00ff00;
  border-radius: 4px;
}
.notAToastcarbon {
  background: #212121;
  color: #f4f4f4;
  font-family:
    IBM Plex Sans,
    sans-serif;
  border-left: 4px solid #0f62fe;
  box-shadow: 0 4px 14px #0006;
  border-radius: 6px;
}
.notAToastweb3 {
  background: linear-gradient(135deg, #141e30, #243b55);
  color: #e0ffe0;
  border: 1px solid #44ff99;
  box-shadow: 0 0 12px #4f9a;
  font-family:
    Courier New,
    monospace;
  border-radius: 10px;
}
.notAToastcardboard {
  background: #d7c4a3;
  color: #4e3728;
  border: 2px dashed #a37c4e;
  font-family:
    Comic Sans MS,
    cursive;
  border-radius: 6px;
}
.notAToastdotted {
  background: #fff;
  color: #222;
  border: 2px dotted #666;
  font-family: monospace;
  border-radius: 4px;
}
.notAToastfocus {
  background: #000;
  color: #fff;
  border: 2px solid #00f;
  box-shadow: 0 0 0 3px #88f;
  border-radius: 6px;
}
.notAToastdefault {
  background: #fff;
  color: #333;
  border: 1px solid #ddd;
  box-shadow: 0 2px 8px #0000001a;
  border-radius: 6px;
}
.notAToastgradient {
  background: linear-gradient(to right, #ff8efb, #8efff2);
  color: #222;
  border-radius: 12px;
}
.notAToastrainbow {
  background: linear-gradient(
    90deg,
    red,
    orange,
    #ff0,
    green,
    #00f,
    indigo,
    violet
  );
  color: #fff;
  border-radius: 16px;
}
.notAToastdarkMatter {
  background: #0f0f0f;
  color: #fff;
  border-radius: 6px;
}
.notAToastgothicMist {
  background: #3c3c3ccc;
  color: #fff;
  border-radius: 8px;
}
.notAToastblackGlass {
  background: #0009;
  color: #fff;
  border-radius: 10px;
}
.notAToastterminalGreen {
  background: #000;
  color: #0f0;
  font-family: monospace;
}
.notAToastaetherGrid {
  background: #121212;
  color: #fff;
  border: 1px dashed #ccc;
  border-radius: 6px;
}
.notAToastneonGlow {
  background: #0f0f0f;
  color: #0ff;
  text-shadow: 0 0 5px #0ff;
  border: 1px solid #0ff;
  border-radius: 10px;
}
.notAToaststickyNote {
  background: #fff9a1;
  color: #222;
  border: 1px solid #e6d800;
  border-radius: 4px;
}
.notAToastnotebookSketch {
  background: #fafafa;
  color: #333;
  border: 2px dashed #999;
}
.notAToastchalkboard {
  background: #2c2c2c;
  color: #fefefe;
  font-family:
    Courier New,
    monospace;
  border-radius: 4px;
}
.notAToastpixelRetro {
  background: #00a;
  color: #fff;
  font-family: "Press Start 2P", monospace;
}
.notAToastblueprintSketch {
  background: #0a0f2c;
  color: #61dafb;
  font-family: monospace;
  border-radius: 2px;
}
.notAToastironMesh {
  background: #444;
  border: 2px dashed #aaa;
  color: #eee;
  box-shadow: inset 0 0 5px #666;
  border-radius: 6px;
}
.notAToastcircuitBoard {
  background: #003b00;
  color: #00ff90;
  font-family: monospace;
  border: 1px solid #009900;
  border-radius: 4px;
}
.notAToastwarningAlert {
  background: #fff200;
  color: #000;
  border: 2px solid red;
  font-weight: 700;
  border-radius: 6px;
}
.notAToastwoodGrain {
  background-color: #deb887;
  color: #3e2f1c;
  border: 1px solid #8b5a2b;
  font-family: Georgia, serif;
  border-radius: 8px;
}
.notAToastcautionTape {
  background-color: #ff0;
  color: #000;
  border: 4px double black;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 2px;
}
.notAToasttypewriterNote {
  background-color: #fff8dc;
  color: #222;
  font-family: Courier, monospace;
  border: 1px solid #aaa;
  text-shadow: 0.5px 0.5px #ddd;
  border-radius: 4px;
}
.notAToastxrayOverlay {
  background-color: #0009;
  color: #ccf8ff;
  border: 1px solid #88e1f2;
  font-family:
    Segoe UI,
    sans-serif;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border-radius: 12px;
}
.notAToastlegoBrick {
  background: #ff3d00;
  color: #fff;
  box-shadow:
    0 4px #b71c1c,
    0 6px 10px #0000004d;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-radius: 6px;
}
@keyframes notAToastfadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes notAToastfadeOut {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}
@keyframes notAToastzoomIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes notAToastzoomOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  }
}
@keyframes notAToastslideInLeft {
  0% {
    opacity: 0;
    transform: translate(-100%);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes notAToastslideOutLeft {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(-100%);
  }
}
@keyframes notAToastslideInRight {
  0% {
    opacity: 0;
    transform: translate(100%);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes notAToastslideOutRight {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(100%);
  }
}
@keyframes notAToastslideInUp {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes notAToastslideOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes notAToastslideInDown {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes notAToastslideOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes notAToastbounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes notAToastbounceOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1.05);
  }
  to {
    opacity: 0;
    transform: scale(0.3);
  }
}
@keyframes notAToastflipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(400px) rotateX(0);
    opacity: 1;
  }
}
@keyframes notAToastflipOutX {
  0% {
    transform: perspective(400px) rotateX(0);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes notAToastflipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(400px) rotateY(0);
    opacity: 1;
  }
}
@keyframes notAToastflipOutY {
  0% {
    transform: perspective(400px) rotateY(0);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes notAToastrotateIn {
  0% {
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes notAToastrotateOut {
  0% {
    transform: rotate(0);
    opacity: 1;
  }
  to {
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes notAToastpunchIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes notAToastpunchOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes notAToastbubbleUp {
  0% {
    transform: translateY(40px) scale(0.8);
    opacity: 0;
  }
  60% {
    transform: translateY(-5px) scale(1.05);
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
@keyframes notAToastbubbleDown {
  0% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  to {
    transform: translateY(-40px) scale(0.8);
    opacity: 0;
  }
}
@keyframes notAToastswirlIn {
  0% {
    transform: rotate(-540deg) scale(0);
    opacity: 0;
  }
  to {
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}
@keyframes notAToastswirlOut {
  0% {
    transform: rotate(0) scale(1);
    opacity: 1;
  }
  to {
    transform: rotate(540deg) scale(0);
    opacity: 0;
  }
}
@keyframes notAToastwobbleIn {
  0% {
    transform: scale(0.9) rotate(-3deg);
    opacity: 0;
  }
  40% {
    transform: scale(1.05) rotate(3deg);
  }
  80% {
    transform: scale(0.97) rotate(-1deg);
  }
  to {
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}
@keyframes notAToastwobbleOut {
  0% {
    transform: scale(1) rotate(0);
    opacity: 1;
  }
  to {
    transform: scale(0.8) rotate(10deg);
    opacity: 0;
  }
}
@keyframes notAToasttiltUp {
  0% {
    transform: rotateX(-45deg);
    opacity: 0;
  }
  to {
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes notAToasttiltDown {
  0% {
    transform: rotateX(0);
    opacity: 1;
  }
  to {
    transform: rotateX(45deg);
    opacity: 0;
  }
}
@keyframes notAToastwindRightIn {
  0% {
    transform: translate(100%) skew(-45deg);
    opacity: 0;
  }
  to {
    transform: translate(0) skew(0);
    opacity: 1;
  }
}
@keyframes notAToastwindRightOut {
  0% {
    transform: translate(0) skew(0);
    opacity: 1;
  }
  to {
    transform: translate(-100%) skew(45deg);
    opacity: 0;
  }
}
@keyframes notAToastwindLeftIn {
  0% {
    transform: translate(-100%) skew(45deg);
    opacity: 0;
  }
  to {
    transform: translate(0) skew(0);
    opacity: 1;
  }
}
@keyframes notAToastwindLeftOut {
  0% {
    transform: translate(0) skew(0);
    opacity: 1;
  }
  to {
    transform: translate(100%) skew(-45deg);
    opacity: 0;
  }
}
@keyframes notAToastsqueezeIn {
  0% {
    transform: scaleX(0.1);
    opacity: 0;
  }
  60% {
    transform: scaleX(1.2);
  }
  to {
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes notAToastsqueezeOut {
  0% {
    transform: scaleX(1);
    opacity: 1;
  }
  to {
    transform: scaleX(0.1);
    opacity: 0;
  }
}
@keyframes notAToastfadeSlideZoomIn {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(0.8) rotate(-2deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1) rotate(0);
  }
}
@keyframes notAToastfadeSlideZoomOut {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1) rotate(0);
  }
  to {
    opacity: 0;
    transform: translateY(-30px) scale(0.8) rotate(5deg);
  }
}
@keyframes notAToasthelixSpinIn {
  0% {
    opacity: 0;
    transform: rotateY(720deg) rotate(90deg) scale(0.3);
  }
  to {
    opacity: 1;
    transform: rotateY(0) rotate(0) scale(1);
  }
}
@keyframes notAToasthelixSpinOut {
  0% {
    opacity: 1;
    transform: rotateY(0) rotate(0) scale(1);
  }
  to {
    opacity: 0;
    transform: rotateY(-720deg) rotate(-90deg) scale(0.3);
  }
}
@keyframes notAToastmeteorDropIn {
  0% {
    transform: translate3d(150px, -150px, 200px) rotate(45deg) scale(0.2);
    opacity: 0;
  }
  to {
    transform: translateZ(0) rotate(0) scale(1);
    opacity: 1;
  }
}
@keyframes notAToastmeteorZoomOut {
  0% {
    transform: translateZ(0) scale(1);
    opacity: 1;
  }
  to {
    transform: translate3d(-100px, 100px, -200px) scale(0.1);
    opacity: 0;
  }
}
@keyframes notAToastportalIn {
  0% {
    transform: scale(0.1) rotateX(90deg) rotateY(90deg);
    opacity: 0;
  }
  to {
    transform: scale(1) rotateX(0) rotateY(0);
    opacity: 1;
  }
}
@keyframes notAToastportalOut {
  0% {
    transform: scale(1) rotateX(0) rotateY(0);
    opacity: 1;
  }
  to {
    transform: scale(0.1) rotateX(-90deg) rotateY(-90deg);
    opacity: 0;
  }
}
@keyframes notAToastcubeSpinIn {
  0% {
    transform: perspective(600px) rotateY(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(600px) rotateY(0);
    opacity: 1;
  }
}
@keyframes notAToastcubeSpinOut {
  0% {
    transform: perspective(600px) rotateY(0);
    opacity: 1;
  }
  to {
    transform: perspective(600px) rotateY(-90deg);
    opacity: 0;
  }
}
@keyframes notAToastjellyPopIn {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  40% {
    transform: scale(1.2, 0.8);
    opacity: 1;
  }
  60% {
    transform: scale(0.9, 1.1);
  }
  80% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1);
  }
}
@keyframes notAToastjellyPopOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: scale(1.1, 0.9);
  }
  40% {
    transform: scale(0.9, 1.1);
    opacity: 0.7;
  }
  60% {
    transform: scale(0.8, 1.2);
    opacity: 0.5;
  }
  80% {
    transform: scale(1.2, 0.8);
    opacity: 0.3;
  }
  to {
    transform: scale(0.3);
    opacity: 0;
  }
}
@keyframes notAToastrippleIn {
  0% {
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
  }
  70% {
    transform: scale(1.1);
    opacity: 1;
    border-radius: 20px;
  }
  to {
    transform: scale(1);
    border-radius: 8px;
  }
}
@keyframes notAToastrippleOut {
  0% {
    transform: scale(1);
    opacity: 1;
    border-radius: 8px;
  }
  40% {
    transform: scale(0.8);
    border-radius: 20px;
  }
  to {
    transform: scale(0);
    opacity: 0;
    border-radius: 50%;
  }
}
@keyframes notAToastglitchIn {
  0% {
    opacity: 0;
    transform: scale(0.9) translate(0);
    filter: none;
  }
  20% {
    opacity: 1;
    transform: scale(1) translate(-3px, -2px);
    filter: hue-rotate(20deg) contrast(150%);
  }
  40% {
    transform: translate(3px, 2px);
    filter: hue-rotate(-20deg) contrast(150%);
  }
  60% {
    transform: translate(-2px, 1px);
    filter: none;
  }
  80% {
    transform: translate(2px, -1px);
  }
  to {
    opacity: 1;
    transform: scale(1) translate(0);
    filter: none;
  }
}
@keyframes notAToastglitchOut {
  0% {
    opacity: 1;
    transform: translate(0);
    filter: none;
  }
  20% {
    transform: translate(-5px, -2px);
    filter: hue-rotate(20deg) contrast(150%);
  }
  40% {
    transform: translate(5px, 2px);
    filter: hue-rotate(-20deg) contrast(150%);
  }
  60% {
    transform: translate(-3px, 1px);
    opacity: 0.7;
  }
  80% {
    transform: translate(3px, -1px);
    opacity: 0.4;
  }
  to {
    opacity: 0;
    transform: translate(0) scale(0.8);
    filter: none;
  }
}
@keyframes notAToastswingDownIn {
  0% {
    transform: rotateX(-90deg);
    opacity: 0;
    transform-origin: top center;
  }
  60% {
    transform: rotateX(20deg);
    opacity: 1;
  }
  80% {
    transform: rotateX(-10deg);
  }
  to {
    transform: rotateX(0);
  }
}
@keyframes notAToastswingUpOut {
  0% {
    transform: rotateX(0);
    opacity: 1;
    transform-origin: bottom center;
  }
  60% {
    transform: rotateX(-20deg);
    opacity: 0.6;
  }
  to {
    transform: rotateX(90deg);
    opacity: 0;
  }
}
@keyframes notAToastglideIn {
  0% {
    transform: translate(-50px, -50px) scale(0.9);
    opacity: 0;
  }
  to {
    transform: translate(0) scale(1);
    opacity: 1;
  }
}
@keyframes notAToastglideOut {
  0% {
    transform: translate(0) scale(1);
    opacity: 1;
  }
  to {
    transform: translate(50px, -50px) scale(0.9);
    opacity: 0;
  }
}
@keyframes notAToastcurtainIn {
  0% {
    transform: scaleY(0);
    opacity: 0;
    transform-origin: center top;
  }
  to {
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes notAToastcurtainOut {
  0% {
    transform: scaleY(1);
    opacity: 1;
  }
  to {
    transform: scaleY(0);
    opacity: 0;
    transform-origin: center bottom;
  }
}
@keyframes notAToastslinkyIn {
  0% {
    transform: translateY(-100%) scaleY(0.3);
    opacity: 0;
  }
  60% {
    transform: translateY(20px) scaleY(1.2);
    opacity: 1;
  }
  80% {
    transform: translateY(-10px) scaleY(0.9);
  }
  to {
    transform: translateY(0) scaleY(1);
  }
}
@keyframes notAToastslinkyOut {
  0% {
    transform: translateY(0) scaleY(1);
    opacity: 1;
  }
  40% {
    transform: translateY(-20px) scaleY(1.2);
  }
  to {
    transform: translateY(100%) scaleY(0.3);
    opacity: 0;
  }
}
@keyframes notAToastsparkIn {
  0% {
    transform: scale(0.5) rotate(-15deg);
    opacity: 0;
    filter: brightness(2);
  }
  60% {
    transform: scale(1.1) rotate(8deg);
    opacity: 1;
    filter: brightness(1.2);
  }
  to {
    transform: scale(1) rotate(0);
    filter: brightness(1);
  }
}
@keyframes notAToastsparkOut {
  0% {
    opacity: 1;
    transform: scale(1);
    filter: brightness(1);
  }
  30% {
    opacity: 0.8;
    transform: scale(1.05) rotate(2deg);
    filter: brightness(1.6);
  }
  50% {
    opacity: 0.6;
    transform: scale(0.95) rotate(-2deg);
    filter: brightness(1.3);
  }
  70% {
    opacity: 0.4;
    transform: scale(1.08) rotate(3deg);
    filter: brightness(1.8);
  }
  to {
    opacity: 0;
    transform: scale(0.6) rotate(-5deg);
    filter: brightness(0.8);
  }
}
@keyframes notAToastdustIn {
  0% {
    opacity: 0;
    transform: scale(0.8) translateY(30px);
    filter: blur(6px);
  }
  50% {
    opacity: 0.6;
    transform: scale(0.95) translateY(10px);
    filter: blur(3px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: blur(0);
  }
}
@keyframes notAToastdustOut {
  0% {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: blur(0);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.05) translateY(-10px);
    filter: blur(2px);
  }
  to {
    opacity: 0;
    transform: scale(0.8) translateY(-40px);
    filter: blur(6px);
  }
}
@keyframes notAToastdriftIn {
  0% {
    transform: translate(-80px, 80px) rotate(-10deg);
    opacity: 0;
  }
  to {
    transform: translate(0) rotate(0);
    opacity: 1;
  }
}
@keyframes notAToastdriftOut {
  0% {
    opacity: 1;
    transform: translate(0) scale(1);
  }
  40% {
    opacity: 0.7;
    transform: translate(30px, -20px) scale(0.95);
  }
  70% {
    opacity: 0.4;
    transform: translate(60px, -40px) scale(0.9);
  }
  to {
    opacity: 0;
    transform: translate(100px, -60px) scale(0.85);
  }
}
@keyframes notAToastslideInLeft {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes notAToastslideInRight {
  0% {
    transform: translate(100%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes notAToastshrinkLeft {
  0% {
    transform: scaleX(1);
    transform-origin: right;
  }
  to {
    transform: scaleX(0);
    transform-origin: right;
  }
}
@keyframes notAToastshrinkRight {
  0% {
    width: 100%;
  }
  to {
    width: 0%;
  }
}
@keyframes notAToastexpand {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes notAToastcollapse {
  0% {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
@keyframes notAToastIconbounce {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
@keyframes notAToastIconspin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes notAToastIconpulse {
  0%,
  to {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}
@keyframes notAToastIcondefault {
  0% {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes notAToastIconwave {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(15deg);
  }
  30% {
    transform: rotate(-10deg);
  }
  45% {
    transform: rotate(15deg);
  }
  60% {
    transform: rotate(0);
  }
  to {
    transform: rotate(0);
  }
}
@keyframes notAToastIconflipX {
  0% {
    transform: rotateY(0);
  }
  50% {
    transform: rotateY(180deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
@keyframes notAToastIconflipY {
  0% {
    transform: rotateX(0);
  }
  50% {
    transform: rotateX(180deg);
  }
  to {
    transform: rotateX(360deg);
  }
}
@keyframes notAToastIconshakeX {
  0%,
  to {
    transform: translate(0);
  }
  20%,
  60% {
    transform: translate(-6px);
  }
  40%,
  80% {
    transform: translate(6px);
  }
}
@keyframes notAToastIconshakeY {
  0%,
  to {
    transform: translateY(0);
  }
  20%,
  60% {
    transform: translateY(-6px);
  }
  40%,
  80% {
    transform: translateY(6px);
  }
}
@keyframes notAToastIconjelly {
  0%,
  to {
    transform: scale(1);
  }
  25% {
    transform: scale(0.7, 1.3);
  }
  50% {
    transform: scale(1.3, 0.7);
  }
  75% {
    transform: scale(0.7, 1.3);
  }
}
@keyframes notAToastIconrubberBand {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1);
  }
}
@keyframes notAToastspin {
  to {
    transform: rotate(360deg);
  }
}