.toast-container {

    pointer-events: none;

    z-index: 1090;

    max-width: 100%
}

.toast {

    border-radius: 0.5rem;

    border-width: 1px;

    border-style: solid;

    border-color: rgb(var(--default-border));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);

    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.toast .toast-header {

    display: flex;

    align-items: center;

    background-color: rgb(var(--light));

    padding-top: 0.375rem;

    padding-bottom: 0.375rem;

    padding-left: 0.75rem;

    padding-right: 0.75rem
}
.toast .toast-header img {

    height: 1.25rem;

    width: 1.25rem
}
.toast .toast-header {

    border-bottom-width: 1px;

    border-style: solid;

    border-color: rgb(var(--default-border))
}
.toast .toast-header .btn-close {

    margin-inline-end: 0.125rem;

    padding: 0.75rem
}
.toast .toast-body {

    padding: 0.75rem;

    font-size: 0.8rem
}
.toast .btn-close {

    font-size: 0.563rem
}
.toast.colored-toast {

    border-width: 0px !important;

    --tw-backdrop-blur: blur(20px) !important;

    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important
}
.toast.colored-toast .btn-close {

    --tw-invert: invert(1);

    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.toast.colored-toast .toast-header {

    border-bottom-width: 1px;

    border-style: solid;

    border-color: rgb(0 0 0 / 0.1)
}

.bd-example-toasts {

    min-height: 15rem
}