#toasts{
  min-height: 0;
  position: fixed;
  right: 20px;
  top: 20px;
  z-index: 9
}

#toasts .toast{
  background: #fff;
  border-radius: 3px;
  box-shadow: 2px 2px 16px rgba(0, 0, 0, .1);
  color: rgba(0,0,0, .6);
  cursor: default;
  margin-bottom: 10px;
  opacity: 0;
  position: relative;
  padding: 20px;
  transform: translateY(15%);
  transition: opacity .5s ease-in-out, transform .5s ease-in-out;
  width: 100%;
  will-change: opacity, transform;
  z-index: 1100;
  font-size: .9em
} 

#toasts .toast.success{
  background: #26d68a
}

#toasts .toast.warning{
  background: #ffa533
}

#toasts .toast.info{
  background: #2cbcff
}

#toasts .toast.error{
  background: #f44336
}

#toasts .toast.show{
  opacity: 1;
  transform: translateY(0);
  transition: opacity .5s ease-in-out, transform .5s ease-in-out
}

#toasts .toast.hide{
  height: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 30px;
  transition: all .5s ease-in-out
}

#toasts .toast .close{
  cursor: pointer;
  font-size: 24px;
  height: 16px;
  position: absolute;
  right: 14px;
  top: calc(50% - 13px);
  width: 16px
}

@media (max-width: 1200px){
	#toasts{
		display: none
	}
}

#toasts .toast p{
	display: none
}

.custom-toast{
	display: block;
	font-size: .9em;
	position: relative;
	padding-right: 20px
}
.custom-toast a{
	color: #444;
	text-decoration: none
}
.custom-toast strong{
	font-weight: bold
}
.custom-toast img{
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 20px;
	margin-right: 3px;
	margin-bottom: -3px
}
.custom-toast svg{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	margin-bottom: -6px
}

:root{
	--color-white: #fff;
	--color-instagram: #5800a0;
	--color-twitter: #1DA1F2;
	--color-tiktok: #EE1D51;
	--color-youtube: #CD201F;
	--color-threads: #131418;
	--color-facebook: #1877F2;
	--color-spotify: #25D366;
	--color-twitch: #410093;
	--color-telegram: #0099FF;
	--color-linkedin: #0061FF;
	--color-pinterest: #BD081C;
	--color-vimeo: #1AB7EA;
	--color-discord: #0A66C2;
	--color-reddit: #FF5700;
	--color-tinder: #FF3300;
	--color-snapchat: #b3b148;
	--color-tumblr: #34465D;
}

.color-white{color: var(--color-white)!important}
.color-instagram{color: var(--color-instagram)!important}
.color-twitter{color: var(--color-twitter)!important}
.color-tiktok{color: var(--color-tiktok)!important}
.color-youtube{color: var(--color-youtube)!important}
.color-threads{color: var(--color-threads)!important}
.color-facebook{color: var(--color-facebook)!important}
.color-spotify{color: var(--color-spotify)!important}
.color-twitch{color: var(--color-twitch)!important}
.color-telegram{color: var(--color-telegram)!important}
.color-linkedin{color: var(--color-linkedin)!important}
.color-pinterest{color: var(--color-pinterest)!important}
.color-vimeo{color: var(--color-vimeo)!important}
.color-discord{color: var(--color-discord)!important}
.color-reddit{color: var(--color-reddit)!important}
.color-tinder{color: var(--color-tinder)!important}
.color-snapchat{color: var(--color-snapchat)!important}
.color-tumblr{color: var(--color-tumblr)!important}

.bg-instagram{background-color: var(--color-instagram)!important}
.bg-twitter{background-color: var(--color-twitter)!important}
.bg-tiktok{background-color: var(--color-tiktok)!important}
.bg-youtube{background-color: var(--color-youtube)!important}
.bg-threads{background-color: var(--color-threads)!important}
.bg-facebook{background-color: var(--color-facebook)!important}
.bg-spotify{background-color: var(--color-spotify)!important}
.bg-twitch{background-color: var(--color-twitch)!important}
.bg-telegram{background-color: var(--color-telegram)!important}
.bg-linkedin{background-color: var(--color-linkedin)!important}
.bg-pinterest{background-color: var(--color-pinterest)!important}
.bg-vimeo{background-color: var(--color-vimeo)!important}
.bg-discord{background-color: var(--color-discord)!important}
.bg-reddit{background-color: var(--color-reddit)!important}
.bg-tinder{background-color: var(--color-tinder)!important}
.bg-snapchat{background-color: var(--color-snapchat)!important}
.bg-tumblr{background-color: var(--color-tumblr)!important}

.fill-instagram{fill: var(--color-instagram)}
.fill-twitter{fill: var(--color-twitter)}
.fill-tiktok{fill: var(--color-tiktok)}
.fill-youtube{fill: var(--color-youtube)}
.fill-threads{fill: var(--color-threads)}
.fill-facebook{fill: var(--color-facebook)}
.fill-spotify{fill: var(--color-spotify)}
.fill-twitch{fill: var(--color-twitch)}
.fill-telegram{fill: var(--color-telegram)}
.fill-linkedin{fill: var(--color-linkedin)}
.fill-pinterest{fill: var(--color-pinterest)}
.fill-vimeo{fill: var(--color-vimeo)}
.fill-discord{fill: var(--color-discord)}
.fill-reddit{fill: var(--color-reddit)}
.fill-tinder{fill: var(--color-tinder)}
.fill-snapchat{fill: var(--color-snapchat)}
.fill-tumblr{fill: var(--color-tumblr)}