.ld-button{position:relative}.ld-button .ld-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:-16px;opacity:0;pointer-events:none}.ld-button .ld-label{position:relative;z-index:3}.ld-button .ld-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all!important;-moz-transition:0.1s linear all!important;-ms-transition:0.1s linear all!important;-o-transition:0.1s linear all!important;transition:0.1s linear all!important}.ld-button[data-loading] .ld-progress{opacity:1;visibility:visible}.ld-button,.ld-button .ld-spinner,.ld-button .ld-label{-webkit-transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;-moz-transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;-ms-transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;-o-transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important;transition:0.3s cubic-bezier(0.175,0.885,0.32,1.275) all!important}.ld-button[data-style="zoom-in"],.ld-button[data-style="zoom-in"] .ld-spinner,.ld-button[data-style="zoom-in"] .ld-label,.ld-button[data-style="zoom-out"],.ld-button[data-style="zoom-out"] .ld-spinner,.ld-button[data-style="zoom-out"] .ld-label{-webkit-transition:0.3s ease all!important;-moz-transition:0.3s ease all!important;-ms-transition:0.3s ease all!important;-o-transition:0.3s ease all!important;transition:0.3s ease all!important}.ld-button[data-style="expand-right"] .ld-spinner{right:14px}.ld-button[data-style="expand-right"][data-size="s"] .ld-spinner,.ld-button[data-style="expand-right"][data-size="xs"] .ld-spinner{right:4px}.ld-button[data-style="expand-right"][data-loading]{padding-right:56px}.ld-button[data-style="expand-right"][data-loading] .ld-spinner{opacity:1}.ld-button[data-style="expand-right"][data-loading][data-size="s"],.ld-button[data-style="expand-right"][data-loading][data-size="xs"]{padding-right:40px}.ld-button[data-style="expand-left"] .ld-spinner{left:14px}.ld-button[data-style="expand-left"][data-size="s"] .ld-spinner,.ld-button[data-style="expand-left"][data-size="xs"] .ld-spinner{left:4px}.ld-button[data-style="expand-left"][data-loading]{padding-left:56px}.ld-button[data-style="expand-left"][data-loading] .ld-spinner{opacity:1}.ld-button[data-style="expand-left"][data-loading][data-size="s"],.ld-button[data-style="expand-left"][data-loading][data-size="xs"]{padding-left:40px}.ld-button[data-style="expand-up"]{overflow:hidden}.ld-button[data-style="expand-up"] .ld-spinner{top:-32px;left:50%;margin-left:-16px}.ld-button[data-style="expand-up"][data-loading]{padding-top:54px}.ld-button[data-style="expand-up"][data-loading] .ld-spinner{opacity:1;top:14px;margin-top:0}.ld-button[data-style="expand-up"][data-loading][data-size="s"],.ld-button[data-style="expand-up"][data-loading][data-size="xs"]{padding-top:32px}.ld-button[data-style="expand-up"][data-loading][data-size="s"] .ld-spinner,.ld-button[data-style="expand-up"][data-loading][data-size="xs"] .ld-spinner{top:4px}.ld-button[data-style="expand-down"]{overflow:hidden}.ld-button[data-style="expand-down"] .ld-spinner{top:62px;left:50%;margin-left:-16px}.ld-button[data-style="expand-down"][data-size="s"] .ld-spinner,.ld-button[data-style="expand-down"][data-size="xs"] .ld-spinner{top:40px}.ld-button[data-style="expand-down"][data-loading]{padding-bottom:54px}.ld-button[data-style="expand-down"][data-loading] .ld-spinner{opacity:1}.ld-button[data-style="expand-down"][data-loading][data-size="s"],.ld-button[data-style="expand-down"][data-loading][data-size="xs"]{padding-bottom:32px}.ld-button[data-style="slide-left"]{overflow:hidden}.ld-button[data-style="slide-left"] .ld-label{position:relative}.ld-button[data-style="slide-left"] .ld-spinner{left:100%;margin-left:-16px}.ld-button[data-style="slide-left"][data-loading] .ld-label{opacity:0;left:-100%}.ld-button[data-style="slide-left"][data-loading] .ld-spinner{opacity:1;left:50%}.ld-button[data-style="slide-right"]{overflow:hidden}.ld-button[data-style="slide-right"] .ld-label{position:relative}.ld-button[data-style="slide-right"] .ld-spinner{right:100%;margin-left:-16px}.ld-button[data-style="slide-right"][data-loading] .ld-label{opacity:0;left:100%}.ld-button[data-style="slide-right"][data-loading] .ld-spinner{opacity:1;left:50%}.ld-button[data-style="slide-up"]{overflow:hidden}.ld-button[data-style="slide-up"] .ld-label{position:relative}.ld-button[data-style="slide-up"] .ld-spinner{left:50%;margin-left:-16px;margin-top:1em}.ld-button[data-style="slide-up"][data-loading] .ld-label{opacity:0;top:-1em}.ld-button[data-style="slide-up"][data-loading] .ld-spinner{opacity:1;margin-top:-16px}.ld-button[data-style="slide-down"]{overflow:hidden}.ld-button[data-style="slide-down"] .ld-label{position:relative}.ld-button[data-style="slide-down"] .ld-spinner{left:50%;margin-left:-16px;margin-top:-2em}.ld-button[data-style="slide-down"][data-loading] .ld-label{opacity:0;top:1em}.ld-button[data-style="slide-down"][data-loading] .ld-spinner{opacity:1;margin-top:-16px}.ld-button[data-style="zoom-out"]{overflow:hidden}.ld-button[data-style="zoom-out"] .ld-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)}.ld-button[data-style="zoom-out"] .ld-label{position:relative;display:inline-block}.ld-button[data-style="zoom-out"][data-loading] .ld-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)}.ld-button[data-style="zoom-out"][data-loading] .ld-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ld-button[data-style="zoom-in"]{overflow:hidden}.ld-button[data-style="zoom-in"] .ld-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)}.ld-button[data-style="zoom-in"] .ld-label{position:relative;display:inline-block}.ld-button[data-style="zoom-in"][data-loading] .ld-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)}.ld-button[data-style="zoom-in"][data-loading] .ld-spinner{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ld-button[data-style="contract"]{overflow:hidden;width:100px}.ld-button[data-style="contract"] .ld-spinner{left:50%;margin-left:-16px}.ld-button[data-style="contract"][data-loading]{border-radius:50%;width:52px}.ld-button[data-style="contract"][data-loading] .ld-label{opacity:0}.ld-button[data-style="contract"][data-loading] .ld-spinner{opacity:1}.ld-button[data-style="contract-overlay"]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0)}.ld-button[data-style="contract-overlay"] .ld-spinner{left:50%;margin-left:-16px}.ld-button[data-style="contract-overlay"][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 3000px rgba(0,0,0,0.8)}.ld-button[data-style="contract-overlay"][data-loading] .ld-label{opacity:0}.ld-button[data-style="contract-overlay"][data-loading] .ld-spinner{opacity:1}.ld-button:hover{border-color:rgba(0,0,0,0.07000000000000001);background-color:#888}.ld-button[data-color="green"]{background:#2aca76}.ld-button[data-color="green"]:hover{background-color:#38d683}.ld-button[data-color="blue"]{background:#53b5e6}.ld-button[data-color="blue"]:hover{background-color:#69bfe9}.ld-button[data-color="red"]{background:#ea8557}.ld-button[data-color="red"]:hover{background-color:#ed956e}.ld-button[data-color="purple"]{background:#9973c2}.ld-button[data-color="purple"]:hover{background-color:#a685ca}.ld-button[data-color="mint"]{background:#16a085}.ld-button[data-color="mint"]:hover{background-color:#19b698}.ld-button[disabled],.ld-button[data-loading]{border-color:rgba(0,0,0,0.07000000000000001);cursor:default;background-color:#999}.ld-button[disabled]:hover,.ld-button[data-loading]:hover{cursor:default;background-color:#999}.ld-button[data-size="xs"]{padding:4px 8px}.ld-button[data-size="xs"] .ld-label{font-size:0.7em}.ld-button[data-size="s"]{padding:6px 10px}.ld-button[data-size="s"] .ld-label{font-size:0.9em}.ld-button[data-size="l"] .ld-label{font-size:1.2em}.ld-button[data-size="xl"] .ld-label{font-size:1.5em}