
.rtc-tools-floating-button{
	position:fixed;
	z-index:99999;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	min-height:44px;
	line-height:1.15;
	text-align:center;
	text-decoration:none!important;
	cursor:pointer;
	transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .2s ease;
	-webkit-font-smoothing:antialiased;
	will-change:transform,opacity;
}
.rtc-tools-floating-button__label{white-space:nowrap}
.rtc-tools-floating-button__icon{display:block;flex:0 0 auto;line-height:0}
.rtc-tools-floating-button__icon svg{width:100%;height:100%;display:block}
.rtc-tools-floating-button:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:3px}
.rtc-tools-fb-hidden{visibility:hidden;opacity:0;pointer-events:none}
.rtc-tools-fb-visible{visibility:visible;opacity:1;pointer-events:auto}

/* Entrance */
.rtc-fb-enter-none{animation:rtc-fb-show .25s both}
.rtc-fb-enter-zoom{animation:rtc-fb-zoom .45s both}
.rtc-fb-enter-fade{animation:rtc-fb-fade .45s both}
.rtc-fb-enter-fade-up{animation:rtc-fb-fade-up .45s both}
.rtc-fb-enter-fade-down{animation:rtc-fb-fade-down .45s both}
.rtc-fb-enter-fade-left{animation:rtc-fb-fade-left .45s both}
.rtc-fb-enter-fade-right{animation:rtc-fb-fade-right .45s both}
.rtc-fb-enter-rotate-right{animation:rtc-fb-rotate-right .5s both}
.rtc-fb-enter-rotate-left{animation:rtc-fb-rotate-left .5s both}

/* Attention */
.rtc-fb-attention-bounce{animation:rtc-fb-bounce .85s both}
.rtc-fb-attention-pulse{animation:rtc-fb-pulse .75s both}
.rtc-fb-attention-jelly{animation:rtc-fb-jelly .75s both}
.rtc-fb-attention-hello{animation:rtc-fb-hello .8s both}

@keyframes rtc-fb-show{from{opacity:0}to{opacity:1}}
@keyframes rtc-fb-fade{from{opacity:0}to{opacity:1}}
@keyframes rtc-fb-zoom{from{opacity:0;scale:.75}to{opacity:1;scale:1}}
@keyframes rtc-fb-fade-up{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes rtc-fb-fade-down{from{opacity:0;translate:0 -24px}to{opacity:1;translate:0 0}}
@keyframes rtc-fb-fade-left{from{opacity:0;translate:24px 0}to{opacity:1;translate:0 0}}
@keyframes rtc-fb-fade-right{from{opacity:0;translate:-24px 0}to{opacity:1;translate:0 0}}
@keyframes rtc-fb-rotate-right{from{opacity:0;rotate:-12deg;scale:.92}to{opacity:1;rotate:0;scale:1}}
@keyframes rtc-fb-rotate-left{from{opacity:0;rotate:12deg;scale:.92}to{opacity:1;rotate:0;scale:1}}
@keyframes rtc-fb-bounce{0%,20%,53%,80%,100%{translate:0 0}40%,43%{translate:0 -18px}70%{translate:0 -9px}90%{translate:0 -3px}}
@keyframes rtc-fb-pulse{0%,100%{scale:1}50%{scale:1.07}}
@keyframes rtc-fb-jelly{0%,100%{scale:1 1}30%{scale:1.12 .88}45%{scale:.92 1.08}65%{scale:1.04 .96}}
@keyframes rtc-fb-hello{0%,100%{rotate:0}20%{rotate:8deg}40%{rotate:-7deg}60%{rotate:5deg}80%{rotate:-3deg}}

@media(max-width:767px){.rtc-tools-floating-button{max-width:calc(100vw - 30px)}}
@media(prefers-reduced-motion:reduce){
	.rtc-tools-floating-button,.rtc-tools-floating-button[class*="rtc-fb-"]{animation:none!important;transition:none!important}
}


/* Exit */
.rtc-fb-exit-none{animation:none}
.rtc-fb-exit-fade{animation:rtc-fb-exit-fade .4s both}
.rtc-fb-exit-fade-up{animation:rtc-fb-exit-fade-up .4s both}
.rtc-fb-exit-fade-down{animation:rtc-fb-exit-fade-down .4s both}
.rtc-fb-exit-fade-left{animation:rtc-fb-exit-fade-left .4s both}
.rtc-fb-exit-fade-right{animation:rtc-fb-exit-fade-right .4s both}
.rtc-fb-exit-zoom{animation:rtc-fb-exit-zoom .4s both}

@keyframes rtc-fb-exit-fade{from{opacity:1}to{opacity:0}}
@keyframes rtc-fb-exit-fade-up{from{opacity:1;translate:0 0}to{opacity:0;translate:0 -24px}}
@keyframes rtc-fb-exit-fade-down{from{opacity:1;translate:0 0}to{opacity:0;translate:0 24px}}
@keyframes rtc-fb-exit-fade-left{from{opacity:1;translate:0 0}to{opacity:0;translate:-24px 0}}
@keyframes rtc-fb-exit-fade-right{from{opacity:1;translate:0 0}to{opacity:0;translate:24px 0}}
@keyframes rtc-fb-exit-zoom{from{opacity:1;scale:1}to{opacity:0;scale:.78}}

.rtc-tools-floating-button__icon i{
	display:block;
	width:100%;
	height:100%;
	line-height:1;
	font-size:1em;
	text-align:center;
}


/* Font Awesome / icon vertical alignment */
.rtc-tools-floating-button__icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	line-height:1;
	align-self:center;
	vertical-align:middle;
}

.rtc-tools-floating-button__icon i,
.rtc-tools-floating-button__icon svg{
	display:block;
	line-height:1;
	margin:0;
	padding:0;
	vertical-align:middle;
}

.rtc-tools-floating-button__icon i{
	width:1em;
	height:1em;
	font-size:inherit;
	text-align:center;
}

.rtc-tools-floating-button__motion{
	align-items:center;
}

.rtc-tools-floating-button__label{
	display:inline-flex;
	align-items:center;
	line-height:1;
}


/* RTC Tools 1.4 icon layout/alignment */
.rtc-tools-floating-button__icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	line-height:1;
	vertical-align:middle;
	transition:color .18s ease,background-color .18s ease,transform .18s ease;
}
.rtc-tools-floating-button__icon-glyph{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	line-height:1;
	transform-origin:center;
}
.rtc-tools-floating-button__icon-glyph i,
.rtc-tools-floating-button__icon-glyph svg{
	display:block;
	width:100%;
	height:100%;
	line-height:1;
	margin:0;
	padding:0;
}
.rtc-tools-floating-button__icon-glyph i{
	font-size:100%;
	text-align:center;
}
.rtc-tools-floating-button__label{
	display:inline-flex;
	align-items:center;
}

/* Independent icon animations. They animate the glyph so icon offset/rotation remain intact. */
.rtc-tools-icon-anim-spin .rtc-tools-floating-button__icon-glyph{animation:rtc-icon-spin 1.6s linear infinite}
.rtc-tools-icon-anim-pulse .rtc-tools-floating-button__icon-glyph{animation:rtc-icon-pulse 1.2s ease-in-out infinite}
.rtc-tools-icon-anim-bounce .rtc-tools-floating-button__icon-glyph{animation:rtc-icon-bounce 1.2s ease-in-out infinite}
.rtc-tools-icon-anim-shake .rtc-tools-floating-button__icon-glyph{animation:rtc-icon-shake .8s ease-in-out infinite}
.rtc-tools-icon-anim-beat .rtc-tools-floating-button__icon-glyph{animation:rtc-icon-beat 1s ease-in-out infinite}
@keyframes rtc-icon-spin{to{transform:rotate(360deg)}}
@keyframes rtc-icon-pulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes rtc-icon-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-18%)}}
@keyframes rtc-icon-shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}
@keyframes rtc-icon-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@media(prefers-reduced-motion:reduce){
	.rtc-tools-floating-button__icon-glyph{animation:none!important}
}


/* RTC Tools icon-only animations */
.rtc-tools-floating-button__icon-glyph{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	transform-origin:center;
}
.rtc-tools-icon-anim-spin .rtc-tools-floating-button__icon-glyph{animation:rtc-icon-spin 1.4s linear infinite}
.rtc-tools-icon-anim-pulse .rtc-tools-floating-button__icon-glyph{animation:rtc-icon-pulse 1.1s ease-in-out infinite}
.rtc-tools-icon-anim-bounce .rtc-tools-floating-button__icon-glyph{animation:rtc-icon-bounce 1.2s ease infinite}
.rtc-tools-icon-anim-shake .rtc-tools-floating-button__icon-glyph{animation:rtc-icon-shake 1.1s ease-in-out infinite}
.rtc-tools-icon-anim-beat .rtc-tools-floating-button__icon-glyph{animation:rtc-icon-beat 1s ease-in-out infinite}
.rtc-tools-icon-anim-flip .rtc-tools-floating-button__icon-glyph{animation:rtc-icon-flip 1.6s ease-in-out infinite}
@keyframes rtc-icon-spin{to{transform:rotate(360deg)}}
@keyframes rtc-icon-pulse{0%,100%{opacity:1}50%{opacity:.48}}
@keyframes rtc-icon-bounce{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px)}65%{transform:translateY(-1px)}}
@keyframes rtc-icon-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}
@keyframes rtc-icon-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
@keyframes rtc-icon-flip{0%,100%{transform:rotateY(0)}50%{transform:rotateY(180deg)}}

.rtc-advanced-details{
	border-top:1px solid #e5e7ea;
	margin-top:14px;
	padding-top:12px;
}
