//
// Component: Overlay
//
// ========================================================================


// Variables
// ========================================================================

//
// Master
//

@internal-overlay-default-gradient:            linear-gradient(135deg, fade(lighten(@global-background, 2%), 80%), fade(darken(@global-background, 4%), 80%));
@internal-overlay-primary-gradient:            linear-gradient(135deg, fade(@global-primary-background, 80%), fade(darken(spin(@global-primary-background, -14%), 18%), 80%));


// Component
// ========================================================================

.hook-overlay() {}

// Icon
// ========================================================================

.hook-overlay-icon() {}


// Style modifiers
// ========================================================================

.hook-overlay-default() {}

.hook-overlay-primary() {}


// Miscellaneous
// ========================================================================

.hook-overlay-misc() {}