Toasts style style

style.css

@@ -348,7 +348,6 @@ a.button.featured:focus-visible::after {
   max-width: 100%;
   padding-left: 0.5rem;
 }
-
 .toast {
   margin: 0 0.5rem 0.5rem auto;
   height: fit-content;
@@ -365,11 +364,9 @@ a.button.featured:focus-visible::after {
     0 4px 8px 0 rgba(0, 0, 0, 0.2),
     0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
-
 .toast:not(:has(p + button)) {
   padding-right: 1rem;
 }
-
 .toast button {
   color: var(--light0);
   background-color: var(--dark2);
@@ -379,23 +376,19 @@ a.button.featured:focus-visible::after {
   padding: 0.5rem 0.75rem 0.4rem 0.75rem;
   border-radius: 3rem;
 }
-
 .toast button:hover,
 .toast button:focus-visible {
   background-color: var(--dark3);
 }
-
 .toast .close {
   font-size: 1.5rem;
   font-weight: bold;
   padding: 0.1rem 0 0 0;
   aspect-ratio: 1 / 1;
 }
-
 .toast p {
   margin: 0;
 }
-
 @-webkit-keyframes slidein {
   from {
     -webkit-transform: translateX(120%);
@@ -409,7 +402,6 @@ a.button.featured:focus-visible::after {
     transform: translateX(0%);
   }
 }
-
 @keyframes slidein {
   from {
     -webkit-transform: translateX(120%);
@@ -423,12 +415,10 @@ a.button.featured:focus-visible::after {
     transform: translateX(0%);
   }
 }
-
 .toast.animatein {
   -webkit-animation: slidein 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
   animation: slidein 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
-
 @-webkit-keyframes slideout {
   from {
     -webkit-transform: translateX(0%);
@@ -442,7 +432,6 @@ a.button.featured:focus-visible::after {
     transform: translateX(200%);
   }
 }
-
 @keyframes slideout {
   from {
     -webkit-transform: translateX(0%);
@@ -456,7 +445,6 @@ a.button.featured:focus-visible::after {
     transform: translateX(200%);
   }
 }
-
 .toast.animateout {
   -webkit-animation: slideout 500ms forwards;
   animation: slideout 500ms forwards;