/*! ------------------------------------------------
 * Project Name: Azurio - Digital Agency & Personal Portfolio HTML Template
 * Project Description: Stand out and express your uniqueness with Azurio - a vibrant and minimal HTML template for creatives, studios and freelancers. Impress your website visitors with a clean, stylish layout and stunning visuals.
 * Tags: mix_design, 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: mix_design
 * Author URI: https://themeforest.net/user/mix_design *//*! 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:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background-color:#000;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);will-change:transform;z-index:999}.mxd-loader{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000;font:normal 600 1.4rem/1.6 "JetBrains Mono",sans-serif;text-transform:uppercase;letter-spacing:.05rem;color:#e3e3f0;display:none}.mxd-loader__top{position:absolute;top:0;left:0;width:100%;padding:3rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;opacity:1;will-change:opacity}.mxd-loader__bottom{position:absolute;bottom:0;left:0;width:100%;padding:3rem;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align: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;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);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}}