.ladda-button {
position:relative;
background:#666;
font-size:18px;
cursor:pointer;
overflow:hidden;
color:#fff;
border-radius:2px;
border:1px solid transparent;
-webkit-appearance:none;
-webkit-font-smoothing:antialiased;
-webkit-tap-highlight-color:rgba(0,0,0,0);
padding:14px 18px;
}

.ladda-button:hover {
background-color:#888;
border-color:rgba(0,0,0,0.07);
}

.ladda-button[data-color=green] {
background:#2aca76;
}

.ladda-button[data-color=green]:hover {
background-color:#38d683;
}

.ladda-button[data-color=blue] {
background:#53b5e6;
}

.ladda-button[data-color=blue]:hover {
background-color:#69bfe9;
}

.ladda-button[data-color=red] {
background:#ea8557;
}

.ladda-button[data-color=red]:hover {
background-color:#ed956e;
}

.ladda-button[data-color=purple] {
background:#9973c2;
}

.ladda-button[data-color=purple]:hover {
background-color:#a685ca;
}

.ladda-button[data-color=mint] {
background:#16a085;
}

.ladda-button[data-color=mint]:hover {
background-color:#19b698;
}

.ladda-button[disabled],.ladda-button[data-loading] {
cursor:default;
border-color:rgba(0,0,0,0.07);
}

.ladda-button[disabled]:hover,.ladda-button[data-loading]:hover {
cursor:default;
}

.ladda-button[data-size=xs] {
padding:4px 8px;
}

.ladda-button[data-size=xs] .ladda-label {
font-size:.7em;
}

.ladda-button[data-size=s] {
padding:6px 10px;
}

.ladda-button[data-size=s] .ladda-label {
font-size:.9em;
}

.ladda-button[data-size=l] .ladda-label {
font-size:1.2em;
}

.ladda-button[data-size=xl] .ladda-label {
font-size:1.5em;
}

.ladda-button .ladda-spinner {
position:absolute;
z-index:2;
display:inline-block;
width:32px;
height:32px;
top:50%;
margin-top:-16px;
opacity:0;
}

.ladda-button .ladda-label {
position:relative;
z-index:3;
}

.ladda-button .ladda-progress {
position:absolute;
width:0;
height:100%;
left:0;
top:0;
background:rgba(0,0,0,0.2);
visibility:hidden;
opacity:0;
-webkit-transition:.1s linear all;
-moz-transition:.1s linear all;
-ms-transition:.1s linear all;
-o-transition:.1s linear all;
transition:.1s linear all;
}

.ladda-button[data-loading] .ladda-progress {
opacity:1;
visibility:visible;
}

.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label {
-webkit-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all;
-moz-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all;
-ms-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all;
-o-transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all;
transition:.3s cubic-bezier(0.175,0.885,0.32,1.275) all;
}

.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label {
-webkit-transition:.3s ease all;
-moz-transition:.3s ease all;
-ms-transition:.3s ease all;
-o-transition:.3s ease all;
transition:.3s ease all;
}

.ladda-button[data-style=expand-right] .ladda-spinner {
right:14px;
}

.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
right:4px;
}

.ladda-button[data-style=expand-right][data-loading] {
padding-right:56px;
}

.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
padding-right:40px;
}

.ladda-button[data-style=expand-left] .ladda-spinner {
left:14px;
}

.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
left:4px;
}

.ladda-button[data-style=expand-left][data-loading] {
padding-left:56px;
}

.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
padding-left:40px;
}

.ladda-button[data-style=expand-up] .ladda-spinner {
top:-32px;
left:50%;
margin-left:-16px;
}

.ladda-button[data-style=expand-up][data-loading] {
padding-top:54px;
}

.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
opacity:1;
top:14px;
margin-top:0;
}

.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
padding-top:32px;
}

.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
top:4px;
}

.ladda-button[data-style=expand-down] .ladda-spinner {
top:62px;
left:50%;
margin-left:-16px;
}

.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
top:40px;
}

.ladda-button[data-style=expand-down][data-loading] {
padding-bottom:54px;
}

.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
padding-bottom:32px;
}

.ladda-button[data-style=slide-left] .ladda-spinner {
left:100%;
margin-left:-16px;
}

.ladda-button[data-style=slide-left][data-loading] .ladda-label {
opacity:0;
left:-100%;
}

.ladda-button[data-style=slide-right] .ladda-spinner {
right:100%;
margin-left:-16px;
}

.ladda-button[data-style=slide-right][data-loading] .ladda-label {
opacity:0;
left:100%;
}

.ladda-button[data-style=slide-up] .ladda-spinner {
left:50%;
margin-left:-16px;
margin-top:1em;
}

.ladda-button[data-style=slide-up][data-loading] .ladda-label {
opacity:0;
top:-1em;
}

.ladda-button[data-style=slide-down] .ladda-spinner {
left:50%;
margin-left:-16px;
margin-top:-2em;
}

.ladda-button[data-style=slide-down][data-loading] .ladda-label {
opacity:0;
top:1em;
}

.ladda-button[data-style=zoom-out] .ladda-spinner {
left:50%;
margin-left:-16px;
-webkit-transform:scale(2.5);
-moz-transform:scale(2.5);
-ms-transform:scale(2.5);
-o-transform:scale(2.5);
transform:scale(2.5);
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
opacity:0;
-webkit-transform:scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
-o-transform:scale(0.5);
transform:scale(0.5);
}

.ladda-button[data-style=zoom-in] .ladda-spinner {
left:50%;
margin-left:-16px;
-webkit-transform:scale(0.2);
-moz-transform:scale(0.2);
-ms-transform:scale(0.2);
-o-transform:scale(0.2);
transform:scale(0.2);
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
opacity:0;
-webkit-transform:scale(2.2);
-moz-transform:scale(2.2);
-ms-transform:scale(2.2);
-o-transform:scale(2.2);
transform:scale(2.2);
}

.ladda-button[data-style=contract] {
overflow:hidden;
width:100px;
}

.ladda-button[data-style=contract][data-loading] {
border-radius:50%;
width:52px;
}

.ladda-button[data-style=contract-overlay] {
overflow:hidden;
width:100px;
box-shadow:0 0 0 3000px rgba(0,0,0,0);
}

.ladda-button[data-style=contract-overlay][data-loading] {
border-radius:50%;
width:52px;
box-shadow:0 0 0 3000px rgba(0,0,0,0.8);
}

.ladda-button[data-style=expand-right][data-loading] .ladda-spinner,.ladda-button[data-style=expand-left][data-loading] .ladda-spinner,.ladda-button[data-style=expand-down][data-loading] .ladda-spinner,.ladda-button[data-style=contract][data-loading] .ladda-spinner,.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
opacity:1;
}

.ladda-button[data-style=expand-up],.ladda-button[data-style=expand-down],.ladda-button[data-style=slide-left],.ladda-button[data-style=slide-right],.ladda-button[data-style=slide-up],.ladda-button[data-style=slide-down],.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-in] {
overflow:hidden;
}

.ladda-button[data-style=slide-left] .ladda-label,.ladda-button[data-style=slide-right] .ladda-label,.ladda-button[data-style=slide-up] .ladda-label,.ladda-button[data-style=slide-down] .ladda-label {
position:relative;
}

.ladda-button[data-style=slide-left][data-loading] .ladda-spinner,.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
opacity:1;
left:50%;
}

.ladda-button[data-style=slide-up][data-loading] .ladda-spinner,.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
opacity:1;
margin-top:-16px;
}

.ladda-button[data-style=zoom-out] .ladda-label,.ladda-button[data-style=zoom-in] .ladda-label {
position:relative;
display:inline-block;
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner,.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
opacity:1;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none;
}

.ladda-button[data-style=contract] .ladda-spinner,.ladda-button[data-style=contract-overlay] .ladda-spinner {
left:50%;
margin-left:-16px;
}

.ladda-button[data-style=contract][data-loading] .ladda-label,.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
opacity:0;
}