toast-portal {
	.toast-portal {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2500;
		overflow: visible;
		pointer-events: none;
		background: none !important;
		.toast-list {
			position: absolute;
			top: 5px;
			right: 7px;
			.toast {
				position: relative;
				width: 200px;
				height: 40px;
				border-radius: 4px;
				margin: 4px 3px;
				padding: 2px 3px;
				display: flex;
				align-items: center;
				&.--default {
					background-color: $gray-07;
					border: 1px solid $gray-08;
				}
				&.--success {
					background-color: $green-07;
					border: 1px solid $green-08;
				}
				&.--error {
					background-color: $red-07;
					border: 1px solid $red-08;
				}
				&.--warning {
					background-color: $yellow-07;
					border: 1px solid $yellow-08;
				}
			}
		}
	}
}