// ============================================================================
// Components | Toast
// ============================================================================

// @use "../../dev" as *;
// @use "../../variables" as *;

// @use "../head_layout" as *;
//
// @use "../soul_type" as *;

// /// Base toast styling
// @mixin toast--base {
//   width: var(--toast-max-width);
//   max-width: 100%;
//   color: var(--toast-color);
//   pointer-events: auto;
//   background-color: var(--toast-bg);
//   background-clip: padding-box;
//   border: var(--toast-border-width) solid var(--toast-border-color);
//   box-shadow: var(--toast-box-shadow);
//   @include border-radius(var(--toast-border-radius));
//   @include font-size(var(--toast-font-size));

//   &.showing {
//     opacity: 0;
//   }

//   &:not(.show) {
//     display: none;
//   }
// }

// /// Toast container positioning (absolute, fixed layout)
// @mixin toast--container {
//   position: absolute;
//   z-index: var(--toast-zindex);
//   width: max-content;
//   max-width: 100%;
//   pointer-events: none;

//   > :not(:last-child) {
//     margin-bottom: var(--toast-spacing);
//   }
// }

// /// Toast container with fixed positioning (responsive)
// @mixin toast--fixed-container {
//   display: block;
//   position: fixed;
//   z-index: 10000;

//   @media #{$small-and-down} {
//     min-width: 100%;
//     bottom: 0%;
//   }

//   @media #{$medium-only} {
//     left: 5%;
//     bottom: 7%;
//     max-width: 90%;
//   }

//   @media #{$large-and-up} {
//     top: 10%;
//     right: 7%;
//     max-width: 86%;
//   }
// }

// /// Toast header
// @mixin toast--header {
//   display: flex;
//   align-items: center;
//   padding: var(--toast-padding-y) var(--toast-padding-x);
//   color: var(--toast-header-color);
//   background-color: var(--toast-header-bg);
//   background-clip: padding-box;
//   border-bottom: var(--toast-border-width) solid var(--toast-header-border-color);
//   @include border-top-radius(calc(var(--toast-border-radius) - var(--toast-border-width)));

//   .btn-close {
//     margin-right: calc(-.5 * var(--toast-padding-x));
//     margin-left: var(--toast-padding-x);
//   }
// }

// /// Toast body
// @mixin toast--body {
//   padding: var(--toast-padding-x);
//   word-wrap: break-word;
// }

// /// Toast content layout (visual block)
// @mixin toast--layout {
//   @extend .z-depth-1;
//   border-radius: q(2);
//   margin-top: q(10);
//   position: relative;
//   max-width: 100%;
//   height: auto;
//   min-height: $toast-height;
//   line-height: 1.5em;
//   background-color: $toast-color;
//   padding: q(10) q(25);
//   font-size: 1.q(16);
//   font-weight: 300;
//   color: $toast-text-color;
//   display: flex;
//   align-items: center;
//   justify-content: space-between;
//   cursor: default;

//   .toast-action {
//     color: $toast-action-color;
//     font-weight: 500;
//     margin-right: -2q(4);
//     margin-left: 3rem;
//   }

//   &.rounded {
//     border-radius: q(24);
//   }

//   @media #{$small-and-down} {
//     width: 100%;
//     border-radius: 0;
//   }
// }

// .toast {
//   @include toast--base;
//   @include toast--layout;
// }
// .toast-container {
//   @include toast--container;
// }
// #toast-container {
//   @include toast--fixed-container;
// }
// .toast-header {
//   @include toast--header;
// }
// .toast-body {
//   @include toast--body;
// }

// .toast.info {
//   background-color: var(--color_log_info);
//   color: var(--color_fill_primary);
// }
// .toast.success {
//   background-color: var(--color_log_success);
//   color: var(--color_fill_primary);
// }
// .toast.error {
//   background-color: var(--color_log_error);
//   color: var(--color_fill_primary);
// }

// .toast {
//     // scss-docs-start toast-css-vars
//     toast-zindex: #{$zindex-toast};
//     toast-padding-x: #{$toast-padding-x};
//     toast-padding-y: #{$toast-padding-y};
//     toast-spacing: #{$toast-spacing};
//     toast-max-width: #{$toast-max-width};
//     @include rfs($toast-font-size, toast-font-size);
//     toast-color: #{$toast-color};
//     toast-bg: #{$toast-background-color};
//     toast-border-width: #{$toast-border-width};
//     toast-border-color: #{$toast-border-color};
//     toast-border-radius: #{$toast-border-radius};
//     toast-box-shadow: #{$toast-box-shadow};
//     toast-header-color: #{$toast-header-color};
//     toast-header-bg: #{$toast-header-background-color};
//     toast-header-border-color: #{$toast-header-border-color};
//     // scss-docs-end toast-css-vars

//     width: var(toast-max-width);
//     max-width: 100%;
//     @include font-size(var(toast-font-size));
//     color: var(toast-color);
//     pointer-events: auto;
//     background-color: var(toast-bg);
//     background-clip: padding-box;
//     border: var(toast-border-width) solid var(toast-border-color);
//     box-shadow: var(toast-box-shadow);
//     @include border-radius(var(toast-border-radius));

//     &.showing {
//       opacity: 0;
//     }

//     &:not(.show) {
//       display: none;
//     }
//   }

//   .toast-container {
//     toast-zindex: #{$zindex-toast};

//     position: absolute;
//     z-index: var(toast-zindex);
//     width: max-content;
//     max-width: 100%;
//     pointer-events: none;

//     > :not(:last-child) {
//       margin-bottom: var(toast-spacing);
//     }
//   }

//   .toast-header {
//     display: flex;
//     align-items: center;
//     padding: var(toast-padding-y) var(toast-padding-x);
//     color: var(toast-header-color);
//     background-color: var(toast-header-bg);
//     background-clip: padding-box;
//     border-bottom: var(toast-border-width) solid var(toast-header-border-color);
//     @include border-top-radius(calc(var(toast-border-radius) - var(toast-border-width)));

//     .btn-close {
//       margin-right: calc(-.5 * var(toast-padding-x)); // stylelint-disable-line function-disallowed-list
//       margin-left: var(toast-padding-x);
//     }
//   }

//   .toast-body {
//     padding: var(toast-padding-x);
//     word-wrap: break-word;
//   }

//   #toast-container {
//     display:block;
//     position: fixed;
//     z-index: 10000;

//     @media #{$small-and-down} {
//       min-width: 100%;
//       bottom: 0%;
//     }
//     @media #{$medium-only} {
//       left: 5%;
//       bottom: 7%;
//       max-width: 90%;
//     }
//     @media #{$large-and-up} {
//       top: 10%;
//       right: 7%;
//       max-width: 86%;
//     }
//   }

//   .toast {
//     @extend .z-depth-1;
//     border-radius: q(2);
//     top: 3q(4);
//     width: auto;
//     margin-top: q(10);
//     position: relative;
//     max-width:100%;
//     height: auto;
//     min-height: $toast-height;
//     line-height: 1.5em;
//     background-color: $toast-color;
//     padding: q(10) q(25);
//     font-size: 1.q(16);
//     font-weight: 300;
//     color: $toast-text-color;
//     display: flex;
//     align-items: center;
//     justify-content: space-between;
//     cursor: default;

//     .toast-action {
//       color: $toast-action-color;
//       font-weight: 500;
//       margin-right: -2q(4);
//       margin-left: 3rem;
//     }

//     &.rounded{
//       border-radius: q(24);
//     }

//     @media #{$small-and-down} {
//       width: 100%;
//       border-radius: 0;
//     }
//   }

// sbf

// .toast {
// 	background-color: #113242;
// 	width: 100%;
// 	margin:auto;
// 	text-align: center;
// 	color: #ffffff;
// }
// /* .toast-body */
// .toast-body {
// 	background-color: #113242;
// 	width: 100%;
// 	margin:auto;
// 	text-align: center;
// 	color: #ffffff;
// }
// .toast p {

// 	font-size: 15px;
// 	color: #ffffff;

// }