// /**
// * Copyright © Magento, Inc. All rights reserved.
// * See COPYING.txt for license details.
// */

//
// Loaders
// _____________________________________________

.lib-loader(
@_loader-overlay-background-color: @loader-overlay__background-color,
@_loader-overlay-z-index: @loader-overlay__z-index,
@_loader-icon-width: @loader-icon__width,
@_loader-icon-height: @loader-icon__height,
@_loader-icon-background-color: @loader-icon__background-color,
@_loader-icon-background-image: @loader-icon__background-image,
@_loader-icon-background-position: @loader-icon__background-position,
@_loader-icon-border-radius: @loader-icon__border-radius,
@_loader-icon-padding: @loader-icon__padding,
@_loader-text: @loader-text,
@_loader-text-color: @loader-text__color,
@_loader-text-font-size: @loader-text__font-size,
@_loader-text-font-family: @loader-text__font-family,
@_loader-text-font-weight: @loader-text__font-weight,
@_loader-text-font-style: @loader-text__font-style,
@_loader-text-padding: @loader-text__padding
) {
.lib-css(background-color, @_loader-overlay-background-color);
.lib-css(z-index, @_loader-overlay-z-index);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;

&:before {
._lib-loader-text(@_loader-text);
.lib-css(background, @_loader-icon-background-color @_loader-icon-background-image no-repeat @_loader-icon-background-position);
.lib-css(border-radius, @_loader-icon-border-radius);
.lib-css(height, @_loader-icon-height);
.lib-css(padding, @_loader-icon-padding);
.lib-css(width, @_loader-icon-width);
bottom: 0;
box-sizing: border-box;
content: '';
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
}

._lib-loader-text(
@_loader-text
) when (@_loader-text = true) {
.lib-css(padding, @_loader-text-padding);
content: attr(data-text);
text-align: center;
vertical-align: baseline;

.lib-typography(
@_color: @_loader-text-color,
@_font-size: @_loader-text-font-size,
@_font-family: @_loader-text-font-family,
@_font-weight: @_loader-text-font-weight,
@_font-style: @_loader-text-font-style
);
}

.lib-loading(
@_loading-background-color: @loading__background-color,
@_loading-background-image: @loading__background-image
) {
position: relative;

&:before {
.lib-css(background, @_loading-background-color @_loading-background-image no-repeat 50% 50%);
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0;
}
}

.lib-loading-mask() {
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
top: 0;
z-index: 100;
}