/*! ------------------------------------------------
 * Project Name: Azurio - Digital Agency & Personal Portfolio React Nextjs Template
 * Project Description: Stand out and express your uniqueness with Azurio - a vibrant and minimal React Nextjs Template for creatives, studios and freelancers. Impress your website visitors with a clean, stylish layout and stunning visuals.
 * Tags: IB Themes, resume, portfolio, personal page, cv, template, one page, responsive, react, css3, creative, clean, agency, studio 
 * Version: 1.0.0
 * Build Date: May 2026
 * Last Update: May 2026
 * This product is available exclusively on Themeforest
 * Author: IB Themes
 * Author URI: https://themeforest.net/user/IB Themes */
/*! File name: loader.css
 * ------------------------------------------------
 *
 * ------------------------------------------------
 * Table of Contents
 * ------------------------------------------------
 *  01. Loader
 * ------------------------------------------------
 * Table of Contents End
 * ------------------------------------------------ */
.mxd-page-transition{will-change:transform;z-index:999;background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0;transform:translateY(0%)}.mxd-loader{z-index:1000;text-transform:uppercase;letter-spacing:.05rem;color:#e3e3f0;justify-content:center;align-items:center;width:100%;height:100%;font:600 1.4rem/1.6 JetBrains Mono,sans-serif;display:none;position:fixed;inset:0}.mxd-loader__top{opacity:1;will-change:opacity;justify-content:center;align-items:center;width:100%;padding:3rem;display:flex;position:absolute;top:0;left:0}.mxd-loader__bottom{opacity:1;will-change:opacity;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3rem;display:flex;position:absolute;bottom:0;left:0}.mxd-loader__images{clip-path:polygon(100% 100%,100% 100%,0% 100%,0% 100%);will-change:clip-path;width:200px;height:200px;position:relative}.mxd-loader__images img{-o-object-fit:cover;object-fit:cover;opacity:0;will-change:opacity;backface-visibility:hidden;width:100%;height:100%;display:block;position:absolute;transform:translateZ(0)}.mxd-loader__images img:first-child{opacity:1}@media only screen and (width>=1600px){.mxd-loader__images{width:300px;height:300px}}