/* MindMesh Profile Widget Skin: OPAL */

.mm-pw--skin-opal {
 --pw-bg: linear-gradient(135deg,rgba(255,249,253,.96),rgba(233,250,245,.94));
 --pw-border: rgba(138,108,161,.25);
 --pw-radius: 26px;
 --pw-bar-bg: linear-gradient(100deg,#fce9f3,#ece9ff,#e1f4ee);
 --pw-bar-border: rgba(138,108,161,.25);
 --pw-bar-text: #574268;
 --pw-btn-text: #574268;
 --pw-btn-hover-bg: rgba(148,163,184,.16);
 --pw-body-text: #40364d;
 --pw-shadow: 0 12px 32px rgba(111,75,137,.16);
 --pw-blur: 8px;
 --mm-widget-bg-rgb-default: 255 250 253;
 --mm-widget-bg-layer-opacity-default: .12;
}

.mm-pw--skin-opal.mm-pw { position: relative; border-radius: var(--pw-radius); box-shadow: var(--pw-shadow); overflow: hidden; transform: translateZ(0); will-change: transform; -webkit-mask-image: -webkit-radial-gradient(white, black); mask-image: radial-gradient(white, black); }
.mm-pw--skin-opal.mm-pw::before { content:""; position:absolute; inset:0; border-radius:inherit; box-sizing:border-box; background:var(--pw-bg); box-shadow:0 0 0 1px var(--pw-border) inset; backdrop-filter:blur(var(--pw-blur)); -webkit-backdrop-filter:blur(var(--pw-blur)); pointer-events:none; z-index:0; transform:translateZ(0); }
.mm-pw--skin-opal .mm-widget-style-layer { position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:10; }
.mm-pw--skin-opal .mm-pw__bar, .mm-pw--skin-opal .mm-pw__body { position:relative; z-index:2; }
.mm-pw--skin-opal .mm-pw__bar { background:var(--pw-bar-bg); box-shadow:0 -1px 0 0 var(--pw-bar-border) inset; color:var(--pw-bar-text); backdrop-filter:blur(calc(var(--pw-blur) * 0.75)); -webkit-backdrop-filter:blur(calc(var(--pw-blur) * 0.75)); }
.mm-pw--skin-opal .mm-pw__btn { color:var(--pw-btn-text); }
.mm-pw--skin-opal .mm-pw__btn:hover { background:var(--pw-btn-hover-bg); }
.mm-pw--skin-opal .mm-pw__body { background:transparent; color:var(--mm-widget-fg, var(--pw-body-text)); }
.mm-pw--no-titlebar .mm-pw__bar { display:none !important; }
