/*! ------------------------------------------------
 * Project Name: Edivent - Digital Agency & Portfolio Studio
 * Project Description: Stand out and express your uniqueness with Edivent - a vibrant and minimal website for creatives, studios and freelancers. Impress your website visitors with a clean, stylish layout and stunning visuals.
 * Tags: Edivent, resume, portfolio, personal page, cv, template, one page, responsive, html5, css3, creative, clean, agency, studio 
 * Version: 1.0.0
 * Build Date: March 2026
 * Last Update: March 2026
 * This product is available exclusively on Themeforest
 * Author: Edivent
 * Author URI: https://edivent.studio *//*! File name: loader.css
 * ------------------------------------------------
 *
 * ------------------------------------------------
 * Table of Contents
 * ------------------------------------------------
 *  01. Loader
 * ------------------------------------------------
 * Table of Contents End
 * ------------------------------------------------ */.mxd-page-transition{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;transform:translate3d(0,-100%,0);visibility:hidden;pointer-events:none;animation:none;will-change:transform;z-index:999}.mxd-loader{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;z-index:1000;font:normal 600 1.4rem/1.6 "Space Mono",monospace;text-transform:uppercase;letter-spacing:.05rem;color:#e3e3f0;visibility:hidden;pointer-events:none}html.mxd-loader-pending .mxd-page-transition{transform:translate3d(0,0,0);visibility:visible}html.mxd-loader-pending .mxd-loader{display:flex;visibility:visible}html.js.mxd-transition-arrival .mxd-page-transition{display:flex!important;visibility:visible;animation:mxd-page-transition-arrival .3s cubic-bezier(.87,0,.13,1) both}html.js.mxd-transition-arrival .mxd-loader{display:none;visibility:hidden}html.js.mxd-transition-outgoing .mxd-page-transition{display:flex!important;visibility:visible;animation:mxd-page-transition-outgoing .4s cubic-bezier(.87,0,.13,1) both}html.js.mxd-transition-outgoing .mxd-loader{display:none;visibility:hidden}@keyframes mxd-page-transition-arrival{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-100%,0)}}@keyframes mxd-page-transition-outgoing{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}.mxd-loader__top{position:absolute;top:0;left:0;width:100%;padding:3rem;display:flex;justify-content:center;align-items:center;opacity:1;will-change:opacity}.mxd-loader__bottom{position:absolute;bottom:0;left:0;width:100%;padding:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;will-change:opacity}.mxd-loader__images{position:relative;width:200px;height:200px;clip-path:polygon(100% 100%,100% 100%,0 100%,0 100%);will-change:clip-path}.mxd-loader__images img{display:block;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;will-change:opacity;backface-visibility:hidden;transform:translateZ(0)}.mxd-loader__images img:first-child{opacity:1}@media only screen and (min-width:1600px){.mxd-loader__images{width:300px;height:300px}}