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


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

@overlay-default-background:                    fade(@global-background, 90%);

@overlay-primary-background:                    fade(@global-secondary-background, 90%);


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

.hook-overlay() {}


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

.hook-overlay-icon() {}


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

.hook-overlay-default() {}

.hook-overlay-primary() {}


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

.hook-overlay-misc() {}