.abcRioButton {
 -webkit-border-radius:1px;
 border-radius:1px;
 -webkit-box-shadow 0 2px 4px 0px rgba(0,0,0,.25);
 box-shadow:0 2px 4px 0 rgba(0,0,0,.25);
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 -webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;
 transition:background-color .218s,border-color .218s,box-shadow .218s;
 -webkit-user-select:none;
 -webkit-appearance:none;
 background-color:#fff;
 background-image:none;
 color:#262626;
 cursor:pointer;
 outline:none;
 overflow:hidden;
 position:relative;
 text-align:center;
 vertical-align:middle;
 white-space:nowrap;
 width:auto
}
.abcRioButton:hover {
 -webkit-box-shadow:0 0 3px 3px rgba(66,133,244,.3);
 box-shadow:0 0 3px 3px rgba(66,133,244,.3)
}
.abcRioButtonBlue {
 background-color:#4285f4;
 border:none;
 color:#fff
}
.abcRioButtonBlue:hover {
 background-color:#4285f4
}
.abcRioButtonBlue:active {
 background-color:#3367d6
}
.abcRioButtonLightBlue {
 background-color:#fff;
 color:#757575
}
.abcRioButtonLightBlue:active {
 background-color:#eee;
 color:#6d6d6d
}
.abcRioButtonIcon {
 float:left
}
.abcRioButtonBlue .abcRioButtonIcon {
 background-color:#fff;
 -webkit-border-radius:1px;
 border-radius:1px
}
.abcRioButtonSvg {
 display:block
}
.abcRioButtonContents {
 font-family:Roboto,arial,sans-serif;
 font-size:14px;
 font-weight:500;
 letter-spacing:.21px;
 margin-left:6px;
 margin-right:6px;
 vertical-align:top
}
.abcRioButtonContentWrapper {
 height:100%;
 width:100%
}
.abcRioButtonBlue .abcRioButtonContentWrapper {
 border:1px solid transparent
}
.abcRioButtonErrorWrapper,.abcRioButtonWorkingWrapper {
 display:none;
 height:100%;
 width:100%
}
.abcRioButtonErrorIcon,.abcRioButtonWorkingIcon {
 margin-left:auto;
 margin-right:auto
}
.abcRioButtonErrorState,.abcRioButtonWorkingState {
 border:1px solid #d5d5d5;
 border:1px solid rgba(0,0,0,.17);
 -webkit-box-shadow:0 1px 0 rgba(0,0,0,.05);
 box-shadow:0 1px 0 rgba(0,0,0,.05);
 color:#262626
}
.abcRioButtonErrorState:hover,.abcRioButtonWorkingState:hover {
 border:1px solid #aaa;
 border:1px solid rgba(0,0,0,.25);
 -webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);
 box-shadow:0 1px 0 rgba(0,0,0,.1)
}
.abcRioButtonErrorState:active,.abcRioButtonWorkingState:active {
 border:1px solid #aaa;
 border:1px solid rgba(0,0,0,.25);
 -webkit-box-shadow:inset 0 1px 0 #ddd;
 box-shadow:inset 0 1px 0 #ddd;
 color:#262626
}
.abcRioButtonWorkingState,.abcRioButtonWorkingState:hover {
 background-color:#f5f5f5
}
.abcRioButtonWorkingState:active {
 background-color:#e5e5e5
}
.abcRioButtonErrorState,.abcRioButtonErrorState:hover {
 background-color:#fff
}
.abcRioButtonErrorState:active {
 background-color:#e5e5e5
}
.abcRioButtonWorkingState .abcRioButtonWorkingWrapper,.abcRioButtonErrorState .abcRioButtonErrorWrapper {
 display:block
}
.abcRioButtonErrorState .abcRioButtonContentWrapper,.abcRioButtonWorkingState .abcRioButtonContentWrapper,.abcRioButtonErrorState .abcRioButtonWorkingWrapper {
 display:none
}
.-webkit-keyframes abcRioButtonWorkingIconPathSpinKeyframes {
 0% {
  -webkit-transform:rotate(0)
 }
}